w-component-vue 2.5.24 → 2.5.25

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

@@ -1,16 +1,16 @@
 /*!
- * w-component-vue v2.5.24
+ * w-component-vue v2.5.25
  * (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={props:{to:{type:String,default:null}},computed:{toEl:function(){let n=this,e=null;try{e=document.querySelector(n.to)}catch(n){}return e}},watch:{toEl:function(n){this.teleport()}},mounted:function(){this.teleport()},destroyed:function(){let n=this;try{n.$el.remove()}catch(n){}},methods:{teleport:function(){let n=this;try{n.$el&&n.$el.parentElement!==n.toEl&&n.toEl.appendChild(n.$el)}catch(n){}}}};function t(n,e,t,r,o,i,l,a,d,u){"boolean"!=typeof l&&(d=a,a=l,l=!1);const s="function"==typeof t?t.options:t;let c;if(n&&n.render&&(s.render=n.render,s.staticRenderFns=n.staticRenderFns,s._compiled=!0,o&&(s.functional=!0)),r&&(s._scopeId=r),i?(c=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)},s._ssrRegister=c):e&&(c=l?function(n){e.call(this,u(n,this.$root.$options.shadowRoot))}:function(n){e.call(this,a(n))}),c)if(s.functional){const n=s.render;s.render=function(e,t){return c.call(t),n(e,t)}}else{const n=s.beforeCreate;s.beforeCreate=n?[].concat(n,c):[c]}return t}const r="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function o(n){return(n,e)=>function(n,e){const t=r?e.media||"default":n,o=l[t]||(l[t]={ids:new Set,styles:[]});if(!o.ids.has(n)){o.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))))+" */"),o.element||(o.element=document.createElement("style"),o.element.type="text/css",e.media&&o.element.setAttribute("media",e.media),void 0===i&&(i=document.head||document.getElementsByTagName("head")[0]),i.appendChild(o.element)),"styleSheet"in o.element)o.styles.push(t),o.element.styleSheet.cssText=o.styles.filter(Boolean).join("\n");else{const n=o.ids.size-1,e=document.createTextNode(t),r=o.element.childNodes;r[n]&&o.element.removeChild(r[n]),r.length?o.element.insertBefore(e,r[n]):o.element.appendChild(e)}}}(n,e)}let i;const l={};const a=e;var d=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",[n._t("default")],2)};d._withStripped=!0;const u=t({render:d,staticRenderFns:[]},function(n){n&&n("data-v-bcb4612a_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",map:{version:3,sources:[],names:[],mappings:"",file:"Teleport.vue"},media:void 0})},a,"data-v-bcb4612a",false,void 0,!1,o,void 0,void 0);var s=Array.isArray,c="object"==typeof global&&global&&global.Object===Object&&global,p="object"==typeof self&&self&&self.Object===Object&&self,f=c||p||Function("return this")(),h=f.Symbol,g=Object.prototype,m=g.hasOwnProperty,v=g.toString,y=h?h.toStringTag:void 0;var b=Object.prototype.toString;var C=h?h.toStringTag:void 0;function x(n){return null==n?void 0===n?"[object Undefined]":"[object Null]":C&&C in Object(n)?function(n){var e=m.call(n,y),t=n[y];try{n[y]=void 0;var r=!0}catch(n){}var o=v.call(n);return r&&(e?n[y]=t:delete n[y]),o}(n):function(n){return b.call(n)}(n)}function S(n){return null!=n&&"object"==typeof n}function w(n){return"symbol"==typeof n||S(n)&&"[object Symbol]"==x(n)}var I=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,k=/^\w*$/;function T(n,e){if(s(n))return!1;var t=typeof n;return!("number"!=t&&"symbol"!=t&&"boolean"!=t&&null!=n&&!w(n))||(k.test(n)||!I.test(n)||null!=e&&n in Object(e))}function B(n){var e=typeof n;return null!=n&&("object"==e||"function"==e)}function H(n){if(!B(n))return!1;var e=x(n);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}var A,W=f["__core-js_shared__"],F=(A=/[^.]+$/.exec(W&&W.keys&&W.keys.IE_PROTO||""))?"Symbol(src)_1."+A:"";var Z=Function.prototype.toString;function X(n){if(null!=n){try{return Z.call(n)}catch(n){}try{return n+""}catch(n){}}return""}var z=/^\[object .+?Constructor\]$/,R=Function.prototype,P=Object.prototype,V=R.toString,L=P.hasOwnProperty,N=RegExp("^"+V.call(L).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function D(n){return!(!B(n)||(e=n,F&&F in e))&&(H(n)?N:z).test(X(n));var e}function G(n,e){var t=function(n,e){return null==n?void 0:n[e]}(n,e);return D(t)?t:void 0}var M=G(Object,"create");var Y=Object.prototype.hasOwnProperty;var j=Object.prototype.hasOwnProperty;function _(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])}}function K(n,e){return n===e||n!=n&&e!=e}function $(n,e){for(var t=n.length;t--;)if(K(n[t][0],e))return t;return-1}_.prototype.clear=function(){this.__data__=M?M(null):{},this.size=0},_.prototype.delete=function(n){var e=this.has(n)&&delete this.__data__[n];return this.size-=e?1:0,e},_.prototype.get=function(n){var e=this.__data__;if(M){var t=e[n];return"__lodash_hash_undefined__"===t?void 0:t}return Y.call(e,n)?e[n]:void 0},_.prototype.has=function(n){var e=this.__data__;return M?void 0!==e[n]:j.call(e,n)},_.prototype.set=function(n,e){var t=this.__data__;return this.size+=this.has(n)?0:1,t[n]=M&&void 0===e?"__lodash_hash_undefined__":e,this};var E=Array.prototype.splice;function O(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])}}O.prototype.clear=function(){this.__data__=[],this.size=0},O.prototype.delete=function(n){var e=this.__data__,t=$(e,n);return!(t<0)&&(t==e.length-1?e.pop():E.call(e,t,1),--this.size,!0)},O.prototype.get=function(n){var e=this.__data__,t=$(e,n);return t<0?void 0:e[t][1]},O.prototype.has=function(n){return $(this.__data__,n)>-1},O.prototype.set=function(n,e){var t=this.__data__,r=$(t,n);return r<0?(++this.size,t.push([n,e])):t[r][1]=e,this};var J=G(f,"Map");function U(n,e){var t,r,o=n.__data__;return("string"==(r=typeof(t=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==t:null===t)?o["string"==typeof e?"string":"hash"]:o.map}function Q(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])}}Q.prototype.clear=function(){this.size=0,this.__data__={hash:new _,map:new(J||O),string:new _}},Q.prototype.delete=function(n){var e=U(this,n).delete(n);return this.size-=e?1:0,e},Q.prototype.get=function(n){return U(this,n).get(n)},Q.prototype.has=function(n){return U(this,n).has(n)},Q.prototype.set=function(n,e){var t=U(this,n),r=t.size;return t.set(n,e),this.size+=t.size==r?0:1,this};function q(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(q.Cache||Q),t}q.Cache=Q;var nn,en,tn,rn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,on=/\\(\\)?/g,ln=(nn=function(n){var e=[];return 46===n.charCodeAt(0)&&e.push(""),n.replace(rn,function(n,t,r,o){e.push(r?o.replace(on,"$1"):t||n)}),e},en=q(nn,function(n){return 500===tn.size&&tn.clear(),n}),tn=en.cache,en),an=ln;function dn(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 un=h?h.prototype:void 0,sn=un?un.toString:void 0;function cn(n){if("string"==typeof n)return n;if(s(n))return dn(n,cn)+"";if(w(n))return sn?sn.call(n):"";var e=n+"";return"0"==e&&1/n==-1/0?"-0":e}function pn(n){return null==n?"":cn(n)}function fn(n,e){return s(n)?n:T(n,e)?[n]:an(pn(n))}function hn(n){if("string"==typeof n||w(n))return n;var e=n+"";return"0"==e&&1/n==-1/0?"-0":e}function gn(n,e){for(var t=0,r=(e=fn(e,n)).length;null!=n&&t<r;)n=n[hn(e[t++])];return t&&t==r?n:void 0}function mn(n,e,t){var r=null==n?void 0:gn(n,e);return void 0===r?t:r}function vn(n){return"[object Object]"===Object.prototype.toString.call(n)}function yn(n){return"[object String]"===Object.prototype.toString.call(n)}function bn(n){return!(!yn(n)||""===n)}function Cn(n){return n!=n}function xn(n){let e=!1;if(bn(n)){if(""===n.trim())return!1;e=!isNaN(Number(n))}else if(function(n){return"[object Number]"===Object.prototype.toString.call(n)}(n)){if(Cn(n))return!1;e=!0}return e}function Sn(n,e){return!!vn(n)&&(!(!bn(e)&&!xn(e))&&e in n)}function wn(){let n,e,t=new Promise(function(){n=arguments[0],e=arguments[1]});return t.resolve=n,t.reject=e,t}function In(n){return!0===(e=n)||!1===e||S(e)&&"[object Boolean]"==x(e);var e}function kn(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}var Tn=/\s/;var Bn=/^\s+/;function Hn(n){return n?n.slice(0,function(n){for(var e=n.length;e--&&Tn.test(n.charAt(e)););return e}(n)+1).replace(Bn,""):n}var An=/^[-+]0x[0-9a-f]+$/i,Wn=/^0b[01]+$/i,Fn=/^0o[0-7]+$/i,Zn=parseInt;function Xn(n){if("number"==typeof n)return n;if(w(n))return NaN;if(B(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=B(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=Hn(n);var t=Wn.test(n);return t||Fn.test(n)?Zn(n.slice(2),t?2:8):An.test(n)?NaN:+n}var zn=1/0;function Rn(n){return n?(n=Xn(n))===zn||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}function Pn(n){var e=Rn(n),t=e%1;return e==e?t?e-t:e:0}function Vn(n,e,t){var r=null==n?0:n.length;return r?kn(n,(e=t||void 0===e?1:Pn(e))<0?0:e,r):[]}function Ln(n,e){for(var t=-1,r=null==n?0:n.length;++t<r&&!1!==e(n[t],t,n););return n}var Nn,Dn=function(n,e,t){for(var r=-1,o=Object(n),i=t(n),l=i.length;l--;){var a=i[Nn?l:++r];if(!1===e(o[a],a,o))break}return n},Gn=Dn;function Mn(n,e){for(var t=-1,r=Array(n);++t<n;)r[t]=e(t);return r}function Yn(n){return S(n)&&"[object Arguments]"==x(n)}var jn=Object.prototype,_n=jn.hasOwnProperty,Kn=jn.propertyIsEnumerable,$n=Yn(function(){return arguments}())?Yn:function(n){return S(n)&&_n.call(n,"callee")&&!Kn.call(n,"callee")},En=$n;var On="object"==typeof exports&&exports&&!exports.nodeType&&exports,Jn=On&&"object"==typeof module&&module&&!module.nodeType&&module,Un=Jn&&Jn.exports===On?f.Buffer:void 0,Qn=(Un?Un.isBuffer:void 0)||function(){return!1},qn=/^(?:0|[1-9]\d*)$/;function ne(n,e){var t=typeof n;return!!(e=null==e?9007199254740991:e)&&("number"==t||"symbol"!=t&&qn.test(n))&&n>-1&&n%1==0&&n<e}function ee(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=9007199254740991}var te={};function re(n){return function(e){return n(e)}}te["[object Float32Array]"]=te["[object Float64Array]"]=te["[object Int8Array]"]=te["[object Int16Array]"]=te["[object Int32Array]"]=te["[object Uint8Array]"]=te["[object Uint8ClampedArray]"]=te["[object Uint16Array]"]=te["[object Uint32Array]"]=!0,te["[object Arguments]"]=te["[object Array]"]=te["[object ArrayBuffer]"]=te["[object Boolean]"]=te["[object DataView]"]=te["[object Date]"]=te["[object Error]"]=te["[object Function]"]=te["[object Map]"]=te["[object Number]"]=te["[object Object]"]=te["[object RegExp]"]=te["[object Set]"]=te["[object String]"]=te["[object WeakMap]"]=!1;var oe="object"==typeof exports&&exports&&!exports.nodeType&&exports,ie=oe&&"object"==typeof module&&module&&!module.nodeType&&module,le=ie&&ie.exports===oe&&c.process,ae=function(){try{var n=ie&&ie.require&&ie.require("util").types;return n||le&&le.binding&&le.binding("util")}catch(n){}}(),de=ae&&ae.isTypedArray,ue=de?re(de):function(n){return S(n)&&ee(n.length)&&!!te[x(n)]},se=Object.prototype.hasOwnProperty;function ce(n,e){var t=s(n),r=!t&&En(n),o=!t&&!r&&Qn(n),i=!t&&!r&&!o&&ue(n),l=t||r||o||i,a=l?Mn(n.length,String):[],d=a.length;for(var u in n)!e&&!se.call(n,u)||l&&("length"==u||o&&("offset"==u||"parent"==u)||i&&("buffer"==u||"byteLength"==u||"byteOffset"==u)||ne(u,d))||a.push(u);return a}var pe=Object.prototype;function fe(n){var e=n&&n.constructor;return n===("function"==typeof e&&e.prototype||pe)}function he(n,e){return function(t){return n(e(t))}}var ge=he(Object.keys,Object),me=Object.prototype.hasOwnProperty;function ve(n){if(!fe(n))return ge(n);var e=[];for(var t in Object(n))me.call(n,t)&&"constructor"!=t&&e.push(t);return e}function ye(n){return null!=n&&ee(n.length)&&!H(n)}function be(n){return ye(n)?ce(n):ve(n)}var Ce=function(n,e){return function(t,r){if(null==t)return t;if(!ye(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&&Gn(n,e,be)}),xe=Ce;function Se(n){return n}function we(n){return"function"==typeof n?n:Se}function Ie(n,e){return(s(n)?Ln:xe)(n,we(e))}function ke(n){return"[object Array]"===Object.prototype.toString.call(n)}function Te(n){return H(n)}function Be(n,e){let t=wn();if(!ke(n)&&!vn(n))return t.reject("rs is not an array or object"),t;let r=!1;if(vn(n)){r=!0;let e=[];Ie(n,(n,t)=>{e.push({k:t,v:n})}),n=e}Te(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),Te(e)?e(a,l):a})},Promise.resolve()).then(function(n){i.push(n),i=Vn(i),t.resolve(i)}).catch(function(n){t.reject(n)}),t}function He(n,e,t){if(!bn(n))return"";if(!bn(e))return"";if(!yn(t))return"";return String(n).replaceAll(e,t)}function Ae(n){var e=this.__data__=new O(n);this.size=e.size}Ae.prototype.clear=function(){this.__data__=new O,this.size=0},Ae.prototype.delete=function(n){var e=this.__data__,t=e.delete(n);return this.size=e.size,t},Ae.prototype.get=function(n){return this.__data__.get(n)},Ae.prototype.has=function(n){return this.__data__.has(n)},Ae.prototype.set=function(n,e){var t=this.__data__;if(t instanceof O){var r=t.__data__;if(!J||r.length<199)return r.push([n,e]),this.size=++t.size,this;t=this.__data__=new Q(r)}return t.set(n,e),this.size=t.size,this};function We(n){var e=-1,t=null==n?0:n.length;for(this.__data__=new Q;++e<t;)this.add(n[e])}function Fe(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(e(n[t],t,n))return!0;return!1}function Ze(n,e){return n.has(e)}We.prototype.add=We.prototype.push=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this},We.prototype.has=function(n){return this.__data__.has(n)};function Xe(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 u=i.get(n),s=i.get(e);if(u&&s)return u==e&&s==n;var c=-1,p=!0,f=2&t?new We:void 0;for(i.set(n,e),i.set(e,n);++c<a;){var h=n[c],g=e[c];if(r)var m=l?r(g,h,c,e,n,i):r(h,g,c,n,e,i);if(void 0!==m){if(m)continue;p=!1;break}if(f){if(!Fe(e,function(n,e){if(!Ze(f,e)&&(h===n||o(h,n,t,r,i)))return f.push(e)})){p=!1;break}}else if(h!==g&&!o(h,g,t,r,i)){p=!1;break}}return i.delete(n),i.delete(e),p}var ze=f.Uint8Array;function Re(n){var e=-1,t=Array(n.size);return n.forEach(function(n,r){t[++e]=[r,n]}),t}function Pe(n){var e=-1,t=Array(n.size);return n.forEach(function(n){t[++e]=n}),t}var Ve=h?h.prototype:void 0,Le=Ve?Ve.valueOf:void 0;function Ne(n,e){for(var t=-1,r=e.length,o=n.length;++t<r;)n[o+t]=e[t];return n}function De(n,e,t){var r=e(n);return s(n)?r:Ne(r,t(n))}function Ge(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}function Me(){return[]}var Ye=Object.prototype.propertyIsEnumerable,je=Object.getOwnPropertySymbols,_e=je?function(n){return null==n?[]:(n=Object(n),Ge(je(n),function(e){return Ye.call(n,e)}))}:Me,Ke=_e;function $e(n){return De(n,be,Ke)}var Ee=Object.prototype.hasOwnProperty;var Oe=G(f,"DataView"),Je=G(f,"Promise"),Ue=G(f,"Set"),Qe=G(f,"WeakMap"),qe="[object Map]",nt="[object Promise]",et="[object Set]",tt="[object WeakMap]",rt="[object DataView]",ot=X(Oe),it=X(J),lt=X(Je),at=X(Ue),dt=X(Qe),ut=x;(Oe&&ut(new Oe(new ArrayBuffer(1)))!=rt||J&&ut(new J)!=qe||Je&&ut(Je.resolve())!=nt||Ue&&ut(new Ue)!=et||Qe&&ut(new Qe)!=tt)&&(ut=function(n){var e=x(n),t="[object Object]"==e?n.constructor:void 0,r=t?X(t):"";if(r)switch(r){case ot:return rt;case it:return qe;case lt:return nt;case at:return et;case dt:return tt}return e});var st=ut,ct="[object Arguments]",pt="[object Array]",ft="[object Object]",ht=Object.prototype.hasOwnProperty;function gt(n,e,t,r,o,i){var l=s(n),a=s(e),d=l?pt:st(n),u=a?pt:st(e),c=(d=d==ct?ft:d)==ft,p=(u=u==ct?ft:u)==ft,f=d==u;if(f&&Qn(n)){if(!Qn(e))return!1;l=!0,c=!1}if(f&&!c)return i||(i=new Ae),l||ue(n)?Xe(n,e,t,r,o,i):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 ze(n),new ze(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return K(+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=Re;case"[object Set]":var d=1&r;if(a||(a=Pe),n.size!=e.size&&!d)return!1;var u=l.get(n);if(u)return u==e;r|=2,l.set(n,e);var s=Xe(a(n),a(e),r,o,i,l);return l.delete(n),s;case"[object Symbol]":if(Le)return Le.call(n)==Le.call(e)}return!1}(n,e,d,t,r,o,i);if(!(1&t)){var h=c&&ht.call(n,"__wrapped__"),g=p&&ht.call(e,"__wrapped__");if(h||g){var m=h?n.value():n,v=g?e.value():e;return i||(i=new Ae),o(m,v,t,r,i)}}return!!f&&(i||(i=new Ae),function(n,e,t,r,o,i){var l=1&t,a=$e(n),d=a.length;if(d!=$e(e).length&&!l)return!1;for(var u=d;u--;){var s=a[u];if(!(l?s in e:Ee.call(e,s)))return!1}var c=i.get(n),p=i.get(e);if(c&&p)return c==e&&p==n;var f=!0;i.set(n,e),i.set(e,n);for(var h=l;++u<d;){var g=n[s=a[u]],m=e[s];if(r)var v=l?r(m,g,s,e,n,i):r(g,m,s,n,e,i);if(!(void 0===v?g===m||o(g,m,t,r,i):v)){f=!1;break}h||(h="constructor"==s)}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}(n,e,t,r,o,i))}function mt(n,e,t,r,o){return n===e||(null==n||null==e||!S(n)&&!S(e)?n!=n&&e!=e:gt(n,e,t,r,mt,o))}function vt(n){return n==n&&!B(n)}function yt(n,e){return function(t){return null!=t&&(t[n]===e&&(void 0!==e||n in Object(t)))}}function bt(n){var e=function(n){for(var e=be(n),t=e.length;t--;){var r=e[t],o=n[r];e[t]=[r,o,vt(o)]}return e}(n);return 1==e.length&&e[0][2]?yt(e[0][0],e[0][1]):function(t){return t===n||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],u=n[d],s=a[1];if(l&&a[2]){if(void 0===u&&!(d in n))return!1}else{var c=new Ae;if(r)var p=r(u,s,d,n,e,c);if(!(void 0===p?mt(s,u,3,r,c):p))return!1}}return!0}(t,n,e)}}function Ct(n,e){return null!=n&&e in Object(n)}function xt(n,e){return null!=n&&function(n,e,t){for(var r=-1,o=(e=fn(e,n)).length,i=!1;++r<o;){var l=hn(e[r]);if(!(i=null!=n&&t(n,l)))break;n=n[l]}return i||++r!=o?i:!!(o=null==n?0:n.length)&&ee(o)&&ne(l,o)&&(s(n)||En(n))}(n,e,Ct)}function St(n){return function(e){return null==e?void 0:e[n]}}function wt(n){return T(n)?St(hn(n)):function(n){return function(e){return gn(e,n)}}(n)}function It(n){return"function"==typeof n?n:null==n?Se:"object"==typeof n?s(n)?(e=n[0],t=n[1],T(e)&&vt(t)?yt(hn(e),t):function(n){var r=mn(n,e);return void 0===r&&r===t?xt(n,e):mt(t,r,3)}):bt(n):wt(n);var e,t}function kt(n,e){var t=-1,r=ye(n)?Array(n.length):[];return xe(n,function(n,o,i){r[++t]=e(n,o,i)}),r}function Tt(n,e){return(s(n)?dn:kt)(n,It(e))}function Bt(n,e,t){var r=n.length;return t=void 0===t?r:t,!e&&t>=r?n:kn(n,e,t)}function Ht(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}function At(n){return n!=n}function Wt(n,e,t){return e==e?function(n,e,t){for(var r=t-1,o=n.length;++r<o;)if(n[r]===e)return r;return-1}(n,e,t):Ht(n,At,t)}var Ft=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");function Zt(n){return Ft.test(n)}var Xt="\\ud800-\\udfff",zt="["+Xt+"]",Rt="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Pt="\\ud83c[\\udffb-\\udfff]",Vt="[^"+Xt+"]",Lt="(?:\\ud83c[\\udde6-\\uddff]){2}",Nt="[\\ud800-\\udbff][\\udc00-\\udfff]",Dt="(?:"+Rt+"|"+Pt+")"+"?",Gt="[\\ufe0e\\ufe0f]?",Mt=Gt+Dt+("(?:\\u200d(?:"+[Vt,Lt,Nt].join("|")+")"+Gt+Dt+")*"),Yt="(?:"+[Vt+Rt+"?",Rt,Lt,Nt,zt].join("|")+")",jt=RegExp(Pt+"(?="+Pt+")|"+Yt+Mt,"g");function _t(n){return Zt(n)?function(n){return n.match(jt)||[]}(n):function(n){return n.split("")}(n)}function Kt(n,e,t){if((n=pn(n))&&(t||void 0===e))return Hn(n);if(!n||!(e=cn(e)))return n;var r=_t(n),o=_t(e),i=function(n,e){for(var t=-1,r=n.length;++t<r&&Wt(e,n[t],0)>-1;);return t}(r,o),l=function(n,e){for(var t=n.length;t--&&Wt(e,n[t],0)>-1;);return t}(r,o)+1;return Bt(r,i,l).join("")}function $t(n,e){if(!bn(n))return[];if(!bn(e))return[];let t=function(n,e){return bn(n)&&bn(e)?n.split(e):[]}(n,e);t=Tt(t,Kt);let r=[];return Ie(t,function(n){bn(n)&&r.push(n)}),r}function Et(n){return"number"==typeof n&&n==Pn(n)}function Ot(n){if(!xn(n))return 0;return Rn(n)}function Jt(n,e={}){let t=mn(e,"useLimitSafe",null);return In(t)||(t=!1),!!xn(n)&&(n=Ot(n),t?Number.isSafeInteger(n):Et(n))}var Ut=f.isFinite,Qt=Math.min;var qt=function(n){var e=Math[n];return function(n,t){if(n=Xn(n),(t=null==t?0:Qt(Pn(t),292))&&Ut(n)){var r=(pn(n)+"e").split("e");return+((r=(pn(e(r[0]+"e"+(+r[1]+t)))+"e").split("e"))[0]+"e"+(+r[1]-t))}return e(n)}}("round"),nr=qt;function er(n,e={}){let t=mn(e,"useClampSafe",null);In(t)||(t=!1);let r=mn(e,"useLimitSafe",null);In(r)||(r=!1);let o=mn(e,"returnWithStateAndMsg",null);In(o)||(o=!1);let i=n=>o?{state:"success",msg:n}:n,l=n=>{if(o)return{state:"error",msg:n};throw new Error(n)};if(!xn(n))return i(0);let a=null;try{n=Ot(n),a=nr(n),t&&(a>Number.MAX_SAFE_INTEGER?a=Number.MAX_SAFE_INTEGER:a<Number.MIN_SAFE_INTEGER&&(a=Number.MIN_SAFE_INTEGER))}catch(n){return l(n.toString())}return r&&!Number.isSafeInteger(Number(a))?l(`v[${n}] is not a safe integer`):("0"===String(a)&&(a=0),i(a))}function tr(n,e={}){if(!Jt(n,e))return!1;return er(n)>=0}function rr(n,e){if(!bn(n))return"";if(!tr(e))return"";if(0===(e=er(e)))return"";let t=n.length-e;return t<0&&(t=0),n.substring(t,t+e)}function or(n,e){return bn(n)&&tr(e)?0===(e=er(e))?n:rr(n,n.length-e):""}var ir=Array.prototype.join;function lr(n,e){return null==n?"":ir.call(n,e)}let ar=2147483647;function dr(n,e={}){if(!Jt(n,e))return!1;return er(n)>0}function ur(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 sr(n,e={}){let t=null,r=wn();if(!Te(n))return r.reject("waitfunction需輸入函數f"),r;let o=async()=>{let e=n();return ur(e)&&(e=await e),e};if(t=await o(),!0===t)return r.resolve(),r;let i=mn(e,"attemptNum",null);dr(i)||(i=200);let l=mn(e,"timeInterval",null);dr(l)||(l=1e3),l=Math.min(l,ar);let a=0,d=setInterval(async()=>{a+=1,t=await o(),!0===t&&(clearInterval(d),r.resolve()),a>i&&(clearInterval(d),r.reject(`exceeded attemptNum[${i}]`))},l);return r}function cr(n=10){xn(n)||(n=10),n=Math.min(n,ar);let e=wn();return setTimeout(function(){e.resolve()},n),e}let pr={},fr={};function hr({tagName:n,path:e,attributes:t={},func:r}){let o=wn();if("done"===pr[e])return o.resolve("loaded"),o;if("loading"===pr[e])return sr(()=>"done"===pr[e]).then(function(){o.resolve("loaded")}),o;pr[e]="loading";let i=document.createElement(n);return Ie(t,(n,e)=>{i.setAttribute(e,n)}),t.rel&&"stylesheet"===t.rel?(i.setAttribute("href",e),setTimeout(()=>{o.resolve(i),pr[e]="done"},1)):(i.src=e,i.addEventListener("load",()=>{let n;Te(r)?n=sr(r):(n=wn(),n.resolve()),n.then(()=>cr(500)).then(function(){o.resolve(i),pr[e]="done"})}),i.addEventListener("error",()=>{o.reject(i),pr[e]="done"})),document.getElementsByTagName("head")[0].appendChild(i),o}let gr={},mr={},vr=async(n,e="")=>{let t=`${n}|${e}`;if(Sn(mr,t)){return await mr[t]}let r=wn();mr[t]=r;let o=`https://raw.githubusercontent.com/yuda-lyu/${n}/refs/heads/master/package.json`,i=`https://cdn.jsdelivr.net/npm/${n}@{version}/dist/{fn}`,l=await(async(n,e={})=>{if(Sn(gr,n))return await gr[n];let t=mn(e,"useCache");In(t)||(t=!1);let r=wn();gr[n]=r;let o={cache:t?"force-cache":"reload"},i=await fetch(n,o);if(!i.ok)throw new Error(`can not get res from url[${n}]`);let l=await i.json();return r.resolve(l),l})(o),a=mn(l,"version");if(!bn(a))throw new Error("找不到 version");let d=`${n}.umd.js`;bn(e)&&(d=e);let u=i;return u=He(u,"{version}",a),u=He(u,"{fn}",d),r.resolve(u),u},yr=async n=>{let e=await Be(n,async n=>{let e="",t="",r=n.indexOf("base:")>=0,o=n.indexOf("file:")>=0,i=$t(n,"|"),l=mn(i,0,""),a=mn(i,1,"");if(r&&o&&(e=or(l,5),t=or(a,5)),r&&!o&&(e=or(n,5)),!r&&!o)return n;let d=n;if(bn(e)&&!bn(t))d=await vr(e);else{if(!bn(e)||!bn(t))throw console.log("url",d),new Error("invalid url");d=await vr(e,t)}return d}),t=await function(n){let e=wn();ke(n)||(n=[n]),Ie(n,(e,t)=>{yn(e)&&(n[t]={path:e})});let t=lr(Tt(n,"path"),"|");return"done"===fr[t]?(e.resolve("loaded"),e):"loading"===fr[t]?(sr(()=>"done"===fr[t]).then(function(){e.resolve("loaded")}),e):(fr[t]="loading",Ie(n,(n,e)=>{n.type||(".js"===rr(n.path,3)?n.type="js":".css"===rr(n.path,4)?n.type="css":n.type="unknow")}),Be(n,n=>{let e=wn();if("js"===n.type)e=hr({tagName:"script",path:n.path,attributes:{type:"text/javascript"},func:n.func});else if("css"===n.type)e=hr({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(()=>{fr[t]="done"}))}(e);return t};function br(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}function Cr(){let e=br();return n||e.Vue}n&&!window.Vue&&(window.Vue=n);var xr,Sr=(xr="toUpperCase",function(n){var e=Zt(n=pn(n))?_t(n):void 0,t=e?e[0]:n.charAt(0),r=e?Bt(e,1).join(""):n.slice(1);return t[xr]()+r});var wr,Ir=(wr={"À":"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"},function(n){return null==wr?void 0:wr[n]}),kr=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,Tr=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var Br=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Hr=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var Ar="\\ud800-\\udfff",Wr="\\u2700-\\u27bf",Fr="a-z\\xdf-\\xf6\\xf8-\\xff",Zr="A-Z\\xc0-\\xd6\\xd8-\\xde",Xr="\\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",zr="["+Xr+"]",Rr="\\d+",Pr="["+Wr+"]",Vr="["+Fr+"]",Lr="[^"+Ar+Xr+Rr+Wr+Fr+Zr+"]",Nr="(?:\\ud83c[\\udde6-\\uddff]){2}",Dr="[\\ud800-\\udbff][\\udc00-\\udfff]",Gr="["+Zr+"]",Mr="(?:"+Vr+"|"+Lr+")",Yr="(?:"+Gr+"|"+Lr+")",jr="(?:['’](?:d|ll|m|re|s|t|ve))?",_r="(?:['’](?:D|LL|M|RE|S|T|VE))?",Kr="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",$r="[\\ufe0e\\ufe0f]?",Er=$r+Kr+("(?:\\u200d(?:"+["[^"+Ar+"]",Nr,Dr].join("|")+")"+$r+Kr+")*"),Or="(?:"+[Pr,Nr,Dr].join("|")+")"+Er,Jr=RegExp([Gr+"?"+Vr+"+"+jr+"(?="+[zr,Gr,"$"].join("|")+")",Yr+"+"+_r+"(?="+[zr,Gr+Mr,"$"].join("|")+")",Gr+"?"+Mr+"+"+jr,Gr+"+"+_r,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Rr,Or].join("|"),"g");function Ur(n,e,t){return n=pn(n),void 0===(e=t?void 0:e)?function(n){return Hr.test(n)}(n)?function(n){return n.match(Jr)||[]}(n):function(n){return n.match(Br)||[]}(n):n.match(e)||[]}var Qr=RegExp("['’]","g");var qr,no=(qr=function(n,e,t){return e=e.toLowerCase(),n+(t?Sr(pn(e).toLowerCase()):e)},function(n){return 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}(Ur(function(n){return(n=pn(n))&&n.replace(kr,Ir).replace(Tr,"")}(n).replace(Qr,"")),qr,"")}),eo=no;function to(n,e,t){if(!B(t))return!1;var r=typeof e;return!!("number"==r?ye(t)&&ne(e,t.length):"string"==r&&e in t)&&K(t[e],n)}var ro=ae&&ae.isRegExp,oo=ro?re(ro):function(n){return S(n)&&"[object RegExp]"==x(n)};function io(n,e,t){return t&&"number"!=typeof t&&to(n,e,t)&&(e=t=void 0),(t=void 0===t?4294967295:t>>>0)?(n=pn(n))&&("string"==typeof e||null!=e&&!oo(e))&&!(e=cn(e))&&Zt(n)?Bt(_t(n),0,t):n.split(e,t):[]}var lo=St("length"),ao="\\ud800-\\udfff",uo="["+ao+"]",so="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",co="\\ud83c[\\udffb-\\udfff]",po="[^"+ao+"]",fo="(?:\\ud83c[\\udde6-\\uddff]){2}",ho="[\\ud800-\\udbff][\\udc00-\\udfff]",go="(?:"+so+"|"+co+")"+"?",mo="[\\ufe0e\\ufe0f]?",vo=mo+go+("(?:\\u200d(?:"+[po,fo,ho].join("|")+")"+mo+go+")*"),yo="(?:"+[po+so+"?",so,fo,ho,uo].join("|")+")",bo=RegExp(co+"(?="+co+")|"+yo+vo,"g");function Co(n){return Zt(n)?function(n){for(var e=bo.lastIndex=0;bo.test(n);)++e;return e}(n):lo(n)}function xo(n){if(null==n)return 0;if(ye(n))return"string"==typeof(e=n)||!s(e)&&S(e)&&"[object String]"==x(e)?Co(n):n.length;var e,t=st(n);return"[object Map]"==t||"[object Set]"==t?n.size:ve(n).length}let So={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 wo(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=io(n," ");return 1===xo(e)&&(e[1]=null),e}(n),t=function(n,e,t){let r=mn(So,`default.${n}.${e}`,null);return null===r&&(r=t),r}(function(n){let e=n.trim();return e=eo(e),e}(e[0]),function(n){bn(n)||(n="base");let e=n.trim();return e=e.replace("-","").trim(),e}(e[1]),n);return t}const Io={components:{},props:{name:{type:String,default:"cir-wave"},size:{type:Number,default:48},color:{type:String,default:"#666"}},data:function(){return{}},computed:{effColor:function(){return wo(this.color)}},methods:{}};var ko=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;",attrs:{cmp:"loading",loadtype:n.name}},["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; 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)};ko._withStripped=!0;const To=t({render:ko,staticRenderFns:[]},function(n){n&&n("data-v-c7d024f2_0",{source:"\n.pgc-rotate[data-v-c7d024f2] {\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-c7d024f2 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-c7d024f2] {\r\n    animation: progress-circular-dash-data-v-c7d024f2 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-c7d024f2 {\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-c7d024f2 {\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-c7d024f2 {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-c7d024f2 {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AAmGA;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\r\n        :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`"\r\n        :cmp="\'loading\'"\r\n        :loadtype="name"\r\n    >\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; 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 convertColor from \'../js/convertColor.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 * @vue-prop {String} [color=\'#666\'] 輸入圖標顏色字串，預設\'#666\'\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        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'#666\',\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 convertColor(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})},Io,"data-v-c7d024f2",false,void 0,!1,o,void 0,void 0);const Bo={components:{WIconLoading:To},props:{pathItems:{type:Array,default:()=>["base:w-aggrid-vue"]},opt:{type:Object,default:()=>({})},height:{type:Number,default:300},filterall:{type:String,default:""}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;yr(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-aggrid-vue"];n.default&&(n=n.default),Cr().component("w-aggrid-vue",n)}n.cmpName="w-aggrid-vue"})},computed:{},methods:{}};var Ho=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},scopedSlots:n._u([n.$scopedSlots["cell-render"]?{key:"cell-render",fn:function(e){return[n._t("cell-render",null,null,e)]}}:null,n.$scopedSlots["cell-tooltip"]?{key:"cell-tooltip",fn:function(e){return[n._t("cell-tooltip",null,null,e)]}}:null,n.$scopedSlots["head-render"]?{key:"head-render",fn:function(e){return[n._t("head-render",null,null,e)]}}:null,n.$scopedSlots["head-tooltip"]?{key:"head-tooltip",fn:function(e){return[n._t("head-tooltip",null,null,e)]}}:null],null,!0)})};Ho._withStripped=!0;const Ao=t({render:Ho,staticRenderFns:[]},function(n){n&&n("data-v-6fb1e7aa_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",map:{version:3,sources:[],names:[],mappings:"",file:"WAggridVueDyn.vue"},media:void 0})},Bo,"data-v-6fb1e7aa",false,void 0,!1,o,void 0,void 0);function Wo(n){return"number"==typeof n||S(n)&&"[object Number]"==x(n)}function Fo(n,e){var t=[];return xe(n,function(n,r,o){e(n,r,o)&&t.push(n)}),t}function Zo(n,e){return(s(n)?Ge:Fo)(n,It(e))}var Xo=h?h.isConcatSpreadable:void 0;function zo(n){return s(n)||En(n)||!!(Xo&&n&&n[Xo])}function Ro(n,e,t,r,o){var i=-1,l=n.length;for(t||(t=zo),o||(o=[]);++i<l;){var a=n[i];e>0&&t(a)?e>1?Ro(a,e-1,t,r,o):Ne(o,a):r||(o[o.length]=a)}return o}function Po(n,e){if(n!==e){var t=void 0!==n,r=null===n,o=n==n,i=w(n),l=void 0!==e,a=null===e,d=e==e,u=w(e);if(!a&&!u&&!i&&n>e||i&&l&&d&&!a&&!u||r&&l&&d||!t&&d||!o)return 1;if(!r&&!i&&!u&&n<e||u&&t&&o&&!r&&!i||a&&t&&o||!l&&o||!d)return-1}return 0}function Vo(n,e,t){e=e.length?dn(e,function(n){return s(n)?function(e){return gn(e,1===n.length?n[0]:n)}:n}):[Se];var r=-1;return e=dn(e,re(It)),function(n,e){var t=n.length;for(n.sort(e);t--;)n[t]=n[t].value;return n}(kt(n,function(n,t,o){return{criteria:dn(e,function(e){return e(n)}),index:++r,value:n}}),function(n,e){return function(n,e,t){for(var r=-1,o=n.criteria,i=e.criteria,l=o.length,a=t.length;++r<l;){var d=Po(o[r],i[r]);if(d)return r>=a?d:d*("desc"==t[r]?-1:1)}return n.index-e.index}(n,e,t)})}var Lo=Math.max;function No(n,e,t){return e=Lo(void 0===e?n.length-1:e,0),function(){for(var r=arguments,o=-1,i=Lo(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),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)}(n,this,a)}}var Do=function(){try{var n=G(Object,"defineProperty");return n({},"",{}),n}catch(n){}}(),Go=Do,Mo=Go?function(n,e){return Go(n,"toString",{configurable:!0,enumerable:!1,value:(t=e,function(){return t}),writable:!0});var t}:Se,Yo=Mo,jo=Date.now;var _o=function(n){var e=0,t=0;return function(){var r=jo(),o=16-(r-t);if(t=r,o>0){if(++e>=800)return arguments[0]}else e=0;return n.apply(void 0,arguments)}}(Yo),Ko=_o;function $o(n,e){return Ko(No(n,e,Se),n+"")}var Eo=$o(function(n,e){if(null==n)return[];var t=e.length;return t>1&&to(n,e[0],e[1])?e=[]:t>2&&to(e[0],e[1],e[2])&&(e=[e[0]]),Vo(n,Ro(e,1),[])});let Oo="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Jo=Oo.length;function Uo(n=32){let e=[];n=dr(n)?er(n):32;for(let t=0;t<n;t++)e[t]=Oo[0|Math.random()*Jo];return e.join("")}function Qo(n){if(vn(n)){for(let e in n)return!0;return!1}return!1}var qo=he(Object.getPrototypeOf,Object),ni=Function.prototype,ei=Object.prototype,ti=ni.toString,ri=ei.hasOwnProperty,oi=ti.call(Object);function ii(n){if(!S(n)||"[object Object]"!=x(n))return!1;var e=qo(n);if(null===e)return!0;var t=ri.call(e,"constructor")&&e.constructor;return"function"==typeof t&&t instanceof t&&ti.call(t)==oi}function li(n){return S(e=n)&&1===e.nodeType&&!ii(e);var e}function ai(n,e={}){if(!li(n))return;let t=mn(e,"duration",500);t=Ot(t),t<0&&(t=1e3);let r=mn(e,"delay",0);r=Ot(r),r<0&&(r=0);let o=mn(e,"opacityIni",0);o=Ot(o),o=Math.min(Math.max(o,0),1),xn(n.style.opacity)&&(o=Ot(n.style.opacity));let i=10/t,l=`tag-${Uo()}`;n.setAttribute("dom-fade-tag",l),setTimeout(()=>{let e=setInterval(()=>{try{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)}catch(n){console.log(n),clearInterval(e)}},10)},r)}let di='<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>',ui={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:di},si={},ci=null,pi=br();function fi(){Ie(["top-right","top-left","bottom-right","bottom-left"],n=>{!function(n){let e=Zo(si,{position:n});e=Eo(e,"timeStart");let t=16;Ie(e,n=>{si[n.id].ele||(si[n.id].ele=document.querySelector(`#${n.id}`)),si[n.id].loc.top=t,si[n.id].loc.height=si[n.id].ele.offsetHeight,t+=si[n.id].loc.height+16}),Ie(e,e=>{n.indexOf("bottom-")>=0?(si[e.id].ele.style.bottom=`${si[e.id].loc.top}px`,si[e.id].loc.bottom=si[e.id].loc.top):si[e.id].ele.style.top=`${si[e.id].loc.top}px`,n.indexOf("-left")>=0?(si[e.id].ele.style.left="16px",si[e.id].loc.left=16):(si[e.id].ele.style.right="16px",si[e.id].loc.right=16),si[e.id].ele.style.zIndex=2e5,si[e.id].ele.style.opacity=1,si[e.id].ele.style.transform="",si[e.id].ele.style.transform=null})}(n)})}function hi(n){si[n].ele&&si[n].ele.parentNode.removeChild(si[n].ele),si[n]&&delete si[n],fi()}pi.ttWAlertCancel=function(n){hi(n)},pi.ttWAlertFadeIn=function(n){ai(document.querySelector(`#${n}`))},pi.ttWAlertFadeOut=function(n){!function(n,e={}){if(!li(n))return;let t=mn(e,"duration",500);t=Ot(t),t<0&&(t=1e3);let r=mn(e,"delay",0);r=Ot(r),r<0&&(r=0);let o=mn(e,"opacityIni",1);o=Ot(o),o=Math.min(Math.max(o,0),1),xn(n.style.opacity)&&(o=Ot(n.style.opacity));let i=10/t,l=`tag-${Uo()}`;n.setAttribute("dom-fade-tag",l),setTimeout(()=>{let e=setInterval(()=>{try{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)}catch(n){console.log(n),clearInterval(e)}},10)},r)}(document.querySelector(`#${n}`))};let gi=function(n,e={}){if(!bn(n))return;let t=mn(e,"type","success");Sn(ui,t)||(t="success");let r=mn(e,"icon",null);bn(r)||(r=ui[t]);let o="top-right";"top-left"!==e.position&&"bottom-right"!==e.position&&"bottom-left"!==e.position||(o=e.position);let i=mn(e,"time");Wo(i)||(i=4e3),i<0&&(i=4e3);let l=mn(e,"paddingStyle",null);null===l&&(l={top:14,right:26,bottom:14,left:14});let a="";{let n=mn(l,"top",0),e=mn(l,"bottom",0),t=mn(l,"left",0);a=`padding:${n}px ${mn(l,"right",0)}px ${e}px ${t}px;`}let d=mn(e,"textColor","#000");d=He(d,";","");let u=mn(e,"backgroundColor","#fff");u=He(u,";","");let s=mn(e,"borderWidth",1),c=mn(e,"borderColor","#ebeef5");c=He(c,";","");let p=mn(e,"borderRadius",8),f=mn(e,"shadowStyle","0 2px 12px 0 rgba(0,0,0,.1)");f=He(f,";","");let h=mn(e,"closeIconShift",null);null===h&&(h={top:10,right:10});let g="";{let n=mn(h,"top",""),e=mn(h,"bottom",""),t=mn(h,"left",""),r=mn(h,"right","");Wo(n)&&(n=`top:${n}px;`),Wo(e)&&(e=`bottom:${e}px;`),Wo(t)&&(t=`left:${t}px;`),Wo(r)&&(r=`right:${r}px;`),g=`position:absolute; ${n} ${r} ${e} ${t}`}let m=`alt-${Uo()}`,v=`alt-${Uo()}`,y=`\n    <div \n        style="display:inline-block; color:${d}; background:${u}; border:${s}px solid ${c}; 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="${g}">\n                <div \n                id="${v}" \n                    style="display:flex; cursor:pointer; opacity:0;" \n                    onclick="ttWAlertCancel('${m}')"\n                >\n                    ${di}\n                </div>\n            </div>\n\n        </div>\n    </div>\n    `,b=document.createElement("div");b.id=m,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=wn();return function({id:n,position:e,time:t,pm:r}){si[n]={id:n,position:e,ele:null,loc:{height:null,top:null,bottom:null,left:null,right:null},timeShow:t,timeStart:Date.now(),pm:r},fi(),null===ci&&(ci=setInterval(()=>{Ie(si,n=>{Date.now()-n.timeStart>n.timeShow&&(n.pm.resolve(),hi(n.id))}),Qo(si)||(clearInterval(ci),ci=null)},50))}({id:m,position:o,time:i,pm:C}),C};var mi=function(){return f.Date.now()},vi=Math.max,yi=Math.min;function bi(n,e,t){var r,o,i,l,a,d,u=0,s=!1,c=!1,p=!0;if("function"!=typeof n)throw new TypeError("Expected a function");function f(e){var t=r,i=o;return r=o=void 0,u=e,l=n.apply(i,t)}function h(n){var t=n-d;return void 0===d||t>=e||t<0||c&&n-u>=i}function g(){var n=mi();if(h(n))return m(n);a=setTimeout(g,function(n){var t=e-(n-d);return c?yi(t,i-(n-u)):t}(n))}function m(n){return a=void 0,p&&r?f(n):(r=o=void 0,l)}function v(){var n=mi(),t=h(n);if(r=arguments,o=this,d=n,t){if(void 0===a)return function(n){return u=n,a=setTimeout(g,e),s?f(n):l}(d);if(c)return clearTimeout(a),a=setTimeout(g,e),f(d)}return void 0===a&&(a=setTimeout(g,e)),l}return e=Xn(e)||0,B(t)&&(s=!!t.leading,i=(c="maxWait"in t)?vi(Xn(t.maxWait)||0,e):i,p="trailing"in t?!!t.trailing:p),v.cancel=function(){void 0!==a&&clearTimeout(a),u=0,r=d=o=a=void 0},v.flush=function(){return void 0===a?l:m(mi())},v}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function Ci(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var xi={exports:{}};!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,u,s=this._events[a],c=arguments.length;if(s.fn){switch(s.once&&this.removeListener(n,s.fn,void 0,!0),c){case 1:return s.fn.call(s.context),!0;case 2:return s.fn.call(s.context,e),!0;case 3:return s.fn.call(s.context,e,r),!0;case 4:return s.fn.call(s.context,e,r,o),!0;case 5:return s.fn.call(s.context,e,r,o,i),!0;case 6:return s.fn.call(s.context,e,r,o,i,l),!0}for(u=1,d=new Array(c-1);u<c;u++)d[u-1]=arguments[u];s.fn.apply(s.context,d)}else{var p,f=s.length;for(u=0;u<f;u++)switch(s[u].once&&this.removeListener(n,s[u].fn,void 0,!0),c){case 1:s[u].fn.call(s[u].context);break;case 2:s[u].fn.call(s[u].context,e);break;case 3:s[u].fn.call(s[u].context,e,r);break;case 4:s[u].fn.call(s[u].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(c-1);p<c;p++)d[p-1]=arguments[p];s[u].fn.apply(s[u].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,u=[],s=a.length;d<s;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&u.push(a[d]);u.length?this._events[i]=1===u.length?u[0]:u: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}(xi);var Si=Ci(xi.exports);function wi(){return new Si}function Ii(n){if(!n||1!==n.nodeType||!n.isConnected)return!1;if(Te(n.checkVisibility))try{return n.checkVisibility()}catch(n){}let e=n;for(;e&&1===e.nodeType;){let n="";try{n=window.getComputedStyle(e).display}catch(e){n=""}if("none"===n)return!1;e=e.parentElement||e.parentNode&&e.parentNode.host||null}return!0}function ki(n,e,t,r={}){let o=mn(r,"min",-1/0),i=!0===mn(r,"minOpen",!1),l="clamp"===mn(r,"below","def"),a=!0===mn(r,"int",!1),d=!0===mn(r,"timer",!1),u="keep"===mn(r,"inf","def"),s=mn(n,e,null);return xn(s)?(s=Number(s),(i?s>o:s>=o)?s===1/0?d?ar:u?1/0:t:Number.isFinite(s)?a&&!Number.isInteger(s)?t:(d&&(s=Math.min(s,ar)),s):t:l&&!i&&Number.isFinite(o)?o:t):t}let Ti=new Set,Bi=null;function Hi(n){Ti.delete(n),0===Ti.size&&Bi&&(Bi.disconnect(),Bi=null)}function Ai(n){return ki(n,"timeInterval",20,{int:!0,min:0,minOpen:!0,timer:!0})}function Wi(n,e){let t=mn(n,e,null);return Te(t)?t:null}function Fi(n){let e=null;try{e=n()}catch(n){e=null}return e&&1===e.nodeType?e:null}function Zi(n){return xn(n)?Ot(n):null}function Xi(n){return n.offsetWidth>0&&n.offsetHeight>0&&n.width>0&&n.height>0}function zi(n,e,t){let r=function(n){return ki(n,"tolerancePixel",1,{int:!0,min:0,inf:"keep"})}(e),o=!0===mn(e,"sync",!1),i=Wi(e,"getSize"),l=Wi(e,"getBase"),a=function(n){return ki(n,"throttle",0,{int:!0,min:0,minOpen:!0,timer:!0})}(e),d=!1,u={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0,width:0,height:0},s={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0,width:0,height:0},c=null,p=new Set,f=0,h=0,g=(n,e)=>{let t=(n=>{if(!l)return{width:s.width,height:s.height};let e=null;try{e=l()}catch(n){e=null}let t=Zi(mn(e,"width",null)),r=Zi(mn(e,"height",null));return n&&h<f?{width:null===t?null:s.width,height:null===r?null:s.height}:{width:t,height:r}})(e),o=null===t.width?0:t.width-n.width,i=null===t.height?0:t.height-n.height;return{dw:o,dh:i,bw:Math.abs(o)>r,bh:Math.abs(i)>r}},m=n=>({width:n.bw?n.dw>0?"smaller":"larger":"",height:n.bh?n.dh>0?"smaller":"larger":""}),v=(e,r,o,i,a,c)=>{if(!d&&!(a<h)&&(h=a,Xi(r))){if(c){if(!Ii(i))return void(n=>{s===n&&(s={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0,width:0,height:0},u={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0,width:0,height:0},t&&t())})(r);if(l){let n=g(r,!1);if(!n.bw&&!n.bh)return;o=m(n)}}n.emit("resize",{sold:e,snew:r,smode:o,ele:i}),d||n.emit("resizeWithWindow",{sold:e,snew:r,smode:o,ele:i,from:"dom"})}},y=!1,b=(n,e,t,r,o)=>{if(y)return void v(n,e,t,r,o,!1);let i=setTimeout(()=>{p.delete(i),v(n,e,t,r,o,!0)},1);p.add(i)},C=null;a>0&&(C=function(n,e,t){var r=!0,o=!0;if("function"!=typeof n)throw new TypeError("Expected a function");return B(t)&&(r="leading"in t?!!t.leading:r,o="trailing"in t?!!t.trailing:o),bi(n,e,{leading:r,maxWait:e,trailing:o})}(b,a));let x=e=>{d||(u={...u,windowWidth:window.innerWidth,windowHeight:window.innerHeight},Xi(u)&&Ii(c)&&n.emit("resizeWithWindow",{sold:s,snew:u,smode:{width:"",height:""},from:"window"}))};window.addEventListener("resize",x);return{check:(n,e)=>{if(d)return;if(!n)return u={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0,width:0,height:0},void(c=null);let t=function(n,e){let t={offsetWidth:n.offsetWidth,offsetHeight:n.offsetHeight,clientWidth:n.clientWidth,clientHeight:n.clientHeight,windowWidth:window.innerWidth,windowHeight:window.innerHeight,width:n.offsetWidth,height:n.offsetHeight};if(e){let r=null;try{r=e(n)}catch(n){r=null}t.width=Zi(mn(r,"width",null))||0,t.height=Zi(mn(r,"height",null))||0}return t}(n,i);u=t,c=n;let r=g(t,!0);if(!r.bw&&!r.bh)return;let l=s;s=t,f++,((n,e,t,r,o,i)=>{y=i;try{C?C(n,e,t,r,o):b(n,e,t,r,o)}finally{y=!1}})(l,t,m(r),n,f,e&&o)},clear:()=>{d=!0;for(let n of p)clearTimeout(n);p.clear(),C&&C.cancel(),window.removeEventListener("resize",x),c=null},isCleared:()=>d,isVisible:()=>u.offsetWidth>0&&u.offsetHeight>0}}function Ri(n,e={}){if(!Te(n))return console.log("invalid f",n),null;let t=!0===mn(e,"watchIdentity",!1),r=Ai(e),o=wi(),i=zi(o,e,()=>{f(),m()}),l=null,a=null,d=!1,u=!1,s=null,c=null,p=()=>{s.observe(l,{box:"border-box"}),c.observe(l)},f=()=>{!i.isCleared()&&l&&(s.unobserve(l),c.unobserve(l),p())},h=()=>{let n="";if(l)try{n=window.getComputedStyle(l).display}catch(e){n=""}d=!(!l||!l.isConnected),"inline"===n?u=!0:"none"!==n&&""!==n&&(u=!1);let e="inline"===n||"none"===n&&u;e&&null===a?a=setInterval(y,r):e||null===a||(clearInterval(a),a=null)},g=()=>{if(i.isCleared())return;let e=Fi(n);e!==l&&(l&&(s.unobserve(l),c.unobserve(l)),l=e,u=!1,l&&p(),h())},m=()=>{if(i.isCleared())return;var n;l&&l.isConnected&&i.isVisible()&&!t?Hi(v):(n=v,Ti.add(n),Bi||(Bi=new window.MutationObserver(()=>{for(let n of Array.from(Ti))n()}),Bi.observe(document.documentElement,{childList:!0,subtree:!0})))},v=()=>{g(),l&&l.isConnected!==d&&h(),m()},y=()=>{g();try{i.check(l,!0)}finally{h(),m()}};return s=new window.ResizeObserver(y),c=new window.ResizeObserver(y),g(),m(),o.refresh=()=>{g(),i.check(l,!1),h(),m()},o.clear=()=>{i.isCleared()||(i.clear(),Hi(v),s.disconnect(),c.disconnect(),null!==a&&(clearInterval(a),a=null),l=null)},o}function Pi(n,e={}){return"undefined"!=typeof window&&!!window.ResizeObserver&&!!window.MutationObserver&&"polling"!==mn(e,"mode","")?Ri(n,e):function(n,e={}){if(!Te(n))return console.log("invalid f",n),null;let t=wi(),r=zi(t,e),o=setInterval(()=>{r.check(Fi(n),!1)},Ai(e));return t.refresh=()=>{r.isCleared()||r.check(Fi(n),!1)},t.clear=()=>{clearInterval(o),r.clear()},t}(n,e)}function Vi(n,e){return mt(n,e)}function Li(n){return{listeners:n&&n.componentOptions&&n.componentOptions.listeners||null,on:n&&n.data&&n.data.on||null}}function Ni(n,e,t,r={}){let{listeners:o,on:i}=Li(n),l=!0;!1!==r.warn&&function(n,e,t,r,o){let i=[],l=[...Object.keys(r||{}),...Object.keys(o||{})];for(let n of l)n!==e&&(n.replace(/^[~!&]+/,"")===e?i.push(`@${e}不支援.once、.capture、.passive修飾字, 處理函式不會被呼叫`):n.toLowerCase().replace(/-/g,"")===e&&i.push(`事件名須為@${e}, 目前為@${n}, 處理函式不會被呼叫`));let a=n&&n.data||{};a.attrs&&Object.prototype.hasOwnProperty.call(a.attrs,e)&&i.push(`${e}="${a.attrs[e]}"為靜態屬性, 應為@${e}`),(!n||!n.componentOptions)&&a.nativeOn&&a.nativeOn[e]&&i.push(`元素上之@${e}.native無效, 應為@${e}`);for(let n of i)console.warn(`[v-${t}] ${n}`)}(n,e,t,o,i);return{emit:n=>{if(!l)return;let t=o&&o[e]||i&&i[e];"function"==typeof t&&t(n)},update:n=>{if(!l)return;let e=Li(n);o=e.listeners,i=e.on},dispose:()=>{l=!1,o=null,i=null}}}function Di(n,e,t){"__proto__"==e&&Go?Go(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):n[e]=t}var Gi=Object.prototype.hasOwnProperty;function Mi(n,e,t){var r=n[e];Gi.call(n,e)&&K(r,t)&&(void 0!==t||e in n)||Di(n,e,t)}function Yi(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?Di(t,a,d):Mi(t,a,d)}return t}var ji=Object.prototype.hasOwnProperty;function _i(n){if(!B(n))return function(n){var e=[];if(null!=n)for(var t in Object(n))e.push(t);return e}(n);var e=fe(n),t=[];for(var r in n)("constructor"!=r||!e&&ji.call(n,r))&&t.push(r);return t}function Ki(n){return ye(n)?ce(n,!0):_i(n)}var $i="object"==typeof exports&&exports&&!exports.nodeType&&exports,Ei=$i&&"object"==typeof module&&module&&!module.nodeType&&module,Oi=Ei&&Ei.exports===$i?f.Buffer:void 0,Ji=Oi?Oi.allocUnsafe:void 0;function Ui(n,e){if(e)return n.slice();var t=n.length,r=Ji?Ji(t):new n.constructor(t);return n.copy(r),r}function Qi(n,e){var t=-1,r=n.length;for(e||(e=Array(r));++t<r;)e[t]=n[t];return e}var qi=Object.getOwnPropertySymbols?function(n){for(var e=[];n;)Ne(e,Ke(n)),n=qo(n);return e}:Me,nl=qi;function el(n){return De(n,Ki,nl)}var tl=Object.prototype.hasOwnProperty;function rl(n){var e=new n.constructor(n.byteLength);return new ze(e).set(new ze(n)),e}var ol=/\w*$/;var il=h?h.prototype:void 0,ll=il?il.valueOf:void 0;function al(n,e){var t=e?rl(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)}function dl(n,e,t){var r,o=n.constructor;switch(e){case"[object ArrayBuffer]":return rl(n);case"[object Boolean]":case"[object Date]":return new o(+n);case"[object DataView]":return function(n,e){var t=e?rl(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.byteLength)}(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 al(n,t);case"[object Map]":case"[object Set]":return new o;case"[object Number]":case"[object String]":return new o(n);case"[object RegExp]":return function(n){var e=new n.constructor(n.source,ol.exec(n));return e.lastIndex=n.lastIndex,e}(n);case"[object Symbol]":return r=n,ll?Object(ll.call(r)):{}}}var ul=Object.create,sl=function(){function n(){}return function(e){if(!B(e))return{};if(ul)return ul(e);n.prototype=e;var t=new n;return n.prototype=void 0,t}}(),cl=sl;function pl(n){return"function"!=typeof n.constructor||fe(n)?{}:cl(qo(n))}var fl=ae&&ae.isMap,hl=fl?re(fl):function(n){return S(n)&&"[object Map]"==st(n)};var gl=ae&&ae.isSet,ml=gl?re(gl):function(n){return S(n)&&"[object Set]"==st(n)},vl="[object Arguments]",yl="[object Function]",bl="[object Object]",Cl={};function xl(n,e,t,r,o,i){var l,a=1&e,d=2&e,u=4&e;if(t&&(l=o?t(n,r,o,i):t(n)),void 0!==l)return l;if(!B(n))return n;var c=s(n);if(c){if(l=function(n){var e=n.length,t=new n.constructor(e);return e&&"string"==typeof n[0]&&tl.call(n,"index")&&(t.index=n.index,t.input=n.input),t}(n),!a)return Qi(n,l)}else{var p=st(n),f=p==yl||"[object GeneratorFunction]"==p;if(Qn(n))return Ui(n,a);if(p==bl||p==vl||f&&!o){if(l=d||f?{}:pl(n),!a)return d?function(n,e){return Yi(n,nl(n),e)}(n,function(n,e){return n&&Yi(e,Ki(e),n)}(l,n)):function(n,e){return Yi(n,Ke(n),e)}(n,function(n,e){return n&&Yi(e,be(e),n)}(l,n))}else{if(!Cl[p])return o?n:{};l=dl(n,p,a)}}i||(i=new Ae);var h=i.get(n);if(h)return h;i.set(n,l),ml(n)?n.forEach(function(r){l.add(xl(r,e,t,r,n,i))}):hl(n)&&n.forEach(function(r,o){l.set(o,xl(r,e,t,o,n,i))});var g=c?void 0:(u?d?el:$e:d?Ki:be)(n);return Ln(g||n,function(r,o){g&&(r=n[o=r]),Mi(l,o,xl(r,e,t,o,n,i))}),l}Cl[vl]=Cl["[object Array]"]=Cl["[object ArrayBuffer]"]=Cl["[object DataView]"]=Cl["[object Boolean]"]=Cl["[object Date]"]=Cl["[object Float32Array]"]=Cl["[object Float64Array]"]=Cl["[object Int8Array]"]=Cl["[object Int16Array]"]=Cl["[object Int32Array]"]=Cl["[object Map]"]=Cl["[object Number]"]=Cl[bl]=Cl["[object RegExp]"]=Cl["[object Set]"]=Cl["[object String]"]=Cl["[object Symbol]"]=Cl["[object Uint8Array]"]=Cl["[object Uint8ClampedArray]"]=Cl["[object Uint16Array]"]=Cl["[object Uint32Array]"]=!0,Cl["[object Error]"]=Cl[yl]=Cl["[object WeakMap]"]=!1;function Sl(n){return xl(n,5)}function wl(n,e={}){let t,r=e.keys||[],o=bn(e.refreshKey)?e.refreshKey:"",i=e.normalize||null,l=!0,a={},d=[];if(!1===n||null===n)l=!1;else if(void 0===n||!0===n)a={};else if(vn(n)){let e=[];for(let i of Object.keys(n))r.indexOf(i)<0?e.push(i):i===o?t=Sl(n[i]):a[i]=n[i];e.length>0&&d.push(`設定鍵${e.join("、")}不適用而不採用, 可用之鍵為${r.length>0?r.join("、"):"無"}`)}else{let e=Array.isArray(n)?"array":typeof n;d.push(`指令值須為true、false、null或物件, 目前為${e}, 視同未給(啟用並使用預設設定)`)}if(!l)return{enabled:l,cfg:a,funs:[],snap:null,rkey:t,warns:d};if(Te(i)){let e=i(a,{given:vn(n)});a=e.cfg,d=[...d,...e.warns||[]]}let u=[],s={};for(let n of Object.keys(a).sort())Te(a[n])?u.push(n):s[n]=a[n];return{enabled:l,cfg:a,funs:u,snap:{vals:Sl(s),funs:u},rkey:t,warns:d}}function Il(n){let{name:e,attr:t,create:r}=n,o={keys:n.keys||[],refreshKey:n.refreshKey||"",normalize:n.normalize||null},i=new WeakMap,l=(n,e)=>e&&e.componentInstance||n,a=(n,t)=>{for(let r of t)n.warned.has(r)||(n.warned.add(r),console.warn(`[v-${e}] ${r}`))},d=(n,t)=>{let o=t.p;if(!o.enabled)return;let i={};for(let n of Object.keys(o.cfg)){let r=o.cfg[n];Te(r)?i[n]=(...r)=>{let o=t.p.cfg[n];if(!Te(o))return null;try{return o(...r)}catch(r){throw t.warned.has(`fun:${n}`)||(t.warned.add(`fun:${n}`),console.error(`[v-${e}] 設定函數${n}拋錯`,r)),r}}:i[n]=r}let l={alive:!0},a=r(n,i,n=>{l.alive&&t.em.emit(n)});t.det={gate:l,clear:a&&Te(a.clear)?a.clear:null,refresh:a&&Te(a.refresh)?a.refresh:null}},u=n=>{let e=n.det;e&&(n.det=null,e.gate.alive=!1,e.clear&&e.clear())},s=n=>{n.em.dispose(),u(n)};return{bind:function(n,r,u){let c=`r${Uo()}`;n.setAttribute(t,c);let p=l(n,u),f=i.get(p);f&&s(f);let h={em:Ni(u,e,e),p:wl(r.value,o),det:null,warned:new Set,refreshing:!1};a(h,h.p.warns),i.set(p,h),d(n,h)},componentUpdated:function(n,e,t){let r=i.get(l(n,t));if(!r)return;r.em.update(t);let s=wl(e.value,o);a(r,s.warns);let c=r.p;if(r.p=s,s.enabled!==c.enabled||!Vi(s.snap,c.snap))return u(r),void d(n,r);s.enabled&&!Vi(s.rkey,c.rkey)&&(n=>{let e=n.det;e&&e.refresh&&!n.refreshing&&(n.refreshing=!0,Promise.resolve().then(()=>{n.refreshing=!1,n.det===e&&e.refresh()}))})(r)},unbind:function(n,e,r){n.setAttribute(t,null);let o=l(n,r),a=i.get(o);a&&(i.delete(o),s(a))}}}let kl=["event","refreshKey","mode","timeInterval","tolerancePixel","sync","watchIdentity","getSize","getBase","throttle"];function Tl(n){let e=n.event,t=[];return void 0===e?e="resizeWithWindow":"resize"!==e&&"resizeWithWindow"!==e&&(t.push(`event須為'resize'或'resizeWithWindow', 目前為${String(e)}, 視同未給(resizeWithWindow)`),e="resizeWithWindow"),{cfg:{...n,event:e},warns:t}}function Bl(n,e,t){let{event:r,...o}=e,i=Pi(()=>n,o);return i.on(r,n=>{t(n)}),{clear:()=>{i.clear()},refresh:()=>{i.refresh()}}}function Hl(){return Il({name:"domresize",attr:"ev-resize",keys:kl,refreshKey:"refreshKey",normalize:Tl,create:Bl})}var Al={directives:{domresize:Hl()},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}},watch:{badgeAlign:function(){let n=this;n.$nextTick(()=>{n.updatePadding()})}},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=He(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)},useBackgroundColor:function(){return wo(this.backgroundColor)},useBorderColor:function(){return wo(this.borderColor)}},methods:{resize:function(n){this.updatePadding()&&this.$emit("resize",n)},resizeBadge:function(n){this.updatePadding()},updatePadding:function(){let n=this,e=mn(n,"$refs.badge");if(!e)return!1;let t=mn(e,"offsetWidth",null),r=mn(e,"offsetHeight",null);return!(!t||!r)&&(n.paddingTop=.5*r,n.paddingRight=t*n.multiplyW-n.shiftX,!0)}}};const Wl=Al;var Fl=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",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"position:absolute; top:0px; right:"+n.shiftX+"px; transform:translateX("+n.translateX+"%) translateY(-50%);",on:{domresize:n.resizeBadge}},[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)])])};Fl._withStripped=!0;const Zl=t({render:Fl,staticRenderFns:[]},function(n){n&&n("data-v-6e0ef2ec_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",map:{version:3,sources:[],names:[],mappings:"",file:"WBadge.vue"},media:void 0})},Wl,"data-v-6e0ef2ec",false,void 0,!1,o,void 0,void 0);var Xl="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z",zl="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",Rl="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",Pl="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",Vl="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",Ll="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",Nl="M2 2V22H22V2H2M20 12H16V16H20V20H16V16H12V20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12M16 8V12H12V8H16M12 12V16H8V12H12Z",Dl="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",Gl="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",Ml="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",Yl="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z",jl="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20H13Q12.18 20 11.59 19.41 11 18.83 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18H9V20M12 13Z",_l="M15,19.88C15.04,20.18 14.94,20.5 14.71,20.71C14.32,21.1 13.69,21.1 13.3,20.71L9.29,16.7C9.06,16.47 8.96,16.16 9,15.87V10.75L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L15,10.75V19.88M7.04,5L11,10.06V15.58L13,17.58V10.05L16.96,5H7.04Z",Kl="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",$l="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",El="M8,5.14V19.14L19,12.14L8,5.14Z",Ol="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",Jl="M15 16L11 20H21V16H15M12.06 7.19L3 16.25V20H6.75L15.81 10.94L12.06 7.19M5.92 18H5V17.08L12.06 10L13 10.94L5.92 18M18.71 8.04C19.1 7.65 19.1 7 18.71 6.63L16.37 4.29C16.17 4.09 15.92 4 15.66 4C15.41 4 15.15 4.1 14.96 4.29L13.13 6.12L16.88 9.87L18.71 8.04Z";function Ul(n){return pn(n).toLowerCase()}function Ql(n){return pn(n).toUpperCase()}function ql(n,e){return bn(n)&&tr(e)?0===(e=er(e))?"":n.substring(0,e):""}function na(n){if(!(bn(n)||xn(n)||w(n)||function(n){return"[object BigInt]"===Object.prototype.toString.call(n)}(n)))return"";let e="";try{e=String(n)}catch(n){}try{e=n.toString()}catch(n){}return e}function ea(n,e,t=1){return bn(n)&&tr(e)?(t=dr(t)?er(t):1,n.substring(e,e+t)):""}let ta={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 ra(n){return ia(n,1)}function oa(n){return ia(n,360)}function ia(n,e=1){if(n.indexOf("%")>=0){if(!xn(n=He(n,"%","")))throw new Error("invalid color: value is not a number");n=Ot(n)/100}else{if(!xn(n))throw new Error("invalid color: value is not a number");n=Ot(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 la(n){if(!xn(n))throw new Error("invalid color: value is not a number");if((n=Ot(n))>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function aa(n,e="rgba"){if(!ke(n))throw new Error("invalid colors array");let t=mn(n,0,0),r=mn(n,1,0),o=mn(n,2,0),i=mn(n,3,1);if(4!==xo(e=e.split("")))throw new Error("tar.length !== 4");let l=mn(e,0),a=mn(e,1),d=mn(e,2),u=mn(e,3);return{[l]:t,[a]:r,[d]:o,[u]:i}}function da(n){let e=(n=or(n,1)).length;if(2===e)n=`${n}${n}${n}ff`;else if(3===e){let e=ea(n,0,1),t=ea(n,1,1),r=ea(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!==n.length)throw new Error("hex.length of color is not equal to 2");if(!xn(n=parseInt(n,16)))throw new Error("invalid hex of color");return(n=Ot(n))/255}return{r:t(ea(n,0,2)),g:t(ea(n,2,2)),b:t(ea(n,4,2)),a:t(ea(n,6,2))}}function ua(n){return n=aa(n=Tt(n,(n,e)=>e<=2?ia(n,255):3===e?la(n):null),"rgba")}function sa(n){return n=ya(n=aa(n=Tt(n,(n,e)=>0===e?oa(n):1===e||2===e?ra(n):3===e?la(n):null),"hsla"))}function ca(n){return n=ba(n=aa(n=Tt(n,(n,e)=>0===e?oa(n):1===e||2===e?ra(n):3===e?la(n):null),"hsva"))}function pa(n){if("transparent"===n)return{r:0,g:0,b:0,a:0};if(function(n){return Sn(ta,n)}(n))return da(n=`#${ta[n]}`);if(function(n){return"#"===ql(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 da(n);if(function(n){return"rgb"===ql(n,3)||"rgba"===ql(n,4)}(n))return function(n){return n=He(n,"rgba",""),n=He(n,"rgb",""),ua($t(n=He(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsl"===ql(n,3)||"hsla"===ql(n,4)}(n))return function(n){return n=He(n,"hsla",""),n=He(n,"hsl",""),sa($t(n=He(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsv"===ql(n,3)||"hsva"===ql(n,4)}(n))return function(n){return n=He(n,"hsva",""),n=He(n,"hsv",""),ca($t(n=He(n=n.replace(/[()]/g,""),","," ")," "))}(n);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function fa(n,e){return!!Sn(n,e=Ul(e))||!!Sn(n,e=Ql(e))}function ha(n,e,t){let r;return r=mn(n,e,null),null!==r?r:(r=mn(n,e=Ql(e),null),null!==r?r:t)}function ga(n){if(function(n){let e=fa(n,"r"),t=fa(n,"g"),r=fa(n,"b");return e&&t&&r}(n))return function(n){let e=[ha(n,"r",null),ha(n,"g",null),ha(n,"b",null),ha(n,"a",1)];return e=Tt(e,na),ua(e)}(n);if(function(n){let e=fa(n,"h"),t=fa(n,"s"),r=fa(n,"l");return e&&t&&r}(n))return function(n){let e=[ha(n,"h",null),ha(n,"s",null),ha(n,"l",null),ha(n,"a",1)];return e=Tt(e,na),sa(e)}(n);if(function(n){let e=fa(n,"h"),t=fa(n,"s"),r=fa(n,"v");return e&&t&&r}(n))return function(n){let e=[ha(n,"h",null),ha(n,"s",null),ha(n,"v",null),ha(n,"a",1)];return e=Tt(e,na),ca(e)}(n);throw new Error("color object is not one of rgba, hsla, hsva")}function ma(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 va(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,u=l-a;if(t=0===l?0:u/l,l===a)e=0;else{switch(l){case r:e=(o-i)/u+(o<i?6:0);break;case o:e=(i-r)/u+2;break;case i:e=(r-o)/u+4}e/=6}return{h:e,s:t,v:d,a:n.a}}function ya(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 ba(n){let e,t,r,o=n.h,i=n.s,l=n.v,a=Math.floor(6*o),d=6*o-a,u=l*(1-i),s=l*(1-d*i),c=l*(1-(1-d)*i);switch(a%6){case 0:e=l,t=c,r=u;break;case 1:e=s,t=l,r=u;break;case 2:e=u,t=l,r=c;break;case 3:e=u,t=s,r=l;break;case 4:e=c,t=u,r=l;break;case 5:e=l,t=u,r=s}return{r:e,g:t,b:r,a:n.a}}function Ca(n){let e=Math.round(255*n).toString(16);if(1===e.length)return`0${e}`;if(2===e.length)return e;throw new Error("invalid value")}function xa(n,e=!0){let t=n.r,r=n.g,o=n.b,i=n.a,l=`${Ca(t)}${Ca(r)}${Ca(o)}`;return e&&(l=`${l}${Ca(i)}`),l}function Sa(n){return Math.min(1,Math.max(0,n))}function wa(n,e){if(!bn(e))throw new Error("fmtOutput is not a string");if(!rd[e])throw console.log(`fmtOutput must be [${be(rd)}]`),new Error("invalid fmtOutput");return n=rd[e](n)}function Ia(n,e,t="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=ma(n);return r.h+=e,r.h=r.h%1,wa(ya(r),t)}function ka(n,e,t,r,o="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 wa({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 Ta(n){return`${nr(100*n,1)}%`}function Ba(n){return nr(n,0)}function Ha(n){return nr(n,3)}function Aa(n){return{r:Ba(255*n.r),g:Ba(255*n.g),b:Ba(255*n.b)}}function Wa(n){return`rgb(${Ba(255*n.r)}, ${Ba(255*n.g)}, ${Ba(255*n.b)})`}function Fa(n){return{r:Ba(255*n.r),g:Ba(255*n.g),b:Ba(255*n.b),a:Ha(n.a)}}function Za(n){return`rgba(${Ba(255*n.r)}, ${Ba(255*n.g)}, ${Ba(255*n.b)}, ${Ha(n.a)})`}function Xa(n){let e=ma(n);return{h:Ba(360*e.h),s:Ha(e.s),l:Ha(e.l)}}function za(n){let e=ma(n);return`hsl(${Ba(360*e.h)}, ${Ha(e.s)}, ${Ha(e.l)})`}function Ra(n){let e=ma(n);return{h:Ba(360*e.h),s:Ha(e.s),l:Ha(e.l),a:Ha(e.a)}}function Pa(n){let e=ma(n);return`hsla(${Ba(360*e.h)}, ${Ha(e.s)}, ${Ha(e.l)}, ${Ha(e.a)})`}function Va(n){let e=va(n);return{h:Ba(360*e.h),s:Ha(e.s),v:Ha(e.v)}}function La(n){let e=va(n);return`hsv(${Ba(360*e.h)}, ${Ha(e.s)}, ${Ha(e.v)})`}function Na(n){let e=va(n);return{h:Ba(360*e.h),s:Ha(e.s),v:Ha(e.v),a:Ha(e.a)}}function Da(n){let e=va(n);return`hsva(${Ba(360*e.h)}, ${Ha(e.s)}, ${Ha(e.v)}, ${Ha(e.a)})`}function Ga(n){return{r:Ta(n.r),g:Ta(n.g),b:Ta(n.b)}}function Ma(n){return`rgb(${Ta(n.r)}, ${Ta(n.g)}, ${Ta(n.b)})`}function Ya(n){return{r:Ta(n.r),g:Ta(n.g),b:Ta(n.b),a:Ha(n.a)}}function ja(n){return`rgba(${Ta(n.r)}, ${Ta(n.g)}, ${Ta(n.b)}, ${Ha(n.a)})`}function _a(n){let e=ma(n);return{h:Ba(360*e.h),s:Ta(e.s),l:Ta(e.l)}}function Ka(n){let e=ma(n);return`hsl(${Ba(360*e.h)}, ${Ta(e.s)}, ${Ta(e.l)})`}function $a(n){let e=ma(n);return{h:Ba(360*e.h),s:Ta(e.s),l:Ta(e.l),a:Ha(e.a)}}function Ea(n){let e=ma(n);return`hsla(${Ba(360*e.h)}, ${Ta(e.s)}, ${Ta(e.l)}, ${Ha(e.a)})`}function Oa(n){let e=va(n);return{h:Ba(360*e.h),s:Ta(e.s),v:Ta(e.v)}}function Ja(n){let e=va(n);return`hsv(${Ba(360*e.h)}, ${Ta(e.s)}, ${Ta(e.v)})`}function Ua(n){let e=va(n);return{h:Ba(360*e.h),s:Ta(e.s),v:Ta(e.v),a:Ha(e.a)}}function Qa(n){let e=va(n);return`hsva(${Ba(360*e.h)}, ${Ta(e.s)}, ${Ta(e.v)}, ${Ha(e.a)})`}function qa(n){let e=function(n){return xa(n,!1)}(n);return`#${e}`}function nd(n){return`#${xa(n)}`}function ed(n){let e=null,t=null,r=null;if(bn(n))e=Ul(Kt(n));else{if(!Qo(n))throw console.log("color=",n),new Error("color is not a string or an object");t=n}if(null!==e)try{r=pa(e)}catch(n){throw console.log(n),new Error(`can not parse color: ${e}`)}else if(null!==t)try{r=ga(t)}catch(n){throw console.log(n),new Error(`can not parse color: ${JSON.stringify(t)}`)}return r}function td(n){if(!Qo(n))return console.log("gradient is not an effective object"),n=>`rgb(${255*(n=Math.min(Math.max(n,0),1))},${255*n},${255*n})`;let e=[];return Ie(n,(n,t)=>{e.push([Ot(t),Fa(ed(n)),n])}),e=Eo(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=ka(ed(i),e,ed(a),r,"toRgbaString");break}}return t}}let rd={toRgb:Aa,toRgbString:Wa,toRgba:Fa,toRgbaString:Za,toHsl:Xa,toHslString:za,toHsla:Ra,toHslaString:Pa,toHsv:Va,toHsvString:La,toHsva:Na,toHsvaString:Da,toRgbP:Ga,toRgbPString:Ma,toRgbaP:Ya,toRgbaPString:ja,toHslP:_a,toHslPString:Ka,toHslaP:$a,toHslaPString:Ea,toHsvP:Oa,toHsvPString:Ja,toHsvaP:Ua,toHsvaPString:Qa,toHexString:qa,toHex8String:nd};var od=function(){let n={toRgb:n=>Aa(ed(n)),toRgbString:n=>Wa(ed(n)),toRgba:n=>Fa(ed(n)),toRgbaString:n=>Za(ed(n)),toHsl:n=>Xa(ed(n)),toHslString:n=>za(ed(n)),toHsla:n=>Ra(ed(n)),toHslaString:n=>Pa(ed(n)),toHsv:n=>Va(ed(n)),toHsvString:n=>La(ed(n)),toHsva:n=>Na(ed(n)),toHsvaString:n=>Da(ed(n)),toRgbP:n=>Ga(ed(n)),toRgbPString:n=>Ma(ed(n)),toRgbaP:n=>Ya(ed(n)),toRgbaPString:n=>ja(ed(n)),toHslP:n=>_a(ed(n)),toHslPString:n=>Ka(ed(n)),toHslaP:n=>$a(ed(n)),toHslaPString:n=>Ea(ed(n)),toHsvP:n=>Oa(ed(n)),toHsvPString:n=>Ja(ed(n)),toHsvaP:n=>Ua(ed(n)),toHsvaPString:n=>Qa(ed(n)),toHexString:n=>qa(ed(n)),toHex8String:n=>nd(ed(n)),modSaturate:(n,e,t)=>function(n,e,t="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=ma(n);return r.s+=e,r.s=Sa(r.s),wa(ya(r),t)}(ed(n),e,t),modGrey:(n,e)=>function(n,e="toRgbString"){let t=ma(n);return t.s=0,wa(ya(t),e)}(ed(n),e),modLighten:(n,e,t)=>function(n,e,t="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=ma(n);return r.l+=e,r.l=Sa(r.l),wa(ya(r),t)}(ed(n),e,t),modBrighten:(n,e,t)=>function(n,e,t="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");return n.r+=e,n.r=Sa(n.r),n.g+=e,n.g=Sa(n.g),n.b+=e,n.b=Sa(n.b),wa(n,t)}(ed(n),e,t),modHue:(n,e,t)=>Ia(ed(n),e,t),modComplement:(n,e)=>function(n,e="toRgbString"){return Ia(n,.5,e)}(ed(n),e),spreadHue:(n,e,t)=>function(n,e,t="toRgbString"){if(!Jt(e))throw new Error("num is not an integer");if((e=er(e))<=1)return[n];let r=ma(n),o=1/e,i=[];for(let n=0;n<e;n++)i.push(wa(ya(r),t)),r.h+=o,r.h=r.h%1;return i}(ed(n),e,t),spreadMonochromatic:(n,e,t)=>function(n,e,t="toRgbString"){if(!Jt(e))throw new Error("num is not an integer");if((e=er(e))<=1)return[n];let r=va(n);r.s=1,r.l=1;let o=1/e,i=[];for(let n=0;n<e;n++)i.push(wa(ba(r),t)),r.h-=o,r.l-=o;return i}(ed(n),e,t),mix:(n,e,t,r,o)=>ka(ed(n),e,ed(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}(ed(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}(ed(n)),interp:td};return n}();function id(){return null!==navigator.userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)}function ld(n){if(!n)return"invalid event";if(!n.cancelable)return"event is not cancelable";try{id()?n.cancelBubble=!0:n.stopPropagation(),n.preventDefault()}catch(n){}}function ad(n,e={}){let t,r=mn(e,"def",""),o=mn(e,"type","");"num"!==o&&"text"!==o&&(o="num"),"num"===o?t=Wo:"text"===o&&(t=yn);let i=r,l=r,a=r,d=r;return t(mn(n,"h"))&&(i=mn(n,"h"),l=i),t(mn(n,"v"))&&(a=mn(n,"v"),d=a),t(mn(n,"left"))&&(i=mn(n,"left")),t(mn(n,"right"))&&(l=mn(n,"right")),t(mn(n,"top"))&&(a=mn(n,"top")),t(mn(n,"bottom"))&&(d=mn(n,"bottom")),{left:i,right:l,top:a,bottom:d}}function dd(n,e={}){let t=mn(e,"parse");In(t)||(t=!0);let r=mn(e,"ext");Qo(r)||(r={});let o=mn(e,"semicolon");In(o)||(o=!0);let i=mn(e,"returnObj");In(i)||(i=!1);let l=0,a=0,d=0,u=0;if(t){let e=ad(n);l=e.left,a=e.right,d=e.top,u=e.bottom}l+=mn(r,"left",0),a+=mn(r,"right",0),d+=mn(r,"top",0),u+=mn(r,"bottom",0);let s=null;return i?s={left:l,right:a,top:d,bottom:u}:(s=`${d}px ${a}px ${u}px ${l}px`,o&&(s=`${s};`)),s}function ud(n){function e(n){n.parentNode.removeChild(n)}if(li(n)){return void e(n)}if(!bn(n))return;let t=function(n){return document.querySelectorAll(n)}(n);Ie(t,function(n){e(n)})}function sd(n,e,t={}){let r=mn(t,"timeDuration",null);dr(r)||(r=1e3);let o=mn(t,"color",null);if(bn(o)||(o="rgba(255, 255, 255, 0.5)"),!li(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),u=document.createElement("div");u.style.width=`${d}px`,u.style.height=`${d}px`,u.style.transition=`all ${r/1e3}s linear`,u.style.position="absolute",u.style.zIndex=1,u.style.left=`${l}px`,u.style.top=`${a}px`,u.style.borderRadius="50%",u.style.transformOrigin="center",u.style.transform="translate(-50%,-50%) scale(0)",u.style.background=o,u.style.userSelect="none",u.style.pointerEvents="none",n.appendChild(u),setTimeout(()=>{u.style.transform="translate(-50%,-50%) scale(2)",u.style.opacity=0},1),setTimeout(()=>{ud(u)},r)}function cd(n={}){let e={};return{bind:function(n,t,r){let o=`r${Uo()}`;n.setAttribute("ev-ripple",o),function(n,t){let r=n.getAttribute("ev-ripple"),o=mn(t,"value");if(o=Qo(o),!o)return;let i=mn(t,"value.color");if(!bn(i))return;i=wo(i);let l=mn(t,"value.timeDuration");xn(l)||(l=1e3);function a(n){sd(n.currentTarget,n,{color:i,timeDuration:l})}l=Ot(l),n.addEventListener("click",a,!1),e[r]=a}(n,t)},unbind:function(n){!function(n){let t=n.getAttribute("ev-ripple");if(e[t]){let r=e[t];n.removeEventListener("click",r,!1),delete e[t]}}(n),n.setAttribute("ev-ripple",null)}}}function pd(n){return"[object Undefined]"===Object.prototype.toString.call(n)}function fd(n){return!!pd(n)||(!!function(n){return"[object Null]"===Object.prototype.toString.call(n)}(n)||(!!function(n){if(vn(n)){for(let e in n)return!1;return!0}return!1}(n)||(!!function(n){return!(!yn(n)||""!==n)}(n)||(!!function(n){return!!ke(n)&&0===n.length}(n)||!!Cn(n)))))}function hd(n){return!!ke(n)&&(0!==n.length&&(1!==n.length||!fd(n[0])))}const gd={components:{},props:{icon:{type:[String,Array],default:""},color:{type:String,default:"grey darken-1"},colorHover:{type:String,default:"grey darken-3"},sizeOriginal:{type:Number,default:24},size:{type:Number,default:24},timeTransition:{type:Number,default:.15}},data:function(){return{mouseEnter:!1,r:.83,paths:[]}},computed:{hasIcon:function(){return bn(this.icon)},isMdi:function(){return!!this.hasIcon&&this.icon.indexOf("mdi-")>=0},isFa:function(){return!!this.hasIcon&&this.icon.indexOf(" fa-")>=0},isSvg:function(){let n=this;if(n.isMdi||n.isFa)return!1;let e=bn(n.icon),t=hd(n.icon);return e||t},usePaths:function(){let n=this;if(!n.isSvg)return[];let e=n.icon;return bn(n.icon)&&(e=[n.icon]),e},useIconColor:function(){let n=this;return n.mouseEnter?wo(n.colorHover):wo(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 md=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",border:"0px solid #ddd"}],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)}}},[n.isSvg?t("svg",{style:"transition:all "+n.timeTransition+"s linear; fill:"+n.useIconColor+";",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(e,r){return t("path",{key:r,attrs:{d:n.icon}})}),0):n._e(),n._v(" "),n.isMdi?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("span",{class:"mdi "+n.icon,style:"font-size:"+n.size+"px;"})]):n._e(),n._v(" "),n.isFa?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("div",{style:"width:"+n.size+"px; height:"+n.size+"px; _transform-origin:center; transform:translateX(0px) translateY(0px) scale("+n.r+");"},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[t("i",{class:"fas "+n.icon,style:"font-size:"+n.size+"px;"})])])]):n._e()]):n._e()};md._withStripped=!0;const vd=t({render:md,staticRenderFns:[]},function(n){n&&n("data-v-69740ca4_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",map:{version:3,sources:[],names:[],mappings:"",file:"WIcon.vue"},media:void 0})},gd,"data-v-69740ca4",false,void 0,!1,o,void 0,void 0);function yd(n){var e=null==n?0:n.length;return e?n[e-1]:void 0}function bd(n,e,t,r){for(var o=t-1,i=n.length;++o<i;)if(r(n[o],e))return o;return-1}var Cd=Array.prototype.splice;var xd=$o(function(n,e){return n&&n.length&&e&&e.length?function(n,e,t,r){var o=r?bd:Wt,i=-1,l=e.length,a=n;for(n===e&&(e=Qi(e)),t&&(a=dn(n,re(t)));++i<l;)for(var d=0,u=e[i],s=t?t(u):u;(d=o(a,s,d,r))>-1;)a!==n&&Cd.call(a,d,1),Cd.call(n,d,1);return n}(n,e):n}),Sd=xd;function wd(n){return null==n?[]:function(n,e){return dn(e,function(e){return n[e]})}(n,be(n))}function Id(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&&!w(l):t(l,a)))var a=l,d=i}return d}function kd(n,e){return n>e}function Td(n){return n&&n.length?Id(n,Se,kd):void 0}let Bd={};let Hd={getLevel:function(n,e){Sn(Bd,n)||(Bd[n]={});let t=mn(Bd,n,{}),r=mn(t,e,null);if(Wo(r))return r;let o=wd(Bd[n]);return 0===xo(o)?(r=1,Bd[n][e]=r,r):(r=Td(o)+1,Bd[n][e]=r,r)},destroyLevel:function(n,e){Sn(Bd,n)&&delete Bd[n][e]}};function Ad(n,e,t){if(!Wo(n))return void console.log("clientX is not a number",n);if(!Wo(e))return void console.log("clientY is not a number",e);if(!li(t))return void console.log("ele is not a 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 Wd(n){if(null==n)return window;if("[object Window]"!==n.toString()){var e=n.ownerDocument;return e&&e.defaultView||window}return n}function Fd(n){return n instanceof Wd(n).Element||n instanceof Element}function Zd(n){return n instanceof Wd(n).HTMLElement||n instanceof HTMLElement}function Xd(n){return"undefined"!=typeof ShadowRoot&&(n instanceof Wd(n).ShadowRoot||n instanceof ShadowRoot)}var zd=Math.max,Rd=Math.min,Pd=Math.round;function Vd(){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 Ld(){return!/^((?!chrome|android).)*safari/i.test(Vd())}function Nd(n,e,t){void 0===e&&(e=!1),void 0===t&&(t=!1);var r=n.getBoundingClientRect(),o=1,i=1;e&&Zd(n)&&(o=n.offsetWidth>0&&Pd(r.width)/n.offsetWidth||1,i=n.offsetHeight>0&&Pd(r.height)/n.offsetHeight||1);var l=(Fd(n)?Wd(n):window).visualViewport,a=!Ld()&&t,d=(r.left+(a&&l?l.offsetLeft:0))/o,u=(r.top+(a&&l?l.offsetTop:0))/i,s=r.width/o,c=r.height/i;return{width:s,height:c,top:u,right:d+s,bottom:u+c,left:d,x:d,y:u}}function Dd(n){var e=Wd(n);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Gd(n){return n?(n.nodeName||"").toLowerCase():null}function Md(n){return((Fd(n)?n.ownerDocument:n.document)||window.document).documentElement}function Yd(n){return Nd(Md(n)).left+Dd(n).scrollLeft}function jd(n){return Wd(n).getComputedStyle(n)}function _d(n){var e=jd(n),t=e.overflow,r=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+o+r)}function Kd(n,e,t){void 0===t&&(t=!1);var r,o,i=Zd(e),l=Zd(e)&&function(n){var e=n.getBoundingClientRect(),t=Pd(e.width)/n.offsetWidth||1,r=Pd(e.height)/n.offsetHeight||1;return 1!==t||1!==r}(e),a=Md(e),d=Nd(n,l,t),u={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!t)&&(("body"!==Gd(e)||_d(a))&&(u=(r=e)!==Wd(r)&&Zd(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:Dd(r)),Zd(e)?((s=Nd(e,!0)).x+=e.clientLeft,s.y+=e.clientTop):a&&(s.x=Yd(a))),{x:d.left+u.scrollLeft-s.x,y:d.top+u.scrollTop-s.y,width:d.width,height:d.height}}function $d(n){var e=Nd(n),t=n.offsetWidth,r=n.offsetHeight;return Math.abs(e.width-t)<=1&&(t=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:n.offsetLeft,y:n.offsetTop,width:t,height:r}}function Ed(n){return"html"===Gd(n)?n:n.assignedSlot||n.parentNode||(Xd(n)?n.host:null)||Md(n)}function Od(n){return["html","body","#document"].indexOf(Gd(n))>=0?n.ownerDocument.body:Zd(n)&&_d(n)?n:Od(Ed(n))}function Jd(n,e){var t;void 0===e&&(e=[]);var r=Od(n),o=r===(null==(t=n.ownerDocument)?void 0:t.body),i=Wd(r),l=o?[i].concat(i.visualViewport||[],_d(r)?r:[]):r,a=e.concat(l);return o?a:a.concat(Jd(Ed(l)))}function Ud(n){return["table","td","th"].indexOf(Gd(n))>=0}function Qd(n){return Zd(n)&&"fixed"!==jd(n).position?n.offsetParent:null}function qd(n){for(var e=Wd(n),t=Qd(n);t&&Ud(t)&&"static"===jd(t).position;)t=Qd(t);return t&&("html"===Gd(t)||"body"===Gd(t)&&"static"===jd(t).position)?e:t||function(n){var e=/firefox/i.test(Vd());if(/Trident/i.test(Vd())&&Zd(n)&&"fixed"===jd(n).position)return null;var t=Ed(n);for(Xd(t)&&(t=t.host);Zd(t)&&["html","body"].indexOf(Gd(t))<0;){var r=jd(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 nu="top",eu="bottom",tu="right",ru="left",ou="auto",iu=[nu,eu,tu,ru],lu="start",au="end",du="viewport",uu="popper",su=iu.reduce(function(n,e){return n.concat([e+"-"+lu,e+"-"+au])},[]),cu=[].concat(iu,[ou]).reduce(function(n,e){return n.concat([e,e+"-"+lu,e+"-"+au])},[]),pu=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function fu(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 hu(n,e){var t=e.getRootNode&&e.getRootNode();if(n.contains(e))return!0;if(t&&Xd(t)){var r=e;do{if(r&&n.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function gu(n){return Object.assign({},n,{left:n.x,top:n.y,right:n.x+n.width,bottom:n.y+n.height})}function mu(n,e,t){return e===du?gu(function(n,e){var t=Wd(n),r=Md(n),o=t.visualViewport,i=r.clientWidth,l=r.clientHeight,a=0,d=0;if(o){i=o.width,l=o.height;var u=Ld();(u||!u&&"fixed"===e)&&(a=o.offsetLeft,d=o.offsetTop)}return{width:i,height:l,x:a+Yd(n),y:d}}(n,t)):Fd(e)?function(n,e){var t=Nd(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):gu(function(n){var e,t=Md(n),r=Dd(n),o=null==(e=n.ownerDocument)?void 0:e.body,i=zd(t.scrollWidth,t.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=zd(t.scrollHeight,t.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-r.scrollLeft+Yd(n),d=-r.scrollTop;return"rtl"===jd(o||t).direction&&(a+=zd(t.clientWidth,o?o.clientWidth:0)-i),{width:i,height:l,x:a,y:d}}(Md(n)))}function vu(n,e,t,r){var o="clippingParents"===e?function(n){var e=Jd(Ed(n)),t=["absolute","fixed"].indexOf(jd(n).position)>=0&&Zd(n)?qd(n):n;return Fd(t)?e.filter(function(n){return Fd(n)&&hu(n,t)&&"body"!==Gd(n)}):[]}(n):[].concat(e),i=[].concat(o,[t]),l=i[0],a=i.reduce(function(e,t){var o=mu(n,t,r);return e.top=zd(o.top,e.top),e.right=Rd(o.right,e.right),e.bottom=Rd(o.bottom,e.bottom),e.left=zd(o.left,e.left),e},mu(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}function yu(n){return n.split("-")[0]}function bu(n){return n.split("-")[1]}function Cu(n){return["top","bottom"].indexOf(n)>=0?"x":"y"}function xu(n){var e,t=n.reference,r=n.element,o=n.placement,i=o?yu(o):null,l=o?bu(o):null,a=t.x+t.width/2-r.width/2,d=t.y+t.height/2-r.height/2;switch(i){case nu:e={x:a,y:t.y-r.height};break;case eu:e={x:a,y:t.y+t.height};break;case tu:e={x:t.x+t.width,y:d};break;case ru:e={x:t.x-r.width,y:d};break;default:e={x:t.x,y:t.y}}var u=i?Cu(i):null;if(null!=u){var s="y"===u?"height":"width";switch(l){case lu:e[u]=e[u]-(t[s]/2-r[s]/2);break;case au:e[u]=e[u]+(t[s]/2-r[s]/2)}}return e}function Su(n){return Object.assign({},{top:0,right:0,bottom:0,left:0},n)}function wu(n,e){return e.reduce(function(e,t){return e[t]=n,e},{})}function Iu(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?"clippingParents":a,u=t.rootBoundary,s=void 0===u?du:u,c=t.elementContext,p=void 0===c?uu:c,f=t.altBoundary,h=void 0!==f&&f,g=t.padding,m=void 0===g?0:g,v=Su("number"!=typeof m?m:wu(m,iu)),y=p===uu?"reference":uu,b=n.rects.popper,C=n.elements[h?y:p],x=vu(Fd(C)?C:C.contextElement||Md(n.elements.popper),d,s,l),S=Nd(n.elements.reference),w=xu({reference:S,element:b,strategy:"absolute",placement:o}),I=gu(Object.assign({},b,w)),k=p===uu?I:S,T={top:x.top-k.top+v.top,bottom:k.bottom-x.bottom+v.bottom,left:x.left-k.left+v.left,right:k.right-x.right+v.right},B=n.modifiersData.offset;if(p===uu&&B){var H=B[o];Object.keys(T).forEach(function(n){var e=[tu,eu].indexOf(n)>=0?1:-1,t=[nu,eu].indexOf(n)>=0?"y":"x";T[n]+=H[t]*e})}return T}var ku={placement:"bottom",modifiers:[],strategy:"absolute"};function Tu(){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 Bu(n){void 0===n&&(n={});var e=n,t=e.defaultModifiers,r=void 0===t?[]:t,o=e.defaultOptions,i=void 0===o?ku:o;return function(n,e,t){void 0===t&&(t=i);var o,l,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ku,i),modifiersData:{},elements:{reference:n,popper:e},attributes:{},styles:{}},d=[],u=!1,s={state:a,setOptions:function(t){var o="function"==typeof t?t(a.options):t;c(),a.options=Object.assign({},i,a.options,o),a.scrollParents={reference:Fd(n)?Jd(n):n.contextElement?Jd(n.contextElement):[],popper:Jd(e)};var l,u,p=function(n){var e=fu(n);return pu.reduce(function(n,t){return n.concat(e.filter(function(n){return n.phase===t}))},[])}((l=[].concat(r,a.options.modifiers),u=l.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},{}),Object.keys(u).map(function(n){return u[n]})));return a.orderedModifiers=p.filter(function(n){return n.enabled}),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:s,options:r}),l=function(){};d.push(i||l)}}),s.update()},forceUpdate:function(){if(!u){var n=a.elements,e=n.reference,t=n.popper;if(Tu(e,t)){a.rects={reference:Kd(e,qd(t),"fixed"===a.options.strategy),popper:$d(t)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach(function(n){return a.modifiersData[n.name]=Object.assign({},n.data)});for(var r=0;r<a.orderedModifiers.length;r++)if(!0!==a.reset){var o=a.orderedModifiers[r],i=o.fn,l=o.options,d=void 0===l?{}:l,c=o.name;"function"==typeof i&&(a=i({state:a,options:d,name:c,instance:s})||a)}else a.reset=!1,r=-1}}},update:(o=function(){return new Promise(function(n){s.forceUpdate(),n(a)})},function(){return l||(l=new Promise(function(n){Promise.resolve().then(function(){l=void 0,n(o())})})),l}),destroy:function(){c(),u=!0}};if(!Tu(n,e))return s;function c(){d.forEach(function(n){return n()}),d=[]}return s.setOptions(t).then(function(n){!u&&t.onFirstUpdate&&t.onFirstUpdate(n)}),s}}var Hu={passive:!0};var Au={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Wu(n){var e,t=n.popper,r=n.popperRect,o=n.placement,i=n.variation,l=n.offsets,a=n.position,d=n.gpuAcceleration,u=n.adaptive,s=n.roundOffsets,c=n.isFixed,p=l.x,f=void 0===p?0:p,h=l.y,g=void 0===h?0:h,m="function"==typeof s?s({x:f,y:g}):{x:f,y:g};f=m.x,g=m.y;var v=l.hasOwnProperty("x"),y=l.hasOwnProperty("y"),b=ru,C=nu,x=window;if(u){var S=qd(t),w="clientHeight",I="clientWidth";if(S===Wd(t)&&"static"!==jd(S=Md(t)).position&&"absolute"===a&&(w="scrollHeight",I="scrollWidth"),o===nu||(o===ru||o===tu)&&i===au)C=eu,g-=(c&&S===x&&x.visualViewport?x.visualViewport.height:S[w])-r.height,g*=d?1:-1;if(o===ru||(o===nu||o===eu)&&i===au)b=tu,f-=(c&&S===x&&x.visualViewport?x.visualViewport.width:S[I])-r.width,f*=d?1:-1}var k,T=Object.assign({position:a},u&&Au),B=!0===s?function(n,e){var t=n.x,r=n.y,o=e.devicePixelRatio||1;return{x:Pd(t*o)/o||0,y:Pd(r*o)/o||0}}({x:f,y:g},Wd(t)):{x:f,y:g};return f=B.x,g=B.y,d?Object.assign({},T,((k={})[C]=y?"0":"",k[b]=v?"0":"",k.transform=(x.devicePixelRatio||1)<=1?"translate("+f+"px, "+g+"px)":"translate3d("+f+"px, "+g+"px, 0)",k)):Object.assign({},T,((e={})[C]=y?g+"px":"",e[b]=v?f+"px":"",e.transform="",e))}var Fu={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,u={placement:yu(e.placement),variation:bu(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,Wu(Object.assign({},u,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:l,roundOffsets:d})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Wu(Object.assign({},u,{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 Zu={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];Zd(o)&&Gd(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},{});Zd(r)&&Gd(r)&&(Object.assign(r.style,i),Object.keys(o).forEach(function(n){r.removeAttribute(n)}))})}},requires:["computeStyles"]},Xu=Bu({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=Wd(e.elements.popper),u=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&u.forEach(function(n){n.addEventListener("scroll",t.update,Hu)}),a&&d.addEventListener("resize",t.update,Hu),function(){i&&u.forEach(function(n){n.removeEventListener("scroll",t.update,Hu)}),a&&d.removeEventListener("resize",t.update,Hu)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(n){var e=n.state,t=n.name;e.modifiersData[t]=xu({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},Fu,Zu]}),zu={left:"right",right:"left",bottom:"top",top:"bottom"};function Ru(n){return n.replace(/left|right|bottom|top/g,function(n){return zu[n]})}var Pu={start:"end",end:"start"};function Vu(n){return n.replace(/start|end/g,function(n){return Pu[n]})}function Lu(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,u=void 0===d?cu:d,s=bu(r),c=s?a?su:su.filter(function(n){return bu(n)===s}):iu,p=c.filter(function(n){return u.indexOf(n)>=0});0===p.length&&(p=c);var f=p.reduce(function(e,t){return e[t]=Iu(n,{placement:t,boundary:o,rootBoundary:i,padding:l})[yu(t)],e},{});return Object.keys(f).sort(function(n,e){return f[n]-f[e]})}var Nu={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,u=t.padding,s=t.boundary,c=t.rootBoundary,p=t.altBoundary,f=t.flipVariations,h=void 0===f||f,g=t.allowedAutoPlacements,m=e.options.placement,v=yu(m),y=d||(v===m||!h?[Ru(m)]:function(n){if(yu(n)===ou)return[];var e=Ru(n);return[Vu(n),e,Vu(e)]}(m)),b=[m].concat(y).reduce(function(n,t){return n.concat(yu(t)===ou?Lu(e,{placement:t,boundary:s,rootBoundary:c,padding:u,flipVariations:h,allowedAutoPlacements:g}):t)},[]),C=e.rects.reference,x=e.rects.popper,S=new Map,w=!0,I=b[0],k=0;k<b.length;k++){var T=b[k],B=yu(T),H=bu(T)===lu,A=[nu,eu].indexOf(B)>=0,W=A?"width":"height",F=Iu(e,{placement:T,boundary:s,rootBoundary:c,altBoundary:p,padding:u}),Z=A?H?tu:ru:H?eu:nu;C[W]>x[W]&&(Z=Ru(Z));var X=Ru(Z),z=[];if(i&&z.push(F[B]<=0),a&&z.push(F[Z]<=0,F[X]<=0),z.every(function(n){return n})){I=T,w=!1;break}S.set(T,z)}if(w)for(var R=function(n){var e=b.find(function(e){var t=S.get(e);if(t)return t.slice(0,n).every(function(n){return n})});if(e)return I=e,"break"},P=h?3:1;P>0;P--){if("break"===R(P))break}e.placement!==I&&(e.modifiersData[r]._skip=!0,e.placement=I,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Du={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=cu.reduce(function(n,t){return n[t]=function(n,e,t){var r=yu(n),o=[ru,nu].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,[ru,tu].indexOf(r)>=0?{x:a,y:l}:{x:l,y:a}}(t,e.rects,i),n},{}),a=l[e.placement],d=a.x,u=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=d,e.modifiersData.popperOffsets.y+=u),e.modifiersData[r]=l}};function Gu(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 Mu(n){return[nu,tu,eu,ru].some(function(e){return n[e]>=0})}var Yu={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=Iu(e,{elementContext:"reference"}),a=Iu(e,{altBoundary:!0}),d=Gu(l,r),u=Gu(a,o,i),s=Mu(d),c=Mu(u);e.modifiersData[t]={referenceClippingOffsets:d,popperEscapeOffsets:u,isReferenceHidden:s,hasPopperEscaped:c},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":c})}};function ju(n,e,t){return zd(n,Rd(e,t))}var _u={name:"preventOverflow",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,r=n.name,o=t.mainAxis,i=void 0===o||o,l=t.altAxis,a=void 0!==l&&l,d=t.boundary,u=t.rootBoundary,s=t.altBoundary,c=t.padding,p=t.tether,f=void 0===p||p,h=t.tetherOffset,g=void 0===h?0:h,m=Iu(e,{boundary:d,rootBoundary:u,padding:c,altBoundary:s}),v=yu(e.placement),y=bu(e.placement),b=!y,C=Cu(v),x="x"===C?"y":"x",S=e.modifiersData.popperOffsets,w=e.rects.reference,I=e.rects.popper,k="function"==typeof g?g(Object.assign({},e.rects,{placement:e.placement})):g,T="number"==typeof k?{mainAxis:k,altAxis:k}:Object.assign({mainAxis:0,altAxis:0},k),B=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,H={x:0,y:0};if(S){if(i){var A,W="y"===C?nu:ru,F="y"===C?eu:tu,Z="y"===C?"height":"width",X=S[C],z=X+m[W],R=X-m[F],P=f?-I[Z]/2:0,V=y===lu?w[Z]:I[Z],L=y===lu?-I[Z]:-w[Z],N=e.elements.arrow,D=f&&N?$d(N):{width:0,height:0},G=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},M=G[W],Y=G[F],j=ju(0,w[Z],D[Z]),_=b?w[Z]/2-P-j-M-T.mainAxis:V-j-M-T.mainAxis,K=b?-w[Z]/2+P+j+Y+T.mainAxis:L+j+Y+T.mainAxis,$=e.elements.arrow&&qd(e.elements.arrow),E=$?"y"===C?$.clientTop||0:$.clientLeft||0:0,O=null!=(A=null==B?void 0:B[C])?A:0,J=X+K-O,U=ju(f?Rd(z,X+_-O-E):z,X,f?zd(R,J):R);S[C]=U,H[C]=U-X}if(a){var Q,q="x"===C?nu:ru,nn="x"===C?eu:tu,en=S[x],tn="y"===x?"height":"width",rn=en+m[q],on=en-m[nn],ln=-1!==[nu,ru].indexOf(v),an=null!=(Q=null==B?void 0:B[x])?Q:0,dn=ln?rn:en-w[tn]-I[tn]-an+T.altAxis,un=ln?en+w[tn]+I[tn]-an-T.altAxis:on,sn=f&&ln?function(n,e,t){var r=ju(n,e,t);return r>t?t:r}(dn,en,un):ju(f?dn:rn,en,f?un:on);S[x]=sn,H[x]=sn-en}e.modifiersData[r]=H}},requiresIfExists:["offset"]};function Ku(n,e,t,r,o,i={}){let l=wi();if(Ie(["mode","mmkey",r,"triggerWidth","placement","placementDistX","placementDistY","transitionTime","isolated","editable","contentStyle"],e=>{if(!Sn(n,e))throw new Error(`invalid vo.${e}`)}),!Te(e))throw new Error("funGetDivTrigger is not a function");if(!Te(t))throw new Error("funGetDivContent is not a function");let a=mn(i,"funAddTrigger"),d=mn(i,"funCheckTrigger"),u=mn(i,"funRemoveTrigger"),s=mn(i,"modeHide",null);"click"!==s&&"mousedown"!==s&&(s="click");let c={mouseClientX:0,mouseClientY:0,cursorTriggerInner:!1,clickContentInner:!1,popperShow:!1,popperInstance:null,removeTriggerTimer:null},p=()=>!Te(d)||d(n.mode,n.mmkey),f=r=>{let o=e();if(!li(o))return;n.$nextTick(()=>{n.triggerWidth=o.offsetWidth});let i=t();if(!li(i))return;null!==c.removeTriggerTimer&&(clearTimeout(c.removeTriggerTimer),c.removeTriggerTimer=null),Te(a)&&a(n.mode,n.mmkey);let d={strategy:"fixed",placement:n.placement,modifiers:[_u,Fu,{name:"computeStyles",options:{gpuAcceleration:!1}},Nu,{name:"flip",options:{}},Du,{name:"offset",options:{offset:[n.placementDistX,n.placementDistY]}},Yu,{name:"emitPlacement",enabled:!0,phase:"afterWrite",fn:({state:e})=>{let t=mn(e,"placement",null);null!==t&&(n.$emit("placement-change",t),l.emit("placement-change",t))}}]};c.popperInstance=Xu(o,i,d)},h=e=>{c.popperInstance&&(c.popperInstance.destroy(),c.popperInstance=null),c.removeTriggerTimer=setTimeout(()=>{c.removeTriggerTimer=null,Te(u)&&u(n.mode,n.mmkey)},20)},g=e=>{n.$nextTick(()=>{let e=n.editable&&n[r];if(e&&!c.popperShow){let e=-15;n.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,f(),c.popperShow=!0,n.$emit("show"),l.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&&c.popperShow&&(h(),c.popperShow=!1,n.$emit("hide"),l.emit("hide"))})},m=(e,t)=>{n.editable&&(n[r]=e,g())},v=(e,t)=>{n.editable&&(n.isolated&&m(e),n.$nextTick(()=>{n.$emit(o,e),l.emit(o,e)}))},y=(e,t)=>{n.editable&&(n[r]||n.mode===e&&v(!0))},b=(e,t)=>{n.editable&&n[r]&&n.mode===e&&v(!1)};return l.mounted=()=>{c.windowMousemove=n=>{c.mouseClientX=n.clientX,c.mouseClientY=n.clientY},window.addEventListener("mousemove",c.windowMousemove,!1),c.windowMousedown=o=>{let i=e();li(i)?c.cursorTriggerInner=Ad(o.clientX,o.clientY,i):c.cursorTriggerInner=!1;let l=t();if(n[r]&&l?c.clickContentInner=Ad(o.clientX,o.clientY,l):c.clickContentInner=!1,"mousedown"===s){if(!p())return;!n[r]||c.cursorTriggerInner||c.clickContentInner||n.evHide("popup","windowMousedown")}},window.addEventListener("mousedown",c.windowMousedown,!1),c.windowMouseup=e=>{p()&&(!n[r]||c.cursorTriggerInner||c.clickContentInner?(c.cursorTriggerInner=!1,c.clickContentInner=!1):n.evHide("popup","windowMouseup"))},window.addEventListener("mouseup",c.windowMouseup,!1),c.windowScroll=t=>{if("tooltip"!==n.mode)return;let o=e();li(o)&&(c.cursorTriggerInner=!!o&&Ad(c.mouseClientX,c.mouseClientY,o),c.cursorTriggerInner?n[r]||y("tooltip"):n[r]&&b("tooltip"))},window.addEventListener("scroll",c.windowScroll,!1)},l.destroy=()=>{window.removeEventListener("mousemove",c.windowMousemove,!1),window.removeEventListener("mousedown",c.windowMousedown,!1),window.removeEventListener("mouseup",c.windowMouseup,!1),window.removeEventListener("scroll",c.windowScroll,!1),v(!1)},l.showPopper=f,l.hidePopper=h,l.updatePopper=(e,t)=>{c.popperInstance&&c.popperInstance.update(),n.$emit("resize",e),l.emit("resize",e)},l.displayPopper=g,l.updateValue=m,l.triggerEvent=v,l.evShow=y,l.evHide=b,l}let $u={tooltip:[],popup:[]};function Eu(n,e){$u[n].push(e)}function Ou(n,e){return yd($u[n])===e}function Ju(n,e){Sd($u[n],e)}const Uu={directives:{domresize:Hl()},components:{Teleport:u},props:{mode:{type:String,default:"tooltip"},value:{type:Boolean,default:!1},displayType:{type:String,default:"block"},cmpZIndex:{type:Number,default:3e3},isolated:{type:Boolean,default:!1},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!1},autoFitMaxWidth:{type:Boolean,default:!1},placement:{type:String,default:"bottom"},placementDistX:{type:Number,default:0},placementDistY:{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})},modeHide:{type:String,default:"click"},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},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:Uo(),zind:0,valueTrans:!1,triggerWidth:null,contentStyle:"",bp:null}},mounted:function(){let n=this;n.bp=new Ku(n,n.funGetDivTrigger,n.funGetDivContent,"valueTrans","input",{funAddTrigger:Eu,funCheckTrigger:Ou,funRemoveTrigger:Ju,modeHide:n.modeHide}),n.bp.mounted()},beforeDestroy:function(){let n=this;Hd.destroyLevel(n.useCmpLevelType,n.mmkey),n.bp.destroy()},computed:{changeValueTrans:function(){let n=this;return n.valueTrans?n.zind=Hd.getLevel(n.useCmpLevelType,n.mmkey):Hd.destroyLevel(n.useCmpLevelType,n.mmkey),""},changeValue:function(){let n=this,e=n.value;return n.isolated||n.updateValue(e,"changeValue"),""},useCmpLevelType:function(){return"popup"===this.mode?"dialog+popup":this.mode},useCmpZIndex:function(){return this.cmpZIndex+this.zind},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let n=this;return Wo(n.minWidth)?`min-width:${n.minWidth}px;`:n.autoFitMinWidth?`min-width:${n.triggerWidth}px;`:""},useMaxWidth:function(){let n=this;return Wo(n.maxWidth)?`max-width:${n.maxWidth}px;`:n.autoFitMaxWidth?`max-width:${n.triggerWidth}px;`:""},useBorderRadius:function(){let n=this;return Wo(n.borderRadius)?`border-radius:${n.borderRadius}px;`:""},useTextFontSize:function(){let n=this.textFontSize;return n=He(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)},useBackgroundColor:function(){return wo(this.backgroundColor)},usePadding:function(){return`padding:${dd(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let n=He(this.shadowStyle,";","");return""!==n?`box-shadow:${n};`:""}},methods:{funGetDivTrigger:function(){return mn(this,"$refs.divTrigger",null)},funGetDivContent:function(){return mn(this,"$refs.divContent",null)},evShow:function(n,e){let t=this;Te(mn(t,"bp.evShow"))&&t.bp.evShow(n,e)},evHide:function(n,e){let t=this;Te(mn(t,"bp.evHide"))&&t.bp.evHide(n,e)},updatePopper:function(n,e){let t=this;Te(mn(t,"bp.updatePopper"))&&t.bp.updatePopper(n,e)},updateValue:function(n,e){let t=this;Te(mn(t,"bp.updateValue"))&&t.bp.updateValue(n,e)}}};var Qu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""+n.useDisplayType,attrs:{changeValue:n.changeValue,changeValueTrans:n.changeValueTrans}},[t("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return n.evShow("popup","click")},mouseenter:function(e){return n.evShow("tooltip","mouseenter")},mouseleave:function(e){return n.evHide("tooltip","mouseleave")}}},[n._t("trigger")],2),n._v(" "),t("Teleport",{attrs:{to:"body"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.useCmpZIndex+";",attrs:{wtlp:n.labelContent},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,"slot")}})],2):n._e()])])],1)};Qu._withStripped=!0;const qu=t({render:Qu,staticRenderFns:[]},function(n){n&&n("data-v-26626fd5_0",{source:"\n.WPopperFix[data-popper-reference-hidden][data-v-26626fd5] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AAieA;IACA,kBAAA;IACA,oBAAA;AACA",file:"WTooltip.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`${useDisplayType}`\"\r\n        :changeValue=\"changeValue\"\r\n        :changeValueTrans=\"changeValueTrans\"\r\n    >\r\n\r\n        <div\r\n            ref=\"divTrigger\"\r\n            style=\"outline:none;\"\r\n            tabindex=\"0\"\r\n            @click=\"evShow('popup','click')\"\r\n            @mouseenter=\"evShow('tooltip','mouseenter')\"\r\n            @mouseleave=\"evHide('tooltip','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        <Teleport to=\"body\">\r\n            <div\r\n                ref=\"divContent\"\r\n                class=\"WPopperFix\"\r\n                :style=\"`z-index:${useCmpZIndex};`\"\r\n                :wtlp=\"labelContent\"\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,'slot')}\"\r\n                    ></slot>\r\n                </div>\r\n            </div>\r\n        </Teleport>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport last from 'lodash-es/last.js'\r\nimport pull from 'lodash-es/pull.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport Teleport from './Teleport.vue'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domZIndex from '../js/domZIndex.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport BuildPopper from '../js/buildPopper.mjs'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction funAddTrigger(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction funCheckTrigger(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction funRemoveTrigger(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 {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [displayType='block'] 輸入display設定字串，可選'block'與'line'，預設'block'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗或彈窗使用z-index之基準數字，實際z-index為本數字加上顯示順序層級，故後顯示者z-index必大於先顯示者，預設3000。層級池依mode區分，mode為'tooltip'時自成一池；mode為'popup'時與WDialog共用'dialog+popup'池，此時本數字須與WDialog之dialogZIndex同基準(即2000)排序才會正確，故建議改用WPopup組件(其預設即2000)\r\n * @vue-prop {Boolean} [isolated=false] 輸入提示窗或彈窗當mode為'popup'時是否為獨立顯引狀態布林值，也就是不接收外部傳入value值，預設false\r\n * @vue-prop {Number} [minWidth=null] 輸入提示窗或彈窗最小寬度數字，不含paddingStyle的寬度，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入提示窗或彈窗最大寬度數字，不含paddingStyle的寬度，單位為px，預設null\r\n * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最小寬度布林值，不含paddingStyle的寬度，預設false\r\n * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最大寬度布林值，不含paddingStyle的寬度，預設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} [placementDistX=0] 輸入提示窗或彈窗距離觸發元素之水平向右平移數字，單位為px，預設0\r\n * @vue-prop {Number} [placementDistY=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 {String} [modeHide='click'] 輸入點擊外部關閉模式字串，可選'click'與'mousedown'，'click'為mouseup時才關閉，'mousedown'為mousedown時關閉，預設'click'\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 {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        Teleport,\r\n    },\r\n    props: {\r\n        mode: {\r\n            type: String,\r\n            default: 'tooltip', //tooltip, popup\r\n        },\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        displayType: {\r\n            type: String,\r\n            default: 'block', //line, block\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        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        placement: {\r\n            type: String,\r\n            default: 'bottom',\r\n        },\r\n        placementDistX: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        placementDistY: {\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        modeHide: {\r\n            type: String,\r\n            default: 'click',\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        labelContent: {\r\n            type: String,\r\n            default: null,\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\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            zind: 0,\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null, //會由BuildPopper內更新\r\n            contentStyle: '',\r\n\r\n            bp: null,\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        //BuildPopper\r\n        let keyShow = 'valueTrans'\r\n        let evNameValue = 'input'\r\n        vo.bp = new BuildPopper(vo,\r\n            vo.funGetDivTrigger,\r\n            vo.funGetDivContent,\r\n            keyShow,\r\n            evNameValue,\r\n            {\r\n                funAddTrigger,\r\n                funCheckTrigger,\r\n                funRemoveTrigger,\r\n                modeHide: vo.modeHide,\r\n            })\r\n\r\n        //mounted\r\n        vo.bp.mounted()\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //destroyLevel, 顯示中被銷毀時仍須釋放層級, 否則該號碼永不回收\r\n        domZIndex.destroyLevel(vo.useCmpLevelType, vo.mmkey)\r\n\r\n        //destroy\r\n        vo.bp.destroy()\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValueTrans: function () {\r\n            //console.log('computed changeValueTrans')\r\n\r\n            //與WDialog之changeParam同款computed驅動; 不可併入changeValue, 因changeValue內有updateValue(vo.value),\r\n            //若其依賴valueTrans, 當內部自關(如slot之funHide)致valueTrans與value分歧時, 重算會把value灌回而重新開啟\r\n\r\n            let vo = this\r\n\r\n            if (vo.valueTrans) {\r\n\r\n                //getLevel, tooltip自成一池, popup與WDialog共用一池, 後開者取得較大z-index\r\n                vo.zind = domZIndex.getLevel(vo.useCmpLevelType, vo.mmkey)\r\n\r\n            }\r\n            else {\r\n\r\n                //destroyLevel\r\n                domZIndex.destroyLevel(vo.useCmpLevelType, vo.mmkey)\r\n\r\n            }\r\n\r\n            return ''\r\n        },\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, 'changeValue')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useCmpLevelType: function() {\r\n            let vo = this\r\n\r\n            //popup與WDialog共用同一層級池, 使兩者交互巢狀開啟時後開者必定蓋住先開者\r\n            if (vo.mode === 'popup') {\r\n                return 'dialog+popup'\r\n            }\r\n\r\n            return vo.mode\r\n        },\r\n\r\n        useCmpZIndex: function() {\r\n            let vo = this\r\n            let zind = vo.cmpZIndex + vo.zind\r\n            return zind\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 convertColor(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 convertColor(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    },\r\n    methods: {\r\n\r\n        funGetDivTrigger: function() {\r\n            let vo = this\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            return divTrigger\r\n        },\r\n\r\n        funGetDivContent: function() {\r\n            let vo = this\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n            return divContent\r\n        },\r\n\r\n        evShow: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evShow')\r\n            if (isfun(f)) {\r\n                vo.bp.evShow(kind, from)\r\n            }\r\n        },\r\n\r\n        evHide: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evHide')\r\n            if (isfun(f)) {\r\n                vo.bp.evHide(kind, from)\r\n            }\r\n        },\r\n\r\n        updatePopper: function(msg, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updatePopper')\r\n            if (isfun(f)) {\r\n                vo.bp.updatePopper(msg, from)\r\n            }\r\n        },\r\n\r\n        updateValue: function(value, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updateValue')\r\n            if (isfun(f)) {\r\n                vo.bp.updateValue(value, from)\r\n            }\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopperFix[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})},Uu,"data-v-26626fd5",false,void 0,!1,o,void 0,void 0);var ns={directives:{domripple:cd()},components:{WIcon:vd,WIconLoading:To,WTooltip:qu},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)"},displayType:{type:String,default:"block"},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:Ml,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,""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},usePadding:function(){let n=this;return`padding:${dd(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effIconColor:function(){return wo(this.iconColor)},effIconColorHover:function(){return wo(this.iconColorHover)},effIconColorActive:function(){return wo(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 wo(this.disabledColor)},effProgColor:function(){return wo(this.progColor)},effProgBackgroundColor:function(){return wo(this.progBackgroundColor)},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},effTextColorActive:function(){return wo(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=He(n,";",""),`font-size:${n};`},effBorderColor:function(){return wo(this.borderColor)},effBorderColorHover:function(){return wo(this.borderColorHover)},effBorderColorActive:function(){return wo(this.borderColorActive)},useBorderColor:function(){let n,e=this;return(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),lr(Tt(e.useBorderUsed,(e,t)=>`border-${t}-color:${e?n:"transparent"};`)," ")},useBorderUsed:function(){let n=this,e=!0,t=!0,r=!0,o=!0;return In(mn(n,"borderUsed.left"))&&(e=mn(n,"borderUsed.left")),In(mn(n,"borderUsed.right"))&&(t=mn(n,"borderUsed.right")),In(mn(n,"borderUsed.top"))&&(r=mn(n,"borderUsed.top")),In(mn(n,"borderUsed.bottom"))&&(o=mn(n,"borderUsed.bottom")),{left:e,right:t,top:r,bottom:o}},useBorderWidth:function(){return`border-width:${dd(this.borderWidth)};`},useBorderRadius:function(){let n=this,e=0,t=0,r=0,o=0;return!0===mn(n,"borderRadiusStyle.left")&&(e=n.borderRadius,r=n.borderRadius),!0===mn(n,"borderRadiusStyle.right")&&(t=n.borderRadius,o=n.borderRadius),!0===mn(n,"borderRadiusStyle.top")&&(e=n.borderRadius,t=n.borderRadius),!0===mn(n,"borderRadiusStyle.bottom")&&(r=n.borderRadius,o=n.borderRadius),!0!==mn(n,"borderRadiusStyle.topLeft")&&!0!==mn(n,"borderRadiusStyle.top-left")||(e=n.borderRadius),!0!==mn(n,"borderRadiusStyle.topRight")&&!0!==mn(n,"borderRadiusStyle.top-right")||(t=n.borderRadius),!0!==mn(n,"borderRadiusStyle.bottomLeft")&&!0!==mn(n,"borderRadiusStyle.bottom-left")||(r=n.borderRadius),!0!==mn(n,"borderRadiusStyle.bottomRight")&&!0!==mn(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 wo(this.backgroundColor)},effBackgroundColorHover:function(){return wo(this.backgroundColorHover)},effBackgroundColorActive:function(){return wo(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){let r=io(n=He(n,"}","{"),"{");return r=Tt(r,n=>{if(n.indexOf(e)>=0){let e=$t(n,"=")[1];return e=xn(e)?Ot(e):.2,function(n,e){let t=wo(n),r=od.toRgba(t);return r.a=e,od.toRgbaString(r)}(t,e)}return n}),lr(r,"")}return n.activeTrans&&n.shadowActive?bn(n.shadowActiveStyle)?"box-shadow:"+e(n.shadowActiveStyle,"backgroundColorActiveAlpha",n.backgroundColorActive):"":n.shadow&&bn(n.shadowStyle)?"box-shadow:"+e(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},isProging:function(){return xn(this.useProg)},useProg:function(){let n=this.progTrans;return xn(n)?(n=Ot(n),n<0||n>100?null:n):null},effLoadingColor:function(){return wo(this.loadingColor)},useRipple:function(){let n=this;if(n.editable&&!n.loadingTrans&&!n.isProging)return{color:n.rippleColor,timeDuration:700}},hasTooltop:function(){return bn(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||xn(n)?(xn(n)&&(n=Ot(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=>{In(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=wn();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;ld(n),e.editable&&e.$nextTick(()=>{e.$emit("click-close")})}}};const es=ns;var ts=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:n.useDisplayType+" 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.useBorderRadius+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" "+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.useBorderRadius+" "+n.useBorderWidth+" "+n.useBorderColor+" border-style:solid; outline:none; user-select:none;",attrs:{tabindex:"1"}},[t("div",{style:"display:flex; align-items:center; "+("line"===n.displayType?"justify-content: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,colorHover: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,colorHover: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.useBorderRadius+" 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.useBorderRadius+" 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)])};ts._withStripped=!0;const rs=t({render:ts,staticRenderFns:[]},function(n){n&&n("data-v-6fcf256c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonChip.vue"},media:void 0})},es,"data-v-6fcf256c",false,void 0,!1,o,void 0,void 0);var os={components:{WIcon:vd,WIconLoading:To,WTooltip:qu},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"},iconColorActive:{type:String,default:"grey darken-3"},borderRadius:{type:[Number,String],default:"50%"},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderWidth:{type:Number,default:0},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{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)"},backgroundColorFocus:{type:String,default:"rgb(230,230,230)"},backgroundColorActive:{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)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},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)"},active:{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{activeTrans:!1,hoverTrans:!1,focusTrans:!1,loadingTrans:!1}},mounted:function(){},computed:{changeActive:function(){return this.activeTrans=this.active,""},changeLoading:function(){return this.loadingTrans=this.loading,""},effIconColor:function(){return wo(this.iconColor)},effIconColorHover:function(){return wo(this.iconColorHover)},effIconColorFocus:function(){return wo(this.iconColorFocus)},effIconColorActive:function(){return wo(this.iconColorActive)},useIconColor:function(){let n,e=this;return e.loadingTrans?e.effIconColor:(n=e.activeTrans?e.effIconColorActive:e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.activeTrans?e.effIconColorActive:e.effIconColor),n)},useBorderRadius:function(){let n=this,e="0px";if(xn(n.borderRadius)){e=`${Ot(n.borderRadius)}px;`}else bn(n.borderRadius)&&(e=n.borderRadius);let t="0px",r="0px",o="0px",i="0px";return!0===mn(n,"borderRadiusStyle.left")&&(t=e,o=e),!0===mn(n,"borderRadiusStyle.right")&&(r=e,i=e),!0===mn(n,"borderRadiusStyle.top")&&(t=e,r=e),!0===mn(n,"borderRadiusStyle.bottom")&&(o=e,i=e),!0!==mn(n,"borderRadiusStyle.topLeft")&&!0!==mn(n,"borderRadiusStyle.top-left")||(t=e),!0!==mn(n,"borderRadiusStyle.topRight")&&!0!==mn(n,"borderRadiusStyle.top-right")||(r=e),!0!==mn(n,"borderRadiusStyle.bottomLeft")&&!0!==mn(n,"borderRadiusStyle.bottom-left")||(o=e),!0!==mn(n,"borderRadiusStyle.bottomRight")&&!0!==mn(n,"borderRadiusStyle.bottom-right")||(i=e),`border-top-left-radius:${t}; border-top-right-radius:${r}; border-bottom-left-radius:${o}; border-bottom-right-radius:${i};`},effBorderColor:function(){return wo(this.borderColor)},effBorderColorHover:function(){return wo(this.borderColorHover)},effBorderColorFocus:function(){return wo(this.borderColorFocus)},effBorderColorActive:function(){return wo(this.borderColorActive)},useBorderColor:function(){let n,e=this;return e.loadingTrans?e.effBorderColor:(n=e.activeTrans?e.effBorderColorActive:e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.activeTrans?e.effBorderColorActive:e.effBorderColor),n)},effBackgroundColor:function(){return wo(this.backgroundColor)},effBackgroundColorHover:function(){return wo(this.backgroundColorHover)},effBackgroundColorFocus:function(){return wo(this.backgroundColorFocus)},effBackgroundColorActive:function(){return wo(this.backgroundColorActive)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans?e.effBackgroundColor:(n=e.activeTrans?e.effBackgroundColorActive:e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),n)},effRippleColor:function(){return wo(this.rippleColor)},effLoadingColor:function(){return wo(this.loadingColor)},effDisabledColor:function(){return wo(this.disabledColor)},usePadding:function(){return`padding:${dd(this.paddingStyle,{ext:{}})};`},useShadow:function(){let n=this;return n.shadow&&bn(n.shadowStyle)?"box-shadow:"+function(n,e,t){let r=io(n=He(n,"}","{"),"{");return r=Tt(r,n=>{if(n.indexOf(e)>=0){let e=$t(n,"=")[1];return e=xn(e)?Ot(e):.2,function(n,e){let t=wo(n),r=od.toRgba(t);return r.a=e,od.toRgbaString(r)}(t,e)}return n}),lr(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},hasTooltop:function(){return bn(this.tooltip)}},methods:{ripple:function(n){let e=this;e.editable&&(e.loadingTrans||e.$nextTick(()=>{sd(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=wn();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 is=os;var ls=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,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+" "+n.useBorderRadius+" border:"+n.borderWidth+"px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" "+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","pointer-events":"none"}},[n.loadingTrans?n._e():t("WIcon",{attrs:{icon:n.icon,color:n.useIconColor,colorHover: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","pointer-events":"none"}},[t("div",{style:n.useBorderRadius+" 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)};ls._withStripped=!0;const as=t({render:ls,staticRenderFns:[]},function(n){n&&n("data-v-e7d01f2a_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",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})},is,"data-v-e7d01f2a",false,void 0,!1,o,void 0,void 0);var ds={components:{WIcon:vd},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:Vl},checkedIconColor:{type:String,default:"blue darken-3"},checkedIconColorHover:{type:String,default:"blue darken-2"},checkedIconColorDisabled:{type:String,default:"grey"},uncheckedIcon:{type:String,default:Pl},uncheckedIconColor:{type:String,default:"blue darken-3"},uncheckedIconColorHover:{type:String,default:"blue darken-2"},uncheckedIconColorDisabled:{type:String,default:"grey"},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0}},data:function(){return{hoverTrans:!1,b:!1}},computed:{changeParam:function(){let n=this,e=n.value;return In(e)?n.b=e:n.b="y"===e,""},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(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=He(n,";",""),`font-size:${n};`},effCheckedIconColor:function(){return wo(this.checkedIconColor)},effCheckedIconColorHover:function(){return wo(this.checkedIconColorHover)},effCheckedIconColorDisabled:function(){return wo(this.checkedIconColorDisabled)},useCheckedIconColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedIconColorHover:n.effCheckedIconColor:n.effCheckedIconColorDisabled},effUncheckedIconColor:function(){return wo(this.uncheckedIconColor)},effUncheckedIconColorHover:function(){return wo(this.uncheckedIconColorHover)},effUncheckedIconColorDisabled:function(){return wo(this.uncheckedIconColorDisabled)},useUncheckedIconColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedIconColorHover:n.effUncheckedIconColor:n.effUncheckedIconColorDisabled},useVerticalAlign:function(){let n=this,e="";return"center"===n.verticalAlign?e="align-items:center;":"top"===n.verticalAlign?e="align-items:flex-start;":"bottom"===n.verticalAlign&&(e="align-items:flex-end;"),e}},methods:{toogleValue:function(){let n=this;if(!n.editable)return;let e=n.b;e=!e;let t=null;In(n.value)?(t=!1,e&&(t=!0)):(t="n",e&&(t="y")),n.$nextTick(()=>{n.$emit("input",t)})}}};const us=ds;var ss=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",{style:"display:flex; "+n.useVerticalAlign+";"},[n.b?t("WIcon",{attrs:{icon:n.checkedIcon,color:n.useCheckedIconColor,colorHover:n.useCheckedIconColor,size:n.iconSize}}):t("WIcon",{attrs:{icon:n.uncheckedIcon,color:n.useUncheckedIconColor,colorHover: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._t("text",function(){return[n._v("\n                "+n._s(n.text)+"\n            ")]},{text:n.text})],2):n._e()],1)])};ss._withStripped=!0;const cs=t({render:ss,staticRenderFns:[]},function(n){n&&n("data-v-844ce8d0_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",map:{version:3,sources:[],names:[],mappings:"",file:"WCheckbox.vue"},media:void 0})},us,"data-v-844ce8d0",false,void 0,!1,o,void 0,void 0);const ps={components:{WIconLoading:To},props:{pathItems:{type:Array,default:()=>["base:w-ckeditor-vue|file:ckeditor.js","base:w-ckeditor-vue"]},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;yr(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-ckeditor-vue"];n.default&&(n=n.default),Cr().component("w-ckeditor-vue",n)}n.cmpName="w-ckeditor-vue"})},computed:{},methods:{}};var fs=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)}}})};fs._withStripped=!0;const hs=t({render:fs,staticRenderFns:[]},function(n){n&&n("data-v-5f3d406c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WCkeditorVueDyn.vue"},media:void 0})},ps,"data-v-5f3d406c",false,void 0,!1,o,void 0,void 0);function gs(n,e={}){function t(n){return(Array.isArray(n)?n:[n]).filter(n=>n&&Te(n.addEventListener))}let r=t(n),o=mn(e,"canPress",null);Te(o)||(o=()=>!0);let i=mn(e,"cancelTouchMove",null);In(i)?i=i?()=>!0:null:Te(i)||(i=()=>!0);let l=t(mn(e,"eleTouchMove",null));0===l.length&&(l=r);let a=wi(),d="",u=null,s=null,c=[];function p(){return""!==d}function f(n){return"touch"===n||"pen"===n}function h(n){let e=mn(n,"pointerType","");return"touch"!==e&&"pen"!==e&&(e="mouse"),e}function g(n){let e=mn(n,"pointerId",null);return void 0===e&&(e=null),e}function m(n){if("pointerType"in n&&h(n)!==d)return!1;let e=g(n);return null===u||null===e||e===u}function v(){d="",u=null}function y(n){return{clientX:n.clientX,clientY:n.clientY,pointerType:h(n),event:n}}function b(n){let e=p(),t=d;var r,o;r=h(n),o=g(n),d=r,u=o,e&&(a.emit("free",{pointerType:t,reason:"takeover",event:n}),!p())||a.emit("press",y(n))}function C(n,e){let t=d;v(),a.emit("free",{pointerType:t,reason:e,event:n})}function x(n,e,t,r){n.addEventListener(e,t,r),c.push({target:n,type:e,fun:t,options:r})}let S=n=>{if(n===s)return;if(s=n,!function(n){return!("button"in n)||("pen"===h(n)?0===n.button||5===n.button:0===n.button)}(n))return;if(!o(n))return;let e=h(n);if(p())if("mouse"===e);else{if(d!==e)return;if(!function(n){let e=g(n);if(null!==e&&null!==u&&e===u)return!0;let t=mn(n,"isPrimary",null);return!0===t||!1!==t}(n))return}b(n)},w=n=>{p()&&m(n)&&(!function(n){return!(!Wo(n.buttons)||33&n.buttons)}(n)?a.emit("drag",y(n)):C(n,"buttonsLost"))},I=n=>{p()&&m(n)&&C(n,"pointercancel"===mn(n,"type","")?"cancel":"up")},k=n=>{f(d)&&i(n)&&ld(n)},T=n=>{f(d)&&"mouse"!==mn(n,"pointerType","")&&n.preventDefault()};return function(){for(let n of r)x(n,"pointerdown",S),x(n,"contextmenu",T);if(null!==i)for(let n of l)x(n,"touchmove",k,{passive:!1});x(window,"pointermove",w,{capture:!0}),x(window,"pointerup",I,{capture:!0}),x(window,"pointercancel",I,{capture:!0})}(),a.clear=function(){v(),s=null;for(let n of c)n.target.removeEventListener(n.type,n.fun,n.options);c=[]},a}var ms={components:{},props:{width:{type:Number,default:200},height:{type:Number,default:20},cursorSize:{type:Number,default:7},axis:{type:String,default:"x"},locLeft:{type:Number,default:0},locTop:{type:Number,default:0},cursorColor:{type:String,default:"#fff"},cursorBorderColor:{type:String,default:"#666"},editable:{type:Boolean,default:!0}},data:function(){return{dragPointer:null}},mounted:function(){let n=this,e=gs(n.$refs.divSurface,{canPress:()=>n.editable});e.on("press",n.pickByEvent),e.on("drag",n.pickByEvent),e.on("free",()=>{n.$emit("pick-end")}),n.dragPointer=e},beforeDestroy:function(){let n=this;n.dragPointer&&n.dragPointer.clear()},computed:{isPlanar:function(){return"xy"===this.axis},curLocLeft:function(){return this.locLeft},curLocTop:function(){return this.locTop},useCursorColor:function(){return wo(this.cursorColor)},useCursorBorderColor:function(){return wo(this.cursorBorderColor)}},methods:{pickByEvent:function(n){let e=this,t=e.$refs.divSurface;if(!t)return;let r=t.getBoundingClientRect(),o=n.clientX-r.left;o=Math.min(Math.max(o,0),e.width-1);let i=0;e.isPlanar&&(i=n.clientY-r.top,i=Math.min(Math.max(i,0),e.height-1));let l=0;e.width-1>0&&(l=o/(e.width-1));let a=0;e.isPlanar&&e.height-1>0&&(a=i/(e.height-1));let d=n.pointerType;e.$emit("pick",{left:o,top:i,ratioLeft:l,ratioTop:a,pointerType:d}),e.$emit("update:locLeft",o),e.isPlanar&&e.$emit("update:locTop",i)}}};const vs=ms;var ys=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; touch-action:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none;"},[t("div",{ref:"divSurface",style:"position:relative; width:"+n.width+"px; height:"+n.height+"px;"},[t("div",{style:"position:absolute; left:0px; top:0px; width:"+n.width+"px; height:"+n.height+"px;"},[n._t("default",null,{width:n.width,height:n.height,locLeft:n.curLocLeft,locTop:n.curLocTop,editable:n.editable})],2),n._v(" "),t("div",{style:"\n            position:absolute; left:"+(n.curLocLeft-Math.floor(n.cursorSize/2)-1)+"px; top:"+(n.isPlanar?n.curLocTop-Math.floor(n.cursorSize/2)-1:-1)+"px;\n            width:"+(n.cursorSize+2)+"px; height:"+(n.isPlanar?n.cursorSize+2:n.height+2)+"px;\n            box-sizing:border-box;\n            background:transparent;\n            "+(n.isPlanar?"border-radius:50%;":"")+"\n            border:1px solid "+n.useCursorBorderColor+";\n            "+(n.editable?"cursor:pointer;":"")+"\n            user-select:none;\n            _pointer-events:none;\n            "}),n._v(" "),t("div",{style:"\n            position:absolute; left:"+(n.curLocLeft-Math.floor(n.cursorSize/2))+"px; top:"+(n.isPlanar?n.curLocTop-Math.floor(n.cursorSize/2):0)+"px;\n            width:"+n.cursorSize+"px; height:"+(n.isPlanar?n.cursorSize:n.height)+"px;\n            box-sizing:border-box;\n            background:transparent;\n            "+(n.isPlanar?"border-radius:50%;":"")+"\n            border:1px solid "+n.useCursorColor+";\n            "+(n.editable?"cursor:pointer;":"")+"\n            user-select:none;\n            _pointer-events:none;\n            "}),n._v(" "),t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            "+(n.editable?"cursor:pointer;":"")+"\n            user-select:none;\n            _pointer-events:none;\n            "})])])};ys._withStripped=!0;const bs=t({render:ys,staticRenderFns:[]},function(n){n&&n("data-v-544ea804_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPickSurface.vue"},media:void 0})},vs,"data-v-544ea804",false,void 0,!1,o,void 0,void 0);const Cs={components:{WPickSurface:bs},props:{value:{type:Number,default:1},color:{type:String,default:"#000000"},width:{type:Number,default:200},height:{type:Number,default:20},cursorSize:{type:Number,default:7}},data:function(){return{aimg:"data:image/svg+xml;base64,ICAgICAgICAgICAgICAgIDxzdmcgdmlld0JveD0iMCAwIDEwIDEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNkZGQiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNmZmYiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjUiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNmZmYiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNkZGQiIC8+DQogICAgICAgICAgICAgICAgPC9zdmc+",valueTrans:1,colorTrans:"#000",curLocLeft:0}},computed:{changeValue:function(){let n=this;return n.valueTrans=n.value,n.updateCurLocByValue(),""},changeColor:function(){return this.colorTrans=wo(this.color),""}},methods:{pickCur:function(n){this.curLocLeft=n.left,this.updateAlpha()},updateCurLocByValue:function(){let n=this,e=n.valueTrans*(n.width-1);n.curLocLeft=e},updateAlpha:function(){let n=this,e=n.width-1,t=0;e-0-1>0&&(t=(n.curLocLeft-0)/(e-0));let r=t;n.$emit("input",r)}}};var xs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPickSurface",{attrs:{changeValue:n.changeValue,changeColor:n.changeColor,width:n.width,height:n.height,cursorSize:n.cursorSize,axis:"x",locLeft:n.curLocLeft},on:{pick:n.pickCur}},[t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            background-image: url("+n.aimg+");\n            background-repeat:repeat;\n        "},[n._e()]),n._v(" "),t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            background:linear-gradient(to left, "+n.colorTrans+", transparent);\n        "})])};xs._withStripped=!0;const Ss=t({render:xs,staticRenderFns:[]},function(n){n&&n("data-v-d2f3654e_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorPickAlpha.vue"},media:void 0})},Cs,"data-v-d2f3654e",false,void 0,!1,o,void 0,void 0);function ws(n,e){return n<e}function Is(n){return n&&n.length?Id(n,Se,ws):void 0}var ks={components:{},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200}},data:function(){let n=function(n){let e=n,t=e/2*Math.sqrt(3),r=e/4*3,o=(()=>{let n=[];for(let t=0;t<6;t++){let r=Math.PI/3*(t+.5),o=.5+.5*Math.cos(r),i=.5+.5*Math.sin(r);o*=e,i*=e,n.push({x:o,y:i})}return n})(),i=Tt(o,n=>`${n.x},${n.y}`);i=lr(i," ");let l=[];Ie([{dx:6,cs:["#003366","#336699","#3366CC","#003399","#000099","#0000CC","#000066"]},{dx:5,cs:["#006666","#006699","#0099CC","#0066CC","#0033CC","#0000FF","#3333FF","#333399"]},{dx:4,cs:["#669999","#009999","#33CCCC","#00CCFF","#0099FF","#0066FF","#3366FF","#3333CC","#666699"]},{dx:3,cs:["#339966","#00CC99","#00FFCC","#00FFFF","#33CCFF","#3399FF","#6699FF","#6666FF","#6600FF","#6600CC"]},{dx:2,cs:["#339933","#00CC66","#00FF99","#66FFCC","#66FFFF","#66CCFF","#99CCFF","#9999FF","#9966FF","#9933FF","#9900FF"]},{dx:1,cs:["#006600","#00CC00","#00FF00","#66FF99","#99FFCC","#CCFFFF","#CCCCFF","#CC99FF","#CC66FF","#CC33FF","#CC00FF","#9900CC"]},{dx:0,cs:["#003300","#009933","#33CC33","#66FF66","#99FF99","#CCFFCC","#FFFFFF","#FFCCFF","#FF99FF","#FF66FF","#FF00FF","#CC00CC","#660066"]},{dx:1,cs:["#336600","#009900","#66FF33","#99FF66","#CCFF99","#FFFFCC","#FFCCCC","#FF99CC","#FF66CC","#FF33CC","#CC0099","#993399"]},{dx:2,cs:["#333300","#669900","#99FF33","#CCFF66","#FFFF99","#FFCC99","#FF9999","#FF6699","#FF3399","#CC3399","#990099"]},{dx:3,cs:["#666633","#99CC00","#CCFF33","#FFFF66","#FFCC66","#FF9966","#FF6666","#FF0066","#CC6699","#993366"]},{dx:4,cs:["#999966","#CCCC00","#FFFF00","#FFCC00","#FF9933","#FF6600","#FF5050","#CC0066","#660033"]},{dx:5,cs:["#996633","#CC9900","#FF9900","#CC6600","#FF3300","#FF0000","#CC0000","#990033"]},{dx:6,cs:["#663300","#996600","#CC3300","#993300","#990000","#800000","#993333"]}],(n,e)=>{Ie(n.cs,(o,i)=>{let a={x:(t+0)*i+n.dx*(t/2),y:(r+0)*e,color:o};bn(o)&&l.push(a)})});let a=Is(Tt(l,"x")),d=Td(Tt(l,"x")),u=Is(Tt(l,"y")),s=Td(Tt(l,"y"));return d+=t+2,s+=e+1,{cpgs:i,colors:l,xmin:a,xmax:d,ymin:u,ymax:s}}(18);return{valueTrans:null,cpgs:n.cpgs,colors:n.colors,xmin:n.xmin,xmax:n.xmax,ymin:n.ymin,ymax:n.ymax,pick:null}},computed:{changeValue:function(){return this.valueTrans=wo(this.value),""},changePick:function(){let n=this,e=null;return Ie(n.colors,t=>{n.jdColor2(t.color,n.valueTrans)&&(e=t)}),n.pick=e,""},width:function(){return this.size},height:function(){return this.width/10*9}},methods:{jdColor2:function(n,e){return od.toRgbString(n)===od.toRgbString(e)},ckColor:function(n){this.valueTrans=n.color,this.$emit("input",n.color)}}};const Ts=ks;var Bs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px;",attrs:{changeValue:n.changeValue,changePick:n.changePick}},[t("div",{staticStyle:{display:"flex"}},[t("svg",{attrs:{viewBox:"0 0 "+n.xmax+" "+n.ymax,width:n.width,height:n.height,xmlns:"http://www.w3.org/2000/svg"}},[n._l(n.colors,function(e,r){return t("polygon",{key:"kc-"+r,style:"fill:"+e.color+"; stroke:"+e.color+"; stroke-width:1px; cursor:pointer; user-select:none;",attrs:{transform:"translate("+e.x+", "+e.y+")",points:n.cpgs},on:{click:function(t){return n.ckColor(e)}}})}),n._v(" "),n.pick?[t("polygon",{style:"fill:transparent; stroke:#000; stroke-width:4px; cursor:pointer; user-select:none;",attrs:{transform:"translate("+n.pick.x+", "+n.pick.y+")",points:n.cpgs},on:{click:function(e){return n.ckColor(n.pick)}}}),n._v(" "),t("polygon",{style:"fill:transparent; stroke:#fff; stroke-width:2px; cursor:pointer; user-select:none;",attrs:{transform:"translate("+n.pick.x+", "+n.pick.y+")",points:n.cpgs},on:{click:function(e){return n.ckColor(n.pick)}}})]:n._e()],2)])])};Bs._withStripped=!0;const Hs=t({render:Bs,staticRenderFns:[]},function(n){n&&n("data-v-f96ce8ae_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorPickHexagon.vue"},media:void 0})},Ts,"data-v-f96ce8ae",false,void 0,!1,o,void 0,void 0);var As={components:{},props:{value:{type:String,default:"#FFFFFF"},colorLeft:{type:String,default:"#FFFFFF"},colorRight:{type:String,default:"#000000"},colorNum:{type:Number,default:10},width:{type:Number,default:200},height:{type:Number,default:20}},data:function(){return{aimg:"data:image/svg+xml;base64,ICAgICAgICAgICAgICAgIDxzdmcgdmlld0JveD0iMCAwIDEwIDEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNkZGQiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNmZmYiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjUiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNmZmYiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNkZGQiIC8+DQogICAgICAgICAgICAgICAgPC9zdmc+",valueTrans:null,colorLeftTrans:null,colorRightTrans:null,s:20,pick:null}},computed:{changeValue:function(){let n=this;return n.valueTrans=wo(n.value),n.colorLeftTrans=wo(n.colorLeft),n.colorRightTrans=wo(n.colorRight),""},colors:function(){let n=this,e={0:n.colorLeftTrans,1:n.colorRightTrans},t=od.interp(e),r=[];for(let e=0;e<n.colorNum;e++){let o=e/Math.max(n.colorNum-1,1),i=t(o);r.push({r:o,x:e*n.s,y:0,color:i})}return r},changePick:function(){let n=this,e=null;return Ie(n.colors,t=>{n.jdColor2(t.color,n.valueTrans)&&(e=t)}),n.pick=e,""}},methods:{jdColor2:function(n,e){return od.toRgbString(n)===od.toRgbString(e)},ckColor:function(n){this.valueTrans=n.color,this.$emit("input",n.color)}}};const Ws=As;var Fs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px;",attrs:{changeValue:n.changeValue,changePick:n.changePick}},[t("div",{style:"position:relative; width:"+n.width+"px; height:"+n.height+"px;"},[t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            background-image: url("+n.aimg+");\n            background-repeat:repeat;\n        "}),n._v(" "),t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n        "},[t("div",{staticStyle:{display:"flex"}},[t("svg",{attrs:{viewBox:"0 0 "+n.colors.length*n.s+" "+n.s,width:n.width,height:n.height,preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg"}},[n._l(n.colors,function(e,r){return t("rect",{key:"kc-"+r,style:"fill:"+e.color+"; stroke-width:0px; cursor:pointer; user-select:none;",attrs:{x:e.x,y:e.y,width:n.s,height:n.s},on:{click:function(t){return n.ckColor(e)}}})}),n._v(" "),n.pick?[t("rect",{style:"fill:transparent; stroke:#000; stroke-width:1px; cursor:pointer; user-select:none;",attrs:{x:n.pick.x,y:n.pick.y,width:n.s,height:n.s}}),n._v(" "),t("rect",{style:"fill:transparent; stroke:#fff; stroke-width:2px; cursor:pointer; user-select:none;",attrs:{x:n.pick.x+2,y:n.pick.y+2,width:n.s-4,height:n.s-4}})]:n._e()],2)])])])])};Fs._withStripped=!0;const Zs=t({render:Fs,staticRenderFns:[]},function(n){n&&n("data-v-03bdd07e_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorPickStripe.vue"},media:void 0})},Ws,"data-v-03bdd07e",false,void 0,!1,o,void 0,void 0);const Xs={components:{WColorPickHexagon:Hs,WColorPickStripe:Zs},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200},space:{type:Number,default:5}},data:function(){return{valueTrans:null}},computed:{changeValue:function(){return this.valueTrans=wo(this.value),""},hexagonSize:function(){return this.size},hexagonWidth:function(){return this.size},hexagonHeight:function(){return this.hexagonWidth/10*9},stripeWidth:function(){return this.size},stripeHeight:function(){return this.stripeWidth/10},width:function(){return this.size},height:function(){let n=this;return n.hexagonHeight+n.space+n.stripeHeight}},methods:{ckColor:function(n){n=(n=od.toHexString(n)).toUpperCase(),this.valueTrans=n,this.$emit("input",n)}}};var zs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px;",attrs:{changeValue:n.changeValue}},[t("div",{staticStyle:{display:"flex"}},[t("WColorPickHexagon",{attrs:{size:n.hexagonSize,value:n.valueTrans},on:{input:n.ckColor}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("WColorPickStripe",{attrs:{width:n.stripeWidth,height:n.stripeHeight,colorNum:10,value:n.valueTrans},on:{input:n.ckColor}})],1)])};zs._withStripped=!0;const Rs=t({render:zs,staticRenderFns:[]},function(n){n&&n("data-v-2da36ea9_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:"WColorPickHexagonGray.vue"},media:void 0})},Xs,"data-v-2da36ea9",false,void 0,!1,o,void 0,void 0);var Ps={components:{WPickSurface:bs},props:{value:{type:String,default:"#FFFFFF"},color:{type:String,default:"#FFFFFF"},colorLeftTop:{type:String,default:"#FFFFFF"},colorBottom:{type:String,default:"#000000"},width:{type:Number,default:200},height:{type:Number,default:200},cursorSize:{type:Number,default:14}},data:function(){return{valueTrans:"#fff",colorTrans:"#fff",colorLeftTopTrans:"#fff",colorBottomTrans:"#fff",curLocLeft:0,curLocTop:0}},computed:{changeParams:function(){let n=this;n.valueTrans=wo(n.value);let e=wo(n.color);return e={h:od.toHsv(e).h,s:1,v:1},e=od.toHexString(e),n.colorTrans=e,n.colorLeftTopTrans=wo(n.colorLeftTop),n.colorBottomTrans=wo(n.colorBottom),n.updateCurLocByValue(),""},changeColor:function(){return this.updateColor(this.color),""}},methods:{pickCur:function(n){let e=this;e.curLocLeft=n.left,e.curLocTop=n.top,e.updateColor()},updateCurLocByValue:function(){let n=this,e=od.toHsv(n.valueTrans),t=e.s*(n.width-1),r=(1-e.v)*(n.height-1),o=od.toHsv(n.colorTrans);e.h===o.h&&(n.curLocLeft=t,n.curLocTop=r)},updateColor:function(){let n=this,e=n.width-1,t=0;e-0>0&&(t=(n.curLocLeft-0)/(e-0));let r,o,i,l=n.height-1,a=0;l-0>0&&(a=(n.curLocTop-0)/(l-0)),r=n.colorTrans,o=n.colorLeftTopTrans,i=od.mix(r,t,o,1-t,"toRgbString"),r=i,o=n.colorBottomTrans,i=od.mix(r,1-a,o,a,"toHexString"),i=i.toUpperCase(),n.$emit("input",i)}}};const Vs=Ps;var Ls=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPickSurface",{attrs:{changeParams:n.changeParams,changeColor:n.changeColor,width:n.width,height:n.height,cursorSize:n.cursorSize,axis:"xy",locLeft:n.curLocLeft,locTop:n.curLocTop},on:{pick:n.pickCur}},[t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            background:linear-gradient(to right, "+n.colorLeftTop+", "+n.colorTrans+");\n        "}),n._v(" "),t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            background:linear-gradient(to top, "+n.colorBottom+", transparent);\n        "})])};Ls._withStripped=!0;const Ns=t({render:Ls,staticRenderFns:[]},function(n){n&&n("data-v-8473947c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorPickHsv.vue"},media:void 0})},Vs,"data-v-8473947c",false,void 0,!1,o,void 0,void 0);const Ds={components:{WPickSurface:bs},props:{value:{type:String,default:"#FF0000"},width:{type:Number,default:200},height:{type:Number,default:20},cursorSize:{type:Number,default:7}},data:function(){return{valueTrans:"#fff",curLocLeft:0}},mounted:function(){this.plotBackground()},computed:{changeValue:function(){let n=this;return n.valueTrans=wo(n.value),n.updateCurLocByValue(),""}},methods:{plotBackground:function(){let n=this;(async function(){await sr(()=>li(n.$refs.cvs));let e=n.$refs.cvs;e.width=n.width,e.height=n.height;let t=e.getContext("2d"),r=n.width-1;for(let e=0;e<=r;e++){let o={h:e/r*360,s:1,v:1};o=od.toHexString(o),t.fillStyle=o,t.fillRect(e,0,1,n.height)}})().catch(n=>{console.log(n)})},pickCur:function(n){this.curLocLeft=n.left,this.updateColor()},updateCurLocByValue:function(){let n=this,e=od.toHsv(n.valueTrans).h/360*(n.width-1);n.curLocLeft=e},updateColor:function(){let n=this,e=n.width-1,t=0;e-0-1>0&&(t=(n.curLocLeft-0)/(e-0));let r={h:360*t,s:1,v:1};r=od.toHexString(r),r=r.toUpperCase(),n.$emit("input",r)}}};var Gs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPickSurface",{attrs:{changeValue:n.changeValue,width:n.width,height:n.height,cursorSize:n.cursorSize,axis:"x",locLeft:n.curLocLeft},on:{pick:n.pickCur}},[t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            overflow:hidden;\n        "},[t("div",{staticStyle:{display:"flex"}},[t("canvas",{ref:"cvs",style:"width:"+n.width+"px; height:"+n.height+"px;"})])])])};Gs._withStripped=!0;const Ms=t({render:Gs,staticRenderFns:[]},function(n){n&&n("data-v-7eaff9de_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorPickHue.vue"},media:void 0})},Ds,"data-v-7eaff9de",false,void 0,!1,o,void 0,void 0);function Ys(n){if(!li(n))return null;try{return n.getBoundingClientRect()}catch(n){}return null}const js={components:{WTooltip:qu},props:{value:{type:Boolean,default:!1},displayType:{type:String,default:"block"},cmpZIndex:{type:Number,default:2e3},isolated:{type:Boolean,default:!1},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!1},autoFitMaxWidth:{type:Boolean,default:!1},placement:{type:String,default:"bottom-start"},placementDistX:{type:Number,default:0},placementDistY:{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})},modeHide:{type:String,default:"click"},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},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var _s=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))};_s._withStripped=!0;const Ks=t({render:_s,staticRenderFns:[]},function(n){n&&n("data-v-1657e7b0_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPopup.vue"},media:void 0})},js,"data-v-1657e7b0",false,void 0,!1,o,void 0,void 0);var $s={components:{WColorPickHexagonGray:Rs,WColorPickAlpha:Ss},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200},spaceGray:{type:Number,default:5},spaceAlpha:{type:Number,default:8}},data:function(){return{colorPure:"#fff",colorAlpha:1,pick:null}},computed:{changeValue:function(){let n=this,e=wo(n.value),t=od.toRgba(e),r={r:t.r,g:t.g,b:t.b},o=od.toRgbString(r),i=t.a;return n.colorPure=o,n.colorAlpha=i,""},hexagonGrayWidth:function(){return this.size},hexagonGrayHeight:function(){return this.hexagonGrayWidth+this.spaceGray},alphaWidth:function(){return this.size},alphaHeight:function(){return this.alphaWidth/10},width:function(){return this.size},height:function(){let n=this;return n.hexagonGrayHeight+n.spaceAlpha+n.alphaHeight}},methods:{updateColor:function(n,e,t){let r=od.toRgba(n);r.a=e;let o=od.toRgbaString(r);this.$emit("input",o)}}};const Es=$s;var Os=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px;",attrs:{changeValue:n.changeValue}},[t("div",{staticStyle:{display:"flex"}},[t("WColorPickHexagonGray",{attrs:{size:n.size,space:n.spaceGray,value:n.colorPure},on:{input:function(e){n.colorPure=e,n.updateColor(n.colorPure,n.colorAlpha,"hexagonGray")}}})],1),n._v(" "),t("div",{style:"height:"+n.spaceAlpha+"px;"}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("WColorPickAlpha",{attrs:{width:n.alphaWidth,height:n.alphaHeight,cursorSize:7,value:n.colorAlpha,color:n.colorPure},on:{input:function(e){n.colorAlpha=e,n.updateColor(n.colorPure,n.colorAlpha,"alpha")}}})],1)])};Os._withStripped=!0;const Js=t({render:Os,staticRenderFns:[]},function(n){n&&n("data-v-71683fda_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorSelectPanelBlock.vue"},media:void 0})},Es,"data-v-71683fda",false,void 0,!1,o,void 0,void 0);var Us={components:{WColorPickHsv:Ns,WColorPickHue:Ms,WColorPickAlpha:Ss},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200},space:{type:Number,default:10}},data:function(){return{lock:!1,valueTrans:null,colorHue:"#f00",colorPure:"#fff",colorAlpha:1}},computed:{changeParams:function(){let n=this;if(n.value===n.valueTrans)return;if(n.lock)return;n.lock=!0,n.valueTrans=wo(n.value);let e=od.toHsva(n.value),t="#f00";{let n={h:e.h,s:1,v:1};t=od.toHexString(n)}let r="#fff";{let n={h:e.h,s:e.s,v:e.v};r=od.toHexString(n)}let o=1;return o=e.a,n.colorHue=t,n.colorPure=r,n.colorAlpha=o,""},hsvWidth:function(){return this.size},hsvHeight:function(){return this.hsvWidth},hueWidth:function(){return this.size},hueHeight:function(){return this.hueWidth/10},alphaWidth:function(){return this.size},alphaHeight:function(){return this.alphaWidth/10},width:function(){return this.size},height:function(){let n=this;return n.hsvHeight+n.space+n.hueHeight+n.space+n.alphaHeight}},methods:{updateColor:function(n,e){let t=this;if(t.lock&&"hsv"===e)return void(t.lock=!1);let r=od.toHsva(t.colorHue),o=od.toHsva(t.colorPure),i={h:r.h,s:o.s,v:o.v,a:t.colorAlpha};i=od.toRgbaString(i),t.valueTrans=i,t.$emit("input",i)}}};const Qs=Us;var qs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px;",attrs:{changeParams:n.changeParams}},[t("div",{staticStyle:{display:"flex"}},[t("WColorPickHsv",{attrs:{width:n.hsvWidth,height:n.hsvHeight,cursorSize:14,color:n.colorHue},on:{input:function(e){n.updateColor(e,"hsv")}},model:{value:n.colorPure,callback:function(e){n.colorPure=e},expression:"colorPure"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("WColorPickHue",{attrs:{width:n.hueWidth,height:n.hueHeight,cursorSize:7},on:{input:function(e){n.updateColor(e,"hue")}},model:{value:n.colorHue,callback:function(e){n.colorHue=e},expression:"colorHue"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("WColorPickAlpha",{attrs:{width:n.alphaWidth,height:n.alphaHeight,colorNum:10,color:n.colorPure},on:{input:function(e){n.updateColor(e,"alpha")}},model:{value:n.colorAlpha,callback:function(e){n.colorAlpha=e},expression:"colorAlpha"}})],1)])};qs._withStripped=!0;const nc=t({render:qs,staticRenderFns:[]},function(n){n&&n("data-v-37ad70c7_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorSelectPanelHsva.vue"},media:void 0})},Qs,"data-v-37ad70c7",false,void 0,!1,o,void 0,void 0);const ec={components:{WColorSelectPanelBlock:Js,WColorSelectPanelHsva:nc},props:{value:{type:String,default:"#FFFFFF"},type:{type:String,default:"LUMP"},size:{type:Number,default:200},space:{type:Number,default:10},backgroundColor:{type:String,default:"transparent"}},data:function(){return{valueTrans:"#fff",typeTrans:"LUMP"}},computed:{changeValue:function(){return this.valueTrans=wo(this.value),""},changeType:function(){return this.typeTrans=this.type,""},useBackgroundColor:function(){return wo(this.backgroundColor)}},methods:{updateColor:function(n,e){this.valueTrans=n,this.$emit("input",n)}}};var tc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; background:"+n.useBackgroundColor+";",attrs:{changeValue:n.changeValue,changeType:n.changeType}},[t("div",{style:"padding:"+n.space+"px;"},["LUMP"===n.typeTrans?t("div",{staticStyle:{display:"flex"}},[t("WColorSelectPanelBlock",{attrs:{size:n.size,spaceGray:5,spaceAlpha:8,value:n.valueTrans},on:{input:function(e){n.updateColor(e,"block")}}})],1):n._e(),n._v(" "),"HSVA"===n.typeTrans?t("div",{staticStyle:{display:"flex"}},[t("WColorSelectPanelHsva",{attrs:{_size:"size*0.8875",size:n.size,space:10,value:n.valueTrans},on:{input:function(e){n.updateColor(e,"hsva")}}})],1):n._e()])])};tc._withStripped=!0;const rc=t({render:tc,staticRenderFns:[]},function(n){n&&n("data-v-115c44e9_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorSelectPanel.vue"},media:void 0})},ec,"data-v-115c44e9",false,void 0,!1,o,void 0,void 0);function oc(n){if(!xn(n))return!1;return Ot(n)>=0}function ic(n,e){function t(n){return ke(n)?n:[n]}if(fd(n))return!1;if(0===(n=t(n)).length)return!1;if(fd(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(Vi(n[t],e[r]))return!0;return!1}var lc={components:{WButtonChip:rs},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object],default:null},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"},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)"},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:mn,itemsTrans:[],borderUsed:{top:!0,bottom:!0,left:!0,right:!0}}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=Sl(n.items),t=Tt(e,e=>{let t=function(e){let t;return t=n.multiCheck?ic(n.value,e):Vi(e,n.value),t}(e);return{active:t,hover:!1,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive}}),r=Tt(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 u={};n.group&&(0===o&&(!0===mn(n,"groupBorderRadiusStyle.left")&&(u.left=!0),!0!==mn(n,"groupBorderRadiusStyle.topLeft")&&!0!==mn(n,"groupBorderRadiusStyle.top-left")||(u.topLeft=!0),!0!==mn(n,"groupBorderRadiusStyle.bottomLeft")&&!0!==mn(n,"groupBorderRadiusStyle.bottom-left")||(u.bottomLeft=!0),!0===mn(n,"groupBorderRadiusStyle.top")&&(u.topLeft=!0),!0===mn(n,"groupBorderRadiusStyle.bottom")&&(u.bottomLeft=!0)),o===e.length-1&&(!0===mn(n,"groupBorderRadiusStyle.right")&&(u.right=!0),!0!==mn(n,"groupBorderRadiusStyle.topRight")&&!0!==mn(n,"groupBorderRadiusStyle.top-right")||(u.topRight=!0),!0!==mn(n,"groupBorderRadiusStyle.bottomRight")&&!0!==mn(n,"groupBorderRadiusStyle.bottom-right")||(u.bottomRight=!0),!0===mn(n,"groupBorderRadiusStyle.top")&&(u.topRight=!0),!0===mn(n,"groupBorderRadiusStyle.bottom")&&(u.bottomRight=!0))),i.spcBorderRadiusStyle=u;let s={};n.group&&(s={top:n.borderWidth.top,bottom:n.borderWidth.bottom,left:1,right:1},0===o&&(s.left=n.borderWidth.left),o===e.length-1&&(s.right=n.borderWidth.right)),i.spcBorderWidth=s;let c={};n.group&&(c=n.getSpcBorderUsed(o,!1,a,l,d)),i.spcBorderUsed=c,i.spcBorderUsedBackup=Sl(c);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:${dd(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;Ie(t.itemsTrans,(n,r)=>{t.itemsTrans[r].ia.hover=r===e}),Ie(t.itemsTrans,(n,r)=>{let o=mn(t,`itemsTrans[${r}].ia`,null),i=mn(t,`itemsTrans[${r-1}].ia`,null),l=mn(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;Ie(t.itemsTrans,(n,e)=>{t.itemsTrans[e].spcBorderUsed=Sl(t.itemsTrans[e].spcBorderUsedBackup)})},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=Sl(e.value);if(n.active){let e=[];Ie(t,t=>{Vi(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 ac=lc;var dc=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,tooltipBorderRadius:n.tooltipBorderRadius,tooltipPaddingStyle:n.tooltipPaddingStyle,tooltipTextFontSize:n.tooltipTextFontSize,tooltipTextColor:n.tooltipTextColor,tooltipBackgroundColor:n.tooltipBackgroundColor,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)};dc._withStripped=!0;const uc=t({render:dc,staticRenderFns:[]},function(n){n&&n("data-v-b321f22e_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",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupChipCheck.vue"},media:void 0})},ac,"data-v-b321f22e",false,void 0,!1,o,void 0,void 0);const sc={components:{WGroupChipCheck:uc},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object],default:null},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"},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)"},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 cc=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupChipCheck",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)},"WGroupChipCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};cc._withStripped=!0;const pc=t({render:cc,staticRenderFns:[]},function(n){n&&n("data-v-087f9266_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",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupChipRadio.vue"},media:void 0})},sc,"data-v-087f9266",false,void 0,!1,o,void 0,void 0);const fc={components:{},props:{label:{type:String,default:""},labelWidth:{type:Number,default:null},labelHeight:{type:Number,default:null},labelColor:{type:String,default:"#666"},labelFontSize:{type:String,default:"0.8rem"},labelHorizontalAlign:{type:String,default:"left"},labelVerticalAlign:{type:String,default:"center"},labelShiftTop:{type:Number,default:0},space:{type:Number,default:0},seplines:{type:Boolean,default:!1},floatForItemSub:{type:Boolean,default:!0}},data:function(){return{}},computed:{useLabelWidth:function(){let n=this;if(xn(n.labelWidth)){return{width:`${Ot(n.labelWidth)}px`}}return{}},useLabelHeight:function(){let n=this;if(xn(n.labelHeight)){return{height:`${Ot(n.labelHeight)}px`}}return{}},useLabelVerticalAlign:function(){let n=this,e="middle";return"top"!==n.labelVerticalAlign&&"bottom"!==n.labelVerticalAlign||(e=n.labelVerticalAlign),e},useLabelColor:function(){return wo(this.labelColor)}},methods:{}};var hc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[n.seplines?[n._t("label",function(){return[t("div",{style:[n.useLabelWidth,n.useLabelHeight,{color:n.useLabelColor,fontSize:n.labelFontSize,textAlign:n.labelHorizontalAlign,paddingTop:n.labelShiftTop+"px",paddingBottom:n.space+"px"}]},[n._v("\n                "+n._s(n.label)+"\n            ")])]}),n._v(" "),t("div",{},[n._t("item"),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("div",{style:n.floatForItemSub?"position:absolute; top:0; left:0;":""},[n._t("item-sub")],2)])],2)]:[t("table",{staticStyle:{width:"100%","border-collapse":"collapse"}},[t("tr",[t("td",{style:[{verticalAlign:n.useLabelVerticalAlign,whiteSpace:"nowrap",color:n.useLabelColor,fontSize:n.labelFontSize,textAlign:n.labelHorizontalAlign}]},[n._t("label",function(){return[t("div",{style:[n.useLabelWidth,n.useLabelHeight,{paddingTop:n.labelShiftTop+"px"}]},[n._v("\n                            "+n._s(n.label)+":\n                        ")])]})],2),n._v(" "),t("td",{style:[{paddingRight:n.space+8+"px"}]}),n._v(" "),t("td",{style:[{width:"100%"}]},[n._t("item"),n._v(" "),n.floatForItemSub?t("div",{staticStyle:{position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"0",left:"0"}},[n._t("item-sub")],2)]):n._e()],2)]),n._v(" "),n.floatForItemSub?n._e():t("tr",[t("td"),n._v(" "),t("td"),n._v(" "),t("td",[n._t("item-sub")],2)])])]],2)};hc._withStripped=!0;const gc=t({render:hc,staticRenderFns:[]},function(n){n&&n("data-v-783f5534_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelLabelItem.vue"},media:void 0})},fc,"data-v-783f5534",false,void 0,!1,o,void 0,void 0);const mc={components:{WIcon:vd,WTooltip:qu},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)"},verticalAlign:{type:String,default:"center"},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"]=wo(n.backgroundColorFocus),e):n.hoveredTrans?(e["background-color"]=wo(n.backgroundColorHover),e):(e["background-color"]=wo(n.backgroundColor),e)},useBorder:function(){let n=this,e={};return n.focusedTrans?(e.border=`${n.borderWidth}px solid ${wo(n.borderColorFocus)}`,e):n.hoveredTrans?(e.border=`${n.borderWidth}px solid ${wo(n.borderColorHover)}`,e):(e.border=`${n.borderWidth}px solid ${wo(n.borderColor)}`,e)},useShadow:function(){let n={};return this.shadow&&(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},useLeftIconColor:function(){let n=this;return n.hoveredTrans?wo(n.leftIconColorHover):n.focusedTrans?wo(n.leftIconColorFocus):wo(n.leftIconColor)},useRightIconColor:function(){let n=this;return n.hoveredTrans?wo(n.rightIconColorHover):n.focusedTrans?wo(n.rightIconColorFocus):wo(n.rightIconColor)},useTitleColor:function(){let n={};return n.color=wo(this.titleColor),n},usePadding:function(){return{padding:dd(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return bn(this.leftIconTooltip)},hasRightIconTooltop:function(){return bn(this.rightIconTooltip)},useVerticalAlign:function(){let n=this,e={};return"center"===n.verticalAlign?e["align-items"]="center":"top"===n.verticalAlign?e["align-items"]="flex-start":"bottom"===n.verticalAlign&&(e["align-items"]="flex-end"),e}},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 vc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{style:[{transition:"all 0.3s",display:"flex","justify-content":"flex-start","border-radius":n.borderRadius+"px",opacity:n.editable?1:.6},n.usePadding,n.useBackgroundColor,n.useBorder,n.useShadow,n.useVerticalAlign],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; "+(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.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,colorHover:n.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3849071383)})],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; "+(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.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,colorHover:n.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1563142679)})],1):n._e()])])};vc._withStripped=!0;const yc=t({render:vc,staticRenderFns:[]},function(n){n&&n("data-v-479d52ce_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",map:{version:3,sources:[],names:[],mappings:"",file:"WShellEllipse.vue"},media:void 0})},mc,"data-v-479d52ce",false,void 0,!1,o,void 0,void 0);const bc={components:{},props:{borderColor:{type:String,default:"grey lighten-1"},borderColorHover:{type:String,default:"grey"},borderColorFocus:{type:String,default:"blue darken-2"},borderWidth:{type:Number,default:1},borderWidthHover:{type:Number,default:1},borderWidthFocus:{type:Number,default:2},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,hoverTrans:!1}},computed:{changeParam:function(){return this.focusedTrans=this.focused,""},useBorderWidth:function(){let n=this;return n.hoverTrans?n.borderWidthHover:n.borderWidth},useBorderColor:function(){let n=this;return n.hoverTrans?wo(n.borderColorHover):wo(n.borderColor)},useBorderColorFocus:function(){return wo(this.borderColorFocus)}},methods:{}};var Cc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{staticStyle:{position:"relative"},on:{mouseenter:function(e){n.hoverTrans=!0},mouseleave:function(e){n.hoverTrans=!1}}},[n._t("default"),n._v(" "),t("div",{style:"position:absolute; left:0px; right:0px; bottom:0px; z-index:1; border-bottom:"+n.useBorderWidth+"px solid "+n.useBorderColor+";"}),n._v(" "),t("transition",{attrs:{name:"fade"}},[n.focused?t("div",{style:"position:absolute; left:0px; right:0px; bottom:0px; z-index:2; border-bottom:"+n.borderWidthFocus+"px solid "+n.useBorderColorFocus+";"}):n._e()])],2)])};Cc._withStripped=!0;const xc=t({render:Cc,staticRenderFns:[]},function(n){n&&n("data-v-1ac489e8_0",{source:"\n.fade-enter-active[data-v-1ac489e8], .fade-leave-active[data-v-1ac489e8] {\r\n    transition: all 0.3s;\n}\n.fade-enter[data-v-1ac489e8], .fade-leave-to[data-v-1ac489e8] {\r\n    transform: scaleX(0);\n}\n.fade-enter-to[data-v-1ac489e8], .fade-leave[data-v-1ac489e8] {\r\n    transform: scaleX(100%);\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WShellBottomLine.vue"],names:[],mappings:";AAiIA;IACA,oBAAA;AACA;AACA;IACA,oBAAA;AACA;AACA;IACA,uBAAA;AACA",file:"WShellBottomLine.vue",sourcesContent:["<template>\r\n    <div :changeParam=\"changeParam\">\r\n\r\n        <div\r\n            style=\"position:relative;\"\r\n            @mouseenter=\"hoverTrans=true\"\r\n            @mouseleave=\"hoverTrans=false\"\r\n        >\r\n\r\n            <slot></slot>\r\n\r\n            <div\r\n                :style=\"`position:absolute; left:0px; right:0px; bottom:0px; z-index:1; border-bottom:${useBorderWidth}px solid ${useBorderColor};`\"\r\n            ></div>\r\n\r\n            <transition name=\"fade\">\r\n                <div\r\n                    :style=\"`position:absolute; left:0px; right:0px; bottom:0px; z-index:2; border-bottom:${borderWidthFocus}px solid ${useBorderColorFocus};`\"\r\n                    v-if=\"focused\"\r\n                ></div>\r\n            </transition>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [borderWidth=1] 輸入線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [borderColor='grey lighten-1'] 輸入線顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [borderColorHover='grey'] 輸入滑鼠移入時線顏色字串，預設'grey'\r\n * @vue-prop {String} [borderColorFocus='blue darken-2'] 輸入取得焦點時線顏色字串，預設'blue darken-2'\r\n * @vue-prop {Number} [borderWidthHover=1] 輸入滑鼠移入時線寬度數字，單位為px，預設1\r\n * @vue-prop {Number} [borderWidthFocus=2] 輸入取得焦點時線寬度數字，單位為px，預設2\r\n * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        borderColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        borderColorFocus: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        borderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderWidthHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderWidthFocus: {\r\n            type: Number,\r\n            default: 2,\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            focusedTrans: false,\r\n            hoverTrans: 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            //focusedTrans\r\n            vo.focusedTrans = vo.focused\r\n\r\n            return ''\r\n        },\r\n\r\n        useBorderWidth: function() {\r\n            //console.log('computed useBorderWidth')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoverTrans) {\r\n                return vo.borderWidthHover\r\n            }\r\n            return vo.borderWidth\r\n        },\r\n\r\n        useBorderColor: function() {\r\n            //console.log('computed useBorderColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoverTrans) {\r\n                return convertColor(vo.borderColorHover)\r\n            }\r\n            return convertColor(vo.borderColor)\r\n        },\r\n\r\n        useBorderColorFocus: function() {\r\n            //console.log('computed useBorderColorFocus')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.borderColorFocus)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.fade-enter-active, .fade-leave-active {\r\n    transition: all 0.3s;\r\n}\r\n.fade-enter, .fade-leave-to {\r\n    transform: scaleX(0);\r\n}\r\n.fade-enter-to, .fade-leave {\r\n    transform: scaleX(100%);\r\n}\r\n</style>\r\n"]},media:void 0})},bc,"data-v-1ac489e8",false,void 0,!1,o,void 0,void 0);function Sc(n){if(!Jt(n))return!1;return er(n)<0}function wc(n,e,t={}){let r=!1,o="";if("isstr"===e)yn(n)||(r=!0,o="需要為字串",n="");else if("isnum"===e)xn(n)||(r=!0,o="需要為數字",n=0);else if("isp0num"===e)oc(n)||(r=!0,o="需要為含0的正浮點數",n=0);else if("isn0num"===e)xn(i=n)&&Ot(i)<=0||(r=!0,o="需要為含0的負浮點數",n=0);else if("isint"===e)Jt(n)||(r=!0,o="需要為整數",n=0);else if("ispint"===e)dr(n)||(r=!0,o="需要為不含0正整數",n=0);else if("isp0int"===e)tr(n)||(r=!0,o="需要為含0正整數",n=0);else if("isnint"===e)Sc(n)||(r=!0,o="需要為不含0負整數",n=0);else if("isn0int"===e)(function(n){return!!Jt(n)&&er(n)<=0})(n)||(r=!0,o="需要為含0負整數",n=0);else if("custom"===e){let e=mn(t,"funCustom");if(!Te(e))throw new Error("invalid opt.funCustom when type='custom'");let i=e(n);if(!In(i.err))throw new Error("invalid return.err for type='custom'");if(i.err&&!bn(i.errmsg))throw new Error("invalid return.errmsg when return.err=true for type='custom'");if(!xn(i.value)&!yn(i.value))throw new Error("invalid return.value for type='custom'");r=i.err,o=i.errmsg,n=i.value}else if(Te(e)){n=e(n)}else"any"===e?xn(n)||yn(n)||(r=!0,o="需要為字串或數字",n=""):(r=!0,o="需要指定驗證類型",n=null);var i;return{value:n,err:r,errmsg:o}}var Ic={props:{type:{type:String,default:"any"},funVerify:{type:Function,default:null},value:{type:[String,Number],default:""},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},password:{type:Boolean,default:!1},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 xn(n.height)?e=`height:${n.height}px;`:bn(n.height)&&(e=`height:${n.height}; line-height:${n.height};`),e},useTextFontSize:function(){let n=this.textFontSize;return n=He(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(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=wc(e.valueTrans,e.type,{funCustom:e.funVerify});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)})}}};const kc=Ic;var Tc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},["checkbox"==(n.password?"password":"text")?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:{readonly:!n.editable,placeholder:n.placeholder,type:"checkbox"},domProps:{checked:Array.isArray(n.valueTrans)?n._i(n.valueTrans,null)>-1:n.valueTrans},on:{input:function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)},change:[function(e){var t=n.valueTrans,r=e.target,o=!!r.checked;if(Array.isArray(t)){var i=n._i(t,null);r.checked?i<0&&(n.valueTrans=t.concat([null])):i>-1&&(n.valueTrans=t.slice(0,i).concat(t.slice(i+1)))}else n.valueTrans=o},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)}}}):"radio"==(n.password?"password":"text")?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:{readonly:!n.editable,placeholder:n.placeholder,type:"radio"},domProps:{checked:n._q(n.valueTrans,null)},on:{input:function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)},change:[function(e){n.valueTrans=null},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)}}}):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:{readonly:!n.editable,placeholder:n.placeholder,type:n.password?"password":"text"},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)}}})])};Tc._withStripped=!0;const Bc=t({render:Tc,staticRenderFns:[]},function(n){n&&n("data-v-0c52e01a_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextCore.vue"},media:void 0})},kc,"data-v-0c52e01a",false,void 0,!1,o,void 0,void 0);const Hc={components:{WShellEllipse:yc,WShellBottomLine:xc,WTextCore:Bc},props:{paddingStyle:{type:Object,default:()=>({v:0,h:0})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!1},type:{type:String,default:"any"},funVerify:{type:Function,default:null},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"blue"},leftIconColorHover:{type:String,default:"blue darken-1"},leftIconColorFocus:{type:String,default:"blue darken-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"blue"},rightIconColorHover:{type:String,default:"blue darken-1"},rightIconColorFocus:{type:String,default:"blue darken-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:0},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},bottomLineBorderColor:{type:String,default:"grey lighten-1"},bottomLineBorderColorHover:{type:String,default:"grey"},bottomLineBorderColorFocus:{type:String,default:"blue darken-1"},bottomLineBorderWidth:{type:Number,default:1},bottomLineBorderWidthHover:{type:Number,default:1},bottomLineBorderWidthFocus:{type:Number,default:2},placeholder:{type:String,default:""},height:{type:Number,default:28},password:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeFocused:function(){return this.focusedTrans=this.focused,""}},methods:{modifyFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick(()=>{e.$emit("update:focused",n)})}}};var Ac=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeFocused:n.changeFocused}},[t("WShellBottomLine",{attrs:{borderColor:n.bottomLineBorderColor,borderColorHover:n.bottomLineBorderColorHover,borderColorFocus:n.bottomLineBorderColorFocus,borderWidth:n.bottomLineBorderWidth,borderWidthHover:n.bottomLineBorderWidthHover,borderWidthFocus:n.bottomLineBorderWidthFocus,focused:n.focusedTrans}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,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("WTextCore",{attrs:{type:n.type,funVerify:n.funVerify,textFontSize:n.textFontSize,textColor:n.textColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,password:n.password,editable:n.editable,value:n.value,focused:n.focusedTrans},on:{"update:focused":n.modifyFocused,select:function(e,t,r){n.$emit("select",e,t,r)},blur:function(e,t,r){n.$emit("blur",e,t,r)},enter:function(e,t,r){n.$emit("enter",e,t,r)},input:function(e,t,r){n.$emit("input",e,t,r)},change:function(e,t,r){n.$emit("change",e,t,r)}}})],1)],1)],1)};Ac._withStripped=!0;const Wc=t({render:Ac,staticRenderFns:[]},function(n){n&&n("data-v-18318129_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",map:{version:3,sources:[],names:[],mappings:"",file:"WText.vue"},media:void 0})},Hc,"data-v-18318129",false,void 0,!1,o,void 0,void 0);function Fc(n,e=0){if(!xn(n))return"";if(!tr(e))return"";return n=Ot(n),nr(n,e).toFixed(e)}
+!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={props:{to:{type:String,default:null}},computed:{toEl:function(){let n=this,e=null;try{e=document.querySelector(n.to)}catch(n){}return e}},watch:{toEl:function(n){this.teleport()}},mounted:function(){this.teleport()},destroyed:function(){let n=this;try{n.$el.remove()}catch(n){}},methods:{teleport:function(){let n=this;try{n.$el&&n.$el.parentElement!==n.toEl&&n.toEl.appendChild(n.$el)}catch(n){}}}};function t(n,e,t,r,o,i,l,a,d,u){"boolean"!=typeof l&&(d=a,a=l,l=!1);const s="function"==typeof t?t.options:t;let c;if(n&&n.render&&(s.render=n.render,s.staticRenderFns=n.staticRenderFns,s._compiled=!0,o&&(s.functional=!0)),r&&(s._scopeId=r),i?(c=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)},s._ssrRegister=c):e&&(c=l?function(n){e.call(this,u(n,this.$root.$options.shadowRoot))}:function(n){e.call(this,a(n))}),c)if(s.functional){const n=s.render;s.render=function(e,t){return c.call(t),n(e,t)}}else{const n=s.beforeCreate;s.beforeCreate=n?[].concat(n,c):[c]}return t}const r="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function o(n){return(n,e)=>function(n,e){const t=r?e.media||"default":n,o=l[t]||(l[t]={ids:new Set,styles:[]});if(!o.ids.has(n)){o.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))))+" */"),o.element||(o.element=document.createElement("style"),o.element.type="text/css",e.media&&o.element.setAttribute("media",e.media),void 0===i&&(i=document.head||document.getElementsByTagName("head")[0]),i.appendChild(o.element)),"styleSheet"in o.element)o.styles.push(t),o.element.styleSheet.cssText=o.styles.filter(Boolean).join("\n");else{const n=o.ids.size-1,e=document.createTextNode(t),r=o.element.childNodes;r[n]&&o.element.removeChild(r[n]),r.length?o.element.insertBefore(e,r[n]):o.element.appendChild(e)}}}(n,e)}let i;const l={};const a=e;var d=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",[n._t("default")],2)};d._withStripped=!0;const u=t({render:d,staticRenderFns:[]},function(n){n&&n("data-v-bcb4612a_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",map:{version:3,sources:[],names:[],mappings:"",file:"Teleport.vue"},media:void 0})},a,"data-v-bcb4612a",false,void 0,!1,o,void 0,void 0);var s=Array.isArray,c="object"==typeof global&&global&&global.Object===Object&&global,p="object"==typeof self&&self&&self.Object===Object&&self,f=c||p||Function("return this")(),h=f.Symbol,g=Object.prototype,m=g.hasOwnProperty,v=g.toString,y=h?h.toStringTag:void 0;var b=Object.prototype.toString;var C=h?h.toStringTag:void 0;function x(n){return null==n?void 0===n?"[object Undefined]":"[object Null]":C&&C in Object(n)?function(n){var e=m.call(n,y),t=n[y];try{n[y]=void 0;var r=!0}catch(n){}var o=v.call(n);return r&&(e?n[y]=t:delete n[y]),o}(n):function(n){return b.call(n)}(n)}function S(n){return null!=n&&"object"==typeof n}function w(n){return"symbol"==typeof n||S(n)&&"[object Symbol]"==x(n)}var I=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,k=/^\w*$/;function T(n,e){if(s(n))return!1;var t=typeof n;return!("number"!=t&&"symbol"!=t&&"boolean"!=t&&null!=n&&!w(n))||(k.test(n)||!I.test(n)||null!=e&&n in Object(e))}function B(n){var e=typeof n;return null!=n&&("object"==e||"function"==e)}function H(n){if(!B(n))return!1;var e=x(n);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}var A,W=f["__core-js_shared__"],F=(A=/[^.]+$/.exec(W&&W.keys&&W.keys.IE_PROTO||""))?"Symbol(src)_1."+A:"";var Z=Function.prototype.toString;function X(n){if(null!=n){try{return Z.call(n)}catch(n){}try{return n+""}catch(n){}}return""}var z=/^\[object .+?Constructor\]$/,R=Function.prototype,P=Object.prototype,V=R.toString,L=P.hasOwnProperty,N=RegExp("^"+V.call(L).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function D(n){return!(!B(n)||(e=n,F&&F in e))&&(H(n)?N:z).test(X(n));var e}function G(n,e){var t=function(n,e){return null==n?void 0:n[e]}(n,e);return D(t)?t:void 0}var M=G(Object,"create");var Y=Object.prototype.hasOwnProperty;var j=Object.prototype.hasOwnProperty;function _(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])}}function K(n,e){return n===e||n!=n&&e!=e}function $(n,e){for(var t=n.length;t--;)if(K(n[t][0],e))return t;return-1}_.prototype.clear=function(){this.__data__=M?M(null):{},this.size=0},_.prototype.delete=function(n){var e=this.has(n)&&delete this.__data__[n];return this.size-=e?1:0,e},_.prototype.get=function(n){var e=this.__data__;if(M){var t=e[n];return"__lodash_hash_undefined__"===t?void 0:t}return Y.call(e,n)?e[n]:void 0},_.prototype.has=function(n){var e=this.__data__;return M?void 0!==e[n]:j.call(e,n)},_.prototype.set=function(n,e){var t=this.__data__;return this.size+=this.has(n)?0:1,t[n]=M&&void 0===e?"__lodash_hash_undefined__":e,this};var E=Array.prototype.splice;function O(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])}}O.prototype.clear=function(){this.__data__=[],this.size=0},O.prototype.delete=function(n){var e=this.__data__,t=$(e,n);return!(t<0)&&(t==e.length-1?e.pop():E.call(e,t,1),--this.size,!0)},O.prototype.get=function(n){var e=this.__data__,t=$(e,n);return t<0?void 0:e[t][1]},O.prototype.has=function(n){return $(this.__data__,n)>-1},O.prototype.set=function(n,e){var t=this.__data__,r=$(t,n);return r<0?(++this.size,t.push([n,e])):t[r][1]=e,this};var J=G(f,"Map");function U(n,e){var t,r,o=n.__data__;return("string"==(r=typeof(t=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==t:null===t)?o["string"==typeof e?"string":"hash"]:o.map}function Q(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])}}Q.prototype.clear=function(){this.size=0,this.__data__={hash:new _,map:new(J||O),string:new _}},Q.prototype.delete=function(n){var e=U(this,n).delete(n);return this.size-=e?1:0,e},Q.prototype.get=function(n){return U(this,n).get(n)},Q.prototype.has=function(n){return U(this,n).has(n)},Q.prototype.set=function(n,e){var t=U(this,n),r=t.size;return t.set(n,e),this.size+=t.size==r?0:1,this};function q(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(q.Cache||Q),t}q.Cache=Q;var nn,en,tn,rn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,on=/\\(\\)?/g,ln=(nn=function(n){var e=[];return 46===n.charCodeAt(0)&&e.push(""),n.replace(rn,function(n,t,r,o){e.push(r?o.replace(on,"$1"):t||n)}),e},en=q(nn,function(n){return 500===tn.size&&tn.clear(),n}),tn=en.cache,en),an=ln;function dn(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 un=h?h.prototype:void 0,sn=un?un.toString:void 0;function cn(n){if("string"==typeof n)return n;if(s(n))return dn(n,cn)+"";if(w(n))return sn?sn.call(n):"";var e=n+"";return"0"==e&&1/n==-1/0?"-0":e}function pn(n){return null==n?"":cn(n)}function fn(n,e){return s(n)?n:T(n,e)?[n]:an(pn(n))}function hn(n){if("string"==typeof n||w(n))return n;var e=n+"";return"0"==e&&1/n==-1/0?"-0":e}function gn(n,e){for(var t=0,r=(e=fn(e,n)).length;null!=n&&t<r;)n=n[hn(e[t++])];return t&&t==r?n:void 0}function mn(n,e,t){var r=null==n?void 0:gn(n,e);return void 0===r?t:r}function vn(n){return"[object Object]"===Object.prototype.toString.call(n)}function yn(n){return"[object String]"===Object.prototype.toString.call(n)}function bn(n){return!(!yn(n)||""===n)}function Cn(n){return n!=n}function xn(n){let e=!1;if(bn(n)){if(""===n.trim())return!1;e=!isNaN(Number(n))}else if(function(n){return"[object Number]"===Object.prototype.toString.call(n)}(n)){if(Cn(n))return!1;e=!0}return e}function Sn(n,e){return!!vn(n)&&(!(!bn(e)&&!xn(e))&&e in n)}function wn(){let n,e,t=new Promise(function(){n=arguments[0],e=arguments[1]});return t.resolve=n,t.reject=e,t}function In(n){return!0===(e=n)||!1===e||S(e)&&"[object Boolean]"==x(e);var e}function kn(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}var Tn=/\s/;var Bn=/^\s+/;function Hn(n){return n?n.slice(0,function(n){for(var e=n.length;e--&&Tn.test(n.charAt(e)););return e}(n)+1).replace(Bn,""):n}var An=/^[-+]0x[0-9a-f]+$/i,Wn=/^0b[01]+$/i,Fn=/^0o[0-7]+$/i,Zn=parseInt;function Xn(n){if("number"==typeof n)return n;if(w(n))return NaN;if(B(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=B(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=Hn(n);var t=Wn.test(n);return t||Fn.test(n)?Zn(n.slice(2),t?2:8):An.test(n)?NaN:+n}var zn=1/0;function Rn(n){return n?(n=Xn(n))===zn||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}function Pn(n){var e=Rn(n),t=e%1;return e==e?t?e-t:e:0}function Vn(n,e,t){var r=null==n?0:n.length;return r?kn(n,(e=t||void 0===e?1:Pn(e))<0?0:e,r):[]}function Ln(n,e){for(var t=-1,r=null==n?0:n.length;++t<r&&!1!==e(n[t],t,n););return n}var Nn,Dn=function(n,e,t){for(var r=-1,o=Object(n),i=t(n),l=i.length;l--;){var a=i[Nn?l:++r];if(!1===e(o[a],a,o))break}return n},Gn=Dn;function Mn(n,e){for(var t=-1,r=Array(n);++t<n;)r[t]=e(t);return r}function Yn(n){return S(n)&&"[object Arguments]"==x(n)}var jn=Object.prototype,_n=jn.hasOwnProperty,Kn=jn.propertyIsEnumerable,$n=Yn(function(){return arguments}())?Yn:function(n){return S(n)&&_n.call(n,"callee")&&!Kn.call(n,"callee")},En=$n;var On="object"==typeof exports&&exports&&!exports.nodeType&&exports,Jn=On&&"object"==typeof module&&module&&!module.nodeType&&module,Un=Jn&&Jn.exports===On?f.Buffer:void 0,Qn=(Un?Un.isBuffer:void 0)||function(){return!1},qn=/^(?:0|[1-9]\d*)$/;function ne(n,e){var t=typeof n;return!!(e=null==e?9007199254740991:e)&&("number"==t||"symbol"!=t&&qn.test(n))&&n>-1&&n%1==0&&n<e}function ee(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=9007199254740991}var te={};function re(n){return function(e){return n(e)}}te["[object Float32Array]"]=te["[object Float64Array]"]=te["[object Int8Array]"]=te["[object Int16Array]"]=te["[object Int32Array]"]=te["[object Uint8Array]"]=te["[object Uint8ClampedArray]"]=te["[object Uint16Array]"]=te["[object Uint32Array]"]=!0,te["[object Arguments]"]=te["[object Array]"]=te["[object ArrayBuffer]"]=te["[object Boolean]"]=te["[object DataView]"]=te["[object Date]"]=te["[object Error]"]=te["[object Function]"]=te["[object Map]"]=te["[object Number]"]=te["[object Object]"]=te["[object RegExp]"]=te["[object Set]"]=te["[object String]"]=te["[object WeakMap]"]=!1;var oe="object"==typeof exports&&exports&&!exports.nodeType&&exports,ie=oe&&"object"==typeof module&&module&&!module.nodeType&&module,le=ie&&ie.exports===oe&&c.process,ae=function(){try{var n=ie&&ie.require&&ie.require("util").types;return n||le&&le.binding&&le.binding("util")}catch(n){}}(),de=ae&&ae.isTypedArray,ue=de?re(de):function(n){return S(n)&&ee(n.length)&&!!te[x(n)]},se=Object.prototype.hasOwnProperty;function ce(n,e){var t=s(n),r=!t&&En(n),o=!t&&!r&&Qn(n),i=!t&&!r&&!o&&ue(n),l=t||r||o||i,a=l?Mn(n.length,String):[],d=a.length;for(var u in n)!e&&!se.call(n,u)||l&&("length"==u||o&&("offset"==u||"parent"==u)||i&&("buffer"==u||"byteLength"==u||"byteOffset"==u)||ne(u,d))||a.push(u);return a}var pe=Object.prototype;function fe(n){var e=n&&n.constructor;return n===("function"==typeof e&&e.prototype||pe)}function he(n,e){return function(t){return n(e(t))}}var ge=he(Object.keys,Object),me=Object.prototype.hasOwnProperty;function ve(n){if(!fe(n))return ge(n);var e=[];for(var t in Object(n))me.call(n,t)&&"constructor"!=t&&e.push(t);return e}function ye(n){return null!=n&&ee(n.length)&&!H(n)}function be(n){return ye(n)?ce(n):ve(n)}var Ce=function(n,e){return function(t,r){if(null==t)return t;if(!ye(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&&Gn(n,e,be)}),xe=Ce;function Se(n){return n}function we(n){return"function"==typeof n?n:Se}function Ie(n,e){return(s(n)?Ln:xe)(n,we(e))}function ke(n){return"[object Array]"===Object.prototype.toString.call(n)}function Te(n){return H(n)}function Be(n,e){let t=wn();if(!ke(n)&&!vn(n))return t.reject("rs is not an array or object"),t;let r=!1;if(vn(n)){r=!0;let e=[];Ie(n,(n,t)=>{e.push({k:t,v:n})}),n=e}Te(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),Te(e)?e(a,l):a})},Promise.resolve()).then(function(n){i.push(n),i=Vn(i),t.resolve(i)}).catch(function(n){t.reject(n)}),t}function He(n,e,t){if(!bn(n))return"";if(!bn(e))return"";if(!yn(t))return"";return String(n).replaceAll(e,t)}function Ae(n){var e=this.__data__=new O(n);this.size=e.size}Ae.prototype.clear=function(){this.__data__=new O,this.size=0},Ae.prototype.delete=function(n){var e=this.__data__,t=e.delete(n);return this.size=e.size,t},Ae.prototype.get=function(n){return this.__data__.get(n)},Ae.prototype.has=function(n){return this.__data__.has(n)},Ae.prototype.set=function(n,e){var t=this.__data__;if(t instanceof O){var r=t.__data__;if(!J||r.length<199)return r.push([n,e]),this.size=++t.size,this;t=this.__data__=new Q(r)}return t.set(n,e),this.size=t.size,this};function We(n){var e=-1,t=null==n?0:n.length;for(this.__data__=new Q;++e<t;)this.add(n[e])}function Fe(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(e(n[t],t,n))return!0;return!1}function Ze(n,e){return n.has(e)}We.prototype.add=We.prototype.push=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this},We.prototype.has=function(n){return this.__data__.has(n)};function Xe(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 u=i.get(n),s=i.get(e);if(u&&s)return u==e&&s==n;var c=-1,p=!0,f=2&t?new We:void 0;for(i.set(n,e),i.set(e,n);++c<a;){var h=n[c],g=e[c];if(r)var m=l?r(g,h,c,e,n,i):r(h,g,c,n,e,i);if(void 0!==m){if(m)continue;p=!1;break}if(f){if(!Fe(e,function(n,e){if(!Ze(f,e)&&(h===n||o(h,n,t,r,i)))return f.push(e)})){p=!1;break}}else if(h!==g&&!o(h,g,t,r,i)){p=!1;break}}return i.delete(n),i.delete(e),p}var ze=f.Uint8Array;function Re(n){var e=-1,t=Array(n.size);return n.forEach(function(n,r){t[++e]=[r,n]}),t}function Pe(n){var e=-1,t=Array(n.size);return n.forEach(function(n){t[++e]=n}),t}var Ve=h?h.prototype:void 0,Le=Ve?Ve.valueOf:void 0;function Ne(n,e){for(var t=-1,r=e.length,o=n.length;++t<r;)n[o+t]=e[t];return n}function De(n,e,t){var r=e(n);return s(n)?r:Ne(r,t(n))}function Ge(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}function Me(){return[]}var Ye=Object.prototype.propertyIsEnumerable,je=Object.getOwnPropertySymbols,_e=je?function(n){return null==n?[]:(n=Object(n),Ge(je(n),function(e){return Ye.call(n,e)}))}:Me,Ke=_e;function $e(n){return De(n,be,Ke)}var Ee=Object.prototype.hasOwnProperty;var Oe=G(f,"DataView"),Je=G(f,"Promise"),Ue=G(f,"Set"),Qe=G(f,"WeakMap"),qe="[object Map]",nt="[object Promise]",et="[object Set]",tt="[object WeakMap]",rt="[object DataView]",ot=X(Oe),it=X(J),lt=X(Je),at=X(Ue),dt=X(Qe),ut=x;(Oe&&ut(new Oe(new ArrayBuffer(1)))!=rt||J&&ut(new J)!=qe||Je&&ut(Je.resolve())!=nt||Ue&&ut(new Ue)!=et||Qe&&ut(new Qe)!=tt)&&(ut=function(n){var e=x(n),t="[object Object]"==e?n.constructor:void 0,r=t?X(t):"";if(r)switch(r){case ot:return rt;case it:return qe;case lt:return nt;case at:return et;case dt:return tt}return e});var st=ut,ct="[object Arguments]",pt="[object Array]",ft="[object Object]",ht=Object.prototype.hasOwnProperty;function gt(n,e,t,r,o,i){var l=s(n),a=s(e),d=l?pt:st(n),u=a?pt:st(e),c=(d=d==ct?ft:d)==ft,p=(u=u==ct?ft:u)==ft,f=d==u;if(f&&Qn(n)){if(!Qn(e))return!1;l=!0,c=!1}if(f&&!c)return i||(i=new Ae),l||ue(n)?Xe(n,e,t,r,o,i):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 ze(n),new ze(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return K(+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=Re;case"[object Set]":var d=1&r;if(a||(a=Pe),n.size!=e.size&&!d)return!1;var u=l.get(n);if(u)return u==e;r|=2,l.set(n,e);var s=Xe(a(n),a(e),r,o,i,l);return l.delete(n),s;case"[object Symbol]":if(Le)return Le.call(n)==Le.call(e)}return!1}(n,e,d,t,r,o,i);if(!(1&t)){var h=c&&ht.call(n,"__wrapped__"),g=p&&ht.call(e,"__wrapped__");if(h||g){var m=h?n.value():n,v=g?e.value():e;return i||(i=new Ae),o(m,v,t,r,i)}}return!!f&&(i||(i=new Ae),function(n,e,t,r,o,i){var l=1&t,a=$e(n),d=a.length;if(d!=$e(e).length&&!l)return!1;for(var u=d;u--;){var s=a[u];if(!(l?s in e:Ee.call(e,s)))return!1}var c=i.get(n),p=i.get(e);if(c&&p)return c==e&&p==n;var f=!0;i.set(n,e),i.set(e,n);for(var h=l;++u<d;){var g=n[s=a[u]],m=e[s];if(r)var v=l?r(m,g,s,e,n,i):r(g,m,s,n,e,i);if(!(void 0===v?g===m||o(g,m,t,r,i):v)){f=!1;break}h||(h="constructor"==s)}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}(n,e,t,r,o,i))}function mt(n,e,t,r,o){return n===e||(null==n||null==e||!S(n)&&!S(e)?n!=n&&e!=e:gt(n,e,t,r,mt,o))}function vt(n){return n==n&&!B(n)}function yt(n,e){return function(t){return null!=t&&(t[n]===e&&(void 0!==e||n in Object(t)))}}function bt(n){var e=function(n){for(var e=be(n),t=e.length;t--;){var r=e[t],o=n[r];e[t]=[r,o,vt(o)]}return e}(n);return 1==e.length&&e[0][2]?yt(e[0][0],e[0][1]):function(t){return t===n||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],u=n[d],s=a[1];if(l&&a[2]){if(void 0===u&&!(d in n))return!1}else{var c=new Ae;if(r)var p=r(u,s,d,n,e,c);if(!(void 0===p?mt(s,u,3,r,c):p))return!1}}return!0}(t,n,e)}}function Ct(n,e){return null!=n&&e in Object(n)}function xt(n,e){return null!=n&&function(n,e,t){for(var r=-1,o=(e=fn(e,n)).length,i=!1;++r<o;){var l=hn(e[r]);if(!(i=null!=n&&t(n,l)))break;n=n[l]}return i||++r!=o?i:!!(o=null==n?0:n.length)&&ee(o)&&ne(l,o)&&(s(n)||En(n))}(n,e,Ct)}function St(n){return function(e){return null==e?void 0:e[n]}}function wt(n){return T(n)?St(hn(n)):function(n){return function(e){return gn(e,n)}}(n)}function It(n){return"function"==typeof n?n:null==n?Se:"object"==typeof n?s(n)?(e=n[0],t=n[1],T(e)&&vt(t)?yt(hn(e),t):function(n){var r=mn(n,e);return void 0===r&&r===t?xt(n,e):mt(t,r,3)}):bt(n):wt(n);var e,t}function kt(n,e){var t=-1,r=ye(n)?Array(n.length):[];return xe(n,function(n,o,i){r[++t]=e(n,o,i)}),r}function Tt(n,e){return(s(n)?dn:kt)(n,It(e))}function Bt(n,e,t){var r=n.length;return t=void 0===t?r:t,!e&&t>=r?n:kn(n,e,t)}function Ht(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}function At(n){return n!=n}function Wt(n,e,t){return e==e?function(n,e,t){for(var r=t-1,o=n.length;++r<o;)if(n[r]===e)return r;return-1}(n,e,t):Ht(n,At,t)}var Ft=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");function Zt(n){return Ft.test(n)}var Xt="\\ud800-\\udfff",zt="["+Xt+"]",Rt="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Pt="\\ud83c[\\udffb-\\udfff]",Vt="[^"+Xt+"]",Lt="(?:\\ud83c[\\udde6-\\uddff]){2}",Nt="[\\ud800-\\udbff][\\udc00-\\udfff]",Dt="(?:"+Rt+"|"+Pt+")"+"?",Gt="[\\ufe0e\\ufe0f]?",Mt=Gt+Dt+("(?:\\u200d(?:"+[Vt,Lt,Nt].join("|")+")"+Gt+Dt+")*"),Yt="(?:"+[Vt+Rt+"?",Rt,Lt,Nt,zt].join("|")+")",jt=RegExp(Pt+"(?="+Pt+")|"+Yt+Mt,"g");function _t(n){return Zt(n)?function(n){return n.match(jt)||[]}(n):function(n){return n.split("")}(n)}function Kt(n,e,t){if((n=pn(n))&&(t||void 0===e))return Hn(n);if(!n||!(e=cn(e)))return n;var r=_t(n),o=_t(e),i=function(n,e){for(var t=-1,r=n.length;++t<r&&Wt(e,n[t],0)>-1;);return t}(r,o),l=function(n,e){for(var t=n.length;t--&&Wt(e,n[t],0)>-1;);return t}(r,o)+1;return Bt(r,i,l).join("")}function $t(n,e){if(!bn(n))return[];if(!bn(e))return[];let t=function(n,e){return bn(n)&&bn(e)?n.split(e):[]}(n,e);t=Tt(t,Kt);let r=[];return Ie(t,function(n){bn(n)&&r.push(n)}),r}function Et(n){return"number"==typeof n&&n==Pn(n)}function Ot(n){if(!xn(n))return 0;return Rn(n)}function Jt(n,e={}){let t=mn(e,"useLimitSafe",null);return In(t)||(t=!1),!!xn(n)&&(n=Ot(n),t?Number.isSafeInteger(n):Et(n))}var Ut=f.isFinite,Qt=Math.min;var qt=function(n){var e=Math[n];return function(n,t){if(n=Xn(n),(t=null==t?0:Qt(Pn(t),292))&&Ut(n)){var r=(pn(n)+"e").split("e");return+((r=(pn(e(r[0]+"e"+(+r[1]+t)))+"e").split("e"))[0]+"e"+(+r[1]-t))}return e(n)}}("round"),nr=qt;function er(n,e={}){let t=mn(e,"useClampSafe",null);In(t)||(t=!1);let r=mn(e,"useLimitSafe",null);In(r)||(r=!1);let o=mn(e,"returnWithStateAndMsg",null);In(o)||(o=!1);let i=n=>o?{state:"success",msg:n}:n,l=n=>{if(o)return{state:"error",msg:n};throw new Error(n)};if(!xn(n))return i(0);let a=null;try{n=Ot(n),a=nr(n),t&&(a>Number.MAX_SAFE_INTEGER?a=Number.MAX_SAFE_INTEGER:a<Number.MIN_SAFE_INTEGER&&(a=Number.MIN_SAFE_INTEGER))}catch(n){return l(n.toString())}return r&&!Number.isSafeInteger(Number(a))?l(`v[${n}] is not a safe integer`):("0"===String(a)&&(a=0),i(a))}function tr(n,e={}){if(!Jt(n,e))return!1;return er(n)>=0}function rr(n,e){if(!bn(n))return"";if(!tr(e))return"";if(0===(e=er(e)))return"";let t=n.length-e;return t<0&&(t=0),n.substring(t,t+e)}function or(n,e){return bn(n)&&tr(e)?0===(e=er(e))?n:rr(n,n.length-e):""}var ir=Array.prototype.join;function lr(n,e){return null==n?"":ir.call(n,e)}let ar=2147483647;function dr(n,e={}){if(!Jt(n,e))return!1;return er(n)>0}function ur(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 sr(n,e={}){let t=null,r=wn();if(!Te(n))return r.reject("waitfunction需輸入函數f"),r;let o=async()=>{let e=n();return ur(e)&&(e=await e),e};if(t=await o(),!0===t)return r.resolve(),r;let i=mn(e,"attemptNum",null);dr(i)||(i=200);let l=mn(e,"timeInterval",null);dr(l)||(l=1e3),l=Math.min(l,ar);let a=0,d=setInterval(async()=>{a+=1,t=await o(),!0===t&&(clearInterval(d),r.resolve()),a>i&&(clearInterval(d),r.reject(`exceeded attemptNum[${i}]`))},l);return r}function cr(n=10){xn(n)||(n=10),n=Math.min(n,ar);let e=wn();return setTimeout(function(){e.resolve()},n),e}let pr={},fr={};function hr({tagName:n,path:e,attributes:t={},func:r}){let o=wn();if("done"===pr[e])return o.resolve("loaded"),o;if("loading"===pr[e])return sr(()=>"done"===pr[e]).then(function(){o.resolve("loaded")}),o;pr[e]="loading";let i=document.createElement(n);return Ie(t,(n,e)=>{i.setAttribute(e,n)}),t.rel&&"stylesheet"===t.rel?(i.setAttribute("href",e),setTimeout(()=>{o.resolve(i),pr[e]="done"},1)):(i.src=e,i.addEventListener("load",()=>{let n;Te(r)?n=sr(r):(n=wn(),n.resolve()),n.then(()=>cr(500)).then(function(){o.resolve(i),pr[e]="done"})}),i.addEventListener("error",()=>{o.reject(i),pr[e]="done"})),document.getElementsByTagName("head")[0].appendChild(i),o}let gr={},mr={},vr=async(n,e="")=>{let t=`${n}|${e}`;if(Sn(mr,t)){return await mr[t]}let r=wn();mr[t]=r;let o=`https://raw.githubusercontent.com/yuda-lyu/${n}/refs/heads/master/package.json`,i=`https://cdn.jsdelivr.net/npm/${n}@{version}/dist/{fn}`,l=await(async(n,e={})=>{if(Sn(gr,n))return await gr[n];let t=mn(e,"useCache");In(t)||(t=!1);let r=wn();gr[n]=r;let o={cache:t?"force-cache":"reload"},i=await fetch(n,o);if(!i.ok)throw new Error(`can not get res from url[${n}]`);let l=await i.json();return r.resolve(l),l})(o),a=mn(l,"version");if(!bn(a))throw new Error("找不到 version");let d=`${n}.umd.js`;bn(e)&&(d=e);let u=i;return u=He(u,"{version}",a),u=He(u,"{fn}",d),r.resolve(u),u},yr=async n=>{let e=await Be(n,async n=>{let e="",t="",r=n.indexOf("base:")>=0,o=n.indexOf("file:")>=0,i=$t(n,"|"),l=mn(i,0,""),a=mn(i,1,"");if(r&&o&&(e=or(l,5),t=or(a,5)),r&&!o&&(e=or(n,5)),!r&&!o)return n;let d=n;if(bn(e)&&!bn(t))d=await vr(e);else{if(!bn(e)||!bn(t))throw console.log("url",d),new Error("invalid url");d=await vr(e,t)}return d}),t=await function(n){let e=wn();ke(n)||(n=[n]),Ie(n,(e,t)=>{yn(e)&&(n[t]={path:e})});let t=lr(Tt(n,"path"),"|");return"done"===fr[t]?(e.resolve("loaded"),e):"loading"===fr[t]?(sr(()=>"done"===fr[t]).then(function(){e.resolve("loaded")}),e):(fr[t]="loading",Ie(n,(n,e)=>{n.type||(".js"===rr(n.path,3)?n.type="js":".css"===rr(n.path,4)?n.type="css":n.type="unknow")}),Be(n,n=>{let e=wn();if("js"===n.type)e=hr({tagName:"script",path:n.path,attributes:{type:"text/javascript"},func:n.func});else if("css"===n.type)e=hr({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(()=>{fr[t]="done"}))}(e);return t};function br(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}function Cr(){let e=br();return n||e.Vue}n&&!window.Vue&&(window.Vue=n);var xr,Sr=(xr="toUpperCase",function(n){var e=Zt(n=pn(n))?_t(n):void 0,t=e?e[0]:n.charAt(0),r=e?Bt(e,1).join(""):n.slice(1);return t[xr]()+r});var wr,Ir=(wr={"À":"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"},function(n){return null==wr?void 0:wr[n]}),kr=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,Tr=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var Br=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Hr=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var Ar="\\ud800-\\udfff",Wr="\\u2700-\\u27bf",Fr="a-z\\xdf-\\xf6\\xf8-\\xff",Zr="A-Z\\xc0-\\xd6\\xd8-\\xde",Xr="\\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",zr="["+Xr+"]",Rr="\\d+",Pr="["+Wr+"]",Vr="["+Fr+"]",Lr="[^"+Ar+Xr+Rr+Wr+Fr+Zr+"]",Nr="(?:\\ud83c[\\udde6-\\uddff]){2}",Dr="[\\ud800-\\udbff][\\udc00-\\udfff]",Gr="["+Zr+"]",Mr="(?:"+Vr+"|"+Lr+")",Yr="(?:"+Gr+"|"+Lr+")",jr="(?:['’](?:d|ll|m|re|s|t|ve))?",_r="(?:['’](?:D|LL|M|RE|S|T|VE))?",Kr="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",$r="[\\ufe0e\\ufe0f]?",Er=$r+Kr+("(?:\\u200d(?:"+["[^"+Ar+"]",Nr,Dr].join("|")+")"+$r+Kr+")*"),Or="(?:"+[Pr,Nr,Dr].join("|")+")"+Er,Jr=RegExp([Gr+"?"+Vr+"+"+jr+"(?="+[zr,Gr,"$"].join("|")+")",Yr+"+"+_r+"(?="+[zr,Gr+Mr,"$"].join("|")+")",Gr+"?"+Mr+"+"+jr,Gr+"+"+_r,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Rr,Or].join("|"),"g");function Ur(n,e,t){return n=pn(n),void 0===(e=t?void 0:e)?function(n){return Hr.test(n)}(n)?function(n){return n.match(Jr)||[]}(n):function(n){return n.match(Br)||[]}(n):n.match(e)||[]}var Qr=RegExp("['’]","g");var qr,no=(qr=function(n,e,t){return e=e.toLowerCase(),n+(t?Sr(pn(e).toLowerCase()):e)},function(n){return 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}(Ur(function(n){return(n=pn(n))&&n.replace(kr,Ir).replace(Tr,"")}(n).replace(Qr,"")),qr,"")}),eo=no;function to(n,e,t){if(!B(t))return!1;var r=typeof e;return!!("number"==r?ye(t)&&ne(e,t.length):"string"==r&&e in t)&&K(t[e],n)}var ro=ae&&ae.isRegExp,oo=ro?re(ro):function(n){return S(n)&&"[object RegExp]"==x(n)};function io(n,e,t){return t&&"number"!=typeof t&&to(n,e,t)&&(e=t=void 0),(t=void 0===t?4294967295:t>>>0)?(n=pn(n))&&("string"==typeof e||null!=e&&!oo(e))&&!(e=cn(e))&&Zt(n)?Bt(_t(n),0,t):n.split(e,t):[]}var lo=St("length"),ao="\\ud800-\\udfff",uo="["+ao+"]",so="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",co="\\ud83c[\\udffb-\\udfff]",po="[^"+ao+"]",fo="(?:\\ud83c[\\udde6-\\uddff]){2}",ho="[\\ud800-\\udbff][\\udc00-\\udfff]",go="(?:"+so+"|"+co+")"+"?",mo="[\\ufe0e\\ufe0f]?",vo=mo+go+("(?:\\u200d(?:"+[po,fo,ho].join("|")+")"+mo+go+")*"),yo="(?:"+[po+so+"?",so,fo,ho,uo].join("|")+")",bo=RegExp(co+"(?="+co+")|"+yo+vo,"g");function Co(n){return Zt(n)?function(n){for(var e=bo.lastIndex=0;bo.test(n);)++e;return e}(n):lo(n)}function xo(n){if(null==n)return 0;if(ye(n))return"string"==typeof(e=n)||!s(e)&&S(e)&&"[object String]"==x(e)?Co(n):n.length;var e,t=st(n);return"[object Map]"==t||"[object Set]"==t?n.size:ve(n).length}let So={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 wo(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=io(n," ");return 1===xo(e)&&(e[1]=null),e}(n),t=function(n,e,t){let r=mn(So,`default.${n}.${e}`,null);return null===r&&(r=t),r}(function(n){let e=n.trim();return e=eo(e),e}(e[0]),function(n){bn(n)||(n="base");let e=n.trim();return e=e.replace("-","").trim(),e}(e[1]),n);return t}const Io={components:{},props:{name:{type:String,default:"cir-wave"},size:{type:Number,default:48},color:{type:String,default:"#666"}},data:function(){return{}},computed:{effColor:function(){return wo(this.color)}},methods:{}};var ko=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;",attrs:{cmp:"loading",loadtype:n.name}},["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; 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)};ko._withStripped=!0;const To=t({render:ko,staticRenderFns:[]},function(n){n&&n("data-v-c7d024f2_0",{source:"\n.pgc-rotate[data-v-c7d024f2] {\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-c7d024f2 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-c7d024f2] {\r\n    animation: progress-circular-dash-data-v-c7d024f2 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-c7d024f2 {\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-c7d024f2 {\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-c7d024f2 {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-c7d024f2 {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AAmGA;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\r\n        :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`"\r\n        :cmp="\'loading\'"\r\n        :loadtype="name"\r\n    >\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; 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 convertColor from \'../js/convertColor.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 * @vue-prop {String} [color=\'#666\'] 輸入圖標顏色字串，預設\'#666\'\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        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'#666\',\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 convertColor(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})},Io,"data-v-c7d024f2",false,void 0,!1,o,void 0,void 0);const Bo={components:{WIconLoading:To},props:{pathItems:{type:Array,default:()=>["base:w-aggrid-vue"]},opt:{type:Object,default:()=>({})},height:{type:Number,default:300},filterall:{type:String,default:""}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;yr(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-aggrid-vue"];n.default&&(n=n.default),Cr().component("w-aggrid-vue",n)}n.cmpName="w-aggrid-vue"})},computed:{},methods:{}};var Ho=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},scopedSlots:n._u([n.$scopedSlots["cell-render"]?{key:"cell-render",fn:function(e){return[n._t("cell-render",null,null,e)]}}:null,n.$scopedSlots["cell-tooltip"]?{key:"cell-tooltip",fn:function(e){return[n._t("cell-tooltip",null,null,e)]}}:null,n.$scopedSlots["head-render"]?{key:"head-render",fn:function(e){return[n._t("head-render",null,null,e)]}}:null,n.$scopedSlots["head-tooltip"]?{key:"head-tooltip",fn:function(e){return[n._t("head-tooltip",null,null,e)]}}:null],null,!0)})};Ho._withStripped=!0;const Ao=t({render:Ho,staticRenderFns:[]},function(n){n&&n("data-v-6fb1e7aa_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",map:{version:3,sources:[],names:[],mappings:"",file:"WAggridVueDyn.vue"},media:void 0})},Bo,"data-v-6fb1e7aa",false,void 0,!1,o,void 0,void 0);function Wo(n){return"number"==typeof n||S(n)&&"[object Number]"==x(n)}function Fo(n,e){var t=[];return xe(n,function(n,r,o){e(n,r,o)&&t.push(n)}),t}function Zo(n,e){return(s(n)?Ge:Fo)(n,It(e))}var Xo=h?h.isConcatSpreadable:void 0;function zo(n){return s(n)||En(n)||!!(Xo&&n&&n[Xo])}function Ro(n,e,t,r,o){var i=-1,l=n.length;for(t||(t=zo),o||(o=[]);++i<l;){var a=n[i];e>0&&t(a)?e>1?Ro(a,e-1,t,r,o):Ne(o,a):r||(o[o.length]=a)}return o}function Po(n,e){if(n!==e){var t=void 0!==n,r=null===n,o=n==n,i=w(n),l=void 0!==e,a=null===e,d=e==e,u=w(e);if(!a&&!u&&!i&&n>e||i&&l&&d&&!a&&!u||r&&l&&d||!t&&d||!o)return 1;if(!r&&!i&&!u&&n<e||u&&t&&o&&!r&&!i||a&&t&&o||!l&&o||!d)return-1}return 0}function Vo(n,e,t){e=e.length?dn(e,function(n){return s(n)?function(e){return gn(e,1===n.length?n[0]:n)}:n}):[Se];var r=-1;return e=dn(e,re(It)),function(n,e){var t=n.length;for(n.sort(e);t--;)n[t]=n[t].value;return n}(kt(n,function(n,t,o){return{criteria:dn(e,function(e){return e(n)}),index:++r,value:n}}),function(n,e){return function(n,e,t){for(var r=-1,o=n.criteria,i=e.criteria,l=o.length,a=t.length;++r<l;){var d=Po(o[r],i[r]);if(d)return r>=a?d:d*("desc"==t[r]?-1:1)}return n.index-e.index}(n,e,t)})}var Lo=Math.max;function No(n,e,t){return e=Lo(void 0===e?n.length-1:e,0),function(){for(var r=arguments,o=-1,i=Lo(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),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)}(n,this,a)}}var Do=function(){try{var n=G(Object,"defineProperty");return n({},"",{}),n}catch(n){}}(),Go=Do,Mo=Go?function(n,e){return Go(n,"toString",{configurable:!0,enumerable:!1,value:(t=e,function(){return t}),writable:!0});var t}:Se,Yo=Mo,jo=Date.now;var _o=function(n){var e=0,t=0;return function(){var r=jo(),o=16-(r-t);if(t=r,o>0){if(++e>=800)return arguments[0]}else e=0;return n.apply(void 0,arguments)}}(Yo),Ko=_o;function $o(n,e){return Ko(No(n,e,Se),n+"")}var Eo=$o(function(n,e){if(null==n)return[];var t=e.length;return t>1&&to(n,e[0],e[1])?e=[]:t>2&&to(e[0],e[1],e[2])&&(e=[e[0]]),Vo(n,Ro(e,1),[])});let Oo="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Jo=Oo.length;function Uo(n=32){let e=[];n=dr(n)?er(n):32;for(let t=0;t<n;t++)e[t]=Oo[0|Math.random()*Jo];return e.join("")}function Qo(n){if(vn(n)){for(let e in n)return!0;return!1}return!1}var qo=he(Object.getPrototypeOf,Object),ni=Function.prototype,ei=Object.prototype,ti=ni.toString,ri=ei.hasOwnProperty,oi=ti.call(Object);function ii(n){if(!S(n)||"[object Object]"!=x(n))return!1;var e=qo(n);if(null===e)return!0;var t=ri.call(e,"constructor")&&e.constructor;return"function"==typeof t&&t instanceof t&&ti.call(t)==oi}function li(n){return S(e=n)&&1===e.nodeType&&!ii(e);var e}function ai(n,e={}){if(!li(n))return;let t=mn(e,"duration",500);t=Ot(t),t<0&&(t=1e3);let r=mn(e,"delay",0);r=Ot(r),r<0&&(r=0);let o=mn(e,"opacityIni",0);o=Ot(o),o=Math.min(Math.max(o,0),1),xn(n.style.opacity)&&(o=Ot(n.style.opacity));let i=10/t,l=`tag-${Uo()}`;n.setAttribute("dom-fade-tag",l),setTimeout(()=>{let e=setInterval(()=>{try{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)}catch(n){console.log(n),clearInterval(e)}},10)},r)}let di='<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>',ui={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:di},si={},ci=null,pi=br();function fi(){Ie(["top-right","top-left","bottom-right","bottom-left"],n=>{!function(n){let e=Zo(si,{position:n});e=Eo(e,"timeStart");let t=16;Ie(e,n=>{si[n.id].ele||(si[n.id].ele=document.querySelector(`#${n.id}`)),si[n.id].loc.top=t,si[n.id].loc.height=si[n.id].ele.offsetHeight,t+=si[n.id].loc.height+16}),Ie(e,e=>{n.indexOf("bottom-")>=0?(si[e.id].ele.style.bottom=`${si[e.id].loc.top}px`,si[e.id].loc.bottom=si[e.id].loc.top):si[e.id].ele.style.top=`${si[e.id].loc.top}px`,n.indexOf("-left")>=0?(si[e.id].ele.style.left="16px",si[e.id].loc.left=16):(si[e.id].ele.style.right="16px",si[e.id].loc.right=16),si[e.id].ele.style.zIndex=2e5,si[e.id].ele.style.opacity=1,si[e.id].ele.style.transform="",si[e.id].ele.style.transform=null})}(n)})}function hi(n){si[n].ele&&si[n].ele.parentNode.removeChild(si[n].ele),si[n]&&delete si[n],fi()}pi.ttWAlertCancel=function(n){hi(n)},pi.ttWAlertFadeIn=function(n){ai(document.querySelector(`#${n}`))},pi.ttWAlertFadeOut=function(n){!function(n,e={}){if(!li(n))return;let t=mn(e,"duration",500);t=Ot(t),t<0&&(t=1e3);let r=mn(e,"delay",0);r=Ot(r),r<0&&(r=0);let o=mn(e,"opacityIni",1);o=Ot(o),o=Math.min(Math.max(o,0),1),xn(n.style.opacity)&&(o=Ot(n.style.opacity));let i=10/t,l=`tag-${Uo()}`;n.setAttribute("dom-fade-tag",l),setTimeout(()=>{let e=setInterval(()=>{try{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)}catch(n){console.log(n),clearInterval(e)}},10)},r)}(document.querySelector(`#${n}`))};let gi=function(n,e={}){if(!bn(n))return;let t=mn(e,"type","success");Sn(ui,t)||(t="success");let r=mn(e,"icon",null);bn(r)||(r=ui[t]);let o="top-right";"top-left"!==e.position&&"bottom-right"!==e.position&&"bottom-left"!==e.position||(o=e.position);let i=mn(e,"time");Wo(i)||(i=4e3),i<0&&(i=4e3);let l=mn(e,"paddingStyle",null);null===l&&(l={top:14,right:26,bottom:14,left:14});let a="";{let n=mn(l,"top",0),e=mn(l,"bottom",0),t=mn(l,"left",0);a=`padding:${n}px ${mn(l,"right",0)}px ${e}px ${t}px;`}let d=mn(e,"textColor","#000");d=He(d,";","");let u=mn(e,"backgroundColor","#fff");u=He(u,";","");let s=mn(e,"borderWidth",1),c=mn(e,"borderColor","#ebeef5");c=He(c,";","");let p=mn(e,"borderRadius",8),f=mn(e,"shadowStyle","0 2px 12px 0 rgba(0,0,0,.1)");f=He(f,";","");let h=mn(e,"closeIconShift",null);null===h&&(h={top:10,right:10});let g="";{let n=mn(h,"top",""),e=mn(h,"bottom",""),t=mn(h,"left",""),r=mn(h,"right","");Wo(n)&&(n=`top:${n}px;`),Wo(e)&&(e=`bottom:${e}px;`),Wo(t)&&(t=`left:${t}px;`),Wo(r)&&(r=`right:${r}px;`),g=`position:absolute; ${n} ${r} ${e} ${t}`}let m=`alt-${Uo()}`,v=`alt-${Uo()}`,y=`\n    <div \n        style="display:inline-block; color:${d}; background:${u}; border:${s}px solid ${c}; 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="${g}">\n                <div \n                id="${v}" \n                    style="display:flex; cursor:pointer; opacity:0;" \n                    onclick="ttWAlertCancel('${m}')"\n                >\n                    ${di}\n                </div>\n            </div>\n\n        </div>\n    </div>\n    `,b=document.createElement("div");b.id=m,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=wn();return function({id:n,position:e,time:t,pm:r}){si[n]={id:n,position:e,ele:null,loc:{height:null,top:null,bottom:null,left:null,right:null},timeShow:t,timeStart:Date.now(),pm:r},fi(),null===ci&&(ci=setInterval(()=>{Ie(si,n=>{Date.now()-n.timeStart>n.timeShow&&(n.pm.resolve(),hi(n.id))}),Qo(si)||(clearInterval(ci),ci=null)},50))}({id:m,position:o,time:i,pm:C}),C};var mi=function(){return f.Date.now()},vi=Math.max,yi=Math.min;function bi(n,e,t){var r,o,i,l,a,d,u=0,s=!1,c=!1,p=!0;if("function"!=typeof n)throw new TypeError("Expected a function");function f(e){var t=r,i=o;return r=o=void 0,u=e,l=n.apply(i,t)}function h(n){var t=n-d;return void 0===d||t>=e||t<0||c&&n-u>=i}function g(){var n=mi();if(h(n))return m(n);a=setTimeout(g,function(n){var t=e-(n-d);return c?yi(t,i-(n-u)):t}(n))}function m(n){return a=void 0,p&&r?f(n):(r=o=void 0,l)}function v(){var n=mi(),t=h(n);if(r=arguments,o=this,d=n,t){if(void 0===a)return function(n){return u=n,a=setTimeout(g,e),s?f(n):l}(d);if(c)return clearTimeout(a),a=setTimeout(g,e),f(d)}return void 0===a&&(a=setTimeout(g,e)),l}return e=Xn(e)||0,B(t)&&(s=!!t.leading,i=(c="maxWait"in t)?vi(Xn(t.maxWait)||0,e):i,p="trailing"in t?!!t.trailing:p),v.cancel=function(){void 0!==a&&clearTimeout(a),u=0,r=d=o=a=void 0},v.flush=function(){return void 0===a?l:m(mi())},v}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function Ci(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var xi={exports:{}};!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,u,s=this._events[a],c=arguments.length;if(s.fn){switch(s.once&&this.removeListener(n,s.fn,void 0,!0),c){case 1:return s.fn.call(s.context),!0;case 2:return s.fn.call(s.context,e),!0;case 3:return s.fn.call(s.context,e,r),!0;case 4:return s.fn.call(s.context,e,r,o),!0;case 5:return s.fn.call(s.context,e,r,o,i),!0;case 6:return s.fn.call(s.context,e,r,o,i,l),!0}for(u=1,d=new Array(c-1);u<c;u++)d[u-1]=arguments[u];s.fn.apply(s.context,d)}else{var p,f=s.length;for(u=0;u<f;u++)switch(s[u].once&&this.removeListener(n,s[u].fn,void 0,!0),c){case 1:s[u].fn.call(s[u].context);break;case 2:s[u].fn.call(s[u].context,e);break;case 3:s[u].fn.call(s[u].context,e,r);break;case 4:s[u].fn.call(s[u].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(c-1);p<c;p++)d[p-1]=arguments[p];s[u].fn.apply(s[u].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,u=[],s=a.length;d<s;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&u.push(a[d]);u.length?this._events[i]=1===u.length?u[0]:u: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}(xi);var Si=Ci(xi.exports);function wi(){return new Si}function Ii(n){if(!n||1!==n.nodeType||!n.isConnected)return!1;if(Te(n.checkVisibility))try{return n.checkVisibility()}catch(n){}let e=n;for(;e&&1===e.nodeType;){let n="";try{n=window.getComputedStyle(e).display}catch(e){n=""}if("none"===n)return!1;e=e.parentElement||e.parentNode&&e.parentNode.host||null}return!0}function ki(n,e,t,r={}){let o=mn(r,"min",-1/0),i=!0===mn(r,"minOpen",!1),l="clamp"===mn(r,"below","def"),a=!0===mn(r,"int",!1),d=!0===mn(r,"timer",!1),u="keep"===mn(r,"inf","def"),s=mn(n,e,null);return xn(s)?(s=Number(s),(i?s>o:s>=o)?s===1/0?d?ar:u?1/0:t:Number.isFinite(s)?a&&!Number.isInteger(s)?t:(d&&(s=Math.min(s,ar)),s):t:l&&!i&&Number.isFinite(o)?o:t):t}let Ti=new Set,Bi=null;function Hi(n){Ti.delete(n),0===Ti.size&&Bi&&(Bi.disconnect(),Bi=null)}function Ai(n){return ki(n,"timeInterval",20,{int:!0,min:0,minOpen:!0,timer:!0})}function Wi(n,e){let t=mn(n,e,null);return Te(t)?t:null}function Fi(n){let e=null;try{e=n()}catch(n){e=null}return e&&1===e.nodeType?e:null}function Zi(n){return xn(n)?Ot(n):null}function Xi(n){return n.offsetWidth>0&&n.offsetHeight>0&&n.width>0&&n.height>0}function zi(n,e,t){let r=function(n){return ki(n,"tolerancePixel",1,{int:!0,min:0,inf:"keep"})}(e),o=function(n){return ki(n,"toleranceBounce",3,{int:!0,min:0,inf:"keep"})}(e),i={width:{dir:0,n:0,m:0},height:{dir:0,n:0,m:0}},l=!0===mn(e,"sync",!1),a=Wi(e,"getSize"),d=Wi(e,"getBase"),u=function(n){return ki(n,"throttle",0,{int:!0,min:0,minOpen:!0,timer:!0})}(e),s=!1,c={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0,width:0,height:0},p={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0,width:0,height:0},f=null,h=new Set,g=0,m=0,v=(n,e)=>{let t=(n=>{if(!d)return{width:p.width,height:p.height};let e=null;try{e=d()}catch(n){e=null}let t=Zi(mn(e,"width",null)),r=Zi(mn(e,"height",null));return n&&m<g?{width:null===t?null:p.width,height:null===r?null:p.height}:{width:t,height:r}})(e),o=null===t.width?0:t.width-n.width,i=null===t.height?0:t.height-n.height;return{dw:o,dh:i,bw:Math.abs(o)>r,bh:Math.abs(i)>r}},y=(n,e,t,l)=>{let a=i[n],d=l>0?1:l<0?-1:0;if(0!==d){let n=0!==a.dir&&d!==a.dir;a.n=n?a.n+1:0,n&&(a.m=0),a.dir=d}return t?(a.n=0,a.m=0,!0):0!==e&&r!==1/0&&(o===1/0||!(a.n>=o||a.m>=10)&&(0!==d&&a.m++,!0))},b=(n,e)=>({width:e.cw&&0!==n.dw?n.dw>0?"smaller":"larger":"",height:e.ch&&0!==n.dh?n.dh>0?"smaller":"larger":""}),C=(e,r,i,l,a,u)=>{if(!s&&!(a<m)&&(m=a,Xi(r))){if(u){if(!Ii(l))return void(n=>{p===n&&(p={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0,width:0,height:0},c={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0,width:0,height:0},t&&t())})(r);if(d){let n=v(r,!1),e=o>0,t={cw:n.bw||e&&""!==i.width&&0!==n.dw,ch:n.bh||e&&""!==i.height&&0!==n.dh};if(!t.cw&&!t.ch)return;i=b(n,t)}}n.emit("resize",{sold:e,snew:r,smode:i,ele:l}),s||n.emit("resizeWithWindow",{sold:e,snew:r,smode:i,ele:l,from:"dom"})}},x=!1,S=(n,e,t,r,o)=>{if(x)return void C(n,e,t,r,o,!1);let i=setTimeout(()=>{h.delete(i),C(n,e,t,r,o,!0)},1);h.add(i)},w=null;u>0&&(w=function(n,e,t){var r=!0,o=!0;if("function"!=typeof n)throw new TypeError("Expected a function");return B(t)&&(r="leading"in t?!!t.leading:r,o="trailing"in t?!!t.trailing:o),bi(n,e,{leading:r,maxWait:e,trailing:o})}(S,u));let I=e=>{s||(c={...c,windowWidth:window.innerWidth,windowHeight:window.innerHeight},Xi(c)&&Ii(f)&&n.emit("resizeWithWindow",{sold:p,snew:c,smode:{width:"",height:""},from:"window"}))};window.addEventListener("resize",I);return{check:(n,e)=>{if(s)return;if(!n)return c={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0,width:0,height:0},void(f=null);let t=function(n,e){let t={offsetWidth:n.offsetWidth,offsetHeight:n.offsetHeight,clientWidth:n.clientWidth,clientHeight:n.clientHeight,windowWidth:window.innerWidth,windowHeight:window.innerHeight,width:n.offsetWidth,height:n.offsetHeight};if(e){let r=null;try{r=e(n)}catch(n){r=null}t.width=Zi(mn(r,"width",null))||0,t.height=Zi(mn(r,"height",null))||0}return t}(n,a),r=n===f&&Xi(c)&&Xi(t);r||(i={width:{dir:0,n:0,m:0},height:{dir:0,n:0,m:0}});let o=r?t.width-c.width:0,d=r?t.height-c.height:0;c=t,f=n;let u=v(t,!0),h={cw:y("width",u.dw,u.bw,o),ch:y("height",u.dh,u.bh,d)};if(!h.cw&&!h.ch)return;let m=p;p=t,g++,((n,e,t,r,o,i)=>{x=i;try{w?w(n,e,t,r,o):S(n,e,t,r,o)}finally{x=!1}})(m,t,b(u,h),n,g,e&&l)},clear:()=>{s=!0;for(let n of h)clearTimeout(n);h.clear(),w&&w.cancel(),window.removeEventListener("resize",I),f=null},isCleared:()=>s,isVisible:()=>c.offsetWidth>0&&c.offsetHeight>0}}function Ri(n,e={}){if(!Te(n))return console.log("invalid f",n),null;let t=!0===mn(e,"watchIdentity",!1),r=Ai(e),o=wi(),i=zi(o,e,()=>{f(),m()}),l=null,a=null,d=!1,u=!1,s=null,c=null,p=()=>{s.observe(l,{box:"border-box"}),c.observe(l)},f=()=>{!i.isCleared()&&l&&(s.unobserve(l),c.unobserve(l),p())},h=()=>{let n="";if(l)try{n=window.getComputedStyle(l).display}catch(e){n=""}d=!(!l||!l.isConnected),"inline"===n?u=!0:"none"!==n&&""!==n&&(u=!1);let e="inline"===n||"none"===n&&u;e&&null===a?a=setInterval(y,r):e||null===a||(clearInterval(a),a=null)},g=()=>{if(i.isCleared())return;let e=Fi(n);e!==l&&(l&&(s.unobserve(l),c.unobserve(l)),l=e,u=!1,l&&p(),h())},m=()=>{if(i.isCleared())return;var n;l&&l.isConnected&&i.isVisible()&&!t?Hi(v):(n=v,Ti.add(n),Bi||(Bi=new window.MutationObserver(()=>{for(let n of Array.from(Ti))n()}),Bi.observe(document.documentElement,{childList:!0,subtree:!0})))},v=()=>{g(),l&&l.isConnected!==d&&h(),m()},y=()=>{g();try{i.check(l,!0)}finally{h(),m()}};return s=new window.ResizeObserver(y),c=new window.ResizeObserver(y),g(),m(),o.refresh=()=>{g(),i.check(l,!1),h(),m()},o.clear=()=>{i.isCleared()||(i.clear(),Hi(v),s.disconnect(),c.disconnect(),null!==a&&(clearInterval(a),a=null),l=null)},o}function Pi(n,e={}){return"undefined"!=typeof window&&!!window.ResizeObserver&&!!window.MutationObserver&&"polling"!==mn(e,"mode","")?Ri(n,e):function(n,e={}){if(!Te(n))return console.log("invalid f",n),null;let t=wi(),r=zi(t,e),o=setInterval(()=>{r.check(Fi(n),!1)},Ai(e));return t.refresh=()=>{r.isCleared()||r.check(Fi(n),!1)},t.clear=()=>{clearInterval(o),r.clear()},t}(n,e)}function Vi(n,e){return mt(n,e)}function Li(n){return{listeners:n&&n.componentOptions&&n.componentOptions.listeners||null,on:n&&n.data&&n.data.on||null}}function Ni(n,e,t,r={}){let{listeners:o,on:i}=Li(n),l=!0;!1!==r.warn&&function(n,e,t,r,o){let i=[],l=[...Object.keys(r||{}),...Object.keys(o||{})];for(let n of l)n!==e&&(n.replace(/^[~!&]+/,"")===e?i.push(`@${e}不支援.once、.capture、.passive修飾字, 處理函式不會被呼叫`):n.toLowerCase().replace(/-/g,"")===e&&i.push(`事件名須為@${e}, 目前為@${n}, 處理函式不會被呼叫`));let a=n&&n.data||{};a.attrs&&Object.prototype.hasOwnProperty.call(a.attrs,e)&&i.push(`${e}="${a.attrs[e]}"為靜態屬性, 應為@${e}`),(!n||!n.componentOptions)&&a.nativeOn&&a.nativeOn[e]&&i.push(`元素上之@${e}.native無效, 應為@${e}`);for(let n of i)console.warn(`[v-${t}] ${n}`)}(n,e,t,o,i);return{emit:n=>{if(!l)return;let t=o&&o[e]||i&&i[e];"function"==typeof t&&t(n)},update:n=>{if(!l)return;let e=Li(n);o=e.listeners,i=e.on},dispose:()=>{l=!1,o=null,i=null}}}function Di(n,e,t){"__proto__"==e&&Go?Go(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):n[e]=t}var Gi=Object.prototype.hasOwnProperty;function Mi(n,e,t){var r=n[e];Gi.call(n,e)&&K(r,t)&&(void 0!==t||e in n)||Di(n,e,t)}function Yi(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?Di(t,a,d):Mi(t,a,d)}return t}var ji=Object.prototype.hasOwnProperty;function _i(n){if(!B(n))return function(n){var e=[];if(null!=n)for(var t in Object(n))e.push(t);return e}(n);var e=fe(n),t=[];for(var r in n)("constructor"!=r||!e&&ji.call(n,r))&&t.push(r);return t}function Ki(n){return ye(n)?ce(n,!0):_i(n)}var $i="object"==typeof exports&&exports&&!exports.nodeType&&exports,Ei=$i&&"object"==typeof module&&module&&!module.nodeType&&module,Oi=Ei&&Ei.exports===$i?f.Buffer:void 0,Ji=Oi?Oi.allocUnsafe:void 0;function Ui(n,e){if(e)return n.slice();var t=n.length,r=Ji?Ji(t):new n.constructor(t);return n.copy(r),r}function Qi(n,e){var t=-1,r=n.length;for(e||(e=Array(r));++t<r;)e[t]=n[t];return e}var qi=Object.getOwnPropertySymbols?function(n){for(var e=[];n;)Ne(e,Ke(n)),n=qo(n);return e}:Me,nl=qi;function el(n){return De(n,Ki,nl)}var tl=Object.prototype.hasOwnProperty;function rl(n){var e=new n.constructor(n.byteLength);return new ze(e).set(new ze(n)),e}var ol=/\w*$/;var il=h?h.prototype:void 0,ll=il?il.valueOf:void 0;function al(n,e){var t=e?rl(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)}function dl(n,e,t){var r,o=n.constructor;switch(e){case"[object ArrayBuffer]":return rl(n);case"[object Boolean]":case"[object Date]":return new o(+n);case"[object DataView]":return function(n,e){var t=e?rl(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.byteLength)}(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 al(n,t);case"[object Map]":case"[object Set]":return new o;case"[object Number]":case"[object String]":return new o(n);case"[object RegExp]":return function(n){var e=new n.constructor(n.source,ol.exec(n));return e.lastIndex=n.lastIndex,e}(n);case"[object Symbol]":return r=n,ll?Object(ll.call(r)):{}}}var ul=Object.create,sl=function(){function n(){}return function(e){if(!B(e))return{};if(ul)return ul(e);n.prototype=e;var t=new n;return n.prototype=void 0,t}}(),cl=sl;function pl(n){return"function"!=typeof n.constructor||fe(n)?{}:cl(qo(n))}var fl=ae&&ae.isMap,hl=fl?re(fl):function(n){return S(n)&&"[object Map]"==st(n)};var gl=ae&&ae.isSet,ml=gl?re(gl):function(n){return S(n)&&"[object Set]"==st(n)},vl="[object Arguments]",yl="[object Function]",bl="[object Object]",Cl={};function xl(n,e,t,r,o,i){var l,a=1&e,d=2&e,u=4&e;if(t&&(l=o?t(n,r,o,i):t(n)),void 0!==l)return l;if(!B(n))return n;var c=s(n);if(c){if(l=function(n){var e=n.length,t=new n.constructor(e);return e&&"string"==typeof n[0]&&tl.call(n,"index")&&(t.index=n.index,t.input=n.input),t}(n),!a)return Qi(n,l)}else{var p=st(n),f=p==yl||"[object GeneratorFunction]"==p;if(Qn(n))return Ui(n,a);if(p==bl||p==vl||f&&!o){if(l=d||f?{}:pl(n),!a)return d?function(n,e){return Yi(n,nl(n),e)}(n,function(n,e){return n&&Yi(e,Ki(e),n)}(l,n)):function(n,e){return Yi(n,Ke(n),e)}(n,function(n,e){return n&&Yi(e,be(e),n)}(l,n))}else{if(!Cl[p])return o?n:{};l=dl(n,p,a)}}i||(i=new Ae);var h=i.get(n);if(h)return h;i.set(n,l),ml(n)?n.forEach(function(r){l.add(xl(r,e,t,r,n,i))}):hl(n)&&n.forEach(function(r,o){l.set(o,xl(r,e,t,o,n,i))});var g=c?void 0:(u?d?el:$e:d?Ki:be)(n);return Ln(g||n,function(r,o){g&&(r=n[o=r]),Mi(l,o,xl(r,e,t,o,n,i))}),l}Cl[vl]=Cl["[object Array]"]=Cl["[object ArrayBuffer]"]=Cl["[object DataView]"]=Cl["[object Boolean]"]=Cl["[object Date]"]=Cl["[object Float32Array]"]=Cl["[object Float64Array]"]=Cl["[object Int8Array]"]=Cl["[object Int16Array]"]=Cl["[object Int32Array]"]=Cl["[object Map]"]=Cl["[object Number]"]=Cl[bl]=Cl["[object RegExp]"]=Cl["[object Set]"]=Cl["[object String]"]=Cl["[object Symbol]"]=Cl["[object Uint8Array]"]=Cl["[object Uint8ClampedArray]"]=Cl["[object Uint16Array]"]=Cl["[object Uint32Array]"]=!0,Cl["[object Error]"]=Cl[yl]=Cl["[object WeakMap]"]=!1;function Sl(n){return xl(n,5)}function wl(n,e={}){let t,r=e.keys||[],o=bn(e.refreshKey)?e.refreshKey:"",i=e.normalize||null,l=!0,a={},d=[];if(!1===n||null===n)l=!1;else if(void 0===n||!0===n)a={};else if(vn(n)){let e=[];for(let i of Object.keys(n))r.indexOf(i)<0?e.push(i):i===o?t=Sl(n[i]):a[i]=n[i];e.length>0&&d.push(`設定鍵${e.join("、")}不適用而不採用, 可用之鍵為${r.length>0?r.join("、"):"無"}`)}else{let e=Array.isArray(n)?"array":typeof n;d.push(`指令值須為true、false、null或物件, 目前為${e}, 視同未給(啟用並使用預設設定)`)}if(!l)return{enabled:l,cfg:a,funs:[],snap:null,rkey:t,warns:d};if(Te(i)){let e=i(a,{given:vn(n)});a=e.cfg,d=[...d,...e.warns||[]]}let u=[],s={};for(let n of Object.keys(a).sort())Te(a[n])?u.push(n):s[n]=a[n];return{enabled:l,cfg:a,funs:u,snap:{vals:Sl(s),funs:u},rkey:t,warns:d}}function Il(n){let{name:e,attr:t,create:r}=n,o={keys:n.keys||[],refreshKey:n.refreshKey||"",normalize:n.normalize||null},i=new WeakMap,l=(n,e)=>e&&e.componentInstance||n,a=(n,t)=>{for(let r of t)n.warned.has(r)||(n.warned.add(r),console.warn(`[v-${e}] ${r}`))},d=(n,t)=>{let o=t.p;if(!o.enabled)return;let i={};for(let n of Object.keys(o.cfg)){let r=o.cfg[n];Te(r)?i[n]=(...r)=>{let o=t.p.cfg[n];if(!Te(o))return null;try{return o(...r)}catch(r){throw t.warned.has(`fun:${n}`)||(t.warned.add(`fun:${n}`),console.error(`[v-${e}] 設定函數${n}拋錯`,r)),r}}:i[n]=r}let l={alive:!0},a=r(n,i,n=>{l.alive&&t.em.emit(n)});t.det={gate:l,clear:a&&Te(a.clear)?a.clear:null,refresh:a&&Te(a.refresh)?a.refresh:null}},u=n=>{let e=n.det;e&&(n.det=null,e.gate.alive=!1,e.clear&&e.clear())},s=n=>{n.em.dispose(),u(n)};return{bind:function(n,r,u){let c=`r${Uo()}`;n.setAttribute(t,c);let p=l(n,u),f=i.get(p);f&&s(f);let h={em:Ni(u,e,e),p:wl(r.value,o),det:null,warned:new Set,refreshing:!1};a(h,h.p.warns),i.set(p,h),d(n,h)},componentUpdated:function(n,e,t){let r=i.get(l(n,t));if(!r)return;r.em.update(t);let s=wl(e.value,o);a(r,s.warns);let c=r.p;if(r.p=s,s.enabled!==c.enabled||!Vi(s.snap,c.snap))return u(r),void d(n,r);s.enabled&&!Vi(s.rkey,c.rkey)&&(n=>{let e=n.det;e&&e.refresh&&!n.refreshing&&(n.refreshing=!0,Promise.resolve().then(()=>{n.refreshing=!1,n.det===e&&e.refresh()}))})(r)},unbind:function(n,e,r){n.setAttribute(t,null);let o=l(n,r),a=i.get(o);a&&(i.delete(o),s(a))}}}let kl=["event","refreshKey","mode","timeInterval","tolerancePixel","toleranceBounce","sync","watchIdentity","getSize","getBase","throttle"];function Tl(n){let e=n.event,t=[];return void 0===e?e="resizeWithWindow":"resize"!==e&&"resizeWithWindow"!==e&&(t.push(`event須為'resize'或'resizeWithWindow', 目前為${String(e)}, 視同未給(resizeWithWindow)`),e="resizeWithWindow"),{cfg:{...n,event:e},warns:t}}function Bl(n,e,t){let{event:r,...o}=e,i=Pi(()=>n,o);return i.on(r,n=>{t(n)}),{clear:()=>{i.clear()},refresh:()=>{i.refresh()}}}function Hl(){return Il({name:"domresize",attr:"ev-resize",keys:kl,refreshKey:"refreshKey",normalize:Tl,create:Bl})}var Al={directives:{domresize:Hl()},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}},watch:{badgeAlign:function(){let n=this;n.$nextTick(()=>{n.updatePadding()})}},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=He(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)},useBackgroundColor:function(){return wo(this.backgroundColor)},useBorderColor:function(){return wo(this.borderColor)}},methods:{resize:function(n){this.updatePadding()&&this.$emit("resize",n)},resizeBadge:function(n){this.updatePadding()},updatePadding:function(){let n=this,e=mn(n,"$refs.badge");if(!e)return!1;let t=mn(e,"offsetWidth",null),r=mn(e,"offsetHeight",null);return!(!t||!r)&&(n.paddingTop=.5*r,n.paddingRight=t*n.multiplyW-n.shiftX,!0)}}};const Wl=Al;var Fl=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",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"position:absolute; top:0px; right:"+n.shiftX+"px; transform:translateX("+n.translateX+"%) translateY(-50%);",on:{domresize:n.resizeBadge}},[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)])])};Fl._withStripped=!0;const Zl=t({render:Fl,staticRenderFns:[]},function(n){n&&n("data-v-6e0ef2ec_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",map:{version:3,sources:[],names:[],mappings:"",file:"WBadge.vue"},media:void 0})},Wl,"data-v-6e0ef2ec",false,void 0,!1,o,void 0,void 0);var Xl="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z",zl="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",Rl="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",Pl="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",Vl="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",Ll="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",Nl="M2 2V22H22V2H2M20 12H16V16H20V20H16V16H12V20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12M16 8V12H12V8H16M12 12V16H8V12H12Z",Dl="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",Gl="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",Ml="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",Yl="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z",jl="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20H13Q12.18 20 11.59 19.41 11 18.83 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18H9V20M12 13Z",_l="M15,19.88C15.04,20.18 14.94,20.5 14.71,20.71C14.32,21.1 13.69,21.1 13.3,20.71L9.29,16.7C9.06,16.47 8.96,16.16 9,15.87V10.75L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L15,10.75V19.88M7.04,5L11,10.06V15.58L13,17.58V10.05L16.96,5H7.04Z",Kl="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",$l="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",El="M8,5.14V19.14L19,12.14L8,5.14Z",Ol="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",Jl="M15 16L11 20H21V16H15M12.06 7.19L3 16.25V20H6.75L15.81 10.94L12.06 7.19M5.92 18H5V17.08L12.06 10L13 10.94L5.92 18M18.71 8.04C19.1 7.65 19.1 7 18.71 6.63L16.37 4.29C16.17 4.09 15.92 4 15.66 4C15.41 4 15.15 4.1 14.96 4.29L13.13 6.12L16.88 9.87L18.71 8.04Z";function Ul(n){return pn(n).toLowerCase()}function Ql(n){return pn(n).toUpperCase()}function ql(n,e){return bn(n)&&tr(e)?0===(e=er(e))?"":n.substring(0,e):""}function na(n){if(!(bn(n)||xn(n)||w(n)||function(n){return"[object BigInt]"===Object.prototype.toString.call(n)}(n)))return"";let e="";try{e=String(n)}catch(n){}try{e=n.toString()}catch(n){}return e}function ea(n,e,t=1){return bn(n)&&tr(e)?(t=dr(t)?er(t):1,n.substring(e,e+t)):""}let ta={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 ra(n){return ia(n,1)}function oa(n){return ia(n,360)}function ia(n,e=1){if(n.indexOf("%")>=0){if(!xn(n=He(n,"%","")))throw new Error("invalid color: value is not a number");n=Ot(n)/100}else{if(!xn(n))throw new Error("invalid color: value is not a number");n=Ot(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 la(n){if(!xn(n))throw new Error("invalid color: value is not a number");if((n=Ot(n))>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function aa(n,e="rgba"){if(!ke(n))throw new Error("invalid colors array");let t=mn(n,0,0),r=mn(n,1,0),o=mn(n,2,0),i=mn(n,3,1);if(4!==xo(e=e.split("")))throw new Error("tar.length !== 4");let l=mn(e,0),a=mn(e,1),d=mn(e,2),u=mn(e,3);return{[l]:t,[a]:r,[d]:o,[u]:i}}function da(n){let e=(n=or(n,1)).length;if(2===e)n=`${n}${n}${n}ff`;else if(3===e){let e=ea(n,0,1),t=ea(n,1,1),r=ea(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!==n.length)throw new Error("hex.length of color is not equal to 2");if(!xn(n=parseInt(n,16)))throw new Error("invalid hex of color");return(n=Ot(n))/255}return{r:t(ea(n,0,2)),g:t(ea(n,2,2)),b:t(ea(n,4,2)),a:t(ea(n,6,2))}}function ua(n){return n=aa(n=Tt(n,(n,e)=>e<=2?ia(n,255):3===e?la(n):null),"rgba")}function sa(n){return n=ya(n=aa(n=Tt(n,(n,e)=>0===e?oa(n):1===e||2===e?ra(n):3===e?la(n):null),"hsla"))}function ca(n){return n=ba(n=aa(n=Tt(n,(n,e)=>0===e?oa(n):1===e||2===e?ra(n):3===e?la(n):null),"hsva"))}function pa(n){if("transparent"===n)return{r:0,g:0,b:0,a:0};if(function(n){return Sn(ta,n)}(n))return da(n=`#${ta[n]}`);if(function(n){return"#"===ql(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 da(n);if(function(n){return"rgb"===ql(n,3)||"rgba"===ql(n,4)}(n))return function(n){return n=He(n,"rgba",""),n=He(n,"rgb",""),ua($t(n=He(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsl"===ql(n,3)||"hsla"===ql(n,4)}(n))return function(n){return n=He(n,"hsla",""),n=He(n,"hsl",""),sa($t(n=He(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsv"===ql(n,3)||"hsva"===ql(n,4)}(n))return function(n){return n=He(n,"hsva",""),n=He(n,"hsv",""),ca($t(n=He(n=n.replace(/[()]/g,""),","," ")," "))}(n);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function fa(n,e){return!!Sn(n,e=Ul(e))||!!Sn(n,e=Ql(e))}function ha(n,e,t){let r;return r=mn(n,e,null),null!==r?r:(r=mn(n,e=Ql(e),null),null!==r?r:t)}function ga(n){if(function(n){let e=fa(n,"r"),t=fa(n,"g"),r=fa(n,"b");return e&&t&&r}(n))return function(n){let e=[ha(n,"r",null),ha(n,"g",null),ha(n,"b",null),ha(n,"a",1)];return e=Tt(e,na),ua(e)}(n);if(function(n){let e=fa(n,"h"),t=fa(n,"s"),r=fa(n,"l");return e&&t&&r}(n))return function(n){let e=[ha(n,"h",null),ha(n,"s",null),ha(n,"l",null),ha(n,"a",1)];return e=Tt(e,na),sa(e)}(n);if(function(n){let e=fa(n,"h"),t=fa(n,"s"),r=fa(n,"v");return e&&t&&r}(n))return function(n){let e=[ha(n,"h",null),ha(n,"s",null),ha(n,"v",null),ha(n,"a",1)];return e=Tt(e,na),ca(e)}(n);throw new Error("color object is not one of rgba, hsla, hsva")}function ma(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 va(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,u=l-a;if(t=0===l?0:u/l,l===a)e=0;else{switch(l){case r:e=(o-i)/u+(o<i?6:0);break;case o:e=(i-r)/u+2;break;case i:e=(r-o)/u+4}e/=6}return{h:e,s:t,v:d,a:n.a}}function ya(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 ba(n){let e,t,r,o=n.h,i=n.s,l=n.v,a=Math.floor(6*o),d=6*o-a,u=l*(1-i),s=l*(1-d*i),c=l*(1-(1-d)*i);switch(a%6){case 0:e=l,t=c,r=u;break;case 1:e=s,t=l,r=u;break;case 2:e=u,t=l,r=c;break;case 3:e=u,t=s,r=l;break;case 4:e=c,t=u,r=l;break;case 5:e=l,t=u,r=s}return{r:e,g:t,b:r,a:n.a}}function Ca(n){let e=Math.round(255*n).toString(16);if(1===e.length)return`0${e}`;if(2===e.length)return e;throw new Error("invalid value")}function xa(n,e=!0){let t=n.r,r=n.g,o=n.b,i=n.a,l=`${Ca(t)}${Ca(r)}${Ca(o)}`;return e&&(l=`${l}${Ca(i)}`),l}function Sa(n){return Math.min(1,Math.max(0,n))}function wa(n,e){if(!bn(e))throw new Error("fmtOutput is not a string");if(!rd[e])throw console.log(`fmtOutput must be [${be(rd)}]`),new Error("invalid fmtOutput");return n=rd[e](n)}function Ia(n,e,t="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=ma(n);return r.h+=e,r.h=r.h%1,wa(ya(r),t)}function ka(n,e,t,r,o="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 wa({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 Ta(n){return`${nr(100*n,1)}%`}function Ba(n){return nr(n,0)}function Ha(n){return nr(n,3)}function Aa(n){return{r:Ba(255*n.r),g:Ba(255*n.g),b:Ba(255*n.b)}}function Wa(n){return`rgb(${Ba(255*n.r)}, ${Ba(255*n.g)}, ${Ba(255*n.b)})`}function Fa(n){return{r:Ba(255*n.r),g:Ba(255*n.g),b:Ba(255*n.b),a:Ha(n.a)}}function Za(n){return`rgba(${Ba(255*n.r)}, ${Ba(255*n.g)}, ${Ba(255*n.b)}, ${Ha(n.a)})`}function Xa(n){let e=ma(n);return{h:Ba(360*e.h),s:Ha(e.s),l:Ha(e.l)}}function za(n){let e=ma(n);return`hsl(${Ba(360*e.h)}, ${Ha(e.s)}, ${Ha(e.l)})`}function Ra(n){let e=ma(n);return{h:Ba(360*e.h),s:Ha(e.s),l:Ha(e.l),a:Ha(e.a)}}function Pa(n){let e=ma(n);return`hsla(${Ba(360*e.h)}, ${Ha(e.s)}, ${Ha(e.l)}, ${Ha(e.a)})`}function Va(n){let e=va(n);return{h:Ba(360*e.h),s:Ha(e.s),v:Ha(e.v)}}function La(n){let e=va(n);return`hsv(${Ba(360*e.h)}, ${Ha(e.s)}, ${Ha(e.v)})`}function Na(n){let e=va(n);return{h:Ba(360*e.h),s:Ha(e.s),v:Ha(e.v),a:Ha(e.a)}}function Da(n){let e=va(n);return`hsva(${Ba(360*e.h)}, ${Ha(e.s)}, ${Ha(e.v)}, ${Ha(e.a)})`}function Ga(n){return{r:Ta(n.r),g:Ta(n.g),b:Ta(n.b)}}function Ma(n){return`rgb(${Ta(n.r)}, ${Ta(n.g)}, ${Ta(n.b)})`}function Ya(n){return{r:Ta(n.r),g:Ta(n.g),b:Ta(n.b),a:Ha(n.a)}}function ja(n){return`rgba(${Ta(n.r)}, ${Ta(n.g)}, ${Ta(n.b)}, ${Ha(n.a)})`}function _a(n){let e=ma(n);return{h:Ba(360*e.h),s:Ta(e.s),l:Ta(e.l)}}function Ka(n){let e=ma(n);return`hsl(${Ba(360*e.h)}, ${Ta(e.s)}, ${Ta(e.l)})`}function $a(n){let e=ma(n);return{h:Ba(360*e.h),s:Ta(e.s),l:Ta(e.l),a:Ha(e.a)}}function Ea(n){let e=ma(n);return`hsla(${Ba(360*e.h)}, ${Ta(e.s)}, ${Ta(e.l)}, ${Ha(e.a)})`}function Oa(n){let e=va(n);return{h:Ba(360*e.h),s:Ta(e.s),v:Ta(e.v)}}function Ja(n){let e=va(n);return`hsv(${Ba(360*e.h)}, ${Ta(e.s)}, ${Ta(e.v)})`}function Ua(n){let e=va(n);return{h:Ba(360*e.h),s:Ta(e.s),v:Ta(e.v),a:Ha(e.a)}}function Qa(n){let e=va(n);return`hsva(${Ba(360*e.h)}, ${Ta(e.s)}, ${Ta(e.v)}, ${Ha(e.a)})`}function qa(n){let e=function(n){return xa(n,!1)}(n);return`#${e}`}function nd(n){return`#${xa(n)}`}function ed(n){let e=null,t=null,r=null;if(bn(n))e=Ul(Kt(n));else{if(!Qo(n))throw console.log("color=",n),new Error("color is not a string or an object");t=n}if(null!==e)try{r=pa(e)}catch(n){throw console.log(n),new Error(`can not parse color: ${e}`)}else if(null!==t)try{r=ga(t)}catch(n){throw console.log(n),new Error(`can not parse color: ${JSON.stringify(t)}`)}return r}function td(n){if(!Qo(n))return console.log("gradient is not an effective object"),n=>`rgb(${255*(n=Math.min(Math.max(n,0),1))},${255*n},${255*n})`;let e=[];return Ie(n,(n,t)=>{e.push([Ot(t),Fa(ed(n)),n])}),e=Eo(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=ka(ed(i),e,ed(a),r,"toRgbaString");break}}return t}}let rd={toRgb:Aa,toRgbString:Wa,toRgba:Fa,toRgbaString:Za,toHsl:Xa,toHslString:za,toHsla:Ra,toHslaString:Pa,toHsv:Va,toHsvString:La,toHsva:Na,toHsvaString:Da,toRgbP:Ga,toRgbPString:Ma,toRgbaP:Ya,toRgbaPString:ja,toHslP:_a,toHslPString:Ka,toHslaP:$a,toHslaPString:Ea,toHsvP:Oa,toHsvPString:Ja,toHsvaP:Ua,toHsvaPString:Qa,toHexString:qa,toHex8String:nd};var od=function(){let n={toRgb:n=>Aa(ed(n)),toRgbString:n=>Wa(ed(n)),toRgba:n=>Fa(ed(n)),toRgbaString:n=>Za(ed(n)),toHsl:n=>Xa(ed(n)),toHslString:n=>za(ed(n)),toHsla:n=>Ra(ed(n)),toHslaString:n=>Pa(ed(n)),toHsv:n=>Va(ed(n)),toHsvString:n=>La(ed(n)),toHsva:n=>Na(ed(n)),toHsvaString:n=>Da(ed(n)),toRgbP:n=>Ga(ed(n)),toRgbPString:n=>Ma(ed(n)),toRgbaP:n=>Ya(ed(n)),toRgbaPString:n=>ja(ed(n)),toHslP:n=>_a(ed(n)),toHslPString:n=>Ka(ed(n)),toHslaP:n=>$a(ed(n)),toHslaPString:n=>Ea(ed(n)),toHsvP:n=>Oa(ed(n)),toHsvPString:n=>Ja(ed(n)),toHsvaP:n=>Ua(ed(n)),toHsvaPString:n=>Qa(ed(n)),toHexString:n=>qa(ed(n)),toHex8String:n=>nd(ed(n)),modSaturate:(n,e,t)=>function(n,e,t="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=ma(n);return r.s+=e,r.s=Sa(r.s),wa(ya(r),t)}(ed(n),e,t),modGrey:(n,e)=>function(n,e="toRgbString"){let t=ma(n);return t.s=0,wa(ya(t),e)}(ed(n),e),modLighten:(n,e,t)=>function(n,e,t="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=ma(n);return r.l+=e,r.l=Sa(r.l),wa(ya(r),t)}(ed(n),e,t),modBrighten:(n,e,t)=>function(n,e,t="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");return n.r+=e,n.r=Sa(n.r),n.g+=e,n.g=Sa(n.g),n.b+=e,n.b=Sa(n.b),wa(n,t)}(ed(n),e,t),modHue:(n,e,t)=>Ia(ed(n),e,t),modComplement:(n,e)=>function(n,e="toRgbString"){return Ia(n,.5,e)}(ed(n),e),spreadHue:(n,e,t)=>function(n,e,t="toRgbString"){if(!Jt(e))throw new Error("num is not an integer");if((e=er(e))<=1)return[n];let r=ma(n),o=1/e,i=[];for(let n=0;n<e;n++)i.push(wa(ya(r),t)),r.h+=o,r.h=r.h%1;return i}(ed(n),e,t),spreadMonochromatic:(n,e,t)=>function(n,e,t="toRgbString"){if(!Jt(e))throw new Error("num is not an integer");if((e=er(e))<=1)return[n];let r=va(n);r.s=1,r.l=1;let o=1/e,i=[];for(let n=0;n<e;n++)i.push(wa(ba(r),t)),r.h-=o,r.l-=o;return i}(ed(n),e,t),mix:(n,e,t,r,o)=>ka(ed(n),e,ed(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}(ed(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}(ed(n)),interp:td};return n}();function id(){return null!==navigator.userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)}function ld(n){if(!n)return"invalid event";if(!n.cancelable)return"event is not cancelable";try{id()?n.cancelBubble=!0:n.stopPropagation(),n.preventDefault()}catch(n){}}function ad(n,e={}){let t,r=mn(e,"def",""),o=mn(e,"type","");"num"!==o&&"text"!==o&&(o="num"),"num"===o?t=Wo:"text"===o&&(t=yn);let i=r,l=r,a=r,d=r;return t(mn(n,"h"))&&(i=mn(n,"h"),l=i),t(mn(n,"v"))&&(a=mn(n,"v"),d=a),t(mn(n,"left"))&&(i=mn(n,"left")),t(mn(n,"right"))&&(l=mn(n,"right")),t(mn(n,"top"))&&(a=mn(n,"top")),t(mn(n,"bottom"))&&(d=mn(n,"bottom")),{left:i,right:l,top:a,bottom:d}}function dd(n,e={}){let t=mn(e,"parse");In(t)||(t=!0);let r=mn(e,"ext");Qo(r)||(r={});let o=mn(e,"semicolon");In(o)||(o=!0);let i=mn(e,"returnObj");In(i)||(i=!1);let l=0,a=0,d=0,u=0;if(t){let e=ad(n);l=e.left,a=e.right,d=e.top,u=e.bottom}l+=mn(r,"left",0),a+=mn(r,"right",0),d+=mn(r,"top",0),u+=mn(r,"bottom",0);let s=null;return i?s={left:l,right:a,top:d,bottom:u}:(s=`${d}px ${a}px ${u}px ${l}px`,o&&(s=`${s};`)),s}function ud(n){function e(n){n.parentNode.removeChild(n)}if(li(n)){return void e(n)}if(!bn(n))return;let t=function(n){return document.querySelectorAll(n)}(n);Ie(t,function(n){e(n)})}function sd(n,e,t={}){let r=mn(t,"timeDuration",null);dr(r)||(r=1e3);let o=mn(t,"color",null);if(bn(o)||(o="rgba(255, 255, 255, 0.5)"),!li(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),u=document.createElement("div");u.style.width=`${d}px`,u.style.height=`${d}px`,u.style.transition=`all ${r/1e3}s linear`,u.style.position="absolute",u.style.zIndex=1,u.style.left=`${l}px`,u.style.top=`${a}px`,u.style.borderRadius="50%",u.style.transformOrigin="center",u.style.transform="translate(-50%,-50%) scale(0)",u.style.background=o,u.style.userSelect="none",u.style.pointerEvents="none",n.appendChild(u),setTimeout(()=>{u.style.transform="translate(-50%,-50%) scale(2)",u.style.opacity=0},1),setTimeout(()=>{ud(u)},r)}function cd(n={}){let e={};return{bind:function(n,t,r){let o=`r${Uo()}`;n.setAttribute("ev-ripple",o),function(n,t){let r=n.getAttribute("ev-ripple"),o=mn(t,"value");if(o=Qo(o),!o)return;let i=mn(t,"value.color");if(!bn(i))return;i=wo(i);let l=mn(t,"value.timeDuration");xn(l)||(l=1e3);function a(n){sd(n.currentTarget,n,{color:i,timeDuration:l})}l=Ot(l),n.addEventListener("click",a,!1),e[r]=a}(n,t)},unbind:function(n){!function(n){let t=n.getAttribute("ev-ripple");if(e[t]){let r=e[t];n.removeEventListener("click",r,!1),delete e[t]}}(n),n.setAttribute("ev-ripple",null)}}}function pd(n){return"[object Undefined]"===Object.prototype.toString.call(n)}function fd(n){return!!pd(n)||(!!function(n){return"[object Null]"===Object.prototype.toString.call(n)}(n)||(!!function(n){if(vn(n)){for(let e in n)return!1;return!0}return!1}(n)||(!!function(n){return!(!yn(n)||""!==n)}(n)||(!!function(n){return!!ke(n)&&0===n.length}(n)||!!Cn(n)))))}function hd(n){return!!ke(n)&&(0!==n.length&&(1!==n.length||!fd(n[0])))}const gd={components:{},props:{icon:{type:[String,Array],default:""},color:{type:String,default:"grey darken-1"},colorHover:{type:String,default:"grey darken-3"},sizeOriginal:{type:Number,default:24},size:{type:Number,default:24},timeTransition:{type:Number,default:.15}},data:function(){return{mouseEnter:!1,r:.83,paths:[]}},computed:{hasIcon:function(){return bn(this.icon)},isMdi:function(){return!!this.hasIcon&&this.icon.indexOf("mdi-")>=0},isFa:function(){return!!this.hasIcon&&this.icon.indexOf(" fa-")>=0},isSvg:function(){let n=this;if(n.isMdi||n.isFa)return!1;let e=bn(n.icon),t=hd(n.icon);return e||t},usePaths:function(){let n=this;if(!n.isSvg)return[];let e=n.icon;return bn(n.icon)&&(e=[n.icon]),e},useIconColor:function(){let n=this;return n.mouseEnter?wo(n.colorHover):wo(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 md=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",border:"0px solid #ddd"}],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)}}},[n.isSvg?t("svg",{style:"transition:all "+n.timeTransition+"s linear; fill:"+n.useIconColor+";",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(e,r){return t("path",{key:r,attrs:{d:n.icon}})}),0):n._e(),n._v(" "),n.isMdi?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("span",{class:"mdi "+n.icon,style:"font-size:"+n.size+"px;"})]):n._e(),n._v(" "),n.isFa?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("div",{style:"width:"+n.size+"px; height:"+n.size+"px; _transform-origin:center; transform:translateX(0px) translateY(0px) scale("+n.r+");"},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[t("i",{class:"fas "+n.icon,style:"font-size:"+n.size+"px;"})])])]):n._e()]):n._e()};md._withStripped=!0;const vd=t({render:md,staticRenderFns:[]},function(n){n&&n("data-v-69740ca4_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",map:{version:3,sources:[],names:[],mappings:"",file:"WIcon.vue"},media:void 0})},gd,"data-v-69740ca4",false,void 0,!1,o,void 0,void 0);function yd(n){var e=null==n?0:n.length;return e?n[e-1]:void 0}function bd(n,e,t,r){for(var o=t-1,i=n.length;++o<i;)if(r(n[o],e))return o;return-1}var Cd=Array.prototype.splice;var xd=$o(function(n,e){return n&&n.length&&e&&e.length?function(n,e,t,r){var o=r?bd:Wt,i=-1,l=e.length,a=n;for(n===e&&(e=Qi(e)),t&&(a=dn(n,re(t)));++i<l;)for(var d=0,u=e[i],s=t?t(u):u;(d=o(a,s,d,r))>-1;)a!==n&&Cd.call(a,d,1),Cd.call(n,d,1);return n}(n,e):n}),Sd=xd;function wd(n){return null==n?[]:function(n,e){return dn(e,function(e){return n[e]})}(n,be(n))}function Id(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&&!w(l):t(l,a)))var a=l,d=i}return d}function kd(n,e){return n>e}function Td(n){return n&&n.length?Id(n,Se,kd):void 0}let Bd={};let Hd={getLevel:function(n,e){Sn(Bd,n)||(Bd[n]={});let t=mn(Bd,n,{}),r=mn(t,e,null);if(Wo(r))return r;let o=wd(Bd[n]);return 0===xo(o)?(r=1,Bd[n][e]=r,r):(r=Td(o)+1,Bd[n][e]=r,r)},destroyLevel:function(n,e){Sn(Bd,n)&&delete Bd[n][e]}};function Ad(n,e,t){if(!Wo(n))return void console.log("clientX is not a number",n);if(!Wo(e))return void console.log("clientY is not a number",e);if(!li(t))return void console.log("ele is not a 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 Wd(n){if(null==n)return window;if("[object Window]"!==n.toString()){var e=n.ownerDocument;return e&&e.defaultView||window}return n}function Fd(n){return n instanceof Wd(n).Element||n instanceof Element}function Zd(n){return n instanceof Wd(n).HTMLElement||n instanceof HTMLElement}function Xd(n){return"undefined"!=typeof ShadowRoot&&(n instanceof Wd(n).ShadowRoot||n instanceof ShadowRoot)}var zd=Math.max,Rd=Math.min,Pd=Math.round;function Vd(){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 Ld(){return!/^((?!chrome|android).)*safari/i.test(Vd())}function Nd(n,e,t){void 0===e&&(e=!1),void 0===t&&(t=!1);var r=n.getBoundingClientRect(),o=1,i=1;e&&Zd(n)&&(o=n.offsetWidth>0&&Pd(r.width)/n.offsetWidth||1,i=n.offsetHeight>0&&Pd(r.height)/n.offsetHeight||1);var l=(Fd(n)?Wd(n):window).visualViewport,a=!Ld()&&t,d=(r.left+(a&&l?l.offsetLeft:0))/o,u=(r.top+(a&&l?l.offsetTop:0))/i,s=r.width/o,c=r.height/i;return{width:s,height:c,top:u,right:d+s,bottom:u+c,left:d,x:d,y:u}}function Dd(n){var e=Wd(n);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Gd(n){return n?(n.nodeName||"").toLowerCase():null}function Md(n){return((Fd(n)?n.ownerDocument:n.document)||window.document).documentElement}function Yd(n){return Nd(Md(n)).left+Dd(n).scrollLeft}function jd(n){return Wd(n).getComputedStyle(n)}function _d(n){var e=jd(n),t=e.overflow,r=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+o+r)}function Kd(n,e,t){void 0===t&&(t=!1);var r,o,i=Zd(e),l=Zd(e)&&function(n){var e=n.getBoundingClientRect(),t=Pd(e.width)/n.offsetWidth||1,r=Pd(e.height)/n.offsetHeight||1;return 1!==t||1!==r}(e),a=Md(e),d=Nd(n,l,t),u={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(i||!i&&!t)&&(("body"!==Gd(e)||_d(a))&&(u=(r=e)!==Wd(r)&&Zd(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:Dd(r)),Zd(e)?((s=Nd(e,!0)).x+=e.clientLeft,s.y+=e.clientTop):a&&(s.x=Yd(a))),{x:d.left+u.scrollLeft-s.x,y:d.top+u.scrollTop-s.y,width:d.width,height:d.height}}function $d(n){var e=Nd(n),t=n.offsetWidth,r=n.offsetHeight;return Math.abs(e.width-t)<=1&&(t=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:n.offsetLeft,y:n.offsetTop,width:t,height:r}}function Ed(n){return"html"===Gd(n)?n:n.assignedSlot||n.parentNode||(Xd(n)?n.host:null)||Md(n)}function Od(n){return["html","body","#document"].indexOf(Gd(n))>=0?n.ownerDocument.body:Zd(n)&&_d(n)?n:Od(Ed(n))}function Jd(n,e){var t;void 0===e&&(e=[]);var r=Od(n),o=r===(null==(t=n.ownerDocument)?void 0:t.body),i=Wd(r),l=o?[i].concat(i.visualViewport||[],_d(r)?r:[]):r,a=e.concat(l);return o?a:a.concat(Jd(Ed(l)))}function Ud(n){return["table","td","th"].indexOf(Gd(n))>=0}function Qd(n){return Zd(n)&&"fixed"!==jd(n).position?n.offsetParent:null}function qd(n){for(var e=Wd(n),t=Qd(n);t&&Ud(t)&&"static"===jd(t).position;)t=Qd(t);return t&&("html"===Gd(t)||"body"===Gd(t)&&"static"===jd(t).position)?e:t||function(n){var e=/firefox/i.test(Vd());if(/Trident/i.test(Vd())&&Zd(n)&&"fixed"===jd(n).position)return null;var t=Ed(n);for(Xd(t)&&(t=t.host);Zd(t)&&["html","body"].indexOf(Gd(t))<0;){var r=jd(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 nu="top",eu="bottom",tu="right",ru="left",ou="auto",iu=[nu,eu,tu,ru],lu="start",au="end",du="viewport",uu="popper",su=iu.reduce(function(n,e){return n.concat([e+"-"+lu,e+"-"+au])},[]),cu=[].concat(iu,[ou]).reduce(function(n,e){return n.concat([e,e+"-"+lu,e+"-"+au])},[]),pu=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function fu(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 hu(n,e){var t=e.getRootNode&&e.getRootNode();if(n.contains(e))return!0;if(t&&Xd(t)){var r=e;do{if(r&&n.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function gu(n){return Object.assign({},n,{left:n.x,top:n.y,right:n.x+n.width,bottom:n.y+n.height})}function mu(n,e,t){return e===du?gu(function(n,e){var t=Wd(n),r=Md(n),o=t.visualViewport,i=r.clientWidth,l=r.clientHeight,a=0,d=0;if(o){i=o.width,l=o.height;var u=Ld();(u||!u&&"fixed"===e)&&(a=o.offsetLeft,d=o.offsetTop)}return{width:i,height:l,x:a+Yd(n),y:d}}(n,t)):Fd(e)?function(n,e){var t=Nd(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):gu(function(n){var e,t=Md(n),r=Dd(n),o=null==(e=n.ownerDocument)?void 0:e.body,i=zd(t.scrollWidth,t.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=zd(t.scrollHeight,t.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-r.scrollLeft+Yd(n),d=-r.scrollTop;return"rtl"===jd(o||t).direction&&(a+=zd(t.clientWidth,o?o.clientWidth:0)-i),{width:i,height:l,x:a,y:d}}(Md(n)))}function vu(n,e,t,r){var o="clippingParents"===e?function(n){var e=Jd(Ed(n)),t=["absolute","fixed"].indexOf(jd(n).position)>=0&&Zd(n)?qd(n):n;return Fd(t)?e.filter(function(n){return Fd(n)&&hu(n,t)&&"body"!==Gd(n)}):[]}(n):[].concat(e),i=[].concat(o,[t]),l=i[0],a=i.reduce(function(e,t){var o=mu(n,t,r);return e.top=zd(o.top,e.top),e.right=Rd(o.right,e.right),e.bottom=Rd(o.bottom,e.bottom),e.left=zd(o.left,e.left),e},mu(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}function yu(n){return n.split("-")[0]}function bu(n){return n.split("-")[1]}function Cu(n){return["top","bottom"].indexOf(n)>=0?"x":"y"}function xu(n){var e,t=n.reference,r=n.element,o=n.placement,i=o?yu(o):null,l=o?bu(o):null,a=t.x+t.width/2-r.width/2,d=t.y+t.height/2-r.height/2;switch(i){case nu:e={x:a,y:t.y-r.height};break;case eu:e={x:a,y:t.y+t.height};break;case tu:e={x:t.x+t.width,y:d};break;case ru:e={x:t.x-r.width,y:d};break;default:e={x:t.x,y:t.y}}var u=i?Cu(i):null;if(null!=u){var s="y"===u?"height":"width";switch(l){case lu:e[u]=e[u]-(t[s]/2-r[s]/2);break;case au:e[u]=e[u]+(t[s]/2-r[s]/2)}}return e}function Su(n){return Object.assign({},{top:0,right:0,bottom:0,left:0},n)}function wu(n,e){return e.reduce(function(e,t){return e[t]=n,e},{})}function Iu(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?"clippingParents":a,u=t.rootBoundary,s=void 0===u?du:u,c=t.elementContext,p=void 0===c?uu:c,f=t.altBoundary,h=void 0!==f&&f,g=t.padding,m=void 0===g?0:g,v=Su("number"!=typeof m?m:wu(m,iu)),y=p===uu?"reference":uu,b=n.rects.popper,C=n.elements[h?y:p],x=vu(Fd(C)?C:C.contextElement||Md(n.elements.popper),d,s,l),S=Nd(n.elements.reference),w=xu({reference:S,element:b,strategy:"absolute",placement:o}),I=gu(Object.assign({},b,w)),k=p===uu?I:S,T={top:x.top-k.top+v.top,bottom:k.bottom-x.bottom+v.bottom,left:x.left-k.left+v.left,right:k.right-x.right+v.right},B=n.modifiersData.offset;if(p===uu&&B){var H=B[o];Object.keys(T).forEach(function(n){var e=[tu,eu].indexOf(n)>=0?1:-1,t=[nu,eu].indexOf(n)>=0?"y":"x";T[n]+=H[t]*e})}return T}var ku={placement:"bottom",modifiers:[],strategy:"absolute"};function Tu(){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 Bu(n){void 0===n&&(n={});var e=n,t=e.defaultModifiers,r=void 0===t?[]:t,o=e.defaultOptions,i=void 0===o?ku:o;return function(n,e,t){void 0===t&&(t=i);var o,l,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ku,i),modifiersData:{},elements:{reference:n,popper:e},attributes:{},styles:{}},d=[],u=!1,s={state:a,setOptions:function(t){var o="function"==typeof t?t(a.options):t;c(),a.options=Object.assign({},i,a.options,o),a.scrollParents={reference:Fd(n)?Jd(n):n.contextElement?Jd(n.contextElement):[],popper:Jd(e)};var l,u,p=function(n){var e=fu(n);return pu.reduce(function(n,t){return n.concat(e.filter(function(n){return n.phase===t}))},[])}((l=[].concat(r,a.options.modifiers),u=l.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},{}),Object.keys(u).map(function(n){return u[n]})));return a.orderedModifiers=p.filter(function(n){return n.enabled}),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:s,options:r}),l=function(){};d.push(i||l)}}),s.update()},forceUpdate:function(){if(!u){var n=a.elements,e=n.reference,t=n.popper;if(Tu(e,t)){a.rects={reference:Kd(e,qd(t),"fixed"===a.options.strategy),popper:$d(t)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach(function(n){return a.modifiersData[n.name]=Object.assign({},n.data)});for(var r=0;r<a.orderedModifiers.length;r++)if(!0!==a.reset){var o=a.orderedModifiers[r],i=o.fn,l=o.options,d=void 0===l?{}:l,c=o.name;"function"==typeof i&&(a=i({state:a,options:d,name:c,instance:s})||a)}else a.reset=!1,r=-1}}},update:(o=function(){return new Promise(function(n){s.forceUpdate(),n(a)})},function(){return l||(l=new Promise(function(n){Promise.resolve().then(function(){l=void 0,n(o())})})),l}),destroy:function(){c(),u=!0}};if(!Tu(n,e))return s;function c(){d.forEach(function(n){return n()}),d=[]}return s.setOptions(t).then(function(n){!u&&t.onFirstUpdate&&t.onFirstUpdate(n)}),s}}var Hu={passive:!0};var Au={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Wu(n){var e,t=n.popper,r=n.popperRect,o=n.placement,i=n.variation,l=n.offsets,a=n.position,d=n.gpuAcceleration,u=n.adaptive,s=n.roundOffsets,c=n.isFixed,p=l.x,f=void 0===p?0:p,h=l.y,g=void 0===h?0:h,m="function"==typeof s?s({x:f,y:g}):{x:f,y:g};f=m.x,g=m.y;var v=l.hasOwnProperty("x"),y=l.hasOwnProperty("y"),b=ru,C=nu,x=window;if(u){var S=qd(t),w="clientHeight",I="clientWidth";if(S===Wd(t)&&"static"!==jd(S=Md(t)).position&&"absolute"===a&&(w="scrollHeight",I="scrollWidth"),o===nu||(o===ru||o===tu)&&i===au)C=eu,g-=(c&&S===x&&x.visualViewport?x.visualViewport.height:S[w])-r.height,g*=d?1:-1;if(o===ru||(o===nu||o===eu)&&i===au)b=tu,f-=(c&&S===x&&x.visualViewport?x.visualViewport.width:S[I])-r.width,f*=d?1:-1}var k,T=Object.assign({position:a},u&&Au),B=!0===s?function(n,e){var t=n.x,r=n.y,o=e.devicePixelRatio||1;return{x:Pd(t*o)/o||0,y:Pd(r*o)/o||0}}({x:f,y:g},Wd(t)):{x:f,y:g};return f=B.x,g=B.y,d?Object.assign({},T,((k={})[C]=y?"0":"",k[b]=v?"0":"",k.transform=(x.devicePixelRatio||1)<=1?"translate("+f+"px, "+g+"px)":"translate3d("+f+"px, "+g+"px, 0)",k)):Object.assign({},T,((e={})[C]=y?g+"px":"",e[b]=v?f+"px":"",e.transform="",e))}var Fu={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,u={placement:yu(e.placement),variation:bu(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,Wu(Object.assign({},u,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:l,roundOffsets:d})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Wu(Object.assign({},u,{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 Zu={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];Zd(o)&&Gd(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},{});Zd(r)&&Gd(r)&&(Object.assign(r.style,i),Object.keys(o).forEach(function(n){r.removeAttribute(n)}))})}},requires:["computeStyles"]},Xu=Bu({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=Wd(e.elements.popper),u=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&u.forEach(function(n){n.addEventListener("scroll",t.update,Hu)}),a&&d.addEventListener("resize",t.update,Hu),function(){i&&u.forEach(function(n){n.removeEventListener("scroll",t.update,Hu)}),a&&d.removeEventListener("resize",t.update,Hu)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(n){var e=n.state,t=n.name;e.modifiersData[t]=xu({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},Fu,Zu]}),zu={left:"right",right:"left",bottom:"top",top:"bottom"};function Ru(n){return n.replace(/left|right|bottom|top/g,function(n){return zu[n]})}var Pu={start:"end",end:"start"};function Vu(n){return n.replace(/start|end/g,function(n){return Pu[n]})}function Lu(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,u=void 0===d?cu:d,s=bu(r),c=s?a?su:su.filter(function(n){return bu(n)===s}):iu,p=c.filter(function(n){return u.indexOf(n)>=0});0===p.length&&(p=c);var f=p.reduce(function(e,t){return e[t]=Iu(n,{placement:t,boundary:o,rootBoundary:i,padding:l})[yu(t)],e},{});return Object.keys(f).sort(function(n,e){return f[n]-f[e]})}var Nu={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,u=t.padding,s=t.boundary,c=t.rootBoundary,p=t.altBoundary,f=t.flipVariations,h=void 0===f||f,g=t.allowedAutoPlacements,m=e.options.placement,v=yu(m),y=d||(v===m||!h?[Ru(m)]:function(n){if(yu(n)===ou)return[];var e=Ru(n);return[Vu(n),e,Vu(e)]}(m)),b=[m].concat(y).reduce(function(n,t){return n.concat(yu(t)===ou?Lu(e,{placement:t,boundary:s,rootBoundary:c,padding:u,flipVariations:h,allowedAutoPlacements:g}):t)},[]),C=e.rects.reference,x=e.rects.popper,S=new Map,w=!0,I=b[0],k=0;k<b.length;k++){var T=b[k],B=yu(T),H=bu(T)===lu,A=[nu,eu].indexOf(B)>=0,W=A?"width":"height",F=Iu(e,{placement:T,boundary:s,rootBoundary:c,altBoundary:p,padding:u}),Z=A?H?tu:ru:H?eu:nu;C[W]>x[W]&&(Z=Ru(Z));var X=Ru(Z),z=[];if(i&&z.push(F[B]<=0),a&&z.push(F[Z]<=0,F[X]<=0),z.every(function(n){return n})){I=T,w=!1;break}S.set(T,z)}if(w)for(var R=function(n){var e=b.find(function(e){var t=S.get(e);if(t)return t.slice(0,n).every(function(n){return n})});if(e)return I=e,"break"},P=h?3:1;P>0;P--){if("break"===R(P))break}e.placement!==I&&(e.modifiersData[r]._skip=!0,e.placement=I,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Du={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=cu.reduce(function(n,t){return n[t]=function(n,e,t){var r=yu(n),o=[ru,nu].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,[ru,tu].indexOf(r)>=0?{x:a,y:l}:{x:l,y:a}}(t,e.rects,i),n},{}),a=l[e.placement],d=a.x,u=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=d,e.modifiersData.popperOffsets.y+=u),e.modifiersData[r]=l}};function Gu(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 Mu(n){return[nu,tu,eu,ru].some(function(e){return n[e]>=0})}var Yu={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=Iu(e,{elementContext:"reference"}),a=Iu(e,{altBoundary:!0}),d=Gu(l,r),u=Gu(a,o,i),s=Mu(d),c=Mu(u);e.modifiersData[t]={referenceClippingOffsets:d,popperEscapeOffsets:u,isReferenceHidden:s,hasPopperEscaped:c},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":c})}};function ju(n,e,t){return zd(n,Rd(e,t))}var _u={name:"preventOverflow",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,r=n.name,o=t.mainAxis,i=void 0===o||o,l=t.altAxis,a=void 0!==l&&l,d=t.boundary,u=t.rootBoundary,s=t.altBoundary,c=t.padding,p=t.tether,f=void 0===p||p,h=t.tetherOffset,g=void 0===h?0:h,m=Iu(e,{boundary:d,rootBoundary:u,padding:c,altBoundary:s}),v=yu(e.placement),y=bu(e.placement),b=!y,C=Cu(v),x="x"===C?"y":"x",S=e.modifiersData.popperOffsets,w=e.rects.reference,I=e.rects.popper,k="function"==typeof g?g(Object.assign({},e.rects,{placement:e.placement})):g,T="number"==typeof k?{mainAxis:k,altAxis:k}:Object.assign({mainAxis:0,altAxis:0},k),B=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,H={x:0,y:0};if(S){if(i){var A,W="y"===C?nu:ru,F="y"===C?eu:tu,Z="y"===C?"height":"width",X=S[C],z=X+m[W],R=X-m[F],P=f?-I[Z]/2:0,V=y===lu?w[Z]:I[Z],L=y===lu?-I[Z]:-w[Z],N=e.elements.arrow,D=f&&N?$d(N):{width:0,height:0},G=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},M=G[W],Y=G[F],j=ju(0,w[Z],D[Z]),_=b?w[Z]/2-P-j-M-T.mainAxis:V-j-M-T.mainAxis,K=b?-w[Z]/2+P+j+Y+T.mainAxis:L+j+Y+T.mainAxis,$=e.elements.arrow&&qd(e.elements.arrow),E=$?"y"===C?$.clientTop||0:$.clientLeft||0:0,O=null!=(A=null==B?void 0:B[C])?A:0,J=X+K-O,U=ju(f?Rd(z,X+_-O-E):z,X,f?zd(R,J):R);S[C]=U,H[C]=U-X}if(a){var Q,q="x"===C?nu:ru,nn="x"===C?eu:tu,en=S[x],tn="y"===x?"height":"width",rn=en+m[q],on=en-m[nn],ln=-1!==[nu,ru].indexOf(v),an=null!=(Q=null==B?void 0:B[x])?Q:0,dn=ln?rn:en-w[tn]-I[tn]-an+T.altAxis,un=ln?en+w[tn]+I[tn]-an-T.altAxis:on,sn=f&&ln?function(n,e,t){var r=ju(n,e,t);return r>t?t:r}(dn,en,un):ju(f?dn:rn,en,f?un:on);S[x]=sn,H[x]=sn-en}e.modifiersData[r]=H}},requiresIfExists:["offset"]};function Ku(n,e,t,r,o,i={}){let l=wi();if(Ie(["mode","mmkey",r,"triggerWidth","placement","placementDistX","placementDistY","transitionTime","isolated","editable","contentStyle"],e=>{if(!Sn(n,e))throw new Error(`invalid vo.${e}`)}),!Te(e))throw new Error("funGetDivTrigger is not a function");if(!Te(t))throw new Error("funGetDivContent is not a function");let a=mn(i,"funAddTrigger"),d=mn(i,"funCheckTrigger"),u=mn(i,"funRemoveTrigger"),s=mn(i,"modeHide",null);"click"!==s&&"mousedown"!==s&&(s="click");let c={mouseClientX:0,mouseClientY:0,cursorTriggerInner:!1,clickContentInner:!1,popperShow:!1,popperInstance:null,removeTriggerTimer:null},p=()=>!Te(d)||d(n.mode,n.mmkey),f=r=>{let o=e();if(!li(o))return;n.$nextTick(()=>{n.triggerWidth=o.offsetWidth});let i=t();if(!li(i))return;null!==c.removeTriggerTimer&&(clearTimeout(c.removeTriggerTimer),c.removeTriggerTimer=null),Te(a)&&a(n.mode,n.mmkey);let d={strategy:"fixed",placement:n.placement,modifiers:[_u,Fu,{name:"computeStyles",options:{gpuAcceleration:!1}},Nu,{name:"flip",options:{}},Du,{name:"offset",options:{offset:[n.placementDistX,n.placementDistY]}},Yu,{name:"emitPlacement",enabled:!0,phase:"afterWrite",fn:({state:e})=>{let t=mn(e,"placement",null);null!==t&&(n.$emit("placement-change",t),l.emit("placement-change",t))}}]};c.popperInstance=Xu(o,i,d)},h=e=>{c.popperInstance&&(c.popperInstance.destroy(),c.popperInstance=null),c.removeTriggerTimer=setTimeout(()=>{c.removeTriggerTimer=null,Te(u)&&u(n.mode,n.mmkey)},20)},g=e=>{n.$nextTick(()=>{let e=n.editable&&n[r];if(e&&!c.popperShow){let e=-15;n.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,f(),c.popperShow=!0,n.$emit("show"),l.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&&c.popperShow&&(h(),c.popperShow=!1,n.$emit("hide"),l.emit("hide"))})},m=(e,t)=>{n.editable&&(n[r]=e,g())},v=(e,t)=>{n.editable&&(n.isolated&&m(e),n.$nextTick(()=>{n.$emit(o,e),l.emit(o,e)}))},y=(e,t)=>{n.editable&&(n[r]||n.mode===e&&v(!0))},b=(e,t)=>{n.editable&&n[r]&&n.mode===e&&v(!1)};return l.mounted=()=>{c.windowMousemove=n=>{c.mouseClientX=n.clientX,c.mouseClientY=n.clientY},window.addEventListener("mousemove",c.windowMousemove,!1),c.windowMousedown=o=>{let i=e();li(i)?c.cursorTriggerInner=Ad(o.clientX,o.clientY,i):c.cursorTriggerInner=!1;let l=t();if(n[r]&&l?c.clickContentInner=Ad(o.clientX,o.clientY,l):c.clickContentInner=!1,"mousedown"===s){if(!p())return;!n[r]||c.cursorTriggerInner||c.clickContentInner||n.evHide("popup","windowMousedown")}},window.addEventListener("mousedown",c.windowMousedown,!1),c.windowMouseup=e=>{p()&&(!n[r]||c.cursorTriggerInner||c.clickContentInner?(c.cursorTriggerInner=!1,c.clickContentInner=!1):n.evHide("popup","windowMouseup"))},window.addEventListener("mouseup",c.windowMouseup,!1),c.windowScroll=t=>{if("tooltip"!==n.mode)return;let o=e();li(o)&&(c.cursorTriggerInner=!!o&&Ad(c.mouseClientX,c.mouseClientY,o),c.cursorTriggerInner?n[r]||y("tooltip"):n[r]&&b("tooltip"))},window.addEventListener("scroll",c.windowScroll,!1)},l.destroy=()=>{window.removeEventListener("mousemove",c.windowMousemove,!1),window.removeEventListener("mousedown",c.windowMousedown,!1),window.removeEventListener("mouseup",c.windowMouseup,!1),window.removeEventListener("scroll",c.windowScroll,!1),v(!1)},l.showPopper=f,l.hidePopper=h,l.updatePopper=(e,t)=>{c.popperInstance&&c.popperInstance.update(),n.$emit("resize",e),l.emit("resize",e)},l.displayPopper=g,l.updateValue=m,l.triggerEvent=v,l.evShow=y,l.evHide=b,l}let $u={tooltip:[],popup:[]};function Eu(n,e){$u[n].push(e)}function Ou(n,e){return yd($u[n])===e}function Ju(n,e){Sd($u[n],e)}const Uu={directives:{domresize:Hl()},components:{Teleport:u},props:{mode:{type:String,default:"tooltip"},value:{type:Boolean,default:!1},displayType:{type:String,default:"block"},cmpZIndex:{type:Number,default:3e3},isolated:{type:Boolean,default:!1},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!1},autoFitMaxWidth:{type:Boolean,default:!1},placement:{type:String,default:"bottom"},placementDistX:{type:Number,default:0},placementDistY:{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})},modeHide:{type:String,default:"click"},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},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:Uo(),zind:0,valueTrans:!1,triggerWidth:null,contentStyle:"",bp:null}},mounted:function(){let n=this;n.bp=new Ku(n,n.funGetDivTrigger,n.funGetDivContent,"valueTrans","input",{funAddTrigger:Eu,funCheckTrigger:Ou,funRemoveTrigger:Ju,modeHide:n.modeHide}),n.bp.mounted()},beforeDestroy:function(){let n=this;Hd.destroyLevel(n.useCmpLevelType,n.mmkey),n.bp.destroy()},computed:{changeValueTrans:function(){let n=this;return n.valueTrans?n.zind=Hd.getLevel(n.useCmpLevelType,n.mmkey):Hd.destroyLevel(n.useCmpLevelType,n.mmkey),""},changeValue:function(){let n=this,e=n.value;return n.isolated||n.updateValue(e,"changeValue"),""},useCmpLevelType:function(){return"popup"===this.mode?"dialog+popup":this.mode},useCmpZIndex:function(){return this.cmpZIndex+this.zind},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let n=this;return Wo(n.minWidth)?`min-width:${n.minWidth}px;`:n.autoFitMinWidth?`min-width:${n.triggerWidth}px;`:""},useMaxWidth:function(){let n=this;return Wo(n.maxWidth)?`max-width:${n.maxWidth}px;`:n.autoFitMaxWidth?`max-width:${n.triggerWidth}px;`:""},useBorderRadius:function(){let n=this;return Wo(n.borderRadius)?`border-radius:${n.borderRadius}px;`:""},useTextFontSize:function(){let n=this.textFontSize;return n=He(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)},useBackgroundColor:function(){return wo(this.backgroundColor)},usePadding:function(){return`padding:${dd(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let n=He(this.shadowStyle,";","");return""!==n?`box-shadow:${n};`:""}},methods:{funGetDivTrigger:function(){return mn(this,"$refs.divTrigger",null)},funGetDivContent:function(){return mn(this,"$refs.divContent",null)},evShow:function(n,e){let t=this;Te(mn(t,"bp.evShow"))&&t.bp.evShow(n,e)},evHide:function(n,e){let t=this;Te(mn(t,"bp.evHide"))&&t.bp.evHide(n,e)},updatePopper:function(n,e){let t=this;Te(mn(t,"bp.updatePopper"))&&t.bp.updatePopper(n,e)},updateValue:function(n,e){let t=this;Te(mn(t,"bp.updateValue"))&&t.bp.updateValue(n,e)}}};var Qu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""+n.useDisplayType,attrs:{changeValue:n.changeValue,changeValueTrans:n.changeValueTrans}},[t("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return n.evShow("popup","click")},mouseenter:function(e){return n.evShow("tooltip","mouseenter")},mouseleave:function(e){return n.evHide("tooltip","mouseleave")}}},[n._t("trigger")],2),n._v(" "),t("Teleport",{attrs:{to:"body"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.useCmpZIndex+";",attrs:{wtlp:n.labelContent},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,"slot")}})],2):n._e()])])],1)};Qu._withStripped=!0;const qu=t({render:Qu,staticRenderFns:[]},function(n){n&&n("data-v-26626fd5_0",{source:"\n.WPopperFix[data-popper-reference-hidden][data-v-26626fd5] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AAieA;IACA,kBAAA;IACA,oBAAA;AACA",file:"WTooltip.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`${useDisplayType}`\"\r\n        :changeValue=\"changeValue\"\r\n        :changeValueTrans=\"changeValueTrans\"\r\n    >\r\n\r\n        <div\r\n            ref=\"divTrigger\"\r\n            style=\"outline:none;\"\r\n            tabindex=\"0\"\r\n            @click=\"evShow('popup','click')\"\r\n            @mouseenter=\"evShow('tooltip','mouseenter')\"\r\n            @mouseleave=\"evHide('tooltip','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        <Teleport to=\"body\">\r\n            <div\r\n                ref=\"divContent\"\r\n                class=\"WPopperFix\"\r\n                :style=\"`z-index:${useCmpZIndex};`\"\r\n                :wtlp=\"labelContent\"\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,'slot')}\"\r\n                    ></slot>\r\n                </div>\r\n            </div>\r\n        </Teleport>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport last from 'lodash-es/last.js'\r\nimport pull from 'lodash-es/pull.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport Teleport from './Teleport.vue'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domZIndex from '../js/domZIndex.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport BuildPopper from '../js/buildPopper.mjs'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction funAddTrigger(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction funCheckTrigger(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction funRemoveTrigger(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 {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [displayType='block'] 輸入display設定字串，可選'block'與'line'，預設'block'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗或彈窗使用z-index之基準數字，實際z-index為本數字加上顯示順序層級，故後顯示者z-index必大於先顯示者，預設3000。層級池依mode區分，mode為'tooltip'時自成一池；mode為'popup'時與WDialog共用'dialog+popup'池，此時本數字須與WDialog之dialogZIndex同基準(即2000)排序才會正確，故建議改用WPopup組件(其預設即2000)\r\n * @vue-prop {Boolean} [isolated=false] 輸入提示窗或彈窗當mode為'popup'時是否為獨立顯引狀態布林值，也就是不接收外部傳入value值，預設false\r\n * @vue-prop {Number} [minWidth=null] 輸入提示窗或彈窗最小寬度數字，不含paddingStyle的寬度，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入提示窗或彈窗最大寬度數字，不含paddingStyle的寬度，單位為px，預設null\r\n * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最小寬度布林值，不含paddingStyle的寬度，預設false\r\n * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最大寬度布林值，不含paddingStyle的寬度，預設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} [placementDistX=0] 輸入提示窗或彈窗距離觸發元素之水平向右平移數字，單位為px，預設0\r\n * @vue-prop {Number} [placementDistY=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 {String} [modeHide='click'] 輸入點擊外部關閉模式字串，可選'click'與'mousedown'，'click'為mouseup時才關閉，'mousedown'為mousedown時關閉，預設'click'\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 {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        Teleport,\r\n    },\r\n    props: {\r\n        mode: {\r\n            type: String,\r\n            default: 'tooltip', //tooltip, popup\r\n        },\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        displayType: {\r\n            type: String,\r\n            default: 'block', //line, block\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        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        placement: {\r\n            type: String,\r\n            default: 'bottom',\r\n        },\r\n        placementDistX: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        placementDistY: {\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        modeHide: {\r\n            type: String,\r\n            default: 'click',\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        labelContent: {\r\n            type: String,\r\n            default: null,\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\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            zind: 0,\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null, //會由BuildPopper內更新\r\n            contentStyle: '',\r\n\r\n            bp: null,\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        //BuildPopper\r\n        let keyShow = 'valueTrans'\r\n        let evNameValue = 'input'\r\n        vo.bp = new BuildPopper(vo,\r\n            vo.funGetDivTrigger,\r\n            vo.funGetDivContent,\r\n            keyShow,\r\n            evNameValue,\r\n            {\r\n                funAddTrigger,\r\n                funCheckTrigger,\r\n                funRemoveTrigger,\r\n                modeHide: vo.modeHide,\r\n            })\r\n\r\n        //mounted\r\n        vo.bp.mounted()\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //destroyLevel, 顯示中被銷毀時仍須釋放層級, 否則該號碼永不回收\r\n        domZIndex.destroyLevel(vo.useCmpLevelType, vo.mmkey)\r\n\r\n        //destroy\r\n        vo.bp.destroy()\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValueTrans: function () {\r\n            //console.log('computed changeValueTrans')\r\n\r\n            //與WDialog之changeParam同款computed驅動; 不可併入changeValue, 因changeValue內有updateValue(vo.value),\r\n            //若其依賴valueTrans, 當內部自關(如slot之funHide)致valueTrans與value分歧時, 重算會把value灌回而重新開啟\r\n\r\n            let vo = this\r\n\r\n            if (vo.valueTrans) {\r\n\r\n                //getLevel, tooltip自成一池, popup與WDialog共用一池, 後開者取得較大z-index\r\n                vo.zind = domZIndex.getLevel(vo.useCmpLevelType, vo.mmkey)\r\n\r\n            }\r\n            else {\r\n\r\n                //destroyLevel\r\n                domZIndex.destroyLevel(vo.useCmpLevelType, vo.mmkey)\r\n\r\n            }\r\n\r\n            return ''\r\n        },\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, 'changeValue')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useCmpLevelType: function() {\r\n            let vo = this\r\n\r\n            //popup與WDialog共用同一層級池, 使兩者交互巢狀開啟時後開者必定蓋住先開者\r\n            if (vo.mode === 'popup') {\r\n                return 'dialog+popup'\r\n            }\r\n\r\n            return vo.mode\r\n        },\r\n\r\n        useCmpZIndex: function() {\r\n            let vo = this\r\n            let zind = vo.cmpZIndex + vo.zind\r\n            return zind\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 convertColor(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 convertColor(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    },\r\n    methods: {\r\n\r\n        funGetDivTrigger: function() {\r\n            let vo = this\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            return divTrigger\r\n        },\r\n\r\n        funGetDivContent: function() {\r\n            let vo = this\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n            return divContent\r\n        },\r\n\r\n        evShow: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evShow')\r\n            if (isfun(f)) {\r\n                vo.bp.evShow(kind, from)\r\n            }\r\n        },\r\n\r\n        evHide: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evHide')\r\n            if (isfun(f)) {\r\n                vo.bp.evHide(kind, from)\r\n            }\r\n        },\r\n\r\n        updatePopper: function(msg, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updatePopper')\r\n            if (isfun(f)) {\r\n                vo.bp.updatePopper(msg, from)\r\n            }\r\n        },\r\n\r\n        updateValue: function(value, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updateValue')\r\n            if (isfun(f)) {\r\n                vo.bp.updateValue(value, from)\r\n            }\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopperFix[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})},Uu,"data-v-26626fd5",false,void 0,!1,o,void 0,void 0);var ns={directives:{domripple:cd()},components:{WIcon:vd,WIconLoading:To,WTooltip:qu},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)"},displayType:{type:String,default:"block"},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:Ml,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,""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},usePadding:function(){let n=this;return`padding:${dd(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effIconColor:function(){return wo(this.iconColor)},effIconColorHover:function(){return wo(this.iconColorHover)},effIconColorActive:function(){return wo(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 wo(this.disabledColor)},effProgColor:function(){return wo(this.progColor)},effProgBackgroundColor:function(){return wo(this.progBackgroundColor)},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},effTextColorActive:function(){return wo(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=He(n,";",""),`font-size:${n};`},effBorderColor:function(){return wo(this.borderColor)},effBorderColorHover:function(){return wo(this.borderColorHover)},effBorderColorActive:function(){return wo(this.borderColorActive)},useBorderColor:function(){let n,e=this;return(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),lr(Tt(e.useBorderUsed,(e,t)=>`border-${t}-color:${e?n:"transparent"};`)," ")},useBorderUsed:function(){let n=this,e=!0,t=!0,r=!0,o=!0;return In(mn(n,"borderUsed.left"))&&(e=mn(n,"borderUsed.left")),In(mn(n,"borderUsed.right"))&&(t=mn(n,"borderUsed.right")),In(mn(n,"borderUsed.top"))&&(r=mn(n,"borderUsed.top")),In(mn(n,"borderUsed.bottom"))&&(o=mn(n,"borderUsed.bottom")),{left:e,right:t,top:r,bottom:o}},useBorderWidth:function(){return`border-width:${dd(this.borderWidth)};`},useBorderRadius:function(){let n=this,e=0,t=0,r=0,o=0;return!0===mn(n,"borderRadiusStyle.left")&&(e=n.borderRadius,r=n.borderRadius),!0===mn(n,"borderRadiusStyle.right")&&(t=n.borderRadius,o=n.borderRadius),!0===mn(n,"borderRadiusStyle.top")&&(e=n.borderRadius,t=n.borderRadius),!0===mn(n,"borderRadiusStyle.bottom")&&(r=n.borderRadius,o=n.borderRadius),!0!==mn(n,"borderRadiusStyle.topLeft")&&!0!==mn(n,"borderRadiusStyle.top-left")||(e=n.borderRadius),!0!==mn(n,"borderRadiusStyle.topRight")&&!0!==mn(n,"borderRadiusStyle.top-right")||(t=n.borderRadius),!0!==mn(n,"borderRadiusStyle.bottomLeft")&&!0!==mn(n,"borderRadiusStyle.bottom-left")||(r=n.borderRadius),!0!==mn(n,"borderRadiusStyle.bottomRight")&&!0!==mn(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 wo(this.backgroundColor)},effBackgroundColorHover:function(){return wo(this.backgroundColorHover)},effBackgroundColorActive:function(){return wo(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){let r=io(n=He(n,"}","{"),"{");return r=Tt(r,n=>{if(n.indexOf(e)>=0){let e=$t(n,"=")[1];return e=xn(e)?Ot(e):.2,function(n,e){let t=wo(n),r=od.toRgba(t);return r.a=e,od.toRgbaString(r)}(t,e)}return n}),lr(r,"")}return n.activeTrans&&n.shadowActive?bn(n.shadowActiveStyle)?"box-shadow:"+e(n.shadowActiveStyle,"backgroundColorActiveAlpha",n.backgroundColorActive):"":n.shadow&&bn(n.shadowStyle)?"box-shadow:"+e(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},isProging:function(){return xn(this.useProg)},useProg:function(){let n=this.progTrans;return xn(n)?(n=Ot(n),n<0||n>100?null:n):null},effLoadingColor:function(){return wo(this.loadingColor)},useRipple:function(){let n=this;if(n.editable&&!n.loadingTrans&&!n.isProging)return{color:n.rippleColor,timeDuration:700}},hasTooltop:function(){return bn(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||xn(n)?(xn(n)&&(n=Ot(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=>{In(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=wn();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;ld(n),e.editable&&e.$nextTick(()=>{e.$emit("click-close")})}}};const es=ns;var ts=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:n.useDisplayType+" 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.useBorderRadius+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" "+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.useBorderRadius+" "+n.useBorderWidth+" "+n.useBorderColor+" border-style:solid; outline:none; user-select:none;",attrs:{tabindex:"1"}},[t("div",{style:"display:flex; align-items:center; "+("line"===n.displayType?"justify-content: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,colorHover: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,colorHover: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.useBorderRadius+" 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.useBorderRadius+" 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)])};ts._withStripped=!0;const rs=t({render:ts,staticRenderFns:[]},function(n){n&&n("data-v-6fcf256c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonChip.vue"},media:void 0})},es,"data-v-6fcf256c",false,void 0,!1,o,void 0,void 0);var os={components:{WIcon:vd,WIconLoading:To,WTooltip:qu},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"},iconColorActive:{type:String,default:"grey darken-3"},borderRadius:{type:[Number,String],default:"50%"},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderWidth:{type:Number,default:0},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{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)"},backgroundColorFocus:{type:String,default:"rgb(230,230,230)"},backgroundColorActive:{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)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},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)"},active:{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{activeTrans:!1,hoverTrans:!1,focusTrans:!1,loadingTrans:!1}},mounted:function(){},computed:{changeActive:function(){return this.activeTrans=this.active,""},changeLoading:function(){return this.loadingTrans=this.loading,""},effIconColor:function(){return wo(this.iconColor)},effIconColorHover:function(){return wo(this.iconColorHover)},effIconColorFocus:function(){return wo(this.iconColorFocus)},effIconColorActive:function(){return wo(this.iconColorActive)},useIconColor:function(){let n,e=this;return e.loadingTrans?e.effIconColor:(n=e.activeTrans?e.effIconColorActive:e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.activeTrans?e.effIconColorActive:e.effIconColor),n)},useBorderRadius:function(){let n=this,e="0px";if(xn(n.borderRadius)){e=`${Ot(n.borderRadius)}px;`}else bn(n.borderRadius)&&(e=n.borderRadius);let t="0px",r="0px",o="0px",i="0px";return!0===mn(n,"borderRadiusStyle.left")&&(t=e,o=e),!0===mn(n,"borderRadiusStyle.right")&&(r=e,i=e),!0===mn(n,"borderRadiusStyle.top")&&(t=e,r=e),!0===mn(n,"borderRadiusStyle.bottom")&&(o=e,i=e),!0!==mn(n,"borderRadiusStyle.topLeft")&&!0!==mn(n,"borderRadiusStyle.top-left")||(t=e),!0!==mn(n,"borderRadiusStyle.topRight")&&!0!==mn(n,"borderRadiusStyle.top-right")||(r=e),!0!==mn(n,"borderRadiusStyle.bottomLeft")&&!0!==mn(n,"borderRadiusStyle.bottom-left")||(o=e),!0!==mn(n,"borderRadiusStyle.bottomRight")&&!0!==mn(n,"borderRadiusStyle.bottom-right")||(i=e),`border-top-left-radius:${t}; border-top-right-radius:${r}; border-bottom-left-radius:${o}; border-bottom-right-radius:${i};`},effBorderColor:function(){return wo(this.borderColor)},effBorderColorHover:function(){return wo(this.borderColorHover)},effBorderColorFocus:function(){return wo(this.borderColorFocus)},effBorderColorActive:function(){return wo(this.borderColorActive)},useBorderColor:function(){let n,e=this;return e.loadingTrans?e.effBorderColor:(n=e.activeTrans?e.effBorderColorActive:e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.activeTrans?e.effBorderColorActive:e.effBorderColor),n)},effBackgroundColor:function(){return wo(this.backgroundColor)},effBackgroundColorHover:function(){return wo(this.backgroundColorHover)},effBackgroundColorFocus:function(){return wo(this.backgroundColorFocus)},effBackgroundColorActive:function(){return wo(this.backgroundColorActive)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans?e.effBackgroundColor:(n=e.activeTrans?e.effBackgroundColorActive:e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),n)},effRippleColor:function(){return wo(this.rippleColor)},effLoadingColor:function(){return wo(this.loadingColor)},effDisabledColor:function(){return wo(this.disabledColor)},usePadding:function(){return`padding:${dd(this.paddingStyle,{ext:{}})};`},useShadow:function(){let n=this;return n.shadow&&bn(n.shadowStyle)?"box-shadow:"+function(n,e,t){let r=io(n=He(n,"}","{"),"{");return r=Tt(r,n=>{if(n.indexOf(e)>=0){let e=$t(n,"=")[1];return e=xn(e)?Ot(e):.2,function(n,e){let t=wo(n),r=od.toRgba(t);return r.a=e,od.toRgbaString(r)}(t,e)}return n}),lr(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},hasTooltop:function(){return bn(this.tooltip)}},methods:{ripple:function(n){let e=this;e.editable&&(e.loadingTrans||e.$nextTick(()=>{sd(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=wn();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 is=os;var ls=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,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+" "+n.useBorderRadius+" border:"+n.borderWidth+"px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" "+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","pointer-events":"none"}},[n.loadingTrans?n._e():t("WIcon",{attrs:{icon:n.icon,color:n.useIconColor,colorHover: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","pointer-events":"none"}},[t("div",{style:n.useBorderRadius+" 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)};ls._withStripped=!0;const as=t({render:ls,staticRenderFns:[]},function(n){n&&n("data-v-e7d01f2a_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",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})},is,"data-v-e7d01f2a",false,void 0,!1,o,void 0,void 0);var ds={components:{WIcon:vd},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:Vl},checkedIconColor:{type:String,default:"blue darken-3"},checkedIconColorHover:{type:String,default:"blue darken-2"},checkedIconColorDisabled:{type:String,default:"grey"},uncheckedIcon:{type:String,default:Pl},uncheckedIconColor:{type:String,default:"blue darken-3"},uncheckedIconColorHover:{type:String,default:"blue darken-2"},uncheckedIconColorDisabled:{type:String,default:"grey"},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0}},data:function(){return{hoverTrans:!1,b:!1}},computed:{changeParam:function(){let n=this,e=n.value;return In(e)?n.b=e:n.b="y"===e,""},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(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=He(n,";",""),`font-size:${n};`},effCheckedIconColor:function(){return wo(this.checkedIconColor)},effCheckedIconColorHover:function(){return wo(this.checkedIconColorHover)},effCheckedIconColorDisabled:function(){return wo(this.checkedIconColorDisabled)},useCheckedIconColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedIconColorHover:n.effCheckedIconColor:n.effCheckedIconColorDisabled},effUncheckedIconColor:function(){return wo(this.uncheckedIconColor)},effUncheckedIconColorHover:function(){return wo(this.uncheckedIconColorHover)},effUncheckedIconColorDisabled:function(){return wo(this.uncheckedIconColorDisabled)},useUncheckedIconColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedIconColorHover:n.effUncheckedIconColor:n.effUncheckedIconColorDisabled},useVerticalAlign:function(){let n=this,e="";return"center"===n.verticalAlign?e="align-items:center;":"top"===n.verticalAlign?e="align-items:flex-start;":"bottom"===n.verticalAlign&&(e="align-items:flex-end;"),e}},methods:{toogleValue:function(){let n=this;if(!n.editable)return;let e=n.b;e=!e;let t=null;In(n.value)?(t=!1,e&&(t=!0)):(t="n",e&&(t="y")),n.$nextTick(()=>{n.$emit("input",t)})}}};const us=ds;var ss=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",{style:"display:flex; "+n.useVerticalAlign+";"},[n.b?t("WIcon",{attrs:{icon:n.checkedIcon,color:n.useCheckedIconColor,colorHover:n.useCheckedIconColor,size:n.iconSize}}):t("WIcon",{attrs:{icon:n.uncheckedIcon,color:n.useUncheckedIconColor,colorHover: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._t("text",function(){return[n._v("\n                "+n._s(n.text)+"\n            ")]},{text:n.text})],2):n._e()],1)])};ss._withStripped=!0;const cs=t({render:ss,staticRenderFns:[]},function(n){n&&n("data-v-844ce8d0_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",map:{version:3,sources:[],names:[],mappings:"",file:"WCheckbox.vue"},media:void 0})},us,"data-v-844ce8d0",false,void 0,!1,o,void 0,void 0);const ps={components:{WIconLoading:To},props:{pathItems:{type:Array,default:()=>["base:w-ckeditor-vue|file:ckeditor.js","base:w-ckeditor-vue"]},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;yr(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-ckeditor-vue"];n.default&&(n=n.default),Cr().component("w-ckeditor-vue",n)}n.cmpName="w-ckeditor-vue"})},computed:{},methods:{}};var fs=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)}}})};fs._withStripped=!0;const hs=t({render:fs,staticRenderFns:[]},function(n){n&&n("data-v-5f3d406c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WCkeditorVueDyn.vue"},media:void 0})},ps,"data-v-5f3d406c",false,void 0,!1,o,void 0,void 0);function gs(n,e={}){function t(n){return(Array.isArray(n)?n:[n]).filter(n=>n&&Te(n.addEventListener))}let r=t(n),o=mn(e,"canPress",null);Te(o)||(o=()=>!0);let i=mn(e,"cancelTouchMove",null);In(i)?i=i?()=>!0:null:Te(i)||(i=()=>!0);let l=t(mn(e,"eleTouchMove",null));0===l.length&&(l=r);let a=wi(),d="",u=null,s=null,c=[];function p(){return""!==d}function f(n){return"touch"===n||"pen"===n}function h(n){let e=mn(n,"pointerType","");return"touch"!==e&&"pen"!==e&&(e="mouse"),e}function g(n){let e=mn(n,"pointerId",null);return void 0===e&&(e=null),e}function m(n){if("pointerType"in n&&h(n)!==d)return!1;let e=g(n);return null===u||null===e||e===u}function v(){d="",u=null}function y(n){return{clientX:n.clientX,clientY:n.clientY,pointerType:h(n),event:n}}function b(n){let e=p(),t=d;var r,o;r=h(n),o=g(n),d=r,u=o,e&&(a.emit("free",{pointerType:t,reason:"takeover",event:n}),!p())||a.emit("press",y(n))}function C(n,e){let t=d;v(),a.emit("free",{pointerType:t,reason:e,event:n})}function x(n,e,t,r){n.addEventListener(e,t,r),c.push({target:n,type:e,fun:t,options:r})}let S=n=>{if(n===s)return;if(s=n,!function(n){return!("button"in n)||("pen"===h(n)?0===n.button||5===n.button:0===n.button)}(n))return;if(!o(n))return;let e=h(n);if(p())if("mouse"===e);else{if(d!==e)return;if(!function(n){let e=g(n);if(null!==e&&null!==u&&e===u)return!0;let t=mn(n,"isPrimary",null);return!0===t||!1!==t}(n))return}b(n)},w=n=>{p()&&m(n)&&(!function(n){return!(!Wo(n.buttons)||33&n.buttons)}(n)?a.emit("drag",y(n)):C(n,"buttonsLost"))},I=n=>{p()&&m(n)&&C(n,"pointercancel"===mn(n,"type","")?"cancel":"up")},k=n=>{f(d)&&i(n)&&ld(n)},T=n=>{f(d)&&"mouse"!==mn(n,"pointerType","")&&n.preventDefault()};return function(){for(let n of r)x(n,"pointerdown",S),x(n,"contextmenu",T);if(null!==i)for(let n of l)x(n,"touchmove",k,{passive:!1});x(window,"pointermove",w,{capture:!0}),x(window,"pointerup",I,{capture:!0}),x(window,"pointercancel",I,{capture:!0})}(),a.clear=function(){v(),s=null;for(let n of c)n.target.removeEventListener(n.type,n.fun,n.options);c=[]},a}var ms={components:{},props:{width:{type:Number,default:200},height:{type:Number,default:20},cursorSize:{type:Number,default:7},axis:{type:String,default:"x"},locLeft:{type:Number,default:0},locTop:{type:Number,default:0},cursorColor:{type:String,default:"#fff"},cursorBorderColor:{type:String,default:"#666"},editable:{type:Boolean,default:!0}},data:function(){return{dragPointer:null}},mounted:function(){let n=this,e=gs(n.$refs.divSurface,{canPress:()=>n.editable});e.on("press",n.pickByEvent),e.on("drag",n.pickByEvent),e.on("free",()=>{n.$emit("pick-end")}),n.dragPointer=e},beforeDestroy:function(){let n=this;n.dragPointer&&n.dragPointer.clear()},computed:{isPlanar:function(){return"xy"===this.axis},curLocLeft:function(){return this.locLeft},curLocTop:function(){return this.locTop},useCursorColor:function(){return wo(this.cursorColor)},useCursorBorderColor:function(){return wo(this.cursorBorderColor)}},methods:{pickByEvent:function(n){let e=this,t=e.$refs.divSurface;if(!t)return;let r=t.getBoundingClientRect(),o=n.clientX-r.left;o=Math.min(Math.max(o,0),e.width-1);let i=0;e.isPlanar&&(i=n.clientY-r.top,i=Math.min(Math.max(i,0),e.height-1));let l=0;e.width-1>0&&(l=o/(e.width-1));let a=0;e.isPlanar&&e.height-1>0&&(a=i/(e.height-1));let d=n.pointerType;e.$emit("pick",{left:o,top:i,ratioLeft:l,ratioTop:a,pointerType:d}),e.$emit("update:locLeft",o),e.isPlanar&&e.$emit("update:locTop",i)}}};const vs=ms;var ys=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; touch-action:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none;"},[t("div",{ref:"divSurface",style:"position:relative; width:"+n.width+"px; height:"+n.height+"px;"},[t("div",{style:"position:absolute; left:0px; top:0px; width:"+n.width+"px; height:"+n.height+"px;"},[n._t("default",null,{width:n.width,height:n.height,locLeft:n.curLocLeft,locTop:n.curLocTop,editable:n.editable})],2),n._v(" "),t("div",{style:"\n            position:absolute; left:"+(n.curLocLeft-Math.floor(n.cursorSize/2)-1)+"px; top:"+(n.isPlanar?n.curLocTop-Math.floor(n.cursorSize/2)-1:-1)+"px;\n            width:"+(n.cursorSize+2)+"px; height:"+(n.isPlanar?n.cursorSize+2:n.height+2)+"px;\n            box-sizing:border-box;\n            background:transparent;\n            "+(n.isPlanar?"border-radius:50%;":"")+"\n            border:1px solid "+n.useCursorBorderColor+";\n            "+(n.editable?"cursor:pointer;":"")+"\n            user-select:none;\n            _pointer-events:none;\n            "}),n._v(" "),t("div",{style:"\n            position:absolute; left:"+(n.curLocLeft-Math.floor(n.cursorSize/2))+"px; top:"+(n.isPlanar?n.curLocTop-Math.floor(n.cursorSize/2):0)+"px;\n            width:"+n.cursorSize+"px; height:"+(n.isPlanar?n.cursorSize:n.height)+"px;\n            box-sizing:border-box;\n            background:transparent;\n            "+(n.isPlanar?"border-radius:50%;":"")+"\n            border:1px solid "+n.useCursorColor+";\n            "+(n.editable?"cursor:pointer;":"")+"\n            user-select:none;\n            _pointer-events:none;\n            "}),n._v(" "),t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            "+(n.editable?"cursor:pointer;":"")+"\n            user-select:none;\n            _pointer-events:none;\n            "})])])};ys._withStripped=!0;const bs=t({render:ys,staticRenderFns:[]},function(n){n&&n("data-v-544ea804_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPickSurface.vue"},media:void 0})},vs,"data-v-544ea804",false,void 0,!1,o,void 0,void 0);const Cs={components:{WPickSurface:bs},props:{value:{type:Number,default:1},color:{type:String,default:"#000000"},width:{type:Number,default:200},height:{type:Number,default:20},cursorSize:{type:Number,default:7}},data:function(){return{aimg:"data:image/svg+xml;base64,ICAgICAgICAgICAgICAgIDxzdmcgdmlld0JveD0iMCAwIDEwIDEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNkZGQiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNmZmYiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjUiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNmZmYiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNkZGQiIC8+DQogICAgICAgICAgICAgICAgPC9zdmc+",valueTrans:1,colorTrans:"#000",curLocLeft:0}},computed:{changeValue:function(){let n=this;return n.valueTrans=n.value,n.updateCurLocByValue(),""},changeColor:function(){return this.colorTrans=wo(this.color),""}},methods:{pickCur:function(n){this.curLocLeft=n.left,this.updateAlpha()},updateCurLocByValue:function(){let n=this,e=n.valueTrans*(n.width-1);n.curLocLeft=e},updateAlpha:function(){let n=this,e=n.width-1,t=0;e-0-1>0&&(t=(n.curLocLeft-0)/(e-0));let r=t;n.$emit("input",r)}}};var xs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPickSurface",{attrs:{changeValue:n.changeValue,changeColor:n.changeColor,width:n.width,height:n.height,cursorSize:n.cursorSize,axis:"x",locLeft:n.curLocLeft},on:{pick:n.pickCur}},[t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            background-image: url("+n.aimg+");\n            background-repeat:repeat;\n        "},[n._e()]),n._v(" "),t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            background:linear-gradient(to left, "+n.colorTrans+", transparent);\n        "})])};xs._withStripped=!0;const Ss=t({render:xs,staticRenderFns:[]},function(n){n&&n("data-v-d2f3654e_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorPickAlpha.vue"},media:void 0})},Cs,"data-v-d2f3654e",false,void 0,!1,o,void 0,void 0);function ws(n,e){return n<e}function Is(n){return n&&n.length?Id(n,Se,ws):void 0}var ks={components:{},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200}},data:function(){let n=function(n){let e=n,t=e/2*Math.sqrt(3),r=e/4*3,o=(()=>{let n=[];for(let t=0;t<6;t++){let r=Math.PI/3*(t+.5),o=.5+.5*Math.cos(r),i=.5+.5*Math.sin(r);o*=e,i*=e,n.push({x:o,y:i})}return n})(),i=Tt(o,n=>`${n.x},${n.y}`);i=lr(i," ");let l=[];Ie([{dx:6,cs:["#003366","#336699","#3366CC","#003399","#000099","#0000CC","#000066"]},{dx:5,cs:["#006666","#006699","#0099CC","#0066CC","#0033CC","#0000FF","#3333FF","#333399"]},{dx:4,cs:["#669999","#009999","#33CCCC","#00CCFF","#0099FF","#0066FF","#3366FF","#3333CC","#666699"]},{dx:3,cs:["#339966","#00CC99","#00FFCC","#00FFFF","#33CCFF","#3399FF","#6699FF","#6666FF","#6600FF","#6600CC"]},{dx:2,cs:["#339933","#00CC66","#00FF99","#66FFCC","#66FFFF","#66CCFF","#99CCFF","#9999FF","#9966FF","#9933FF","#9900FF"]},{dx:1,cs:["#006600","#00CC00","#00FF00","#66FF99","#99FFCC","#CCFFFF","#CCCCFF","#CC99FF","#CC66FF","#CC33FF","#CC00FF","#9900CC"]},{dx:0,cs:["#003300","#009933","#33CC33","#66FF66","#99FF99","#CCFFCC","#FFFFFF","#FFCCFF","#FF99FF","#FF66FF","#FF00FF","#CC00CC","#660066"]},{dx:1,cs:["#336600","#009900","#66FF33","#99FF66","#CCFF99","#FFFFCC","#FFCCCC","#FF99CC","#FF66CC","#FF33CC","#CC0099","#993399"]},{dx:2,cs:["#333300","#669900","#99FF33","#CCFF66","#FFFF99","#FFCC99","#FF9999","#FF6699","#FF3399","#CC3399","#990099"]},{dx:3,cs:["#666633","#99CC00","#CCFF33","#FFFF66","#FFCC66","#FF9966","#FF6666","#FF0066","#CC6699","#993366"]},{dx:4,cs:["#999966","#CCCC00","#FFFF00","#FFCC00","#FF9933","#FF6600","#FF5050","#CC0066","#660033"]},{dx:5,cs:["#996633","#CC9900","#FF9900","#CC6600","#FF3300","#FF0000","#CC0000","#990033"]},{dx:6,cs:["#663300","#996600","#CC3300","#993300","#990000","#800000","#993333"]}],(n,e)=>{Ie(n.cs,(o,i)=>{let a={x:(t+0)*i+n.dx*(t/2),y:(r+0)*e,color:o};bn(o)&&l.push(a)})});let a=Is(Tt(l,"x")),d=Td(Tt(l,"x")),u=Is(Tt(l,"y")),s=Td(Tt(l,"y"));return d+=t+2,s+=e+1,{cpgs:i,colors:l,xmin:a,xmax:d,ymin:u,ymax:s}}(18);return{valueTrans:null,cpgs:n.cpgs,colors:n.colors,xmin:n.xmin,xmax:n.xmax,ymin:n.ymin,ymax:n.ymax,pick:null}},computed:{changeValue:function(){return this.valueTrans=wo(this.value),""},changePick:function(){let n=this,e=null;return Ie(n.colors,t=>{n.jdColor2(t.color,n.valueTrans)&&(e=t)}),n.pick=e,""},width:function(){return this.size},height:function(){return this.width/10*9}},methods:{jdColor2:function(n,e){return od.toRgbString(n)===od.toRgbString(e)},ckColor:function(n){this.valueTrans=n.color,this.$emit("input",n.color)}}};const Ts=ks;var Bs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px;",attrs:{changeValue:n.changeValue,changePick:n.changePick}},[t("div",{staticStyle:{display:"flex"}},[t("svg",{attrs:{viewBox:"0 0 "+n.xmax+" "+n.ymax,width:n.width,height:n.height,xmlns:"http://www.w3.org/2000/svg"}},[n._l(n.colors,function(e,r){return t("polygon",{key:"kc-"+r,style:"fill:"+e.color+"; stroke:"+e.color+"; stroke-width:1px; cursor:pointer; user-select:none;",attrs:{transform:"translate("+e.x+", "+e.y+")",points:n.cpgs},on:{click:function(t){return n.ckColor(e)}}})}),n._v(" "),n.pick?[t("polygon",{style:"fill:transparent; stroke:#000; stroke-width:4px; cursor:pointer; user-select:none;",attrs:{transform:"translate("+n.pick.x+", "+n.pick.y+")",points:n.cpgs},on:{click:function(e){return n.ckColor(n.pick)}}}),n._v(" "),t("polygon",{style:"fill:transparent; stroke:#fff; stroke-width:2px; cursor:pointer; user-select:none;",attrs:{transform:"translate("+n.pick.x+", "+n.pick.y+")",points:n.cpgs},on:{click:function(e){return n.ckColor(n.pick)}}})]:n._e()],2)])])};Bs._withStripped=!0;const Hs=t({render:Bs,staticRenderFns:[]},function(n){n&&n("data-v-f96ce8ae_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorPickHexagon.vue"},media:void 0})},Ts,"data-v-f96ce8ae",false,void 0,!1,o,void 0,void 0);var As={components:{},props:{value:{type:String,default:"#FFFFFF"},colorLeft:{type:String,default:"#FFFFFF"},colorRight:{type:String,default:"#000000"},colorNum:{type:Number,default:10},width:{type:Number,default:200},height:{type:Number,default:20}},data:function(){return{aimg:"data:image/svg+xml;base64,ICAgICAgICAgICAgICAgIDxzdmcgdmlld0JveD0iMCAwIDEwIDEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNkZGQiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNmZmYiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjUiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNmZmYiIC8+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiNkZGQiIC8+DQogICAgICAgICAgICAgICAgPC9zdmc+",valueTrans:null,colorLeftTrans:null,colorRightTrans:null,s:20,pick:null}},computed:{changeValue:function(){let n=this;return n.valueTrans=wo(n.value),n.colorLeftTrans=wo(n.colorLeft),n.colorRightTrans=wo(n.colorRight),""},colors:function(){let n=this,e={0:n.colorLeftTrans,1:n.colorRightTrans},t=od.interp(e),r=[];for(let e=0;e<n.colorNum;e++){let o=e/Math.max(n.colorNum-1,1),i=t(o);r.push({r:o,x:e*n.s,y:0,color:i})}return r},changePick:function(){let n=this,e=null;return Ie(n.colors,t=>{n.jdColor2(t.color,n.valueTrans)&&(e=t)}),n.pick=e,""}},methods:{jdColor2:function(n,e){return od.toRgbString(n)===od.toRgbString(e)},ckColor:function(n){this.valueTrans=n.color,this.$emit("input",n.color)}}};const Ws=As;var Fs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px;",attrs:{changeValue:n.changeValue,changePick:n.changePick}},[t("div",{style:"position:relative; width:"+n.width+"px; height:"+n.height+"px;"},[t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            background-image: url("+n.aimg+");\n            background-repeat:repeat;\n        "}),n._v(" "),t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n        "},[t("div",{staticStyle:{display:"flex"}},[t("svg",{attrs:{viewBox:"0 0 "+n.colors.length*n.s+" "+n.s,width:n.width,height:n.height,preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg"}},[n._l(n.colors,function(e,r){return t("rect",{key:"kc-"+r,style:"fill:"+e.color+"; stroke-width:0px; cursor:pointer; user-select:none;",attrs:{x:e.x,y:e.y,width:n.s,height:n.s},on:{click:function(t){return n.ckColor(e)}}})}),n._v(" "),n.pick?[t("rect",{style:"fill:transparent; stroke:#000; stroke-width:1px; cursor:pointer; user-select:none;",attrs:{x:n.pick.x,y:n.pick.y,width:n.s,height:n.s}}),n._v(" "),t("rect",{style:"fill:transparent; stroke:#fff; stroke-width:2px; cursor:pointer; user-select:none;",attrs:{x:n.pick.x+2,y:n.pick.y+2,width:n.s-4,height:n.s-4}})]:n._e()],2)])])])])};Fs._withStripped=!0;const Zs=t({render:Fs,staticRenderFns:[]},function(n){n&&n("data-v-03bdd07e_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorPickStripe.vue"},media:void 0})},Ws,"data-v-03bdd07e",false,void 0,!1,o,void 0,void 0);const Xs={components:{WColorPickHexagon:Hs,WColorPickStripe:Zs},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200},space:{type:Number,default:5}},data:function(){return{valueTrans:null}},computed:{changeValue:function(){return this.valueTrans=wo(this.value),""},hexagonSize:function(){return this.size},hexagonWidth:function(){return this.size},hexagonHeight:function(){return this.hexagonWidth/10*9},stripeWidth:function(){return this.size},stripeHeight:function(){return this.stripeWidth/10},width:function(){return this.size},height:function(){let n=this;return n.hexagonHeight+n.space+n.stripeHeight}},methods:{ckColor:function(n){n=(n=od.toHexString(n)).toUpperCase(),this.valueTrans=n,this.$emit("input",n)}}};var zs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px;",attrs:{changeValue:n.changeValue}},[t("div",{staticStyle:{display:"flex"}},[t("WColorPickHexagon",{attrs:{size:n.hexagonSize,value:n.valueTrans},on:{input:n.ckColor}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("WColorPickStripe",{attrs:{width:n.stripeWidth,height:n.stripeHeight,colorNum:10,value:n.valueTrans},on:{input:n.ckColor}})],1)])};zs._withStripped=!0;const Rs=t({render:zs,staticRenderFns:[]},function(n){n&&n("data-v-2da36ea9_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:"WColorPickHexagonGray.vue"},media:void 0})},Xs,"data-v-2da36ea9",false,void 0,!1,o,void 0,void 0);var Ps={components:{WPickSurface:bs},props:{value:{type:String,default:"#FFFFFF"},color:{type:String,default:"#FFFFFF"},colorLeftTop:{type:String,default:"#FFFFFF"},colorBottom:{type:String,default:"#000000"},width:{type:Number,default:200},height:{type:Number,default:200},cursorSize:{type:Number,default:14}},data:function(){return{valueTrans:"#fff",colorTrans:"#fff",colorLeftTopTrans:"#fff",colorBottomTrans:"#fff",curLocLeft:0,curLocTop:0}},computed:{changeParams:function(){let n=this;n.valueTrans=wo(n.value);let e=wo(n.color);return e={h:od.toHsv(e).h,s:1,v:1},e=od.toHexString(e),n.colorTrans=e,n.colorLeftTopTrans=wo(n.colorLeftTop),n.colorBottomTrans=wo(n.colorBottom),n.updateCurLocByValue(),""},changeColor:function(){return this.updateColor(this.color),""}},methods:{pickCur:function(n){let e=this;e.curLocLeft=n.left,e.curLocTop=n.top,e.updateColor()},updateCurLocByValue:function(){let n=this,e=od.toHsv(n.valueTrans),t=e.s*(n.width-1),r=(1-e.v)*(n.height-1),o=od.toHsv(n.colorTrans);e.h===o.h&&(n.curLocLeft=t,n.curLocTop=r)},updateColor:function(){let n=this,e=n.width-1,t=0;e-0>0&&(t=(n.curLocLeft-0)/(e-0));let r,o,i,l=n.height-1,a=0;l-0>0&&(a=(n.curLocTop-0)/(l-0)),r=n.colorTrans,o=n.colorLeftTopTrans,i=od.mix(r,t,o,1-t,"toRgbString"),r=i,o=n.colorBottomTrans,i=od.mix(r,1-a,o,a,"toHexString"),i=i.toUpperCase(),n.$emit("input",i)}}};const Vs=Ps;var Ls=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPickSurface",{attrs:{changeParams:n.changeParams,changeColor:n.changeColor,width:n.width,height:n.height,cursorSize:n.cursorSize,axis:"xy",locLeft:n.curLocLeft,locTop:n.curLocTop},on:{pick:n.pickCur}},[t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            background:linear-gradient(to right, "+n.colorLeftTop+", "+n.colorTrans+");\n        "}),n._v(" "),t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            background:linear-gradient(to top, "+n.colorBottom+", transparent);\n        "})])};Ls._withStripped=!0;const Ns=t({render:Ls,staticRenderFns:[]},function(n){n&&n("data-v-8473947c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorPickHsv.vue"},media:void 0})},Vs,"data-v-8473947c",false,void 0,!1,o,void 0,void 0);const Ds={components:{WPickSurface:bs},props:{value:{type:String,default:"#FF0000"},width:{type:Number,default:200},height:{type:Number,default:20},cursorSize:{type:Number,default:7}},data:function(){return{valueTrans:"#fff",curLocLeft:0}},mounted:function(){this.plotBackground()},computed:{changeValue:function(){let n=this;return n.valueTrans=wo(n.value),n.updateCurLocByValue(),""}},methods:{plotBackground:function(){let n=this;(async function(){await sr(()=>li(n.$refs.cvs));let e=n.$refs.cvs;e.width=n.width,e.height=n.height;let t=e.getContext("2d"),r=n.width-1;for(let e=0;e<=r;e++){let o={h:e/r*360,s:1,v:1};o=od.toHexString(o),t.fillStyle=o,t.fillRect(e,0,1,n.height)}})().catch(n=>{console.log(n)})},pickCur:function(n){this.curLocLeft=n.left,this.updateColor()},updateCurLocByValue:function(){let n=this,e=od.toHsv(n.valueTrans).h/360*(n.width-1);n.curLocLeft=e},updateColor:function(){let n=this,e=n.width-1,t=0;e-0-1>0&&(t=(n.curLocLeft-0)/(e-0));let r={h:360*t,s:1,v:1};r=od.toHexString(r),r=r.toUpperCase(),n.$emit("input",r)}}};var Gs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPickSurface",{attrs:{changeValue:n.changeValue,width:n.width,height:n.height,cursorSize:n.cursorSize,axis:"x",locLeft:n.curLocLeft},on:{pick:n.pickCur}},[t("div",{style:"\n            position:absolute; left:0px; top:0px;\n            width:"+n.width+"px; height:"+n.height+"px;\n            overflow:hidden;\n        "},[t("div",{staticStyle:{display:"flex"}},[t("canvas",{ref:"cvs",style:"width:"+n.width+"px; height:"+n.height+"px;"})])])])};Gs._withStripped=!0;const Ms=t({render:Gs,staticRenderFns:[]},function(n){n&&n("data-v-7eaff9de_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorPickHue.vue"},media:void 0})},Ds,"data-v-7eaff9de",false,void 0,!1,o,void 0,void 0);function Ys(n){if(!li(n))return null;try{return n.getBoundingClientRect()}catch(n){}return null}const js={components:{WTooltip:qu},props:{value:{type:Boolean,default:!1},displayType:{type:String,default:"block"},cmpZIndex:{type:Number,default:2e3},isolated:{type:Boolean,default:!1},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!1},autoFitMaxWidth:{type:Boolean,default:!1},placement:{type:String,default:"bottom-start"},placementDistX:{type:Number,default:0},placementDistY:{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})},modeHide:{type:String,default:"click"},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},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var _s=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))};_s._withStripped=!0;const Ks=t({render:_s,staticRenderFns:[]},function(n){n&&n("data-v-1657e7b0_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPopup.vue"},media:void 0})},js,"data-v-1657e7b0",false,void 0,!1,o,void 0,void 0);var $s={components:{WColorPickHexagonGray:Rs,WColorPickAlpha:Ss},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200},spaceGray:{type:Number,default:5},spaceAlpha:{type:Number,default:8}},data:function(){return{colorPure:"#fff",colorAlpha:1,pick:null}},computed:{changeValue:function(){let n=this,e=wo(n.value),t=od.toRgba(e),r={r:t.r,g:t.g,b:t.b},o=od.toRgbString(r),i=t.a;return n.colorPure=o,n.colorAlpha=i,""},hexagonGrayWidth:function(){return this.size},hexagonGrayHeight:function(){return this.hexagonGrayWidth+this.spaceGray},alphaWidth:function(){return this.size},alphaHeight:function(){return this.alphaWidth/10},width:function(){return this.size},height:function(){let n=this;return n.hexagonGrayHeight+n.spaceAlpha+n.alphaHeight}},methods:{updateColor:function(n,e,t){let r=od.toRgba(n);r.a=e;let o=od.toRgbaString(r);this.$emit("input",o)}}};const Es=$s;var Os=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px;",attrs:{changeValue:n.changeValue}},[t("div",{staticStyle:{display:"flex"}},[t("WColorPickHexagonGray",{attrs:{size:n.size,space:n.spaceGray,value:n.colorPure},on:{input:function(e){n.colorPure=e,n.updateColor(n.colorPure,n.colorAlpha,"hexagonGray")}}})],1),n._v(" "),t("div",{style:"height:"+n.spaceAlpha+"px;"}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("WColorPickAlpha",{attrs:{width:n.alphaWidth,height:n.alphaHeight,cursorSize:7,value:n.colorAlpha,color:n.colorPure},on:{input:function(e){n.colorAlpha=e,n.updateColor(n.colorPure,n.colorAlpha,"alpha")}}})],1)])};Os._withStripped=!0;const Js=t({render:Os,staticRenderFns:[]},function(n){n&&n("data-v-71683fda_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorSelectPanelBlock.vue"},media:void 0})},Es,"data-v-71683fda",false,void 0,!1,o,void 0,void 0);var Us={components:{WColorPickHsv:Ns,WColorPickHue:Ms,WColorPickAlpha:Ss},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200},space:{type:Number,default:10}},data:function(){return{lock:!1,valueTrans:null,colorHue:"#f00",colorPure:"#fff",colorAlpha:1}},computed:{changeParams:function(){let n=this;if(n.value===n.valueTrans)return;if(n.lock)return;n.lock=!0,n.valueTrans=wo(n.value);let e=od.toHsva(n.value),t="#f00";{let n={h:e.h,s:1,v:1};t=od.toHexString(n)}let r="#fff";{let n={h:e.h,s:e.s,v:e.v};r=od.toHexString(n)}let o=1;return o=e.a,n.colorHue=t,n.colorPure=r,n.colorAlpha=o,""},hsvWidth:function(){return this.size},hsvHeight:function(){return this.hsvWidth},hueWidth:function(){return this.size},hueHeight:function(){return this.hueWidth/10},alphaWidth:function(){return this.size},alphaHeight:function(){return this.alphaWidth/10},width:function(){return this.size},height:function(){let n=this;return n.hsvHeight+n.space+n.hueHeight+n.space+n.alphaHeight}},methods:{updateColor:function(n,e){let t=this;if(t.lock&&"hsv"===e)return void(t.lock=!1);let r=od.toHsva(t.colorHue),o=od.toHsva(t.colorPure),i={h:r.h,s:o.s,v:o.v,a:t.colorAlpha};i=od.toRgbaString(i),t.valueTrans=i,t.$emit("input",i)}}};const Qs=Us;var qs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px;",attrs:{changeParams:n.changeParams}},[t("div",{staticStyle:{display:"flex"}},[t("WColorPickHsv",{attrs:{width:n.hsvWidth,height:n.hsvHeight,cursorSize:14,color:n.colorHue},on:{input:function(e){n.updateColor(e,"hsv")}},model:{value:n.colorPure,callback:function(e){n.colorPure=e},expression:"colorPure"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("WColorPickHue",{attrs:{width:n.hueWidth,height:n.hueHeight,cursorSize:7},on:{input:function(e){n.updateColor(e,"hue")}},model:{value:n.colorHue,callback:function(e){n.colorHue=e},expression:"colorHue"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("WColorPickAlpha",{attrs:{width:n.alphaWidth,height:n.alphaHeight,colorNum:10,color:n.colorPure},on:{input:function(e){n.updateColor(e,"alpha")}},model:{value:n.colorAlpha,callback:function(e){n.colorAlpha=e},expression:"colorAlpha"}})],1)])};qs._withStripped=!0;const nc=t({render:qs,staticRenderFns:[]},function(n){n&&n("data-v-37ad70c7_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorSelectPanelHsva.vue"},media:void 0})},Qs,"data-v-37ad70c7",false,void 0,!1,o,void 0,void 0);const ec={components:{WColorSelectPanelBlock:Js,WColorSelectPanelHsva:nc},props:{value:{type:String,default:"#FFFFFF"},type:{type:String,default:"LUMP"},size:{type:Number,default:200},space:{type:Number,default:10},backgroundColor:{type:String,default:"transparent"}},data:function(){return{valueTrans:"#fff",typeTrans:"LUMP"}},computed:{changeValue:function(){return this.valueTrans=wo(this.value),""},changeType:function(){return this.typeTrans=this.type,""},useBackgroundColor:function(){return wo(this.backgroundColor)}},methods:{updateColor:function(n,e){this.valueTrans=n,this.$emit("input",n)}}};var tc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; background:"+n.useBackgroundColor+";",attrs:{changeValue:n.changeValue,changeType:n.changeType}},[t("div",{style:"padding:"+n.space+"px;"},["LUMP"===n.typeTrans?t("div",{staticStyle:{display:"flex"}},[t("WColorSelectPanelBlock",{attrs:{size:n.size,spaceGray:5,spaceAlpha:8,value:n.valueTrans},on:{input:function(e){n.updateColor(e,"block")}}})],1):n._e(),n._v(" "),"HSVA"===n.typeTrans?t("div",{staticStyle:{display:"flex"}},[t("WColorSelectPanelHsva",{attrs:{_size:"size*0.8875",size:n.size,space:10,value:n.valueTrans},on:{input:function(e){n.updateColor(e,"hsva")}}})],1):n._e()])])};tc._withStripped=!0;const rc=t({render:tc,staticRenderFns:[]},function(n){n&&n("data-v-115c44e9_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorSelectPanel.vue"},media:void 0})},ec,"data-v-115c44e9",false,void 0,!1,o,void 0,void 0);function oc(n){if(!xn(n))return!1;return Ot(n)>=0}function ic(n,e){function t(n){return ke(n)?n:[n]}if(fd(n))return!1;if(0===(n=t(n)).length)return!1;if(fd(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(Vi(n[t],e[r]))return!0;return!1}var lc={components:{WButtonChip:rs},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object],default:null},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"},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)"},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:mn,itemsTrans:[],borderUsed:{top:!0,bottom:!0,left:!0,right:!0}}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=Sl(n.items),t=Tt(e,e=>{let t=function(e){let t;return t=n.multiCheck?ic(n.value,e):Vi(e,n.value),t}(e);return{active:t,hover:!1,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive}}),r=Tt(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 u={};n.group&&(0===o&&(!0===mn(n,"groupBorderRadiusStyle.left")&&(u.left=!0),!0!==mn(n,"groupBorderRadiusStyle.topLeft")&&!0!==mn(n,"groupBorderRadiusStyle.top-left")||(u.topLeft=!0),!0!==mn(n,"groupBorderRadiusStyle.bottomLeft")&&!0!==mn(n,"groupBorderRadiusStyle.bottom-left")||(u.bottomLeft=!0),!0===mn(n,"groupBorderRadiusStyle.top")&&(u.topLeft=!0),!0===mn(n,"groupBorderRadiusStyle.bottom")&&(u.bottomLeft=!0)),o===e.length-1&&(!0===mn(n,"groupBorderRadiusStyle.right")&&(u.right=!0),!0!==mn(n,"groupBorderRadiusStyle.topRight")&&!0!==mn(n,"groupBorderRadiusStyle.top-right")||(u.topRight=!0),!0!==mn(n,"groupBorderRadiusStyle.bottomRight")&&!0!==mn(n,"groupBorderRadiusStyle.bottom-right")||(u.bottomRight=!0),!0===mn(n,"groupBorderRadiusStyle.top")&&(u.topRight=!0),!0===mn(n,"groupBorderRadiusStyle.bottom")&&(u.bottomRight=!0))),i.spcBorderRadiusStyle=u;let s={};n.group&&(s={top:n.borderWidth.top,bottom:n.borderWidth.bottom,left:1,right:1},0===o&&(s.left=n.borderWidth.left),o===e.length-1&&(s.right=n.borderWidth.right)),i.spcBorderWidth=s;let c={};n.group&&(c=n.getSpcBorderUsed(o,!1,a,l,d)),i.spcBorderUsed=c,i.spcBorderUsedBackup=Sl(c);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:${dd(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;Ie(t.itemsTrans,(n,r)=>{t.itemsTrans[r].ia.hover=r===e}),Ie(t.itemsTrans,(n,r)=>{let o=mn(t,`itemsTrans[${r}].ia`,null),i=mn(t,`itemsTrans[${r-1}].ia`,null),l=mn(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;Ie(t.itemsTrans,(n,e)=>{t.itemsTrans[e].spcBorderUsed=Sl(t.itemsTrans[e].spcBorderUsedBackup)})},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=Sl(e.value);if(n.active){let e=[];Ie(t,t=>{Vi(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 ac=lc;var dc=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,tooltipBorderRadius:n.tooltipBorderRadius,tooltipPaddingStyle:n.tooltipPaddingStyle,tooltipTextFontSize:n.tooltipTextFontSize,tooltipTextColor:n.tooltipTextColor,tooltipBackgroundColor:n.tooltipBackgroundColor,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)};dc._withStripped=!0;const uc=t({render:dc,staticRenderFns:[]},function(n){n&&n("data-v-b321f22e_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",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupChipCheck.vue"},media:void 0})},ac,"data-v-b321f22e",false,void 0,!1,o,void 0,void 0);const sc={components:{WGroupChipCheck:uc},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object],default:null},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"},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)"},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 cc=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupChipCheck",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)},"WGroupChipCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};cc._withStripped=!0;const pc=t({render:cc,staticRenderFns:[]},function(n){n&&n("data-v-087f9266_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",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupChipRadio.vue"},media:void 0})},sc,"data-v-087f9266",false,void 0,!1,o,void 0,void 0);const fc={components:{},props:{label:{type:String,default:""},labelWidth:{type:Number,default:null},labelHeight:{type:Number,default:null},labelColor:{type:String,default:"#666"},labelFontSize:{type:String,default:"0.8rem"},labelHorizontalAlign:{type:String,default:"left"},labelVerticalAlign:{type:String,default:"center"},labelShiftTop:{type:Number,default:0},space:{type:Number,default:0},seplines:{type:Boolean,default:!1},floatForItemSub:{type:Boolean,default:!0}},data:function(){return{}},computed:{useLabelWidth:function(){let n=this;if(xn(n.labelWidth)){return{width:`${Ot(n.labelWidth)}px`}}return{}},useLabelHeight:function(){let n=this;if(xn(n.labelHeight)){return{height:`${Ot(n.labelHeight)}px`}}return{}},useLabelVerticalAlign:function(){let n=this,e="middle";return"top"!==n.labelVerticalAlign&&"bottom"!==n.labelVerticalAlign||(e=n.labelVerticalAlign),e},useLabelColor:function(){return wo(this.labelColor)}},methods:{}};var hc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[n.seplines?[n._t("label",function(){return[t("div",{style:[n.useLabelWidth,n.useLabelHeight,{color:n.useLabelColor,fontSize:n.labelFontSize,textAlign:n.labelHorizontalAlign,paddingTop:n.labelShiftTop+"px",paddingBottom:n.space+"px"}]},[n._v("\n                "+n._s(n.label)+"\n            ")])]}),n._v(" "),t("div",{},[n._t("item"),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("div",{style:n.floatForItemSub?"position:absolute; top:0; left:0;":""},[n._t("item-sub")],2)])],2)]:[t("table",{staticStyle:{width:"100%","border-collapse":"collapse"}},[t("tr",[t("td",{style:[{verticalAlign:n.useLabelVerticalAlign,whiteSpace:"nowrap",color:n.useLabelColor,fontSize:n.labelFontSize,textAlign:n.labelHorizontalAlign}]},[n._t("label",function(){return[t("div",{style:[n.useLabelWidth,n.useLabelHeight,{paddingTop:n.labelShiftTop+"px"}]},[n._v("\n                            "+n._s(n.label)+":\n                        ")])]})],2),n._v(" "),t("td",{style:[{paddingRight:n.space+8+"px"}]}),n._v(" "),t("td",{style:[{width:"100%"}]},[n._t("item"),n._v(" "),n.floatForItemSub?t("div",{staticStyle:{position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"0",left:"0"}},[n._t("item-sub")],2)]):n._e()],2)]),n._v(" "),n.floatForItemSub?n._e():t("tr",[t("td"),n._v(" "),t("td"),n._v(" "),t("td",[n._t("item-sub")],2)])])]],2)};hc._withStripped=!0;const gc=t({render:hc,staticRenderFns:[]},function(n){n&&n("data-v-783f5534_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelLabelItem.vue"},media:void 0})},fc,"data-v-783f5534",false,void 0,!1,o,void 0,void 0);const mc={components:{WIcon:vd,WTooltip:qu},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)"},verticalAlign:{type:String,default:"center"},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"]=wo(n.backgroundColorFocus),e):n.hoveredTrans?(e["background-color"]=wo(n.backgroundColorHover),e):(e["background-color"]=wo(n.backgroundColor),e)},useBorder:function(){let n=this,e={};return n.focusedTrans?(e.border=`${n.borderWidth}px solid ${wo(n.borderColorFocus)}`,e):n.hoveredTrans?(e.border=`${n.borderWidth}px solid ${wo(n.borderColorHover)}`,e):(e.border=`${n.borderWidth}px solid ${wo(n.borderColor)}`,e)},useShadow:function(){let n={};return this.shadow&&(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},useLeftIconColor:function(){let n=this;return n.hoveredTrans?wo(n.leftIconColorHover):n.focusedTrans?wo(n.leftIconColorFocus):wo(n.leftIconColor)},useRightIconColor:function(){let n=this;return n.hoveredTrans?wo(n.rightIconColorHover):n.focusedTrans?wo(n.rightIconColorFocus):wo(n.rightIconColor)},useTitleColor:function(){let n={};return n.color=wo(this.titleColor),n},usePadding:function(){return{padding:dd(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return bn(this.leftIconTooltip)},hasRightIconTooltop:function(){return bn(this.rightIconTooltip)},useVerticalAlign:function(){let n=this,e={};return"center"===n.verticalAlign?e["align-items"]="center":"top"===n.verticalAlign?e["align-items"]="flex-start":"bottom"===n.verticalAlign&&(e["align-items"]="flex-end"),e}},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 vc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{style:[{transition:"all 0.3s",display:"flex","justify-content":"flex-start","border-radius":n.borderRadius+"px",opacity:n.editable?1:.6},n.usePadding,n.useBackgroundColor,n.useBorder,n.useShadow,n.useVerticalAlign],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; "+(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.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,colorHover:n.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3849071383)})],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; "+(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.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,colorHover:n.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1563142679)})],1):n._e()])])};vc._withStripped=!0;const yc=t({render:vc,staticRenderFns:[]},function(n){n&&n("data-v-479d52ce_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",map:{version:3,sources:[],names:[],mappings:"",file:"WShellEllipse.vue"},media:void 0})},mc,"data-v-479d52ce",false,void 0,!1,o,void 0,void 0);const bc={components:{},props:{borderColor:{type:String,default:"grey lighten-1"},borderColorHover:{type:String,default:"grey"},borderColorFocus:{type:String,default:"blue darken-2"},borderWidth:{type:Number,default:1},borderWidthHover:{type:Number,default:1},borderWidthFocus:{type:Number,default:2},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,hoverTrans:!1}},computed:{changeParam:function(){return this.focusedTrans=this.focused,""},useBorderWidth:function(){let n=this;return n.hoverTrans?n.borderWidthHover:n.borderWidth},useBorderColor:function(){let n=this;return n.hoverTrans?wo(n.borderColorHover):wo(n.borderColor)},useBorderColorFocus:function(){return wo(this.borderColorFocus)}},methods:{}};var Cc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{staticStyle:{position:"relative"},on:{mouseenter:function(e){n.hoverTrans=!0},mouseleave:function(e){n.hoverTrans=!1}}},[n._t("default"),n._v(" "),t("div",{style:"position:absolute; left:0px; right:0px; bottom:0px; z-index:1; border-bottom:"+n.useBorderWidth+"px solid "+n.useBorderColor+";"}),n._v(" "),t("transition",{attrs:{name:"fade"}},[n.focused?t("div",{style:"position:absolute; left:0px; right:0px; bottom:0px; z-index:2; border-bottom:"+n.borderWidthFocus+"px solid "+n.useBorderColorFocus+";"}):n._e()])],2)])};Cc._withStripped=!0;const xc=t({render:Cc,staticRenderFns:[]},function(n){n&&n("data-v-1ac489e8_0",{source:"\n.fade-enter-active[data-v-1ac489e8], .fade-leave-active[data-v-1ac489e8] {\r\n    transition: all 0.3s;\n}\n.fade-enter[data-v-1ac489e8], .fade-leave-to[data-v-1ac489e8] {\r\n    transform: scaleX(0);\n}\n.fade-enter-to[data-v-1ac489e8], .fade-leave[data-v-1ac489e8] {\r\n    transform: scaleX(100%);\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WShellBottomLine.vue"],names:[],mappings:";AAiIA;IACA,oBAAA;AACA;AACA;IACA,oBAAA;AACA;AACA;IACA,uBAAA;AACA",file:"WShellBottomLine.vue",sourcesContent:["<template>\r\n    <div :changeParam=\"changeParam\">\r\n\r\n        <div\r\n            style=\"position:relative;\"\r\n            @mouseenter=\"hoverTrans=true\"\r\n            @mouseleave=\"hoverTrans=false\"\r\n        >\r\n\r\n            <slot></slot>\r\n\r\n            <div\r\n                :style=\"`position:absolute; left:0px; right:0px; bottom:0px; z-index:1; border-bottom:${useBorderWidth}px solid ${useBorderColor};`\"\r\n            ></div>\r\n\r\n            <transition name=\"fade\">\r\n                <div\r\n                    :style=\"`position:absolute; left:0px; right:0px; bottom:0px; z-index:2; border-bottom:${borderWidthFocus}px solid ${useBorderColorFocus};`\"\r\n                    v-if=\"focused\"\r\n                ></div>\r\n            </transition>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [borderWidth=1] 輸入線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [borderColor='grey lighten-1'] 輸入線顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [borderColorHover='grey'] 輸入滑鼠移入時線顏色字串，預設'grey'\r\n * @vue-prop {String} [borderColorFocus='blue darken-2'] 輸入取得焦點時線顏色字串，預設'blue darken-2'\r\n * @vue-prop {Number} [borderWidthHover=1] 輸入滑鼠移入時線寬度數字，單位為px，預設1\r\n * @vue-prop {Number} [borderWidthFocus=2] 輸入取得焦點時線寬度數字，單位為px，預設2\r\n * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        borderColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        borderColorFocus: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        borderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderWidthHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderWidthFocus: {\r\n            type: Number,\r\n            default: 2,\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            focusedTrans: false,\r\n            hoverTrans: 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            //focusedTrans\r\n            vo.focusedTrans = vo.focused\r\n\r\n            return ''\r\n        },\r\n\r\n        useBorderWidth: function() {\r\n            //console.log('computed useBorderWidth')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoverTrans) {\r\n                return vo.borderWidthHover\r\n            }\r\n            return vo.borderWidth\r\n        },\r\n\r\n        useBorderColor: function() {\r\n            //console.log('computed useBorderColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoverTrans) {\r\n                return convertColor(vo.borderColorHover)\r\n            }\r\n            return convertColor(vo.borderColor)\r\n        },\r\n\r\n        useBorderColorFocus: function() {\r\n            //console.log('computed useBorderColorFocus')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.borderColorFocus)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.fade-enter-active, .fade-leave-active {\r\n    transition: all 0.3s;\r\n}\r\n.fade-enter, .fade-leave-to {\r\n    transform: scaleX(0);\r\n}\r\n.fade-enter-to, .fade-leave {\r\n    transform: scaleX(100%);\r\n}\r\n</style>\r\n"]},media:void 0})},bc,"data-v-1ac489e8",false,void 0,!1,o,void 0,void 0);function Sc(n){if(!Jt(n))return!1;return er(n)<0}function wc(n,e,t={}){let r=!1,o="";if("isstr"===e)yn(n)||(r=!0,o="需要為字串",n="");else if("isnum"===e)xn(n)||(r=!0,o="需要為數字",n=0);else if("isp0num"===e)oc(n)||(r=!0,o="需要為含0的正浮點數",n=0);else if("isn0num"===e)xn(i=n)&&Ot(i)<=0||(r=!0,o="需要為含0的負浮點數",n=0);else if("isint"===e)Jt(n)||(r=!0,o="需要為整數",n=0);else if("ispint"===e)dr(n)||(r=!0,o="需要為不含0正整數",n=0);else if("isp0int"===e)tr(n)||(r=!0,o="需要為含0正整數",n=0);else if("isnint"===e)Sc(n)||(r=!0,o="需要為不含0負整數",n=0);else if("isn0int"===e)(function(n){return!!Jt(n)&&er(n)<=0})(n)||(r=!0,o="需要為含0負整數",n=0);else if("custom"===e){let e=mn(t,"funCustom");if(!Te(e))throw new Error("invalid opt.funCustom when type='custom'");let i=e(n);if(!In(i.err))throw new Error("invalid return.err for type='custom'");if(i.err&&!bn(i.errmsg))throw new Error("invalid return.errmsg when return.err=true for type='custom'");if(!xn(i.value)&!yn(i.value))throw new Error("invalid return.value for type='custom'");r=i.err,o=i.errmsg,n=i.value}else if(Te(e)){n=e(n)}else"any"===e?xn(n)||yn(n)||(r=!0,o="需要為字串或數字",n=""):(r=!0,o="需要指定驗證類型",n=null);var i;return{value:n,err:r,errmsg:o}}var Ic={props:{type:{type:String,default:"any"},funVerify:{type:Function,default:null},value:{type:[String,Number],default:""},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},password:{type:Boolean,default:!1},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 xn(n.height)?e=`height:${n.height}px;`:bn(n.height)&&(e=`height:${n.height}; line-height:${n.height};`),e},useTextFontSize:function(){let n=this.textFontSize;return n=He(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(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=wc(e.valueTrans,e.type,{funCustom:e.funVerify});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)})}}};const kc=Ic;var Tc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},["checkbox"==(n.password?"password":"text")?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:{readonly:!n.editable,placeholder:n.placeholder,type:"checkbox"},domProps:{checked:Array.isArray(n.valueTrans)?n._i(n.valueTrans,null)>-1:n.valueTrans},on:{input:function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)},change:[function(e){var t=n.valueTrans,r=e.target,o=!!r.checked;if(Array.isArray(t)){var i=n._i(t,null);r.checked?i<0&&(n.valueTrans=t.concat([null])):i>-1&&(n.valueTrans=t.slice(0,i).concat(t.slice(i+1)))}else n.valueTrans=o},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)}}}):"radio"==(n.password?"password":"text")?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:{readonly:!n.editable,placeholder:n.placeholder,type:"radio"},domProps:{checked:n._q(n.valueTrans,null)},on:{input:function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)},change:[function(e){n.valueTrans=null},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)}}}):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:{readonly:!n.editable,placeholder:n.placeholder,type:n.password?"password":"text"},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)}}})])};Tc._withStripped=!0;const Bc=t({render:Tc,staticRenderFns:[]},function(n){n&&n("data-v-0c52e01a_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextCore.vue"},media:void 0})},kc,"data-v-0c52e01a",false,void 0,!1,o,void 0,void 0);const Hc={components:{WShellEllipse:yc,WShellBottomLine:xc,WTextCore:Bc},props:{paddingStyle:{type:Object,default:()=>({v:0,h:0})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!1},type:{type:String,default:"any"},funVerify:{type:Function,default:null},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"blue"},leftIconColorHover:{type:String,default:"blue darken-1"},leftIconColorFocus:{type:String,default:"blue darken-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"blue"},rightIconColorHover:{type:String,default:"blue darken-1"},rightIconColorFocus:{type:String,default:"blue darken-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:0},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},bottomLineBorderColor:{type:String,default:"grey lighten-1"},bottomLineBorderColorHover:{type:String,default:"grey"},bottomLineBorderColorFocus:{type:String,default:"blue darken-1"},bottomLineBorderWidth:{type:Number,default:1},bottomLineBorderWidthHover:{type:Number,default:1},bottomLineBorderWidthFocus:{type:Number,default:2},placeholder:{type:String,default:""},height:{type:Number,default:28},password:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeFocused:function(){return this.focusedTrans=this.focused,""}},methods:{modifyFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick(()=>{e.$emit("update:focused",n)})}}};var Ac=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeFocused:n.changeFocused}},[t("WShellBottomLine",{attrs:{borderColor:n.bottomLineBorderColor,borderColorHover:n.bottomLineBorderColorHover,borderColorFocus:n.bottomLineBorderColorFocus,borderWidth:n.bottomLineBorderWidth,borderWidthHover:n.bottomLineBorderWidthHover,borderWidthFocus:n.bottomLineBorderWidthFocus,focused:n.focusedTrans}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,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("WTextCore",{attrs:{type:n.type,funVerify:n.funVerify,textFontSize:n.textFontSize,textColor:n.textColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,password:n.password,editable:n.editable,value:n.value,focused:n.focusedTrans},on:{"update:focused":n.modifyFocused,select:function(e,t,r){n.$emit("select",e,t,r)},blur:function(e,t,r){n.$emit("blur",e,t,r)},enter:function(e,t,r){n.$emit("enter",e,t,r)},input:function(e,t,r){n.$emit("input",e,t,r)},change:function(e,t,r){n.$emit("change",e,t,r)}}})],1)],1)],1)};Ac._withStripped=!0;const Wc=t({render:Ac,staticRenderFns:[]},function(n){n&&n("data-v-18318129_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",map:{version:3,sources:[],names:[],mappings:"",file:"WText.vue"},media:void 0})},Hc,"data-v-18318129",false,void 0,!1,o,void 0,void 0);function Fc(n,e=0){if(!xn(n))return"";if(!tr(e))return"";return n=Ot(n),nr(n,e).toFixed(e)}
 /*!
      *  decimal.js v10.6.0
      *  An arbitrary-precision Decimal type for JavaScript.
      *  https://github.com/MikeMcl/decimal.js
      *  Copyright (c) 2025 Michael Mclaughlin <M8ch88l@gmail.com>
      *  MIT Licence
-     */var Zc,Xc,zc=9e15,Rc=1e9,Pc="0123456789abcdef",Vc="2.3025850929940456840179914546843642076011014886287729760333279009675726096773524802359972050895982983419677840422862486334095254650828067566662873690987816894829072083255546808437998948262331985283935053089653777326288461633662222876982198867465436674744042432743651550489343149393914796194044002221051017141748003688084012647080685567743216228355220114804663715659121373450747856947683463616792101806445070648000277502684916746550586856935673420670581136429224554405758925724208241314695689016758940256776311356919292033376587141660230105703089634572075440370847469940168269282808481184289314848524948644871927809676271275775397027668605952496716674183485704422507197965004714951050492214776567636938662976979522110718264549734772662425709429322582798502585509785265383207606726317164309505995087807523710333101197857547331541421808427543863591778117054309827482385045648019095610299291824318237525357709750539565187697510374970888692180205189339507238539205144634197265287286965110862571492198849978748873771345686209167058",Lc="3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679821480865132823066470938446095505822317253594081284811174502841027019385211055596446229489549303819644288109756659334461284756482337867831652712019091456485669234603486104543266482133936072602491412737245870066063155881748815209209628292540917153643678925903600113305305488204665213841469519415116094330572703657595919530921861173819326117931051185480744623799627495673518857527248912279381830119491298336733624406566430860213949463952247371907021798609437027705392171762931767523846748184676694051320005681271452635608277857713427577896091736371787214684409012249534301465495853710507922796892589235420199561121290219608640344181598136297747713099605187072113499999983729780499510597317328160963185950244594553469083026425223082533446850352619311881710100031378387528865875332083814206171776691473035982534904287554687311595628638823537875937519577818577805321712268066130019278766111959092164201989380952572010654858632789",Nc={precision:20,rounding:4,modulo:1,toExpNeg:-7,toExpPos:21,minE:-zc,maxE:zc,crypto:!1},Dc=!0,Gc="[DecimalError] ",Mc=Gc+"Invalid argument: ",Yc=Gc+"Precision limit exceeded",jc=Gc+"crypto unavailable",_c="[object Decimal]",Kc=Math.floor,$c=Math.pow,Ec=/^0b([01]+(\.[01]*)?|\.[01]+)(p[+-]?\d+)?$/i,Oc=/^0x([0-9a-f]+(\.[0-9a-f]*)?|\.[0-9a-f]+)(p[+-]?\d+)?$/i,Jc=/^0o([0-7]+(\.[0-7]*)?|\.[0-7]+)(p[+-]?\d+)?$/i,Uc=/^(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,Qc=1e7,qc=Vc.length-1,np=Lc.length-1,ep={toStringTag:_c};function tp(n){var e,t,r,o=n.length-1,i="",l=n[0];if(o>0){for(i+=l,e=1;e<o;e++)(t=7-(r=n[e]+"").length)&&(i+=fp(t)),i+=r;(t=7-(r=(l=n[e])+"").length)&&(i+=fp(t))}else if(0===l)return"0";for(;l%10==0;)l/=10;return i+l}function rp(n,e,t){if(n!==~~n||n<e||n>t)throw Error(Mc+n)}function op(n,e,t,r){var o,i,l,a;for(i=n[0];i>=10;i/=10)--e;return--e<0?(e+=7,o=0):(o=Math.ceil((e+1)/7),e%=7),i=$c(10,7-e),a=n[o]%i|0,null==r?e<3?(0==e?a=a/100|0:1==e&&(a=a/10|0),l=t<4&&99999==a||t>3&&49999==a||5e4==a||0==a):l=(t<4&&a+1==i||t>3&&a+1==i/2)&&(n[o+1]/i/100|0)==$c(10,e-2)-1||(a==i/2||0==a)&&!(n[o+1]/i/100|0):e<4?(0==e?a=a/1e3|0:1==e?a=a/100|0:2==e&&(a=a/10|0),l=(r||t<4)&&9999==a||!r&&t>3&&4999==a):l=((r||t<4)&&a+1==i||!r&&t>3&&a+1==i/2)&&(n[o+1]/i/1e3|0)==$c(10,e-3)-1,l}function ip(n,e,t){for(var r,o,i=[0],l=0,a=n.length;l<a;){for(o=i.length;o--;)i[o]*=e;for(i[0]+=Pc.indexOf(n.charAt(l++)),r=0;r<i.length;r++)i[r]>t-1&&(void 0===i[r+1]&&(i[r+1]=0),i[r+1]+=i[r]/t|0,i[r]%=t)}return i.reverse()}ep.absoluteValue=ep.abs=function(){var n=new this.constructor(this);return n.s<0&&(n.s=1),ap(n)},ep.ceil=function(){return ap(new this.constructor(this),this.e+1,2)},ep.clampedTo=ep.clamp=function(n,e){var t=this,r=t.constructor;if(n=new r(n),e=new r(e),!n.s||!e.s)return new r(NaN);if(n.gt(e))throw Error(Mc+e);return t.cmp(n)<0?n:t.cmp(e)>0?e:new r(t)},ep.comparedTo=ep.cmp=function(n){var e,t,r,o,i=this,l=i.d,a=(n=new i.constructor(n)).d,d=i.s,u=n.s;if(!l||!a)return d&&u?d!==u?d:l===a?0:!l^d<0?1:-1:NaN;if(!l[0]||!a[0])return l[0]?d:a[0]?-u:0;if(d!==u)return d;if(i.e!==n.e)return i.e>n.e^d<0?1:-1;for(e=0,t=(r=l.length)<(o=a.length)?r:o;e<t;++e)if(l[e]!==a[e])return l[e]>a[e]^d<0?1:-1;return r===o?0:r>o^d<0?1:-1},ep.cosine=ep.cos=function(){var n,e,t=this,r=t.constructor;return t.d?t.d[0]?(n=r.precision,e=r.rounding,r.precision=n+Math.max(t.e,t.sd())+7,r.rounding=1,t=function(n,e){var t,r,o;if(e.isZero())return e;r=e.d.length,r<32?o=(1/wp(4,t=Math.ceil(r/3))).toString():(t=16,o="2.3283064365386962890625e-10");n.precision+=t,e=Sp(n,1,e.times(o),new n(1));for(var i=t;i--;){var l=e.times(e);e=l.times(l).minus(l).times(8).plus(1)}return n.precision-=t,e}(r,Ip(r,t)),r.precision=n,r.rounding=e,ap(2==Xc||3==Xc?t.neg():t,n,e,!0)):new r(1):new r(NaN)},ep.cubeRoot=ep.cbrt=function(){var n,e,t,r,o,i,l,a,d,u,s=this,c=s.constructor;if(!s.isFinite()||s.isZero())return new c(s);for(Dc=!1,(i=s.s*$c(s.s*s,1/3))&&Math.abs(i)!=1/0?r=new c(i.toString()):(t=tp(s.d),(i=((n=s.e)-t.length+1)%3)&&(t+=1==i||-2==i?"0":"00"),i=$c(t,1/3),n=Kc((n+1)/3)-(n%3==(n<0?-1:2)),(r=new c(t=i==1/0?"5e"+n:(t=i.toExponential()).slice(0,t.indexOf("e")+1)+n)).s=s.s),l=(n=c.precision)+3;;)if(u=(d=(a=r).times(a).times(a)).plus(s),r=lp(u.plus(s).times(a),u.plus(d),l+2,1),tp(a.d).slice(0,l)===(t=tp(r.d)).slice(0,l)){if("9999"!=(t=t.slice(l-3,l+1))&&(o||"4999"!=t)){+t&&(+t.slice(1)||"5"!=t.charAt(0))||(ap(r,n+1,1),e=!r.times(r).times(r).eq(s));break}if(!o&&(ap(a,n+1,0),a.times(a).times(a).eq(s))){r=a;break}l+=4,o=1}return Dc=!0,ap(r,n,c.rounding,e)},ep.decimalPlaces=ep.dp=function(){var n,e=this.d,t=NaN;if(e){if(t=7*((n=e.length-1)-Kc(this.e/7)),n=e[n])for(;n%10==0;n/=10)t--;t<0&&(t=0)}return t},ep.dividedBy=ep.div=function(n){return lp(this,new this.constructor(n))},ep.dividedToIntegerBy=ep.divToInt=function(n){var e=this.constructor;return ap(lp(this,new e(n),0,1,1),e.precision,e.rounding)},ep.equals=ep.eq=function(n){return 0===this.cmp(n)},ep.floor=function(){return ap(new this.constructor(this),this.e+1,3)},ep.greaterThan=ep.gt=function(n){return this.cmp(n)>0},ep.greaterThanOrEqualTo=ep.gte=function(n){var e=this.cmp(n);return 1==e||0===e},ep.hyperbolicCosine=ep.cosh=function(){var n,e,t,r,o,i=this,l=i.constructor,a=new l(1);if(!i.isFinite())return new l(i.s?1/0:NaN);if(i.isZero())return a;t=l.precision,r=l.rounding,l.precision=t+Math.max(i.e,i.sd())+4,l.rounding=1,(o=i.d.length)<32?e=(1/wp(4,n=Math.ceil(o/3))).toString():(n=16,e="2.3283064365386962890625e-10"),i=Sp(l,1,i.times(e),new l(1),!0);for(var d,u=n,s=new l(8);u--;)d=i.times(i),i=a.minus(d.times(s.minus(d.times(s))));return ap(i,l.precision=t,l.rounding=r,!0)},ep.hyperbolicSine=ep.sinh=function(){var n,e,t,r,o=this,i=o.constructor;if(!o.isFinite()||o.isZero())return new i(o);if(e=i.precision,t=i.rounding,i.precision=e+Math.max(o.e,o.sd())+4,i.rounding=1,(r=o.d.length)<3)o=Sp(i,2,o,o,!0);else{n=(n=1.4*Math.sqrt(r))>16?16:0|n,o=Sp(i,2,o=o.times(1/wp(5,n)),o,!0);for(var l,a=new i(5),d=new i(16),u=new i(20);n--;)l=o.times(o),o=o.times(a.plus(l.times(d.times(l).plus(u))))}return i.precision=e,i.rounding=t,ap(o,e,t,!0)},ep.hyperbolicTangent=ep.tanh=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+7,r.rounding=1,lp(t.sinh(),t.cosh(),r.precision=n,r.rounding=e)):new r(t.s)},ep.inverseCosine=ep.acos=function(){var n=this,e=n.constructor,t=n.abs().cmp(1),r=e.precision,o=e.rounding;return-1!==t?0===t?n.isNeg()?cp(e,r,o):new e(0):new e(NaN):n.isZero()?cp(e,r+4,o).times(.5):(e.precision=r+6,e.rounding=1,n=new e(1).minus(n).div(n.plus(1)).sqrt().atan(),e.precision=r,e.rounding=o,n.times(2))},ep.inverseHyperbolicCosine=ep.acosh=function(){var n,e,t=this,r=t.constructor;return t.lte(1)?new r(t.eq(1)?0:NaN):t.isFinite()?(n=r.precision,e=r.rounding,r.precision=n+Math.max(Math.abs(t.e),t.sd())+4,r.rounding=1,Dc=!1,t=t.times(t).minus(1).sqrt().plus(t),Dc=!0,r.precision=n,r.rounding=e,t.ln()):new r(t)},ep.inverseHyperbolicSine=ep.asinh=function(){var n,e,t=this,r=t.constructor;return!t.isFinite()||t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+2*Math.max(Math.abs(t.e),t.sd())+6,r.rounding=1,Dc=!1,t=t.times(t).plus(1).sqrt().plus(t),Dc=!0,r.precision=n,r.rounding=e,t.ln())},ep.inverseHyperbolicTangent=ep.atanh=function(){var n,e,t,r,o=this,i=o.constructor;return o.isFinite()?o.e>=0?new i(o.abs().eq(1)?o.s/0:o.isZero()?o:NaN):(n=i.precision,e=i.rounding,r=o.sd(),Math.max(r,n)<2*-o.e-1?ap(new i(o),n,e,!0):(i.precision=t=r-o.e,o=lp(o.plus(1),new i(1).minus(o),t+n,1),i.precision=n+4,i.rounding=1,o=o.ln(),i.precision=n,i.rounding=e,o.times(.5))):new i(NaN)},ep.inverseSine=ep.asin=function(){var n,e,t,r,o=this,i=o.constructor;return o.isZero()?new i(o):(e=o.abs().cmp(1),t=i.precision,r=i.rounding,-1!==e?0===e?((n=cp(i,t+4,r).times(.5)).s=o.s,n):new i(NaN):(i.precision=t+6,i.rounding=1,o=o.div(new i(1).minus(o.times(o)).sqrt().plus(1)).atan(),i.precision=t,i.rounding=r,o.times(2)))},ep.inverseTangent=ep.atan=function(){var n,e,t,r,o,i,l,a,d,u=this,s=u.constructor,c=s.precision,p=s.rounding;if(u.isFinite()){if(u.isZero())return new s(u);if(u.abs().eq(1)&&c+4<=np)return(l=cp(s,c+4,p).times(.25)).s=u.s,l}else{if(!u.s)return new s(NaN);if(c+4<=np)return(l=cp(s,c+4,p).times(.5)).s=u.s,l}for(s.precision=a=c+10,s.rounding=1,n=t=Math.min(28,a/7+2|0);n;--n)u=u.div(u.times(u).plus(1).sqrt().plus(1));for(Dc=!1,e=Math.ceil(a/7),r=1,d=u.times(u),l=new s(u),o=u;-1!==n;)if(o=o.times(d),i=l.minus(o.div(r+=2)),o=o.times(d),void 0!==(l=i.plus(o.div(r+=2))).d[e])for(n=e;l.d[n]===i.d[n]&&n--;);return t&&(l=l.times(2<<t-1)),Dc=!0,ap(l,s.precision=c,s.rounding=p,!0)},ep.isFinite=function(){return!!this.d},ep.isInteger=ep.isInt=function(){return!!this.d&&Kc(this.e/7)>this.d.length-2},ep.isNaN=function(){return!this.s},ep.isNegative=ep.isNeg=function(){return this.s<0},ep.isPositive=ep.isPos=function(){return this.s>0},ep.isZero=function(){return!!this.d&&0===this.d[0]},ep.lessThan=ep.lt=function(n){return this.cmp(n)<0},ep.lessThanOrEqualTo=ep.lte=function(n){return this.cmp(n)<1},ep.logarithm=ep.log=function(n){var e,t,r,o,i,l,a,d,u=this,s=u.constructor,c=s.precision,p=s.rounding;if(null==n)n=new s(10),e=!0;else{if(t=(n=new s(n)).d,n.s<0||!t||!t[0]||n.eq(1))return new s(NaN);e=n.eq(10)}if(t=u.d,u.s<0||!t||!t[0]||u.eq(1))return new s(t&&!t[0]?-1/0:1!=u.s?NaN:t?0:1/0);if(e)if(t.length>1)i=!0;else{for(o=t[0];o%10==0;)o/=10;i=1!==o}if(Dc=!1,l=yp(u,a=c+5),r=e?sp(s,a+10):yp(n,a),op((d=lp(l,r,a,1)).d,o=c,p))do{if(l=yp(u,a+=10),r=e?sp(s,a+10):yp(n,a),d=lp(l,r,a,1),!i){+tp(d.d).slice(o+1,o+15)+1==1e14&&(d=ap(d,c+1,0));break}}while(op(d.d,o+=10,p));return Dc=!0,ap(d,c,p)},ep.minus=ep.sub=function(n){var e,t,r,o,i,l,a,d,u,s,c,p,f=this,h=f.constructor;if(n=new h(n),!f.d||!n.d)return f.s&&n.s?f.d?n.s=-n.s:n=new h(n.d||f.s!==n.s?f:NaN):n=new h(NaN),n;if(f.s!=n.s)return n.s=-n.s,f.plus(n);if(u=f.d,p=n.d,a=h.precision,d=h.rounding,!u[0]||!p[0]){if(p[0])n.s=-n.s;else{if(!u[0])return new h(3===d?-0:0);n=new h(f)}return Dc?ap(n,a,d):n}if(t=Kc(n.e/7),s=Kc(f.e/7),u=u.slice(),i=s-t){for((c=i<0)?(e=u,i=-i,l=p.length):(e=p,t=s,l=u.length),i>(r=Math.max(Math.ceil(a/7),l)+2)&&(i=r,e.length=1),e.reverse(),r=i;r--;)e.push(0);e.reverse()}else{for((c=(r=u.length)<(l=p.length))&&(l=r),r=0;r<l;r++)if(u[r]!=p[r]){c=u[r]<p[r];break}i=0}for(c&&(e=u,u=p,p=e,n.s=-n.s),l=u.length,r=p.length-l;r>0;--r)u[l++]=0;for(r=p.length;r>i;){if(u[--r]<p[r]){for(o=r;o&&0===u[--o];)u[o]=Qc-1;--u[o],u[r]+=Qc}u[r]-=p[r]}for(;0===u[--l];)u.pop();for(;0===u[0];u.shift())--t;return u[0]?(n.d=u,n.e=up(u,t),Dc?ap(n,a,d):n):new h(3===d?-0:0)},ep.modulo=ep.mod=function(n){var e,t=this,r=t.constructor;return n=new r(n),!t.d||!n.s||n.d&&!n.d[0]?new r(NaN):!n.d||t.d&&!t.d[0]?ap(new r(t),r.precision,r.rounding):(Dc=!1,9==r.modulo?(e=lp(t,n.abs(),0,3,1)).s*=n.s:e=lp(t,n,0,r.modulo,1),e=e.times(n),Dc=!0,t.minus(e))},ep.naturalExponential=ep.exp=function(){return vp(this)},ep.naturalLogarithm=ep.ln=function(){return yp(this)},ep.negated=ep.neg=function(){var n=new this.constructor(this);return n.s=-n.s,ap(n)},ep.plus=ep.add=function(n){var e,t,r,o,i,l,a,d,u,s,c=this,p=c.constructor;if(n=new p(n),!c.d||!n.d)return c.s&&n.s?c.d||(n=new p(n.d||c.s===n.s?c:NaN)):n=new p(NaN),n;if(c.s!=n.s)return n.s=-n.s,c.minus(n);if(u=c.d,s=n.d,a=p.precision,d=p.rounding,!u[0]||!s[0])return s[0]||(n=new p(c)),Dc?ap(n,a,d):n;if(i=Kc(c.e/7),r=Kc(n.e/7),u=u.slice(),o=i-r){for(o<0?(t=u,o=-o,l=s.length):(t=s,r=i,l=u.length),o>(l=(i=Math.ceil(a/7))>l?i+1:l+1)&&(o=l,t.length=1),t.reverse();o--;)t.push(0);t.reverse()}for((l=u.length)-(o=s.length)<0&&(o=l,t=s,s=u,u=t),e=0;o;)e=(u[--o]=u[o]+s[o]+e)/Qc|0,u[o]%=Qc;for(e&&(u.unshift(e),++r),l=u.length;0==u[--l];)u.pop();return n.d=u,n.e=up(u,r),Dc?ap(n,a,d):n},ep.precision=ep.sd=function(n){var e,t=this;if(void 0!==n&&n!==!!n&&1!==n&&0!==n)throw Error(Mc+n);return t.d?(e=pp(t.d),n&&t.e+1>e&&(e=t.e+1)):e=NaN,e},ep.round=function(){var n=this,e=n.constructor;return ap(new e(n),n.e+1,e.rounding)},ep.sine=ep.sin=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+Math.max(t.e,t.sd())+7,r.rounding=1,t=function(n,e){var t,r=e.d.length;if(r<3)return e.isZero()?e:Sp(n,2,e,e);t=(t=1.4*Math.sqrt(r))>16?16:0|t,e=e.times(1/wp(5,t)),e=Sp(n,2,e,e);for(var o,i=new n(5),l=new n(16),a=new n(20);t--;)o=e.times(e),e=e.times(i.plus(o.times(l.times(o).minus(a))));return e}(r,Ip(r,t)),r.precision=n,r.rounding=e,ap(Xc>2?t.neg():t,n,e,!0)):new r(NaN)},ep.squareRoot=ep.sqrt=function(){var n,e,t,r,o,i,l=this,a=l.d,d=l.e,u=l.s,s=l.constructor;if(1!==u||!a||!a[0])return new s(!u||u<0&&(!a||a[0])?NaN:a?l:1/0);for(Dc=!1,0==(u=Math.sqrt(+l))||u==1/0?(((e=tp(a)).length+d)%2==0&&(e+="0"),u=Math.sqrt(e),d=Kc((d+1)/2)-(d<0||d%2),r=new s(e=u==1/0?"5e"+d:(e=u.toExponential()).slice(0,e.indexOf("e")+1)+d)):r=new s(u.toString()),t=(d=s.precision)+3;;)if(r=(i=r).plus(lp(l,i,t+2,1)).times(.5),tp(i.d).slice(0,t)===(e=tp(r.d)).slice(0,t)){if("9999"!=(e=e.slice(t-3,t+1))&&(o||"4999"!=e)){+e&&(+e.slice(1)||"5"!=e.charAt(0))||(ap(r,d+1,1),n=!r.times(r).eq(l));break}if(!o&&(ap(i,d+1,0),i.times(i).eq(l))){r=i;break}t+=4,o=1}return Dc=!0,ap(r,d,s.rounding,n)},ep.tangent=ep.tan=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+10,r.rounding=1,(t=t.sin()).s=1,t=lp(t,new r(1).minus(t.times(t)).sqrt(),n+10,0),r.precision=n,r.rounding=e,ap(2==Xc||4==Xc?t.neg():t,n,e,!0)):new r(NaN)},ep.times=ep.mul=function(n){var e,t,r,o,i,l,a,d,u,s=this,c=s.constructor,p=s.d,f=(n=new c(n)).d;if(n.s*=s.s,!(p&&p[0]&&f&&f[0]))return new c(!n.s||p&&!p[0]&&!f||f&&!f[0]&&!p?NaN:p&&f?0*n.s:n.s/0);for(t=Kc(s.e/7)+Kc(n.e/7),(d=p.length)<(u=f.length)&&(i=p,p=f,f=i,l=d,d=u,u=l),i=[],r=l=d+u;r--;)i.push(0);for(r=u;--r>=0;){for(e=0,o=d+r;o>r;)a=i[o]+f[r]*p[o-r-1]+e,i[o--]=a%Qc|0,e=a/Qc|0;i[o]=(i[o]+e)%Qc|0}for(;!i[--l];)i.pop();return e?++t:i.shift(),n.d=i,n.e=up(i,t),Dc?ap(n,c.precision,c.rounding):n},ep.toBinary=function(n,e){return kp(this,2,n,e)},ep.toDecimalPlaces=ep.toDP=function(n,e){var t=this,r=t.constructor;return t=new r(t),void 0===n?t:(rp(n,0,Rc),void 0===e?e=r.rounding:rp(e,0,8),ap(t,n+t.e+1,e))},ep.toExponential=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=dp(r,!0):(rp(n,0,Rc),void 0===e?e=o.rounding:rp(e,0,8),t=dp(r=ap(new o(r),n+1,e),!0,n+1)),r.isNeg()&&!r.isZero()?"-"+t:t},ep.toFixed=function(n,e){var t,r,o=this,i=o.constructor;return void 0===n?t=dp(o):(rp(n,0,Rc),void 0===e?e=i.rounding:rp(e,0,8),t=dp(r=ap(new i(o),n+o.e+1,e),!1,n+r.e+1)),o.isNeg()&&!o.isZero()?"-"+t:t},ep.toFraction=function(n){var e,t,r,o,i,l,a,d,u,s,c,p,f=this,h=f.d,g=f.constructor;if(!h)return new g(f);if(u=t=new g(1),r=d=new g(0),l=(i=(e=new g(r)).e=pp(h)-f.e-1)%7,e.d[0]=$c(10,l<0?7+l:l),null==n)n=i>0?e:u;else{if(!(a=new g(n)).isInt()||a.lt(u))throw Error(Mc+a);n=a.gt(e)?i>0?e:u:a}for(Dc=!1,a=new g(tp(h)),s=g.precision,g.precision=i=7*h.length*2;c=lp(a,e,0,1,1),1!=(o=t.plus(c.times(r))).cmp(n);)t=r,r=o,o=u,u=d.plus(c.times(o)),d=o,o=e,e=a.minus(c.times(o)),a=o;return o=lp(n.minus(t),r,0,1,1),d=d.plus(o.times(u)),t=t.plus(o.times(r)),d.s=u.s=f.s,p=lp(u,r,i,1).minus(f).abs().cmp(lp(d,t,i,1).minus(f).abs())<1?[u,r]:[d,t],g.precision=s,Dc=!0,p},ep.toHexadecimal=ep.toHex=function(n,e){return kp(this,16,n,e)},ep.toNearest=function(n,e){var t=this,r=t.constructor;if(t=new r(t),null==n){if(!t.d)return t;n=new r(1),e=r.rounding}else{if(n=new r(n),void 0===e?e=r.rounding:rp(e,0,8),!t.d)return n.s?t:n;if(!n.d)return n.s&&(n.s=t.s),n}return n.d[0]?(Dc=!1,t=lp(t,n,0,e,1).times(n),Dc=!0,ap(t)):(n.s=t.s,t=n),t},ep.toNumber=function(){return+this},ep.toOctal=function(n,e){return kp(this,8,n,e)},ep.toPower=ep.pow=function(n){var e,t,r,o,i,l,a=this,d=a.constructor,u=+(n=new d(n));if(!(a.d&&n.d&&a.d[0]&&n.d[0]))return new d($c(+a,u));if((a=new d(a)).eq(1))return a;if(r=d.precision,i=d.rounding,n.eq(1))return ap(a,r,i);if((e=Kc(n.e/7))>=n.d.length-1&&(t=u<0?-u:u)<=9007199254740991)return o=hp(d,a,t,r),n.s<0?new d(1).div(o):ap(o,r,i);if((l=a.s)<0){if(e<n.d.length-1)return new d(NaN);if(1&n.d[e]||(l=1),0==a.e&&1==a.d[0]&&1==a.d.length)return a.s=l,a}return(e=0!=(t=$c(+a,u))&&isFinite(t)?new d(t+"").e:Kc(u*(Math.log("0."+tp(a.d))/Math.LN10+a.e+1)))>d.maxE+1||e<d.minE-1?new d(e>0?l/0:0):(Dc=!1,d.rounding=a.s=1,t=Math.min(12,(e+"").length),(o=vp(n.times(yp(a,r+t)),r)).d&&op((o=ap(o,r+5,1)).d,r,i)&&(e=r+10,+tp((o=ap(vp(n.times(yp(a,e+t)),e),e+5,1)).d).slice(r+1,r+15)+1==1e14&&(o=ap(o,r+1,0))),o.s=l,Dc=!0,d.rounding=i,ap(o,r,i))},ep.toPrecision=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=dp(r,r.e<=o.toExpNeg||r.e>=o.toExpPos):(rp(n,1,Rc),void 0===e?e=o.rounding:rp(e,0,8),t=dp(r=ap(new o(r),n,e),n<=r.e||r.e<=o.toExpNeg,n)),r.isNeg()&&!r.isZero()?"-"+t:t},ep.toSignificantDigits=ep.toSD=function(n,e){var t=this.constructor;return void 0===n?(n=t.precision,e=t.rounding):(rp(n,1,Rc),void 0===e?e=t.rounding:rp(e,0,8)),ap(new t(this),n,e)},ep.toString=function(){var n=this,e=n.constructor,t=dp(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()&&!n.isZero()?"-"+t:t},ep.truncated=ep.trunc=function(){return ap(new this.constructor(this),this.e+1,1)},ep.valueOf=ep.toJSON=function(){var n=this,e=n.constructor,t=dp(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()?"-"+t:t};var lp=function(){function n(n,e,t){var r,o=0,i=n.length;for(n=n.slice();i--;)r=n[i]*e+o,n[i]=r%t|0,o=r/t|0;return o&&n.unshift(o),n}function e(n,e,t,r){var o,i;if(t!=r)i=t>r?1:-1;else for(o=i=0;o<t;o++)if(n[o]!=e[o]){i=n[o]>e[o]?1:-1;break}return i}function t(n,e,t,r){for(var o=0;t--;)n[t]-=o,o=n[t]<e[t]?1:0,n[t]=o*r+n[t]-e[t];for(;!n[0]&&n.length>1;)n.shift()}return function(r,o,i,l,a,d){var u,s,c,p,f,h,g,m,v,y,b,C,x,S,w,I,k,T,B,H,A=r.constructor,W=r.s==o.s?1:-1,F=r.d,Z=o.d;if(!(F&&F[0]&&Z&&Z[0]))return new A(r.s&&o.s&&(F?!Z||F[0]!=Z[0]:Z)?F&&0==F[0]||!Z?0*W:W/0:NaN);for(d?(f=1,s=r.e-o.e):(d=Qc,f=7,s=Kc(r.e/f)-Kc(o.e/f)),B=Z.length,k=F.length,y=(v=new A(W)).d=[],c=0;Z[c]==(F[c]||0);c++);if(Z[c]>(F[c]||0)&&s--,null==i?(S=i=A.precision,l=A.rounding):S=a?i+(r.e-o.e)+1:i,S<0)y.push(1),h=!0;else{if(S=S/f+2|0,c=0,1==B){for(p=0,Z=Z[0],S++;(c<k||p)&&S--;c++)w=p*d+(F[c]||0),y[c]=w/Z|0,p=w%Z|0;h=p||c<k}else{for((p=d/(Z[0]+1)|0)>1&&(Z=n(Z,p,d),F=n(F,p,d),B=Z.length,k=F.length),I=B,C=(b=F.slice(0,B)).length;C<B;)b[C++]=0;(H=Z.slice()).unshift(0),T=Z[0],Z[1]>=d/2&&++T;do{p=0,(u=e(Z,b,B,C))<0?(x=b[0],B!=C&&(x=x*d+(b[1]||0)),(p=x/T|0)>1?(p>=d&&(p=d-1),1==(u=e(g=n(Z,p,d),b,m=g.length,C=b.length))&&(p--,t(g,B<m?H:Z,m,d))):(0==p&&(u=p=1),g=Z.slice()),(m=g.length)<C&&g.unshift(0),t(b,g,C,d),-1==u&&(u=e(Z,b,B,C=b.length))<1&&(p++,t(b,B<C?H:Z,C,d)),C=b.length):0===u&&(p++,b=[0]),y[c++]=p,u&&b[0]?b[C++]=F[I]||0:(b=[F[I]],C=1)}while((I++<k||void 0!==b[0])&&S--);h=void 0!==b[0]}y[0]||y.shift()}if(1==f)v.e=s,Zc=h;else{for(c=1,p=y[0];p>=10;p/=10)c++;v.e=c+s*f-1,ap(v,a?i+v.e+1:i,l,h)}return v}}();function ap(n,e,t,r){var o,i,l,a,d,u,s,c,p,f=n.constructor;n:if(null!=e){if(!(c=n.d))return n;for(o=1,a=c[0];a>=10;a/=10)o++;if((i=e-o)<0)i+=7,l=e,d=(s=c[p=0])/$c(10,o-l-1)%10|0;else if((p=Math.ceil((i+1)/7))>=(a=c.length)){if(!r)break n;for(;a++<=p;)c.push(0);s=d=0,o=1,l=(i%=7)-7+1}else{for(s=a=c[p],o=1;a>=10;a/=10)o++;d=(l=(i%=7)-7+o)<0?0:s/$c(10,o-l-1)%10|0}if(r=r||e<0||void 0!==c[p+1]||(l<0?s:s%$c(10,o-l-1)),u=t<4?(d||r)&&(0==t||t==(n.s<0?3:2)):d>5||5==d&&(4==t||r||6==t&&(i>0?l>0?s/$c(10,o-l):0:c[p-1])%10&1||t==(n.s<0?8:7)),e<1||!c[0])return c.length=0,u?(e-=n.e+1,c[0]=$c(10,(7-e%7)%7),n.e=-e||0):c[0]=n.e=0,n;if(0==i?(c.length=p,a=1,p--):(c.length=p+1,a=$c(10,7-i),c[p]=l>0?(s/$c(10,o-l)%$c(10,l)|0)*a:0),u)for(;;){if(0==p){for(i=1,l=c[0];l>=10;l/=10)i++;for(l=c[0]+=a,a=1;l>=10;l/=10)a++;i!=a&&(n.e++,c[0]==Qc&&(c[0]=1));break}if(c[p]+=a,c[p]!=Qc)break;c[p--]=0,a=1}for(i=c.length;0===c[--i];)c.pop()}return Dc&&(n.e>f.maxE?(n.d=null,n.e=NaN):n.e<f.minE&&(n.e=0,n.d=[0])),n}function dp(n,e,t){if(!n.isFinite())return bp(n);var r,o=n.e,i=tp(n.d),l=i.length;return e?(t&&(r=t-l)>0?i=i.charAt(0)+"."+i.slice(1)+fp(r):l>1&&(i=i.charAt(0)+"."+i.slice(1)),i=i+(n.e<0?"e":"e+")+n.e):o<0?(i="0."+fp(-o-1)+i,t&&(r=t-l)>0&&(i+=fp(r))):o>=l?(i+=fp(o+1-l),t&&(r=t-o-1)>0&&(i=i+"."+fp(r))):((r=o+1)<l&&(i=i.slice(0,r)+"."+i.slice(r)),t&&(r=t-l)>0&&(o+1===l&&(i+="."),i+=fp(r))),i}function up(n,e){var t=n[0];for(e*=7;t>=10;t/=10)e++;return e}function sp(n,e,t){if(e>qc)throw Dc=!0,t&&(n.precision=t),Error(Yc);return ap(new n(Vc),e,1,!0)}function cp(n,e,t){if(e>np)throw Error(Yc);return ap(new n(Lc),e,t,!0)}function pp(n){var e=n.length-1,t=7*e+1;if(e=n[e]){for(;e%10==0;e/=10)t--;for(e=n[0];e>=10;e/=10)t++}return t}function fp(n){for(var e="";n--;)e+="0";return e}function hp(n,e,t,r){var o,i=new n(1),l=Math.ceil(r/7+4);for(Dc=!1;;){if(t%2&&Tp((i=i.times(e)).d,l)&&(o=!0),0===(t=Kc(t/2))){t=i.d.length-1,o&&0===i.d[t]&&++i.d[t];break}Tp((e=e.times(e)).d,l)}return Dc=!0,i}function gp(n){return 1&n.d[n.d.length-1]}function mp(n,e,t){for(var r,o,i=new n(e[0]),l=0;++l<e.length;){if(!(o=new n(e[l])).s){i=o;break}((r=i.cmp(o))===t||0===r&&i.s===t)&&(i=o)}return i}function vp(n,e){var t,r,o,i,l,a,d,u=0,s=0,c=0,p=n.constructor,f=p.rounding,h=p.precision;if(!n.d||!n.d[0]||n.e>17)return new p(n.d?n.d[0]?n.s<0?0:1/0:1:n.s?n.s<0?0:n:NaN);for(null==e?(Dc=!1,d=h):d=e,a=new p(.03125);n.e>-2;)n=n.times(a),c+=5;for(d+=r=Math.log($c(2,c))/Math.LN10*2+5|0,t=i=l=new p(1),p.precision=d;;){if(i=ap(i.times(n),d,1),t=t.times(++s),tp((a=l.plus(lp(i,t,d,1))).d).slice(0,d)===tp(l.d).slice(0,d)){for(o=c;o--;)l=ap(l.times(l),d,1);if(null!=e)return p.precision=h,l;if(!(u<3&&op(l.d,d-r,f,u)))return ap(l,p.precision=h,f,Dc=!0);p.precision=d+=10,t=i=a=new p(1),s=0,u++}l=a}}function yp(n,e){var t,r,o,i,l,a,d,u,s,c,p,f=1,h=n,g=h.d,m=h.constructor,v=m.rounding,y=m.precision;if(h.s<0||!g||!g[0]||!h.e&&1==g[0]&&1==g.length)return new m(g&&!g[0]?-1/0:1!=h.s?NaN:g?0:h);if(null==e?(Dc=!1,s=y):s=e,m.precision=s+=10,r=(t=tp(g)).charAt(0),!(Math.abs(i=h.e)<15e14))return u=sp(m,s+2,y).times(i+""),h=yp(new m(r+"."+t.slice(1)),s-10).plus(u),m.precision=y,null==e?ap(h,y,v,Dc=!0):h;for(;r<7&&1!=r||1==r&&t.charAt(1)>3;)r=(t=tp((h=h.times(n)).d)).charAt(0),f++;for(i=h.e,r>1?(h=new m("0."+t),i++):h=new m(r+"."+t.slice(1)),c=h,d=l=h=lp(h.minus(1),h.plus(1),s,1),p=ap(h.times(h),s,1),o=3;;){if(l=ap(l.times(p),s,1),tp((u=d.plus(lp(l,new m(o),s,1))).d).slice(0,s)===tp(d.d).slice(0,s)){if(d=d.times(2),0!==i&&(d=d.plus(sp(m,s+2,y).times(i+""))),d=lp(d,new m(f),s,1),null!=e)return m.precision=y,d;if(!op(d.d,s-10,v,a))return ap(d,m.precision=y,v,Dc=!0);m.precision=s+=10,u=l=h=lp(c.minus(1),c.plus(1),s,1),p=ap(h.times(h),s,1),o=a=1}d=u,o+=2}}function bp(n){return String(n.s*n.s/0)}function Cp(n,e){var t,r,o;for((t=e.indexOf("."))>-1&&(e=e.replace(".","")),(r=e.search(/e/i))>0?(t<0&&(t=r),t+=+e.slice(r+1),e=e.substring(0,r)):t<0&&(t=e.length),r=0;48===e.charCodeAt(r);r++);for(o=e.length;48===e.charCodeAt(o-1);--o);if(e=e.slice(r,o)){if(o-=r,n.e=t=t-r-1,n.d=[],r=(t+1)%7,t<0&&(r+=7),r<o){for(r&&n.d.push(+e.slice(0,r)),o-=7;r<o;)n.d.push(+e.slice(r,r+=7));r=7-(e=e.slice(r)).length}else r-=o;for(;r--;)e+="0";n.d.push(+e),Dc&&(n.e>n.constructor.maxE?(n.d=null,n.e=NaN):n.e<n.constructor.minE&&(n.e=0,n.d=[0]))}else n.e=0,n.d=[0];return n}function xp(n,e){var t,r,o,i,l,a,d,u,s;if(e.indexOf("_")>-1){if(e=e.replace(/(\d)_(?=\d)/g,"$1"),Uc.test(e))return Cp(n,e)}else if("Infinity"===e||"NaN"===e)return+e||(n.s=NaN),n.e=NaN,n.d=null,n;if(Oc.test(e))t=16,e=e.toLowerCase();else if(Ec.test(e))t=2;else{if(!Jc.test(e))throw Error(Mc+e);t=8}for((i=e.search(/p/i))>0?(d=+e.slice(i+1),e=e.substring(2,i)):e=e.slice(2),l=(i=e.indexOf("."))>=0,r=n.constructor,l&&(i=(a=(e=e.replace(".","")).length)-i,o=hp(r,new r(t),i,2*i)),i=s=(u=ip(e,t,Qc)).length-1;0===u[i];--i)u.pop();return i<0?new r(0*n.s):(n.e=up(u,s),n.d=u,Dc=!1,l&&(n=lp(n,o,4*a)),d&&(n=n.times(Math.abs(d)<54?$c(2,d):hf.pow(2,d))),Dc=!0,n)}function Sp(n,e,t,r,o){var i,l,a,d,u=n.precision,s=Math.ceil(u/7);for(Dc=!1,d=t.times(t),a=new n(r);;){if(l=lp(a.times(d),new n(e++*e++),u,1),a=o?r.plus(l):r.minus(l),r=lp(l.times(d),new n(e++*e++),u,1),void 0!==(l=a.plus(r)).d[s]){for(i=s;l.d[i]===a.d[i]&&i--;);if(-1==i)break}i=a,a=r,r=l,l=i}return Dc=!0,l.d.length=s+1,l}function wp(n,e){for(var t=n;--e;)t*=n;return t}function Ip(n,e){var t,r=e.s<0,o=cp(n,n.precision,1),i=o.times(.5);if((e=e.abs()).lte(i))return Xc=r?4:1,e;if((t=e.divToInt(o)).isZero())Xc=r?3:2;else{if((e=e.minus(t.times(o))).lte(i))return Xc=gp(t)?r?2:3:r?4:1,e;Xc=gp(t)?r?1:4:r?3:2}return e.minus(o).abs()}function kp(n,e,t,r){var o,i,l,a,d,u,s,c,p,f=n.constructor,h=void 0!==t;if(h?(rp(t,1,Rc),void 0===r?r=f.rounding:rp(r,0,8)):(t=f.precision,r=f.rounding),n.isFinite()){for(h?(o=2,16==e?t=4*t-3:8==e&&(t=3*t-2)):o=e,(l=(s=dp(n)).indexOf("."))>=0&&(s=s.replace(".",""),(p=new f(1)).e=s.length-l,p.d=ip(dp(p),10,o),p.e=p.d.length),i=d=(c=ip(s,10,o)).length;0==c[--d];)c.pop();if(c[0]){if(l<0?i--:((n=new f(n)).d=c,n.e=i,c=(n=lp(n,p,t,r,0,o)).d,i=n.e,u=Zc),l=c[t],a=o/2,u=u||void 0!==c[t+1],u=r<4?(void 0!==l||u)&&(0===r||r===(n.s<0?3:2)):l>a||l===a&&(4===r||u||6===r&&1&c[t-1]||r===(n.s<0?8:7)),c.length=t,u)for(;++c[--t]>o-1;)c[t]=0,t||(++i,c.unshift(1));for(d=c.length;!c[d-1];--d);for(l=0,s="";l<d;l++)s+=Pc.charAt(c[l]);if(h){if(d>1)if(16==e||8==e){for(l=16==e?4:3,--d;d%l;d++)s+="0";for(d=(c=ip(s,o,e)).length;!c[d-1];--d);for(l=1,s="1.";l<d;l++)s+=Pc.charAt(c[l])}else s=s.charAt(0)+"."+s.slice(1);s=s+(i<0?"p":"p+")+i}else if(i<0){for(;++i;)s="0"+s;s="0."+s}else if(++i>d)for(i-=d;i--;)s+="0";else i<d&&(s=s.slice(0,i)+"."+s.slice(i))}else s=h?"0p+0":"0";s=(16==e?"0x":2==e?"0b":8==e?"0o":"")+s}else s=bp(n);return n.s<0?"-"+s:s}function Tp(n,e){if(n.length>e)return n.length=e,!0}function Bp(n){return new this(n).abs()}function Hp(n){return new this(n).acos()}function Ap(n){return new this(n).acosh()}function Wp(n,e){return new this(n).plus(e)}function Fp(n){return new this(n).asin()}function Zp(n){return new this(n).asinh()}function Xp(n){return new this(n).atan()}function zp(n){return new this(n).atanh()}function Rp(n,e){n=new this(n),e=new this(e);var t,r=this.precision,o=this.rounding,i=r+4;return n.s&&e.s?n.d||e.d?!e.d||n.isZero()?(t=e.s<0?cp(this,r,o):new this(0)).s=n.s:!n.d||e.isZero()?(t=cp(this,i,1).times(.5)).s=n.s:e.s<0?(this.precision=i,this.rounding=1,t=this.atan(lp(n,e,i,1)),e=cp(this,i,1),this.precision=r,this.rounding=o,t=n.s<0?t.minus(e):t.plus(e)):t=this.atan(lp(n,e,i,1)):(t=cp(this,i,1).times(e.s>0?.25:.75)).s=n.s:t=new this(NaN),t}function Pp(n){return new this(n).cbrt()}function Vp(n){return ap(n=new this(n),n.e+1,2)}function Lp(n,e,t){return new this(n).clamp(e,t)}function Np(n){if(!n||"object"!=typeof n)throw Error(Gc+"Object expected");var e,t,r,o=!0===n.defaults,i=["precision",1,Rc,"rounding",0,8,"toExpNeg",-zc,0,"toExpPos",0,zc,"maxE",0,zc,"minE",-zc,0,"modulo",0,9];for(e=0;e<i.length;e+=3)if(t=i[e],o&&(this[t]=Nc[t]),void 0!==(r=n[t])){if(!(Kc(r)===r&&r>=i[e+1]&&r<=i[e+2]))throw Error(Mc+t+": "+r);this[t]=r}if(t="crypto",o&&(this[t]=Nc[t]),void 0!==(r=n[t])){if(!0!==r&&!1!==r&&0!==r&&1!==r)throw Error(Mc+t+": "+r);if(r){if("undefined"==typeof crypto||!crypto||!crypto.getRandomValues&&!crypto.randomBytes)throw Error(jc);this[t]=!0}else this[t]=!1}return this}function Dp(n){return new this(n).cos()}function Gp(n){return new this(n).cosh()}function Mp(n,e){return new this(n).div(e)}function Yp(n){return new this(n).exp()}function jp(n){return ap(n=new this(n),n.e+1,3)}function _p(){var n,e,t=new this(0);for(Dc=!1,n=0;n<arguments.length;)if((e=new this(arguments[n++])).d)t.d&&(t=t.plus(e.times(e)));else{if(e.s)return Dc=!0,new this(1/0);t=e}return Dc=!0,t.sqrt()}function Kp(n){return n instanceof hf||n&&n.toStringTag===_c||!1}function $p(n){return new this(n).ln()}function Ep(n,e){return new this(n).log(e)}function Op(n){return new this(n).log(2)}function Jp(n){return new this(n).log(10)}function Up(){return mp(this,arguments,-1)}function Qp(){return mp(this,arguments,1)}function qp(n,e){return new this(n).mod(e)}function nf(n,e){return new this(n).mul(e)}function ef(n,e){return new this(n).pow(e)}function tf(n){var e,t,r,o,i=0,l=new this(1),a=[];if(void 0===n?n=this.precision:rp(n,1,Rc),r=Math.ceil(n/7),this.crypto)if(crypto.getRandomValues)for(e=crypto.getRandomValues(new Uint32Array(r));i<r;)(o=e[i])>=429e7?e[i]=crypto.getRandomValues(new Uint32Array(1))[0]:a[i++]=o%1e7;else{if(!crypto.randomBytes)throw Error(jc);for(e=crypto.randomBytes(r*=4);i<r;)(o=e[i]+(e[i+1]<<8)+(e[i+2]<<16)+((127&e[i+3])<<24))>=214e7?crypto.randomBytes(4).copy(e,i):(a.push(o%1e7),i+=4);i=r/4}else for(;i<r;)a[i++]=1e7*Math.random()|0;for(n%=7,(r=a[--i])&&n&&(o=$c(10,7-n),a[i]=(r/o|0)*o);0===a[i];i--)a.pop();if(i<0)t=0,a=[0];else{for(t=-1;0===a[0];t-=7)a.shift();for(r=1,o=a[0];o>=10;o/=10)r++;r<7&&(t-=7-r)}return l.e=t,l.d=a,l}function rf(n){return ap(n=new this(n),n.e+1,this.rounding)}function of(n){return(n=new this(n)).d?n.d[0]?n.s:0*n.s:n.s||NaN}function lf(n){return new this(n).sin()}function af(n){return new this(n).sinh()}function df(n){return new this(n).sqrt()}function uf(n,e){return new this(n).sub(e)}function sf(){var n=0,e=arguments,t=new this(e[n]);for(Dc=!1;t.s&&++n<e.length;)t=t.plus(e[n]);return Dc=!0,ap(t,this.precision,this.rounding)}function cf(n){return new this(n).tan()}function pf(n){return new this(n).tanh()}function ff(n){return ap(n=new this(n),n.e+1,1)}ep[Symbol.for("nodejs.util.inspect.custom")]=ep.toString,ep[Symbol.toStringTag]="Decimal";var hf=ep.constructor=function n(e){var t,r,o;function i(n){var e,t,r,o=this;if(!(o instanceof i))return new i(n);if(o.constructor=i,Kp(n))return o.s=n.s,void(Dc?!n.d||n.e>i.maxE?(o.e=NaN,o.d=null):n.e<i.minE?(o.e=0,o.d=[0]):(o.e=n.e,o.d=n.d.slice()):(o.e=n.e,o.d=n.d?n.d.slice():n.d));if("number"===(r=typeof n)){if(0===n)return o.s=1/n<0?-1:1,o.e=0,void(o.d=[0]);if(n<0?(n=-n,o.s=-1):o.s=1,n===~~n&&n<1e7){for(e=0,t=n;t>=10;t/=10)e++;return void(Dc?e>i.maxE?(o.e=NaN,o.d=null):e<i.minE?(o.e=0,o.d=[0]):(o.e=e,o.d=[n]):(o.e=e,o.d=[n]))}return 0*n!=0?(n||(o.s=NaN),o.e=NaN,void(o.d=null)):Cp(o,n.toString())}if("string"===r)return 45===(t=n.charCodeAt(0))?(n=n.slice(1),o.s=-1):(43===t&&(n=n.slice(1)),o.s=1),Uc.test(n)?Cp(o,n):xp(o,n);if("bigint"===r)return n<0?(n=-n,o.s=-1):o.s=1,Cp(o,n.toString());throw Error(Mc+n)}if(i.prototype=ep,i.ROUND_UP=0,i.ROUND_DOWN=1,i.ROUND_CEIL=2,i.ROUND_FLOOR=3,i.ROUND_HALF_UP=4,i.ROUND_HALF_DOWN=5,i.ROUND_HALF_EVEN=6,i.ROUND_HALF_CEIL=7,i.ROUND_HALF_FLOOR=8,i.EUCLID=9,i.config=i.set=Np,i.clone=n,i.isDecimal=Kp,i.abs=Bp,i.acos=Hp,i.acosh=Ap,i.add=Wp,i.asin=Fp,i.asinh=Zp,i.atan=Xp,i.atanh=zp,i.atan2=Rp,i.cbrt=Pp,i.ceil=Vp,i.clamp=Lp,i.cos=Dp,i.cosh=Gp,i.div=Mp,i.exp=Yp,i.floor=jp,i.hypot=_p,i.ln=$p,i.log=Ep,i.log10=Jp,i.log2=Op,i.max=Up,i.min=Qp,i.mod=qp,i.mul=nf,i.pow=ef,i.random=tf,i.round=rf,i.sign=of,i.sin=lf,i.sinh=af,i.sqrt=df,i.sub=uf,i.sum=sf,i.tan=cf,i.tanh=pf,i.trunc=ff,void 0===e&&(e={}),e&&!0!==e.defaults)for(o=["precision","rounding","toExpNeg","toExpPos","maxE","minE","modulo","crypto"],t=0;t<o.length;)e.hasOwnProperty(r=o[t++])||(e[r]=this[r]);return i.config(e),i}(Nc);Vc=new hf(Vc),Lc=new hf(Lc);var gf={name:"arrow",enabled:!0,phase:"main",fn:function(n){var e,t=n.state,r=n.name,o=n.options,i=t.elements.arrow,l=t.modifiersData.popperOffsets,a=yu(t.placement),d=Cu(a),u=[ru,tu].indexOf(a)>=0?"height":"width";if(i&&l){var s=function(n,e){return Su("number"!=typeof(n="function"==typeof n?n(Object.assign({},e.rects,{placement:e.placement})):n)?n:wu(n,iu))}(o.padding,t),c=$d(i),p="y"===d?nu:ru,f="y"===d?eu:tu,h=t.rects.reference[u]+t.rects.reference[d]-l[d]-t.rects.popper[u],g=l[d]-t.rects.reference[d],m=qd(i),v=m?"y"===d?m.clientHeight||0:m.clientWidth||0:0,y=h/2-g/2,b=s[p],C=v-c[u]-s[f],x=v/2-c[u]/2+y,S=ju(b,x,C),w=d;t.modifiersData[r]=((e={})[w]=S,e.centerOffset=S-x,e)}},effect:function(n){var e=n.state,t=n.options.element,r=void 0===t?"[data-popper-arrow]":t;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r)))&&hu(e.elements.popper,r)&&(e.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},mf={directives:{domresize:Hl()},components:{},props:{value:{type:Number,default:0},valueMin:{type:Number,default:0},valueMax:{type:Number,default:100},valueStep:{type:Number,default:1},valueDecimal:{type:Number,default:0},progBorderRadius:{type:Number,default:5},progHeight:{type:Number,default:4},progColor:{type:String,default:"#74a4d9"},progColorDisabled:{type:String,default:"#c5c5c5"},progBackgroundColor:{type:String,default:"#eee"},progBackgroundColorDisabled:{type:String,default:"#f2f2f2"},sliderSize:{type:Number,default:20},sliderBackgroundColor:{type:String,default:"blue darken-3"},sliderBackgroundColorHover:{type:String,default:"blue darken-2"},sliderBackgroundColorDisabled:{type:String,default:"#aaa"},cmpZIndex:{type:Number,default:3e3},tooltipPlacementDist:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"#666"},editable:{type:Boolean,default:!0}},data:function(){return{panelWidth:0,panelHeight:0,dragPointer:null,hoverTrans:!1,dragTrans:!1,popperInstance:null,popperShow:!1,r:null,rt:null}},mounted:function(){let n=this,e=gs(n.$refs.divRow,{canPress:()=>n.editable});e.on("press",n.pressRow),e.on("drag",n.dragBar),e.on("free",n.freeBar),n.dragPointer=e},beforeDestroy:function(){let n=this;n.dragPointer&&n.dragPointer.clear()},computed:{changeParam:function(){let n=this,e=0;try{e=(n.value-n.valueMin)/(n.valueMax-n.valueMin)}catch(n){}e=n.limitRatio(e);let t=n.tickRatio(e);return n.r=e,n.rt=t,""},heightCir:function(){return this.sliderSize},widthCir:function(){return this.heightCir},effecting:function(){let n=this;if(!n.editable)return;let e=n.hoverTrans||n.dragTrans;return e?n.showPopper():(n.hidePopper(),n.r=n.rt),e},progWidth:function(){return this.panelWidth-this.sliderSize},useProgBorderRadius:function(){return`border-radius:${this.progBorderRadius}px;`},effProgColor:function(){return wo(this.progColor)},effProgColorDisabled:function(){return wo(this.progColorDisabled)},useProgColor:function(){let n=this;return n.editable?n.effProgColor:n.effProgColorDisabled},effProgBackgroundColor:function(){return wo(this.progBackgroundColor)},effProgBackgroundColorDisabled:function(){return wo(this.progBackgroundColorDisabled)},useProgBackgroundColor:function(){let n=this;return n.editable?n.effProgBackgroundColor:n.effProgBackgroundColorDisabled},effSliderBackgroundColor:function(){return wo(this.sliderBackgroundColor)},effSliderBackgroundColorHover:function(){return wo(this.sliderBackgroundColorHover)},effSliderBackgroundColorDisabled:function(){return wo(this.sliderBackgroundColorDisabled)},useSliderBackgroundColor:function(){let n=this;return n.editable?n.effecting?n.effSliderBackgroundColorHover:n.effSliderBackgroundColor:n.effSliderBackgroundColorDisabled},useTooltipBorderRadius:function(){let n=this;return Wo(n.tooltipBorderRadius)?`border-radius:${n.tooltipBorderRadius}px;`:""},useTooltipTextFontSize:function(){let n=this.tooltipTextFontSize;return n=He(n,";",""),`font-size:${n};`},useTooltipTextColor:function(){return wo(this.tooltipTextColor)},useTooltipBackgroundColor:function(){return wo(this.tooltipBackgroundColor)},valueDig:function(){let n=this;return Fc(n.rt*(n.valueMax-n.valueMin)+n.valueMin,n.valueDecimal)}},methods:{resizePanel:function(n){this.panelWidth=n.snew.offsetWidth,this.panelHeight=n.snew.offsetHeight},limitRatio:function(n){return n=Math.min(n,1),n=Math.max(n,0)},tickRatio:function(n){let e=this,t=0;try{let r=e.valueMax-e.valueMin,o=e.valueStep/r;t=function(n,e=0,t={}){tr(e)||(e=0),e=er(e);let r=mn(t,"rounding","");return"ROUND_HALF_UP"!==r&&"ROUND_HALF_EVEN"!==r&&(r="ROUND_HALF_UP"),xn(n)?new hf(n).toDecimalPlaces(e,hf[r]).toNumber():""}(n/o)*o}catch(n){}return t},dragBar:function(n){let e=this;if(!e.editable)return;let t=e.$el.getBoundingClientRect(),r=n.clientX-e.sliderSize/2,o=e.progWidth,i=0;o>0&&(i=(r-t.left)/o),i=e.limitRatio(i);let l=e.tickRatio(i);e.r=i,e.rt=l;let a=Ot(e.valueDig);e.updatePopper(),e.$emit("input",a)},pressRow:function(n){let e=this;e.dragTrans=!0;let t=n.event.target,r=e.$refs.divBar;if(r&&r.contains(t))return;let o=e.$refs.divTriggerOuter;o&&o.contains(t)||e.dragBar(n)},freeBar:function(){this.dragTrans=!1},showPopper:function(n){let e=this;if(!e.editable)return;let t=mn(e,"$refs.divTrigger",null);if(null===t)return;let r=mn(e,"$refs.divContent",null);if(null===r)return;let o={strategy:"fixed",placement:"top",modifiers:[gf,{name:"arrow",options:{padding:5}},Nu,{name:"flip",options:{fallbackPlacements:["top","top-start","top-end","bottom","bottom-start","bottom-end"]}},Du,{name:"offset",options:{offset:({placement:n,reference:t,popper:r})=>[0,e.tooltipPlacementDist]}},Yu]};e.popperInstance=Xu(t,r,o)},updatePopper:function(n){let e=this;e.editable&&e.popperInstance&&e.popperInstance.update()},hidePopper:function(n){let e=this;e.popperInstance&&(e.popperInstance.destroy(),e.popperInstance=null)}}};const vf=mf;var yf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"user-select:none;",attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{ref:"divRow",style:"position:relative; width:100%; height:"+n.sliderSize+"px; touch-action:none; "+(n.editable?"cursor:pointer;":"")},[t("div",{style:"position:absolute; top:"+(n.sliderSize/2-n.progHeight/2)+"px; left:"+n.sliderSize/2+"px; width:"+n.progWidth+"px;"},[t("div",{ref:"divPanel",style:"position:relative; width:"+n.progWidth+"px;"},[t("div",{style:n.useProgBorderRadius+" overflow:hidden; width:"+n.progWidth+"px; height:"+n.progHeight+"px;"},[t("div",{ref:"divBarTrack",style:"background:"+n.useProgBackgroundColor+"; height:"+n.progHeight+"px;"},[t("div",{ref:"divBarProgress",style:"background:"+n.useProgColor+"; width:"+n.rt*n.progWidth+"px; height:"+n.progHeight+"px;"})])]),n._v(" "),t("div",{ref:"divTriggerOuter",style:"position:absolute; left:"+(n.rt*n.progWidth-n.widthCir/2)+"px; top:"+(n.progHeight/2-n.heightCir/2)+"px; z-index:1; "+(n.editable?"cursor:pointer;":"")},[t("div",{ref:"divTrigger",staticClass:"ts bs",style:"width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; background:"+n.useSliderBackgroundColor+"; outline:none;"})]),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; left:"+(n.r*n.progWidth-n.widthCir/2)+"px; top:"+(n.progHeight/2-n.heightCir/2)+"px; z-index:2; "+(n.editable?"cursor:pointer;":"")},[t("div",{style:"width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; opacity:0; outline:none;",on:{mouseenter:function(e){n.hoverTrans=!0},mouseleave:function(e){n.hoverTrans=!1}}})])])])]),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.effecting,expression:"effecting"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[t("div",{style:"padding:2px 5px; font-size:0.8rem; "+n.useTooltipTextFontSize+" color:"+n.useTooltipTextColor+"; background:"+n.useTooltipBackgroundColor+"; "+n.useTooltipBorderRadius},[n._v("\n            "+n._s(n.valueDig)+"\n            "),t("div",{staticClass:"arrow",attrs:{"data-popper-arrow":""}})])])])};yf._withStripped=!0;const bf=t({render:yf,staticRenderFns:[]},function(n){n&&n("data-v-303ef55f_0",{source:"\n.ts[data-v-303ef55f] {\r\n    transition:all 0.3s;\n}\n.bs[data-v-303ef55f] {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\n}\n.WPopperFix[data-popper-reference-hidden][data-v-303ef55f] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\n.arrow[data-v-303ef55f],\r\n.arrow[data-v-303ef55f]::before {\r\n    position: absolute;\r\n    width: 5px;\r\n    height: 5px;\r\n    background: inherit;\n}\n.arrow[data-v-303ef55f] {\r\n    visibility: hidden;\n}\n.arrow[data-v-303ef55f]::before {\r\n    visibility: visible;\r\n    content: '';\r\n    transform: rotate(45deg);\n}\r\n/* .arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -5px;\r\n    border-width: 5px;\r\n    border-style: solid;\r\n    border-color: black transparent transparent transparent;\r\n} */\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WSlider.vue"],names:[],mappings:";AAitBA;IACA,mBAAA;AACA;AACA;IACA,kHAAA;AACA;AACA;IACA,kBAAA;IACA,oBAAA;AACA;AACA;;IAEA,kBAAA;IACA,UAAA;IACA,WAAA;IACA,mBAAA;AACA;AACA;IACA,kBAAA;AACA;AACA;IACA,mBAAA;IACA,WAAA;IACA,wBAAA;AACA;AACA;;;;;;;;;GASA",file:"WSlider.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`user-select:none;`\"\r\n        :changeParam=\"changeParam\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n    >\r\n\r\n        \x3c!-- 按下此列即定值: 手勢通道(domDragPointer)掛於本列容器(高度為sliderSize), 不可掛於根層, 因提示窗divContent為根層子節點, 掛根會導致點提示窗也改值 --\x3e\r\n        \x3c!-- touch-action:none為觸控可拖曳之必要條件, 否則瀏覽器於手指移動數px後接手捲動並以pointercancel中斷事件流 --\x3e\r\n        \x3c!-- 代價: 本列(高度sliderSize)上起手之垂直捲動手勢會失效 --\x3e\r\n        <div\r\n            ref=\"divRow\"\r\n            :style=\"`position:relative; width:100%; height:${sliderSize}px; touch-action:none; ${editable?'cursor:pointer;':''}`\"\r\n        >\r\n\r\n            <div :style=\"`position:absolute; top:${sliderSize/2-progHeight/2}px; left:${sliderSize/2}px; width:${progWidth}px;`\">\r\n\r\n                <div\r\n                    ref=\"divPanel\"\r\n                    :style=\"`position:relative; width:${progWidth}px;`\"\r\n                >\r\n\r\n                    <div\r\n                        :style=\"`${useProgBorderRadius} overflow:hidden; width:${progWidth}px; height:${progHeight}px;`\"\r\n                    >\r\n                        <div\r\n                            ref=\"divBarTrack\"\r\n                            :style=\"`background:${useProgBackgroundColor}; height:${progHeight}px;`\"\r\n\r\n                        >\r\n                            <div\r\n                                ref=\"divBarProgress\"\r\n                                :style=\"`background:${useProgColor}; width:${(rt)*progWidth}px; height:${progHeight}px;`\"\r\n                            ></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div\r\n                        ref=\"divTriggerOuter\"\r\n                        :style=\"`position:absolute; left:${(rt)*progWidth-widthCir/2}px; top:${progHeight/2-heightCir/2}px; z-index:1; ${editable?'cursor:pointer;':''}`\"\r\n                    >\r\n\r\n                        <div\r\n                            ref=\"divTrigger\"\r\n                            class=\"ts bs\"\r\n                            :style=\"`width:${widthCir}px; height:${heightCir}px; border-radius:50%; background:${useSliderBackgroundColor}; outline:none;`\"\r\n                        ></div>\r\n\r\n                    </div>\r\n\r\n                    <div\r\n                        ref=\"divBar\"\r\n                        :style=\"`position:absolute; left:${(r)*progWidth-widthCir/2}px; top:${progHeight/2-heightCir/2}px; z-index:2; ${editable?'cursor:pointer;':''}`\"\r\n                    >\r\n\r\n                        <div\r\n                            :style=\"`width:${widthCir}px; height:${heightCir}px; border-radius:50%; opacity:0; outline:none;`\"\r\n                            @mouseenter=\"hoverTrans=true\"\r\n                            @mouseleave=\"hoverTrans=false\"\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        \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=\"WPopperFix\"\r\n            :style=\"`z-index:${cmpZIndex};`\"\r\n            v-show=\"effecting\"\r\n            v-domresize\r\n            @domresize=\"updatePopper\"\r\n        >\r\n            \x3c!-- 不使用v-if來重產dom, 因開啟arrow會有顯示後來不及定位問題 --\x3e\r\n            <div\r\n                :style=\"`padding:2px 5px; font-size:0.8rem; ${useTooltipTextFontSize} color:${useTooltipTextColor}; background:${useTooltipBackgroundColor}; ${useTooltipBorderRadius}`\"\r\n            >\r\n                {{valueDig}}\r\n                <div class=\"arrow\" data-popper-arrow></div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport dig from 'wsemi/src/dig.mjs'\r\nimport round from 'wsemi/src/round.mjs'\r\nimport cdbl from 'wsemi/src/cdbl.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport domDragPointer from 'wsemi/src/domDragPointer.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport convertColor from '../js/convertColor.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 arrow from '@popperjs/core/lib/modifiers/arrow.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/**\r\n * @vue-prop {Number} [value=0] 輸入值數字，介於valueMin與valueMax之間，預設0\r\n * @vue-prop {Number} [valueMin=0] 輸入最小值數字，預設0\r\n * @vue-prop {Number} [valueMax=100] 輸入最大值數字，預設100\r\n * @vue-prop {Number} [valueStep=1] 輸入間隔數字，預設1\r\n * @vue-prop {Number} [valueDecimal=0] 輸入值取小數位數字，用於可拖選值具有小數時，預設0\r\n * @vue-prop {Number} [progBorderRadius=5] 輸入值域條框圓角度數字，單位為px，預設5\r\n * @vue-prop {Number} [progHeight=4] 輸入值域條高度數字，單位為px，預設4\r\n * @vue-prop {String} [progColor='#74a4d9'] 輸入值域條顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [progColorDisabled='#c5c5c5'] 輸入不可編輯時值域條顏色字串，預設'#c5c5c5'\r\n * @vue-prop {String} [progBackgroundColor='#eee'] 輸入值域條背景顏色字串，預設'#eee'\r\n * @vue-prop {String} [progBackgroundColorDisabled='#f2f2f2'] 輸入不可編輯時值域條背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {Number} [sliderSize=20] 輸入拖曳球尺寸數字，單位為px，預設20\r\n * @vue-prop {String} [sliderBackgroundColor='blue darken-3'] 輸入拖曳球背景顏色字串，預設'blue darken-3'\r\n * @vue-prop {String} [sliderBackgroundColorHover='blue darken-2'] 輸入滑鼠移入時拖曳球背景顏色字串，預設'blue darken-2'\r\n * @vue-prop {String} [sliderBackgroundColorDisabled='#aaa'] 輸入不可編輯時拖曳球背景顏色字串，預設'#aaa'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗使用z-index數字，預設3000\r\n * @vue-prop {Number} [tooltipPlacementDist=5] 輸入提示窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {Number} [tooltipBorderRadius=4] 輸入提示窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [tooltipTextFontSize='0.85rem'] 輸入提示窗框文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [tooltipTextColor='white'] 輸入提示窗框文字顏色字串，預設'white'\r\n * @vue-prop {String} [tooltipBackgroundColor='#666'] 輸入值域條背景顏色字串，預設'#666'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        valueMin: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        valueMax: {\r\n            type: Number,\r\n            default: 100,\r\n        },\r\n        valueStep: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        valueDecimal: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        progBorderRadius: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        progHeight: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        progColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        progColorDisabled: {\r\n            type: String,\r\n            default: '#c5c5c5',\r\n        },\r\n        progBackgroundColor: {\r\n            type: String,\r\n            default: '#eee',\r\n        },\r\n        progBackgroundColorDisabled: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        sliderSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        sliderBackgroundColor: {\r\n            type: String,\r\n            default: 'blue darken-3',\r\n        },\r\n        sliderBackgroundColorHover: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        sliderBackgroundColorDisabled: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        tooltipPlacementDist: {\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        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: '#666', //rgba(60,60,60,0.75) //因arrow是通過div與旋轉成菱形來繪製, 因此可支援外部指定背景色, 但若有透明就會出現arrow的菱形問題\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\r\n            panelWidth: 0,\r\n            panelHeight: 0,\r\n\r\n            dragPointer: null,\r\n\r\n            hoverTrans: false,\r\n            dragTrans: false,\r\n\r\n            popperInstance: null,\r\n            popperShow: false,\r\n\r\n            r: null,\r\n            rt: null,\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        //dragPointer, 整列(divRow)單一指標通道, 滑鼠/觸控/觸控筆同一套規則, 把手與軌道共用同一把鎖:\r\n        //  按於軌道: 按下即定值並接續拖曳, 與原生input[type=range]及各家滑桿一致\r\n        //  按於把手: 只起手不定值(見pressRow), 否則「按住鈕不動即放開」會跳值; 其後拖曳以絕對座標定值\r\n        //  canPress於每次按下讀取即時之editable, 唯讀時不上鎖; dragBar內另保留editable重檢, 因拖曳中editable轉false時只有它擋得住\r\n        let dragPointer = domDragPointer(vo.$refs.divRow, { canPress: () => vo.editable })\r\n        dragPointer.on('press', vo.pressRow)\r\n        dragPointer.on('drag', vo.dragBar)\r\n        dragPointer.on('free', vo.freeBar)\r\n\r\n        //save\r\n        vo.dragPointer = dragPointer\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, 宿主WColorSelectPanel與WPopup皆以v-if切換, 可能於拖曳中被銷毀; clear內含解鎖與移除window監聽, 不補發free\r\n        if (vo.dragPointer) {\r\n            vo.dragPointer.clear()\r\n        }\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            //ratio\r\n            let r = 0\r\n            try {\r\n                r = (vo.value - vo.valueMin) / (vo.valueMax - vo.valueMin)\r\n            }\r\n            catch (err) {}\r\n\r\n            //limitRatio\r\n            r = vo.limitRatio(r)\r\n\r\n            //rt\r\n            let rt = vo.tickRatio(r)\r\n\r\n            //save\r\n            vo.r = r\r\n            vo.rt = rt\r\n\r\n            return ''\r\n        },\r\n\r\n        heightCir: function() {\r\n            let vo = this\r\n            return vo.sliderSize\r\n        },\r\n\r\n        widthCir: function() {\r\n            let vo = this\r\n            return vo.heightCir\r\n        },\r\n\r\n        effecting: function() {\r\n            //console.log('computed effecting')\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            //b\r\n            let b = vo.hoverTrans || vo.dragTrans\r\n\r\n            if (b) {\r\n\r\n                //showPopper\r\n                vo.showPopper()\r\n\r\n            }\r\n            else {\r\n\r\n                //hidePopper\r\n                vo.hidePopper()\r\n\r\n                //同步\r\n                vo.r = vo.rt\r\n\r\n            }\r\n\r\n            return b\r\n        },\r\n\r\n        progWidth: function() {\r\n            let vo = this\r\n            return vo.panelWidth - vo.sliderSize\r\n        },\r\n\r\n        useProgBorderRadius: function() {\r\n            let vo = this\r\n            return `border-radius:${vo.progBorderRadius}px;`\r\n        },\r\n\r\n        effProgColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.progColor)\r\n        },\r\n\r\n        effProgColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.progColorDisabled)\r\n        },\r\n\r\n        useProgColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effProgColorDisabled\r\n            }\r\n            return vo.effProgColor\r\n        },\r\n\r\n        effProgBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.progBackgroundColor)\r\n        },\r\n\r\n        effProgBackgroundColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.progBackgroundColorDisabled)\r\n        },\r\n\r\n        useProgBackgroundColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effProgBackgroundColorDisabled\r\n            }\r\n            return vo.effProgBackgroundColor\r\n        },\r\n\r\n        effSliderBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColor)\r\n        },\r\n\r\n        effSliderBackgroundColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColorHover)\r\n        },\r\n\r\n        effSliderBackgroundColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColorDisabled)\r\n        },\r\n\r\n        useSliderBackgroundColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effSliderBackgroundColorDisabled\r\n            }\r\n            if (vo.effecting) {\r\n                return vo.effSliderBackgroundColorHover\r\n            }\r\n            return vo.effSliderBackgroundColor\r\n        },\r\n\r\n        useTooltipBorderRadius: function() {\r\n            //console.log('computed useTooltipBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.tooltipBorderRadius)) {\r\n                return `border-radius:${vo.tooltipBorderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useTooltipTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.tooltipTextFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        useTooltipTextColor: function() {\r\n            //console.log('computed useTooltipTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.tooltipTextColor)\r\n        },\r\n\r\n        useTooltipBackgroundColor: function() {\r\n            //console.log('computed useTooltipBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.tooltipBackgroundColor)\r\n        },\r\n\r\n        valueDig: function() {\r\n            // console.log('computed valueDig')\r\n\r\n            let vo = this\r\n\r\n            //t\r\n            let t = (vo.rt) * (vo.valueMax - vo.valueMin) + vo.valueMin\r\n\r\n            //dig\r\n            let c = dig(t, vo.valueDecimal)\r\n\r\n            return c\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            //update\r\n            vo.panelWidth = msg.snew.offsetWidth\r\n            vo.panelHeight = msg.snew.offsetHeight\r\n\r\n            // //emit\r\n            // vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        limitRatio: function(r) {\r\n            // console.log('methods limitRatio', r)\r\n\r\n            // let vo = this\r\n\r\n            r = Math.min(r, 1)\r\n            r = Math.max(r, 0)\r\n\r\n            return r\r\n        },\r\n\r\n        tickRatio: function(r) {\r\n            // console.log('methods tickRatio', r)\r\n\r\n            let vo = this\r\n\r\n            //rt\r\n            let rt = 0\r\n            try {\r\n\r\n                //rtk\r\n                let rng = vo.valueMax - vo.valueMin\r\n                let rtk = vo.valueStep / rng\r\n\r\n                //round\r\n                let i = round(r / rtk)\r\n\r\n                //rt\r\n                rt = i * rtk\r\n                // console.log('r', r, 'rt', rt)\r\n\r\n            }\r\n            catch (err) { }\r\n\r\n\r\n            return rt\r\n        },\r\n\r\n        dragBar: function(msg) {\r\n            // console.log('methods dragBar', msg)\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            //r\r\n            let bd = vo.$el.getBoundingClientRect()\r\n            let x = msg.clientX - vo.sliderSize / 2\r\n            let w = vo.progWidth //vo.$el.offsetWidth\r\n            let r = 0\r\n            if (w > 0) {\r\n                r = (x - bd.left) / w //clientX需扣除元件的left位置\r\n            }\r\n\r\n            //limitRatio\r\n            r = vo.limitRatio(r)\r\n            // console.log(vo.r, 'r', r)\r\n\r\n            //rt\r\n            let rt = vo.tickRatio(r)\r\n\r\n            //save\r\n            vo.r = r\r\n            vo.rt = rt\r\n\r\n            //v\r\n            let v = cdbl(vo.valueDig)\r\n\r\n            //updatePopper\r\n            vo.updatePopper()\r\n\r\n            //emit\r\n            vo.$emit('input', v)\r\n\r\n        },\r\n\r\n        pressRow: function(msg) {\r\n            let vo = this\r\n\r\n            //dragTrans, 使提示窗顯示, 並讓放開時effecting之else分支把r收斂回rt\r\n            vo.dragTrans = true\r\n\r\n            //check, 按於把手上只起手不定值, 否則「按住鈕不動即放開」會跳值(Radix Slider同法: thumbs.has(target)時不onSlideStart)\r\n            //須用contains不可用===, 因按於鈕中心時target為divBar內之透明圓子節點, 按於20x20方框四角時target才為divBar自身\r\n            let target = msg.event.target\r\n            let divBar = vo.$refs.divBar\r\n            if (divBar && divBar.contains(target)) {\r\n                return\r\n            }\r\n\r\n            //check, 可視圓divTriggerOuter以rt定位而感應方塊divBar以r定位, 兩者於rt與r不一致時會錯開而露出, 故一併視為把手\r\n            let divTriggerOuter = vo.$refs.divTriggerOuter\r\n            if (divTriggerOuter && divTriggerOuter.contains(target)) {\r\n                return\r\n            }\r\n\r\n            //按下即定值, 與原生input[type=range]及各家滑桿一致\r\n            vo.dragBar(msg)\r\n\r\n        },\r\n\r\n        freeBar: function() {\r\n            let vo = this\r\n            vo.dragTrans = false\r\n        },\r\n\r\n        showPopper: function(from) {\r\n            // console.log('methods showPopper', 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            //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            //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            //@popperjs/core 2.x\r\n            let opt = {\r\n                strategy: 'fixed', //盡量使用'fixed'而不用'absolute', 否則位於多層dialog或多層drawer內popup顯示會異常\r\n                placement: 'top', //預設top, 因arrow不好給故僅提供top\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                    arrow,\r\n                    {\r\n                        name: 'arrow',\r\n                        options: {\r\n                            padding: 5,\r\n                        },\r\n                    },\r\n                    flip,\r\n                    {\r\n                        name: 'flip',\r\n                        options: {\r\n                            fallbackPlacements: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'],\r\n                        },\r\n                    },\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            // offset: [0, vo.tooltipPlacementDist], //[Skidding, Distance]\r\n                            // offset: [0, 5], //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            offset: ({ placement, reference, popper }) => {\r\n                                // console.log('offset', placement, reference, popper, vo.tooltipPlacementDist)\r\n                                // if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else {\r\n                                //     return []\r\n                                // }\r\n                                return [0, vo.tooltipPlacementDist] //[Skidding, Distance]\r\n                            },\r\n                        },\r\n                    },\r\n                    hide,\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        updatePopper: function(msg) {\r\n            //console.log('methods updatePopper', msg)\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            //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        hidePopper: function(from) {\r\n            // console.log('methods hidePopper', from, this.mmkey)\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        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s;\r\n}\r\n.bs {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\r\n}\r\n.WPopperFix[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n.arrow,\r\n.arrow::before {\r\n    position: absolute;\r\n    width: 5px;\r\n    height: 5px;\r\n    background: inherit;\r\n}\r\n.arrow {\r\n    visibility: hidden;\r\n}\r\n.arrow::before {\r\n    visibility: visible;\r\n    content: '';\r\n    transform: rotate(45deg);\r\n}\r\n/* .arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -5px;\r\n    border-width: 5px;\r\n    border-style: solid;\r\n    border-color: black transparent transparent transparent;\r\n} */\r\n</style>\r\n"]},media:void 0})},vf,"data-v-303ef55f",false,void 0,!1,o,void 0,void 0);const Cf={components:{WGroupChipRadio:pc,WPanelLabelItem:gc,WText:Wc,WSlider:bf},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200},borderColor:{type:String,default:"#ddd"},borderColorHover:{type:String,default:"#ccc"},borderColorActive:{type:String,default:"#777"},backgroundColor:{type:String,default:"transparent"},menuBorderRadius:{type:Number,default:4},menuBackgroundColor:{type:String,default:"#fff"},menuBackgroundColorHover:{type:String,default:"#f9f9f9"},menuBackgroundColorActive:{type:String,default:"#f2f2f2"},menuTextColor:{type:String,default:"#444"},menuTextColorHover:{type:String,default:"#222"},menuTextColorActive:{type:String,default:"#000"},menuTextFontSize:{type:String,default:"0.8rem"},inputBorderRadius:{type:Number,default:4},inputBorderColor:{type:String,default:"#ccc"},inputBorderColorHover:{type:String,default:"#b5b5b5"},inputBorderColorActive:{type:String,default:"#aaa"},inputBackgroundColor:{type:String,default:"#fff"},inputBackgroundColorHover:{type:String,default:"#fafafa"},inputBackgroundColorActive:{type:String,default:"#f2f2f2"},inputTextColor:{type:String,default:"#000"},inputTextFontSize:{type:String,default:"0.8rem"},inputTextWidth:{type:Number,default:38},inputTextHeight:{type:Number,default:18},inputLabelWidth:{type:Number,default:12},inputLabelColor:{type:String,default:"#666"},inputLabelFontSize:{type:String,default:"0.8rem"},barProgHeight:{type:Number,default:4},barProgColor:{type:String,default:"#74a4d9"},barProgBackgroundColor:{type:String,default:"#eee"},barSliderSize:{type:Number,default:10},barSliderBackgroundColor:{type:String,default:"#1565C0"},barSliderBackgroundColorHover:{type:String,default:"#1976D2"}},data:function(){return{methods:[{text:"RGBA"},{text:"HSVA"}],methodSelect:{text:"RGBA"},lock:!1,valueTrans:null,r:255,g:255,b:255,h:360,s:1,v:1,a:1,rt:255,gt:255,bt:255,ht:360,st:1,vt:1,at:1}},computed:{changeValue:function(){let n=this;n.valueTrans=wo(n.value);let e=od.toRgba(n.valueTrans),t=od.toHsva(n.valueTrans);return n.r=e.r,n.rt=e.r,n.g=e.g,n.gt=e.g,n.b=e.b,n.bt=e.b,n.a=e.a,n.at=e.a,n.h=t.h,n.ht=t.h,n.s=t.s,n.st=t.s,n.v=t.v,n.vt=t.v,""},sliderWidth:function(){let n=this,e=n.size-n.inputTextWidth-n.inputLabelWidth-13;return e=Math.max(e,0),e},useBorderColor:function(){return wo(this.borderColor)},useBackgroundColor:function(){return wo(this.backgroundColor)}},methods:{cki255:function(n){if(!tr(n))return 0;let e=n;return(n=er(n))<0?n=0:n>255&&(n=255),n===er(e)?e:n},cki360:function(n){if(!tr(n))return 0;let e=n;return(n=er(n))<0?n=0:n>360&&(n=360),n===er(e)?e:n},ckd1:function(n){if(!oc(n))return 0;let e=n;return(n=Ot(n))<0?n=0:n>1&&(n=1),n===Ot(e)?e:n},updateColorCore:function(){let n=this,e=!1,t=!1;{let t=er(n.rt);n.r!==t&&(n.r=t,e=!0)}{let t=er(n.gt);n.g!==t&&(n.g=t,e=!0)}{let t=er(n.bt);n.b!==t&&(n.b=t,e=!0)}{let t=Ot(n.at);n.a!==t&&(n.a=t,e=!0)}{let e=er(n.ht);n.h!==e&&(n.h=e,t=!0)}{let e=Ot(n.st);n.s!==e&&(n.s=e,t=!0)}{let e=Ot(n.vt);n.v!==e&&(n.v=e,t=!0)}let r=null;e?r={r:n.r,g:n.g,b:n.b,a:n.a}:t&&(r={h:n.h,s:n.s,v:n.v,a:n.a}),Qo(r)&&(r=od.toRgbaString(r),n.valueTrans=r,n.$emit("input",r))},updateColor:function(n,e,t){let r=this;setTimeout(()=>{r.updateColorCore()},1)}}};var xf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block;",attrs:{changeValue:n.changeValue}},[t("div",{style:"padding-left:10px; margin-bottom:-1px;"},[t("WGroupChipRadio",{attrs:{items:n.methods,paddingStyle:{v:1,h:6},group:!0,groupBorderRadiusStyle:{top:!0},groupShift:0,borderRadius:n.menuBorderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.menuBackgroundColor,backgroundColorHover:n.menuBackgroundColorHover,backgroundColorActive:n.menuBackgroundColorActive,textColor:n.menuTextColor,textColorHover:n.menuTextColorHover,textColorActive:n.menuTextColorActive,textFontSize:n.menuTextFontSize,marginStyle:{},shadowActive:!1},model:{value:n.methodSelect,callback:function(e){n.methodSelect=e},expression:"methodSelect"}})],1),n._v(" "),t("div",{style:"padding:10px; border:1px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+";"},[t("div",{directives:[{name:"show",rawName:"v-show",value:"RGBA"===n.methodSelect.text,expression:"methodSelect.text==='RGBA'"}]},[t("WPanelLabelItem",{attrs:{label:"R",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"r")}},model:{value:n.rt,callback:function(e){n.rt=e},expression:"rt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.r},on:{input:function(e){n.rt=e,n.updateColor(e,"","rs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"G",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"g")}},model:{value:n.gt,callback:function(e){n.gt=e},expression:"gt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.g},on:{input:function(e){n.gt=e,n.updateColor(e,"","gs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"B",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"b")}},model:{value:n.bt,callback:function(e){n.bt=e},expression:"bt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.b},on:{input:function(e){n.bt=e,n.updateColor(e,"","bs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"A",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"a")}},model:{value:n.at,callback:function(e){n.at=e},expression:"at"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.a},on:{input:function(e){n.at=e,n.updateColor(e,"","as")}}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:"HSVA"===n.methodSelect.text,expression:"methodSelect.text==='HSVA'"}]},[t("WPanelLabelItem",{attrs:{label:"H",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki360,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"h")}},model:{value:n.ht,callback:function(e){n.ht=e},expression:"ht"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:360,valueStep:1,valueDecimal:0,value:n.h},on:{input:function(e){n.ht=e,n.updateColor(e,"","hs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"S",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"s")}},model:{value:n.st,callback:function(e){n.st=e},expression:"st"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.s},on:{input:function(e){n.st=e,n.updateColor(e,"","ss")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"V",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"v")}},model:{value:n.vt,callback:function(e){n.vt=e},expression:"vt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.v},on:{input:function(e){n.vt=e,n.updateColor(e,"","bs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"A",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"a")}},model:{value:n.at,callback:function(e){n.at=e},expression:"at"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.a},on:{input:function(e){n.at=e,n.updateColor(e,"","as")}}})],1)]},proxy:!0}])})],1)])])};xf._withStripped=!0;const Sf=t({render:xf,staticRenderFns:[]},function(n){n&&n("data-v-4a6dbb92_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorSelectInput.vue"},media:void 0})},Cf,"data-v-4a6dbb92",false,void 0,!1,o,void 0,void 0);var wf={directives:{domresize:Hl()},components:{WPopup:Ks,WColorSelectPanel:rc,WColorSelectInput:Sf,WButtonChip:rs,WIcon:vd},props:{value:{type:String,default:"#FFFFFF"},type:{type:String,default:"HSVA"},size:{type:Number,default:200},space:{type:Number,default:10},colorBlockSize:{type:Number,default:20},colorBlockBorderWidth:{type:Number,default:1},colorBlockBorderColor:{type:String,default:"#ddd"},showColorText:{type:Boolean,default:!0},colorTextColor:{type:String,default:"#000"},colorTextFontSize:{type:String,default:"0.8rem"},panelBackgroundColor:{type:String,default:"#fff"},toolBackgroundColor:{type:String,default:"#f5f5f5"},menuIconLump:{type:String,default:"M12,5.32L18,8.69V15.31L12,18.68L6,15.31V8.69L12,5.32M21,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"},menuIconHsva:{type:String,default:"M19 3V21H15V3H19M14 3V21H10V3H14M9 3V21H5V3H9Z"},menuIconEyeDropper:{type:String,default:"M19.35,11.72L17.22,13.85L15.81,12.43L8.1,20.14L3.5,22L2,20.5L3.86,15.9L11.57,8.19L10.15,6.78L12.28,4.65L19.35,11.72M16.76,3C17.93,1.83 19.83,1.83 21,3C22.17,4.17 22.17,6.07 21,7.24L19.08,9.16L14.84,4.92L16.76,3M5.56,17.03L4.5,19.5L6.97,18.44L14.4,11L13,9.6L5.56,17.03Z"},menuIconColor:{type:String,default:"#aaa"},menuIconColorHover:{type:String,default:"#999"},menuIconColorActive:{type:String,default:"#666"},menuIconSize:{type:Number,default:20},borderColor:{type:String,default:"#ddd"},borderColorHover:{type:String,default:"#ccc"},borderColorActive:{type:String,default:"#777"},menuBorderRadius:{type:Number,default:4},menuTextColor:{type:String,default:"#444"},menuTextColorHover:{type:String,default:"#222"},menuTextColorActive:{type:String,default:"#000"},menuTextFontSize:{type:String,default:"0.8rem"},menuBackgroundColor:{type:String,default:"#fff"},menuBackgroundColorHover:{type:String,default:"#f9f9f9"},menuBackgroundColorActive:{type:String,default:"#f2f2f2"},inputBorderRadius:{type:Number,default:4},inputBorderColor:{type:String,default:"#ccc"},inputBorderColorHover:{type:String,default:"#b5b5b5"},inputBorderColorActive:{type:String,default:"#aaa"},inputBackgroundColor:{type:String,default:"#fff"},inputBackgroundColorHover:{type:String,default:"#fafafa"},inputBackgroundColorActive:{type:String,default:"#f2f2f2"},inputTextColor:{type:String,default:"#000"},inputTextFontSize:{type:String,default:"0.8rem"},inputTextWidth:{type:Number,default:38},inputTextHeight:{type:Number,default:18},inputLabelWidth:{type:Number,default:12},inputLabelColor:{type:String,default:"#666"},inputLabelFontSize:{type:String,default:"0.8rem"},barProgHeight:{type:Number,default:4},barProgColor:{type:String,default:"#74a4d9"},barProgBackgroundColor:{type:String,default:"#eee"},barSliderSize:{type:Number,default:10},barSliderBackgroundColor:{type:String,default:"#1565C0"},barSliderBackgroundColorHover:{type:String,default:"#1976D2"},popupPlacementDist:{type:Number,default:5},btnText:{type:String,default:"Confirm"},btnRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},btnPaddingStyle:{type:Object,default:()=>({v:1,h:5})},btnTextColor:{type:String,default:"#000"},btnTextColorHover:{type:String,default:"#222"},btnTextColorActive:{type:String,default:"#222"},btnTextFontSize:{type:String,default:"0.8rem"},btnBorderRadius:{type:Number,default:4},btnBackgroundColor:{type:String,default:"rgb(241,241,241)"},btnBackgroundColorHover:{type:String,default:"rgb(236,236,236)"},btnBackgroundColorActive:{type:String,default:"rgb(236,236,236)"},btnShadow:{type:Boolean,default:!0},labelContent:{type:String,default:null},cmpZIndex:{type:Number,default:2e3},editable:{type:Boolean,default:!0}},data:function(){return{mdiLoading:"M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z",show:!1,typeTrans:"HSVA",loadingEyeDropper:!1,layoutShowScrollY:!1,layoutMinHeight:300,layoutMaxHeight:300,valueOri:null,valueNew:null,popperPlacement:null}},watch:{show:function(n){let e=this;n?(e.popperPlacement=null,e.layoutShowScrollY=!0,e.layoutMaxHeight=e.layoutMinHeight,e.$nextTick(()=>{e.$nextTick(()=>{e.adjustMaxHeight()})})):e.valueNew=e.valueOri}},computed:{changeValue:function(){let n=this;return n.valueOri=wo(n.value),n.valueNew=n.valueOri,""},changeType:function(){return this.typeTrans=this.type,""},hasEyeDropper:function(){return Te(window.EyeDropper)},useColorBlockBorderColor:function(){return wo(this.colorBlockBorderColor)},useColorTextColor:function(){return wo(this.colorTextColor)},usePanelBackgroundColor:function(){return wo(this.panelBackgroundColor)},useToolBackgroundColor:function(){return wo(this.toolBackgroundColor)},useBorderColor:function(){return wo(this.borderColor)},usePanelOverflowAndHeight:function(){let n=this,e=`overflow-y:auto; min-height:${n.layoutMinHeight}px;`;return n.layoutShowScrollY&&(e+=`max-height:${n.layoutMaxHeight}px;`),e}},methods:{resizeContent:function(n){this.show&&this.adjustMaxHeight()},onPlacementChange:function(n){this.popperPlacement=n,this.adjustMaxHeight()},adjustMaxHeight:function(){let n=this;if(n.show)try{let e=n.$refs.ct;if(!e)return;let t=window.innerHeight,r=n.popperPlacement;if(!r)return;let o,i=Ys(e),l=e.scrollHeight,a=30;o=r.startsWith("top")?i.bottom-a:t-i.top-a;let d=l>o,u=Math.max(o,n.layoutMinHeight);if(d===n.layoutShowScrollY&&Math.abs(u-n.layoutMaxHeight)<2)return;n.layoutShowScrollY=d,n.layoutMaxHeight=u}catch(n){}},openEyeDropper:function(){let n=this;n.hasEyeDropper&&(n.loadingEyeDropper=!0,(new window.EyeDropper).open().then(e=>{let t=mn(e,"sRGBHex","#fff");n.valueNew=t}).catch(n=>{console.log(n)}).finally(()=>{n.loadingEyeDropper=!1}))},clickColor:function(){let n=this;n.editable&&(n.$emit("input",n.valueNew),n.show=!1)}}};const If=wf;var kf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{minWidth:null,maxWidth:null,autoFitMinWidth:!1,autoFitMaxWidth:!1,placementDistY:n.popupPlacementDist,editable:n.editable,labelContent:n.labelContent,cmpZIndex:n.cmpZIndex,changeValue:n.changeValue,changeType:n.changeType},on:{"placement-change":n.onPlacementChange},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{},[t("div",{style:"display:flex; align-items:center; "+(n.editable?"cursor:pointer;":"")+" outline:none;"},[t("div",{style:"border:"+n.colorBlockBorderWidth+"px solid "+n.useColorBlockBorderColor+"; width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; box-sizing:border-box; background:"+n.valueOri+";"}),n._v(" "),n.showColorText?[t("div",{style:"padding-left:5px;"}),n._v(" "),t("div",{style:"font-size:"+n.colorTextFontSize+"; color:"+n.useColorTextColor+";"},[n._v("\n                        "+n._s(n.valueOri)+"\n                    ")])]:n._e()],2)])]},proxy:!0},{key:"content",fn:function(){return[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"ct",style:"background:"+n.usePanelBackgroundColor+"; "+n.usePanelOverflowAndHeight,on:{domresize:n.resizeContent}},[t("div",{style:"display:flex; padding:"+n.space+"px; border-bottom:1px solid "+n.useBorderColor+"; background:"+n.useToolBackgroundColor+";"},[t("div",{},[t("WIcon",{staticStyle:{cursor:"pointer"},attrs:{icon:n.menuIconHsva,color:"HSVA"===n.typeTrans?n.menuIconColorActive:n.menuIconColor,colorHover:"HSVA"===n.typeTrans?n.menuIconColorActive:n.menuIconColorHover,size:n.menuIconSize},on:{click:function(e){n.typeTrans="HSVA",n.$emit("update:type","HSVA")}}})],1),n._v(" "),t("div",{},[t("WIcon",{staticStyle:{cursor:"pointer"},attrs:{icon:n.menuIconLump,color:"LUMP"===n.typeTrans?n.menuIconColorActive:n.menuIconColor,colorHover:"LUMP"===n.typeTrans?n.menuIconColorActive:n.menuIconColorHover,size:n.menuIconSize},on:{click:function(e){n.typeTrans="LUMP",n.$emit("update:type","LUMP")}}})],1),n._v(" "),n.hasEyeDropper?t("div",{},[t("WIcon",{class:{"icon-spinner":n.loadingEyeDropper},staticStyle:{cursor:"pointer"},attrs:{icon:n.loadingEyeDropper?n.mdiLoading:n.menuIconEyeDropper,color:n.loadingEyeDropper?n.menuIconColor:n.menuIconColorActive,colorHover:n.loadingEyeDropper?n.menuIconColor:n.menuIconColorActive,size:n.menuIconSize},on:{click:n.openEyeDropper}})],1):n._e(),n._v(" "),t("div",{style:"width:100%;"}),n._v(" "),t("div",{style:"display:flex; align-items:center;"},[t("div",{style:"display:flex; align-items:center; border:"+n.colorBlockBorderWidth+"px solid "+n.useColorBlockBorderColor+";"},[t("div",{style:"width:"+n.colorBlockSize+"px; min-width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; background:"+n.valueOri+";"}),n._v(" "),t("div",{style:"width:"+n.colorBlockSize+"px; min-width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; background:"+n.valueNew+";"})])])]),n._v(" "),t("div",{style:"padding:"+n.space+"px;"},[t("div",{staticStyle:{display:"flex"}},[t("WColorSelectPanel",{attrs:{type:n.typeTrans,size:n.size,space:0,backgroundColor:"transparent",menuIconLump:n.menuIconLump,menuIconHsva:n.menuIconHsva,menuIconColor:n.menuIconColor,menuIconColorHover:n.menuIconColorHover,menuIconColorActive:n.menuIconColorActive,menuIconSize:n.menuIconSize},model:{value:n.valueNew,callback:function(e){n.valueNew=e},expression:"valueNew"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("WColorSelectInput",{attrs:{size:Math.max(n.size-22,0),backgroundColor:"transparent",borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,menuBorderRadius:n.menuBorderRadius,menuBackgroundColor:n.menuBackgroundColor,menuBackgroundColorHover:n.menuBackgroundColorHover,menuBackgroundColorActive:n.menuBackgroundColorActive,menuTextColor:n.menuTextColor,menuTextColorHover:n.menuTextColorHover,menuTextColorActive:n.menuTextColorActive,menuTextFontSize:n.menuTextFontSize,inputBorderRadius:n.inputBorderRadius,inputBorderColor:n.inputBorderColor,inputBorderColorHover:n.inputBorderColorHover,inputBorderColorActive:n.inputBorderColorActive,inputBackgroundColor:n.inputBackgroundColor,inputBackgroundColorHover:n.inputBackgroundColorHover,inputBackgroundColorActive:n.inputBackgroundColorActive,inputTextColor:n.inputTextColor,inputTextFontSize:n.inputTextFontSize,inputTextWidth:n.inputTextWidth,inputTextHeight:n.inputTextHeight,inputLabelWidth:n.inputLabelWidth,inputLabelColor:n.inputLabelColor,inputLabelFontSize:n.inputLabelFontSize,barProgHeight:n.barProgHeight,barProgColor:n.barProgColor,barProgBackgroundColor:n.barProgBackgroundColor,barSliderSize:n.barSliderSize,barSliderBackgroundColor:n.barSliderBackgroundColor,barSliderBackgroundColorHover:n.barSliderBackgroundColorHover},model:{value:n.valueNew,callback:function(e){n.valueNew=e},expression:"valueNew"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{"text-align":"right"}},[t("WButtonChip",{attrs:{text:n.btnText,rippleColor:n.btnRippleColor,paddingStyle:n.btnPaddingStyle,textColor:n.btnTextColor,textColorHover:n.btnTextColorHover,textColorActive:n.btnTextColorActive,textFontSize:n.btnTextFontSize,borderRadius:n.btnBorderRadius,_borderColor:"btnBorderColor",_borderColorHover:"btnBorderColorHover",_borderColorActive:"btnBorderColorActive",backgroundColor:n.btnBackgroundColor,backgroundColorHover:n.btnBackgroundColorHover,backgroundColorActive:n.btnBackgroundColorActive,shadow:n.btnShadow},on:{click:n.clickColor}})],1)])])]},proxy:!0}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}})};kf._withStripped=!0;const Tf=t({render:kf,staticRenderFns:[]},function(n){n&&n("data-v-22362aac_0",{source:"\n.icon-spinner[data-v-22362aac] {\r\n    animation: spin-animation-data-v-22362aac 1.5s infinite;\r\n    display: inline-block;\n}\n@keyframes spin-animation-data-v-22362aac {\n0% {\r\n        transform: rotate(0deg);\n}\n100% {\r\n        transform: rotate(359deg);\n}\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WColorSelect.vue"],names:[],mappings:";AA2yBA;IACA,uDAAA;IACA,qBAAA;AACA;AACA;AACA;QACA,uBAAA;AACA;AACA;QACA,yBAAA;AACA;AACA",file:"WColorSelect.vue",sourcesContent:["<template>\r\n    <WPopup\r\n        :minWidth=\"null\"\r\n        :maxWidth=\"null\"\r\n        :autoFitMinWidth=\"false\"\r\n        :autoFitMaxWidth=\"false\"\r\n        :placementDistY=\"popupPlacementDist\"\r\n        :editable=\"editable\"\r\n        :labelContent=\"labelContent\"\r\n        :cmpZIndex=\"cmpZIndex\"\r\n        v-model=\"show\"\r\n        :changeValue=\"changeValue\"\r\n        :changeType=\"changeType\"\r\n        @placement-change=\"onPlacementChange\"\r\n    >\r\n\r\n        <template v-slot:trigger>\r\n\r\n            <div style=\"\">\r\n                \x3c!-- 盡量不要讓display:flex暴露至外層 --\x3e\r\n                <div :style=\"`display:flex; align-items:center; ${editable?'cursor:pointer;':''} outline:none;`\">\r\n\r\n                    <div :style=\"`border:${colorBlockBorderWidth}px solid ${useColorBlockBorderColor}; width:${colorBlockSize}px; height:${colorBlockSize}px; box-sizing:border-box; background:${valueOri};`\"></div>\r\n\r\n                    <template v-if=\"showColorText\">\r\n\r\n                        <div :style=\"`padding-left:5px;`\"></div>\r\n\r\n                        <div :style=\"`font-size:${colorTextFontSize}; color:${useColorTextColor};`\">\r\n                            {{valueOri}}\r\n                        </div>\r\n\r\n                    </template>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </template>\r\n\r\n        <template v-slot:content>\r\n\r\n            <div\r\n                ref=\"ct\"\r\n                :style=\"`background:${usePanelBackgroundColor}; ${usePanelOverflowAndHeight}`\"\r\n                v-domresize\r\n                @domresize=\"resizeContent\"\r\n            >\r\n\r\n                \x3c!-- 上方選單區 --\x3e\r\n                <div :style=\"`display:flex; padding:${space}px; border-bottom:1px solid ${useBorderColor}; background:${useToolBackgroundColor};`\">\r\n\r\n                    <div style=\"\">\r\n                        <WIcon\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"menuIconHsva\"\r\n                            :color=\"typeTrans==='HSVA'?menuIconColorActive:menuIconColor\"\r\n                            :colorHover=\"typeTrans==='HSVA'?menuIconColorActive:menuIconColorHover\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"typeTrans='HSVA';$emit('update:type','HSVA')\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div style=\"\">\r\n                        <WIcon\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"menuIconLump\"\r\n                            :color=\"typeTrans==='LUMP'?menuIconColorActive:menuIconColor\"\r\n                            :colorHover=\"typeTrans==='LUMP'?menuIconColorActive:menuIconColorHover\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"typeTrans='LUMP';$emit('update:type','LUMP')\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div style=\"\" v-if=\"hasEyeDropper\">\r\n                        <WIcon\r\n                            :class=\"{'icon-spinner':loadingEyeDropper}\"\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"loadingEyeDropper?mdiLoading:menuIconEyeDropper\"\r\n                            :color=\"loadingEyeDropper?menuIconColor:menuIconColorActive\"\r\n                            :colorHover=\"loadingEyeDropper?menuIconColor:menuIconColorActive\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"openEyeDropper\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div :style=\"`width:100%;`\"></div>\r\n\r\n                    <div\r\n                        :style=\"`display:flex; align-items:center;`\"\r\n                    >\r\n\r\n                        <div :style=\"`display:flex; align-items:center; border:${colorBlockBorderWidth}px solid ${useColorBlockBorderColor};`\">\r\n\r\n                            <div :style=\"`width:${colorBlockSize}px; min-width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueOri};`\"></div>\r\n\r\n                            <div :style=\"`width:${colorBlockSize}px; min-width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueNew};`\"></div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div :style=\"`padding:${space}px;`\">\r\n\r\n                    \x3c!-- 顏色選擇區 --\x3e\r\n                    <div\r\n                        style=\"display:flex;\"\r\n                    >\r\n                        <WColorSelectPanel\r\n                            :type=\"typeTrans\"\r\n                            :size=\"size\"\r\n                            :space=\"0\"\r\n                            :backgroundColor=\"'transparent'\"\r\n                            :menuIconLump=\"menuIconLump\"\r\n                            :menuIconHsva=\"menuIconHsva\"\r\n                            :menuIconColor=\"menuIconColor\"\r\n                            :menuIconColorHover=\"menuIconColorHover\"\r\n                            :menuIconColorActive=\"menuIconColorActive\"\r\n                            :menuIconSize=\"menuIconSize\"\r\n                            v-model=\"valueNew\"\r\n                        ></WColorSelectPanel>\r\n                    </div>\r\n\r\n                    <div :style=\"`height:${space}px;`\"></div>\r\n\r\n                    \x3c!-- 顏色數值區 --\x3e\r\n                    <div\r\n                        style=\"display:flex;\"\r\n                    >\r\n                        <WColorSelectInput\r\n                            :size=\"Math.max(size-22,0)\"\r\n                            :backgroundColor=\"'transparent'\"\r\n                            :borderColor=\"borderColor\"\r\n                            :borderColorHover=\"borderColorHover\"\r\n                            :borderColorActive=\"borderColorActive\"\r\n                            :menuBorderRadius=\"menuBorderRadius\"\r\n                            :menuBackgroundColor=\"menuBackgroundColor\"\r\n                            :menuBackgroundColorHover=\"menuBackgroundColorHover\"\r\n                            :menuBackgroundColorActive=\"menuBackgroundColorActive\"\r\n                            :menuTextColor=\"menuTextColor\"\r\n                            :menuTextColorHover=\"menuTextColorHover\"\r\n                            :menuTextColorActive=\"menuTextColorActive\"\r\n                            :menuTextFontSize=\"menuTextFontSize\"\r\n                            :inputBorderRadius=\"inputBorderRadius\"\r\n                            :inputBorderColor=\"inputBorderColor\"\r\n                            :inputBorderColorHover=\"inputBorderColorHover\"\r\n                            :inputBorderColorActive=\"inputBorderColorActive\"\r\n                            :inputBackgroundColor=\"inputBackgroundColor\"\r\n                            :inputBackgroundColorHover=\"inputBackgroundColorHover\"\r\n                            :inputBackgroundColorActive=\"inputBackgroundColorActive\"\r\n                            :inputTextColor=\"inputTextColor\"\r\n                            :inputTextFontSize=\"inputTextFontSize\"\r\n                            :inputTextWidth=\"inputTextWidth\"\r\n                            :inputTextHeight=\"inputTextHeight\"\r\n                            :inputLabelWidth=\"inputLabelWidth\"\r\n                            :inputLabelColor=\"inputLabelColor\"\r\n                            :inputLabelFontSize=\"inputLabelFontSize\"\r\n                            :barProgHeight=\"barProgHeight\"\r\n                            :barProgColor=\"barProgColor\"\r\n                            :barProgBackgroundColor=\"barProgBackgroundColor\"\r\n                            :barSliderSize=\"barSliderSize\"\r\n                            :barSliderBackgroundColor=\"barSliderBackgroundColor\"\r\n                            :barSliderBackgroundColorHover=\"barSliderBackgroundColorHover\"\r\n                            v-model=\"valueNew\"\r\n                        ></WColorSelectInput>\r\n                    </div>\r\n\r\n                    <div :style=\"`height:${space}px;`\"></div>\r\n\r\n                    \x3c!-- 確認按鈕區 --\x3e\r\n                    <div style=\"text-align:right;\">\r\n\r\n                        <WButtonChip\r\n                            :text=\"btnText\"\r\n                            :rippleColor=\"btnRippleColor\"\r\n                            :paddingStyle=\"btnPaddingStyle\"\r\n                            :textColor=\"btnTextColor\"\r\n                            :textColorHover=\"btnTextColorHover\"\r\n                            :textColorActive=\"btnTextColorActive\"\r\n                            :textFontSize=\"btnTextFontSize\"\r\n                            :borderRadius=\"btnBorderRadius\"\r\n                            _borderColor=\"btnBorderColor\"\r\n                            _borderColorHover=\"btnBorderColorHover\"\r\n                            _borderColorActive=\"btnBorderColorActive\"\r\n                            :backgroundColor=\"btnBackgroundColor\"\r\n                            :backgroundColorHover=\"btnBackgroundColorHover\"\r\n                            :backgroundColorActive=\"btnBackgroundColorActive\"\r\n                            :shadow=\"btnShadow\"\r\n                            @click=\"clickColor\"\r\n                        ></WButtonChip>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </WPopup>\r\n</template>\r\n\r\n<script>\r\nimport { mdiHexagonSlice6, mdiViewParallel, mdiEyedropper, mdiLoading } from '@mdi/js'\r\nimport get from 'lodash-es/get.js'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport domGetBoudRect from 'wsemi/src/domGetBoudRect.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WPopup from './WPopup.vue'\r\nimport WColorSelectPanel from './WColorSelectPanel.vue'\r\nimport WColorSelectInput from './WColorSelectInput.vue'\r\nimport WButtonChip from './WButtonChip.vue'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [value='#FFFFFF'] 輸入顏色字串，預設'#FFFFFF'\r\n * @vue-prop {String} [type='HSVA'] 輸入選擇顏色方式字串，可選'LUMP'、'HSVA'，預設'HSVA'\r\n * @vue-prop {Number} [size=200] 輸入尺寸數字，代表組件基礎寬度與將自動計算高度，單位px，預設200\r\n * @vue-prop {Number} [space=10] 輸入子組件間距數字，單位px，預設10\r\n * @vue-prop {Number} [colorBlockSize=20] 輸入色塊長與寬度數字，單位px，預設20\r\n * @vue-prop {Number} [colorBlockBorderWidth=1] 輸入色塊框線寬度數字，單位px，預設1\r\n * @vue-prop {String} [colorBlockBorderColor='#ddd'] 輸入色塊框線顏色字串，預設'#ddd'\r\n * @vue-prop {Boolean} [showColorText=true] 輸入是否顯示當前RGBA顏色文字布林值，預設true\r\n * @vue-prop {String} [colorTextColor='#000'] 輸入當前RGBA顏色文字顏色字串，預設'#000'\r\n * @vue-prop {String} [colorTextFontSize='0.8rem'] 輸入當前RGBA顏色文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {String} [panelBackgroundColor='#fff'] 輸入彈窗背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [toolBackgroundColor='#f5f5f5'] 輸入彈窗背景顏色字串，預設'#f5f5f5'\r\n * @vue-prop {String} [menuIconLump=mdiHexagonSlice6] 輸入選單LUMP模式圖標字串，預設mdiHexagonSlice6\r\n * @vue-prop {String} [menuIconHsva=mdiViewParallel] mdiViewParallel\r\n * @vue-prop {String} [menuIconEyeDropper=mdiEyedropper] 輸入取色滴管圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiEyedropper)\r\n * @vue-prop {String} [menuIconColor='#aaa'] 輸入選單圖標顏色字串，預設'#aaa'\r\n * @vue-prop {String} [menuIconColorHover='#999'] 輸入滑鼠移入時選單圖標顏色字串，預設'#999'\r\n * @vue-prop {String} [menuIconColorActive='#666'] 輸入主動模式時選單圖標顏色字串，預設'#666'\r\n * @vue-prop {Number} [menuIconSize=20] 輸入選單圖標尺寸數字，單位為px，預設20\r\n * @vue-prop {String} [borderColor='#ddd'] 輸入邊框顏色字串，預設'#ddd'\r\n * @vue-prop {String} [borderColorHover='#ccc'] 輸入滑鼠移入時邊框顏色字串，預設'#ccc'\r\n * @vue-prop {String} [borderColorActive='#777'] 輸入主動模式時邊框顏色字串，預設'#777'\r\n * @vue-prop {Number} [menuBorderRadius=4] 輸入框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [menuTextColor='#444'] 輸入選單文字顏色字串，預設'#444'\r\n * @vue-prop {String} [menuTextColorHover='#222'] 輸入滑鼠移入時選單文字顏色字串，預設'#222'\r\n * @vue-prop {String} [menuTextColorActive='#000'] 輸入主動模式時選單文字顏色字串，預設'#000'\r\n * @vue-prop {String} [menuTextFontSize='0.8rem'] 輸入選單文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {String} [menuBackgroundColor='#fff'] 輸入選單背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [menuBackgroundColorHover='#f9f9f9'] 輸入滑鼠移入時選單背景顏色字串，預設'#f9f9f9'\r\n * @vue-prop {String} [menuBackgroundColorActive='#f2f2f2'] 輸入主動模式時選單背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {Number} [inputBorderRadius=4] 輸入顏色數字輸入區邊框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [inputBorderColor='#ccc'] 輸入顏色數字輸入區邊框顏色字串，預設'#ccc'\r\n * @vue-prop {String} [inputBorderColorHover='#b5b5b5'] 輸入滑鼠移入時顏色數字輸入區邊框顏色字串，預設'#b5b5b5'\r\n * @vue-prop {String} [inputBorderColorActive='#aaa'] 輸入主動模式時顏色數字輸入區邊框顏色字串，預設'#aaa'\r\n * @vue-prop {String} [inputBackgroundColor='#fff'] 輸入顏色數字輸入區背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [inputBackgroundColorHover='#fafafa'] 輸入滑鼠移入時顏色數字輸入區背景顏色字串，預設'#fafafa'\r\n * @vue-prop {String} [inputBackgroundColorActive='#f2f2f2'] 輸入主動模式時顏色數字輸入區背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {String} [inputTextColor='#000'] 輸入顏色數字輸入區文字顏色字串，預設'#000'\r\n * @vue-prop {String} [inputTextFontSize='0.8rem'] 輸入顏色數字輸入區文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [inputTextWidth=38] 輸入顏色數字輸入區寬度數字，單位為px，預設38\r\n * @vue-prop {Number} [inputTextHeight=18] 輸入顏色數字輸入區高度數字，單位為px，預設18\r\n * @vue-prop {Number} [inputLabelWidth=12] 輸入顏色數字輸入區標題寬度數字，單位為px，預設12\r\n * @vue-prop {String} [inputLabelColor='#666'] 輸入文字顏色字串，預設'#666'\r\n * @vue-prop {String} [inputLabelFontSize='0.8rem'] 輸入文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [barProgHeight=4] 輸入值域條高度數字，單位為px，預設4\r\n * @vue-prop {String} [barProgColor='#74a4d9'] 輸入值域條顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [barProgBackgroundColor='#eee'] 輸入值域條背景顏色字串，預設'#eee'\r\n * @vue-prop {Number} [barSliderSize=10] 輸入拖曳球尺寸數字，單位為px，預設10\r\n * @vue-prop {String} [barSliderBackgroundColor='#1565C0'] 輸入拖曳球背景顏色字串，預設'#1565C0'\r\n * @vue-prop {String} [barSliderBackgroundColorHover='#1976D2'] 輸入滑鼠移入時拖曳球背景顏色字串，預設'#1976D2'\r\n * @vue-prop {Number} [popupPlacementDist=5] 輸入彈窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {String} [btnText='Confirm'] 輸入確認按鈕之文字字串，預設'Confirm'\r\n * @vue-prop {String} [btnRippleColor='rgba(255,255,255,0.4)'] 輸入確認按鈕之ripple效果顏色字串，預設'rgba(255,255,255,0.4)'\r\n * @vue-prop {Object} [btnPaddingStyle={v:1,h:5}] 輸入確認按鈕之內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5}\r\n * @vue-prop {String} [btnTextColor='#000'] 輸入確認按鈕之文字顏色字串，預設'#000'\r\n * @vue-prop {String} [btnTextColorHover='#222'] 輸入滑鼠移入時確認按鈕之文字顏色字串，預設'#222'\r\n * @vue-prop {String} [btnTextColorActive='#222'] 輸入主動模式時確認按鈕之文字顏色字串，預設'#222'\r\n * @vue-prop {String} [btnTextFontSize='0.8rem'] 輸入確認按鈕之文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [btnBorderRadius=4] 輸入確認按鈕之框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [btnBackgroundColor='rgb(241,241,241)'] 輸入確認按鈕之背景顏色字串，預設'rgb(241,241,241)'\r\n * @vue-prop {String} [btnBackgroundColorHover='rgb(236,236,236)'] 輸入滑鼠移入時確認按鈕之背景顏色字串，預設'rgb(236,236,236)'\r\n * @vue-prop {String} [btnBackgroundColorActive='rgb(236,236,236)'] 輸入主動模式時確認按鈕之背景顏色字串，預設'rgb(236,236,236)'\r\n * @vue-prop {Boolean} [btnShadow=true] 輸入確認按鈕之是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null\r\n * @vue-prop {Number} [cmpZIndex=2000] 輸入彈窗使用z-index之基準數字，實際z-index為本數字加上顯示順序層級，與WDialog共用同一層級池並同基準值，後顯示者z-index必大於先顯示者，預設2000\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WPopup,\r\n        WColorSelectPanel,\r\n        WColorSelectInput,\r\n        WButtonChip,\r\n        WIcon,\r\n    },\r\n    props: {\r\n        value: {\r\n            type: String,\r\n            default: '#FFFFFF',\r\n        },\r\n        type: {\r\n            type: String,\r\n            default: 'HSVA',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        colorBlockSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        colorBlockBorderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        colorBlockBorderColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        showColorText: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        colorTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        colorTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        panelBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        toolBackgroundColor: {\r\n            type: String,\r\n            default: '#f5f5f5',\r\n        },\r\n        menuIconLump: {\r\n            type: String,\r\n            default: mdiHexagonSlice6,\r\n        },\r\n        menuIconHsva: {\r\n            type: String,\r\n            default: mdiViewParallel,\r\n        },\r\n        menuIconEyeDropper: {\r\n            type: String,\r\n            default: mdiEyedropper,\r\n        },\r\n        menuIconColor: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        menuIconColorHover: {\r\n            type: String,\r\n            default: '#999',\r\n        },\r\n        menuIconColorActive: {\r\n            type: String,\r\n            default: '#666',\r\n        },\r\n        menuIconSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        borderColorActive: {\r\n            type: String,\r\n            default: '#777',\r\n        },\r\n        menuBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        menuTextColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        menuTextColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        menuTextColorActive: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        menuTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        menuBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        menuBackgroundColorHover: {\r\n            type: String,\r\n            default: '#f9f9f9',\r\n        },\r\n        menuBackgroundColorActive: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        inputBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        inputBorderColor: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        inputBorderColorHover: {\r\n            type: String,\r\n            default: '#b5b5b5',\r\n        },\r\n        inputBorderColorActive: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        inputBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        inputBackgroundColorHover: {\r\n            type: String,\r\n            default: '#fafafa',\r\n        },\r\n        inputBackgroundColorActive: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        inputTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        inputTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 38,\r\n        },\r\n        inputTextHeight: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        inputLabelWidth: {\r\n            type: Number,\r\n            default: 12,\r\n        },\r\n        inputLabelColor: {\r\n            type: String,\r\n            default: '#666',\r\n        },\r\n        inputLabelFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        barProgHeight: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        barProgColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        barProgBackgroundColor: {\r\n            type: String,\r\n            default: '#eee',\r\n        },\r\n        barSliderSize: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        barSliderBackgroundColor: {\r\n            type: String,\r\n            default: '#1565C0',\r\n        },\r\n        barSliderBackgroundColorHover: {\r\n            type: String,\r\n            default: '#1976D2',\r\n        },\r\n        popupPlacementDist: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        btnText: {\r\n            type: String,\r\n            default: 'Confirm',\r\n        },\r\n        btnRippleColor: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.4)',\r\n        },\r\n        btnPaddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 1,\r\n                    h: 5,\r\n                }\r\n            },\r\n        },\r\n        btnTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        btnTextColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        btnTextColorActive: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        btnTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        btnBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        btnBackgroundColor: {\r\n            type: String,\r\n            default: 'rgb(241,241,241)',\r\n        },\r\n        btnBackgroundColorHover: {\r\n            type: String,\r\n            default: 'rgb(236,236,236)',\r\n        },\r\n        btnBackgroundColorActive: {\r\n            type: String,\r\n            default: 'rgb(236,236,236)',\r\n        },\r\n        btnShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        labelContent: {\r\n            type: String,\r\n            default: null,\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 2000, //與WDialog之dialogZIndex同基準值, 因內部WPopup與其共用'dialog+popup'層級池\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            mdiLoading,\r\n\r\n            show: false,\r\n\r\n            typeTrans: 'HSVA',\r\n\r\n            loadingEyeDropper: false,\r\n\r\n            layoutShowScrollY: false,\r\n            layoutMinHeight: 300,\r\n            layoutMaxHeight: 300,\r\n\r\n            valueOri: null,\r\n            valueNew: null,\r\n            popperPlacement: null,\r\n\r\n        }\r\n    },\r\n    watch: {\r\n\r\n        show: function(b) {\r\n            let vo = this\r\n            if (b) {\r\n                //以最小高度顯示時, 讓Popper.js先決定方向\r\n                vo.popperPlacement = null\r\n                vo.layoutShowScrollY = true\r\n                vo.layoutMaxHeight = vo.layoutMinHeight\r\n                // 等 Popper.js 定位完成後重算可用空間\r\n                vo.$nextTick(() => {\r\n                    vo.$nextTick(() => {\r\n                        vo.adjustMaxHeight()\r\n                    })\r\n                })\r\n            }\r\n            else {\r\n                //收合時還原待選顏色, 避免未經確認鈕提交之顏色殘留至下次展開\r\n                vo.valueNew = vo.valueOri\r\n            }\r\n        },\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function() {\r\n            let vo = this\r\n            vo.valueOri = convertColor(vo.value)\r\n            vo.valueNew = vo.valueOri\r\n            return ''\r\n        },\r\n\r\n        changeType: function() {\r\n            let vo = this\r\n            vo.typeTrans = vo.type\r\n            return ''\r\n        },\r\n\r\n        hasEyeDropper: function() {\r\n            // let vo = this\r\n            let b = isfun(window.EyeDropper)\r\n            // console.log('window.EyeDropper', window.EyeDropper)\r\n            return b\r\n        },\r\n\r\n        useColorBlockBorderColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.colorBlockBorderColor)\r\n        },\r\n\r\n        useColorTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.colorTextColor)\r\n        },\r\n\r\n        usePanelBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.panelBackgroundColor)\r\n        },\r\n\r\n        useToolBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.toolBackgroundColor)\r\n        },\r\n\r\n        useBorderColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.borderColor)\r\n        },\r\n\r\n        usePanelOverflowAndHeight: function() {\r\n            let vo = this\r\n            let of = `overflow-y:auto; min-height:${vo.layoutMinHeight}px;`\r\n            if (vo.layoutShowScrollY) {\r\n                of += `max-height:${vo.layoutMaxHeight}px;`\r\n            }\r\n            return of\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizeContent: function(msg) {\r\n            // console.log('methods resizeContent', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            //adjustMaxHeight\r\n            vo.adjustMaxHeight()\r\n\r\n        },\r\n\r\n        onPlacementChange: function(placement) {\r\n            let vo = this\r\n            vo.popperPlacement = placement\r\n            vo.adjustMaxHeight()\r\n        },\r\n\r\n        adjustMaxHeight: function() {\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            try {\r\n\r\n                //ct\r\n                let ct = vo.$refs.ct\r\n                if (!ct) {\r\n                    return\r\n                }\r\n\r\n                //windowHeight\r\n                let h = window.innerHeight\r\n\r\n                //placement\r\n                let placement = vo.popperPlacement\r\n\r\n                //Popper.js尚未定位完成, 保持初始限制高度\r\n                if (!placement) {\r\n                    return\r\n                }\r\n\r\n                //rt\r\n                let rt = domGetBoudRect(ct)\r\n\r\n                //hc, 實際內容高度\r\n                let hc = ct.scrollHeight\r\n\r\n                //根據方向計算可用空間\r\n                let margin = 30\r\n                let hca\r\n                if (placement.startsWith('top')) {\r\n                    //彈窗在上方, 底部對齊觸發元素往上延伸\r\n                    hca = rt.bottom - margin\r\n                }\r\n                else {\r\n                    //預設彈窗在下方, 頂部對齊觸發元素下方往下延伸\r\n                    hca = h - rt.top - margin\r\n                }\r\n\r\n                //layoutShowScrollYNew\r\n                let layoutShowScrollYNew = hc > hca\r\n\r\n                //layoutMaxHeightNew\r\n                let layoutMaxHeightNew = Math.max(hca, vo.layoutMinHeight)\r\n\r\n                //check, 避免微小的數值抖動導致迴圈\r\n                if (layoutShowScrollYNew === vo.layoutShowScrollY && Math.abs(layoutMaxHeightNew - vo.layoutMaxHeight) < 2) {\r\n                    return\r\n                }\r\n\r\n                //layoutShowScrollY\r\n                vo.layoutShowScrollY = layoutShowScrollYNew\r\n                // console.log('layoutShowScrollY', vo.layoutShowScrollY)\r\n\r\n                //layoutMaxHeight\r\n                vo.layoutMaxHeight = layoutMaxHeightNew\r\n                // console.log('layoutMaxHeight', vo.layoutMaxHeight)\r\n\r\n            }\r\n            catch (err) {}\r\n\r\n        },\r\n\r\n        openEyeDropper: function() {\r\n            // console.log('methods openEyeDropper')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.hasEyeDropper) {\r\n                return\r\n            }\r\n\r\n            vo.loadingEyeDropper = true\r\n\r\n            let eyeDropper = new window.EyeDropper()\r\n            eyeDropper\r\n                .open()\r\n                .then((res) => {\r\n                    // console.log('res', res)\r\n                    let hex = get(res, 'sRGBHex', '#fff')\r\n                    vo.valueNew = hex\r\n                })\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n                .finally(() => {\r\n                    vo.loadingEyeDropper = false\r\n                })\r\n\r\n        },\r\n\r\n        clickColor: function() {\r\n            // console.log('methods clickColor')\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            //emit\r\n            vo.$emit('input', vo.valueNew)\r\n\r\n            //hide\r\n            vo.show = false\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.icon-spinner {\r\n    animation: spin-animation 1.5s infinite;\r\n    display: inline-block;\r\n}\r\n@keyframes spin-animation {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n    100% {\r\n        transform: rotate(359deg);\r\n    }\r\n}\r\n</style>\r\n"]},media:void 0})},If,"data-v-22362aac",false,void 0,!1,o,void 0,void 0);var Bf={directives:{domresize:Hl()},components:{WButtonCircle:as,WIcon:vd},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:mn,mmkey:Uo(),zind:0,mdiCheckCircle:Rl,mdiClose:Gl,mdiCheckerboard:Nl,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,mousedownOutside:!1,resizeMsgTemp:null}},beforeDestroy:function(){Hd.destroyLevel("dialog+popup",this.mmkey)},computed:{changeParam:function(){let n=this;return n.showTrans=n.show,n.showTrans?(n.zind=Hd.getLevel("dialog+popup",n.mmkey),n.showPanel()):Hd.destroyLevel("dialog+popup",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:Nl},useRatioHeight:function(){let n=this;return n.useFullscreen?1:n.ratioHeightMax},useWidth:function(){let n=this;return n.useFullscreen?"width:100svw; max-width:100svw;":`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}svh;`,n},useOverlayColor:function(){return wo(this.overlayColor)},usePanelShadowStyle:function(){return this.panelShadow?`box-shadow:${He(this.panelShadowStyle,";","")};`:""},useTitleFontSize:function(){let n=this.titleFontSize;return n=He(n,";",""),`font-size:${n};`},useTitleColor:function(){return wo(this.titleColor)},useHeaderBackgroundColor:function(){return wo(this.headerBackgroundColor)},useHeaderShadowStyle:function(){return this.headerShadow?`box-shadow:${He(this.headerShadowStyle,";","")};`:""},useContentTextColor:function(){return wo(this.contentTextColor)},useContentBackgroundColor:function(){return wo(this.contentBackgroundColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=mn(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;`,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};Vi(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick(()=>{e.$emit("resize",Sl(t))}))},updateTitleWidth:function(n){let e=this,t=mn(e,"$refs.hdIcon.clientWidth",0),r=mn(e,"$refs.hdStl.clientWidth",0),o=mn(e,"$refs.hdStr.clientWidth",0),i=mn(e,"$refs.hdBtns.clientWidth",0),l=e.panelWidth-2*e.headSpace-t-r-o-i;l=Math.max(l,0),e.titleWidth=l},mousedownOverlay:function(n){let e=this,t=!1;try{t=e.$refs.divPanel.contains(n.target)}catch(n){}if(!t)try{t=Ad(n.clientX,n.clientY,e.$refs.divPanel)}catch(n){}e.mousedownOutside=!t},clickOutside:function(n){let e=this;if(!0!==e.mousedownOutside)return;let t=!1;try{t=!e.$refs.divPanel.contains(n.target)}catch(n){}if(t)try{t=!Ad(n.clientX,n.clientY,e.$refs.divPanel)}catch(n){}if(t)if(e.useIsModal){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)}else e.$nextTick(()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)})},clickBtns:function(n){let e=this;e.$nextTick(()=>{e.$emit("click-btns",Sl(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=wn();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 Hf=Bf;var Af=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:100svw; height:100svh;\n            overflow:clip;\n            z-index:"+n.useDialogZIndex+";\n            overscroll-behavior:none;\n            user-select:none;\n            touch-action:none;\n        "},[t("div",{style:"\n                width:100svw; height:100svh;\n            "},[t("div",{ref:"divOverlay",style:"\n                    position:sticky; left:0px; top:0px;\n                    width:100svw; height:100svh;\n                    display:flex; align-items:center; justify-content:center;\n                    "+n.overlayStyleShow+"\n                    background:"+n.useOverlayColor+";\n                ",attrs:{tabindex:"0"},on:{mousedown:n.mousedownOverlay,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:table;\n                                        padding:0px "+n.headSpace+"px;\n                                        height:"+n.headerHeight+"px; max-height:"+n.headerHeight+"px;\n                                    ",on:{domresize:n.resizeHead}},[t("div",{ref:"hdIcon",staticStyle:{"padding-right":"10px",display:"table-cell","vertical-align":"middle"}},[t("WIcon",{attrs:{icon:n.useHeaderIcon,color:n.headerIconColor,colorHover:n.headerIconColor}})],1),n._v(" "),t("div",{ref:"hdTitleAndStl",staticStyle:{width:"100%",display:"table-cell","vertical-align":"middle"}},[t("div",{style:"display:flex; align-items:center;"},[t("div",{style:"max-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",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("header-right")],2)]),n._v(" "),t("div",{ref:"hdBtns",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{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()])};Af._withStripped=!0;const Wf=t({render:Af,staticRenderFns:[]},function(n){n&&n("data-v-577c6395_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",map:{version:3,sources:[],names:[],mappings:"",file:"WDialog.vue"},media:void 0})},Hf,"data-v-577c6395",false,void 0,!1,o,void 0,void 0);const Ff={components:{WButtonChip:rs,WIcon:vd,WDialog:Wf},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:Xl},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:40},hasNoBtn:{type:Boolean,default:!0},noBtnText:{type:String,default:"Cancel"},noBtnTextColor:{type:String,default:"#444"},noBtnTextColorHover:{type:String,default:"#444"},noBtnBackgroundColor:{type:String,default:"#fff"},noBtnBackgroundColorHover:{type:String,default:"#f2f2f2"},yesBtnText:{type:String,default:"Yes"},yesBtnTextColor:{type:String,default:"#fff"},yesBtnTextColorHover:{type:String,default:"#fff"},yesBtnBackgroundColor:{type:String,default:"#f15"},yesBtnBackgroundColorHover:{type:String,default:"#f26"},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:Xl,mdiCheckboxMarkedCircle:Ll,mdiCloseCircle:Ml,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderStyle:function(){let n={padding:"15px 20px"};return n["background-color"]=wo(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n["font-size"]="1.2rem",n.color=wo(this.titleColor),n},useContentStyle:function(){let n={padding:"20px 15px"};return n["background-color"]=wo(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=wo(this.contentColor),n["overflow-y"]="auto",n["box-sizing"]="border-box",n},useFooterStyle:function(){let n={padding:"15px"};return n["background-color"]=wo(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)})}}};var Zf=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,colorHover: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":"10px"},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":"10px"},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)})};Zf._withStripped=!0;const Xf=t({render:Zf,staticRenderFns:[]},function(n){n&&n("data-v-4749d6ce_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",map:{version:3,sources:[],names:[],mappings:"",file:"WConfirm.vue"},media:void 0})},Ff,"data-v-4749d6ce",false,void 0,!1,o,void 0,void 0);function zf(){let n=br();return{width:(()=>{let e=[mn(n,"innerWidth"),mn(n,"document.documentElement.clientWidth"),mn(n,"document.body.clientWidth")];return e=Zo(e,Wo),Is(e)})(),height:(()=>{let e=[mn(n,"innerHeight"),mn(n,"document.documentElement.clientHeight"),mn(n,"document.body.clientHeight")];return e=Zo(e,Wo),Is(e)})()}}function Rf(n,e,t={}){let r=mn(t,"getHeighRatio",null);Te(r)||(r=()=>1);let o=mn(t,"getWidthRatio",null);Te(o)||(o=()=>1);let i=mn(t,"stopScrollPropagationForPanel",null);In(i)||(i=!1);let l=mn(t,"stopTouchDragPropagationForPanel",null);In(l)||(l=!1);let a=mn(t,"useTouchDragForPanel",null);In(a)||(a=!0);let d=n,u=e,s=wi(),c="",p={touchstart:!1,touchend:!1,mouseup:!1},f=[];function h(n,e,t,r){n.addEventListener(e,t,r),f.push({target:n,type:e,fun:t,options:r})}function g(n){return n>0?1:n<0?-1:0}function m(n){let e=mn(n,"target",null);return!!e&&(e===u||Te(u.contains)&&u.contains(e))}function v(n){return"bar"===c?{clientY:n.clientY,clientX:n.clientX,pointerType:n.pointerType}:{clientY:-n.clientY*r(),clientX:-n.clientX*o(),pointerType:n.pointerType}}let y=gs([u,d],{canPress:n=>!!m(n)||!!a&&!function(n){let e=mn(n,"pointerType","");return"touch"!==e&&"pen"!==e}(n),eleTouchMove:a?[u,d]:u,cancelTouchMove:()=>"bar"===c||"panel"===c&&l});return y.on("press",n=>{c=m(n.event)?"bar":"panel",p.touchstart="panel"===c&&l&&"touch"===n.pointerType,p.touchend=!1,p.mouseup=!1,s.emit("pressBar",v(n))}),y.on("drag",n=>{s.emit("dragBar",v(n))}),y.on("free",n=>{let e=c;c="";let t="up"===n.reason||"cancel"===n.reason;p.touchstart=!1,p.touchend="panel"===e&&l&&t&&"touch"===n.pointerType,p.mouseup=""!==e&&i&&t&&"touch"!==n.pointerType,s.emit("freeBar")}),function(){if(a&&l){h(d,"touchstart",n=>{p.touchstart&&(p.touchstart=!1,ld(n))});let n=n=>{p.touchend&&(p.touchend=!1,ld(n))};h(d,"touchend",n),h(d,"touchcancel",n)}i&&h(window,"mouseup",n=>{p.mouseup&&(p.mouseup=!1,ld(n))}),h(d,"wheel",n=>{i&&ld(n),s.emit("scrollPanel",{ratioY:g(n.deltaY),ratioX:g(n.deltaX)})})}(),s.clear=function(){y.clear(),c="",p.touchstart=!1,p.touchend=!1,p.mouseup=!1;for(let n of f)n.target.removeEventListener(n.type,n.fun,n.options);f=[]},s}function Pf(n,e,t=[],r={}){let o=r.funSettle,i=r.tag||"evem",l=(e,...t)=>n.emit(e,...t);Te(r.funEmit)&&(l=r.funEmit);try{return l(e,...t)}catch(r){if(Te(o))try{o(r)}catch(n){}try{"error"!==e&&n.listenerCount("error")>0?l("error",{fun:"listener",name:e,msg:r,args:t}):console.error(`[wsemi ${i}] listener of '${String(e)}' threw:`,r)}catch(n){try{console.error(`[wsemi ${i}] listener of '${String(e)}' threw, and reporting it also threw:`,n,r)}catch(n){}}return!1}}function Vf(n,e={}){let t=mn(e,"tag","detector"),r=wi();r.error=mn(e,"error",null);let o="idle",i=[],l=()=>{let n=i;i=[];for(let e=n.length-1;e>=0;e--)try{n[e]()}catch(n){}},a=n=>{if(Te(n))if("disposed"!==o)i.push(n);else try{n()}catch(n){}},d=(n,e)=>{"running"===o&&Pf(r,n,[e],{tag:t})};return r.create=()=>{"idle"===o&&(o="pending",Te(n)&&Promise.resolve().then(()=>{if("pending"===o){o="running";try{n(d,a)}catch(n){r.error=n,o="disposed",l()}}}))},r.dispose=()=>(o="disposed",l(),!0),r}let Lf={getMode:function(n){return"event"===mn(n,"mode","")?"event":"promise"},detectorEvent:Vf,detectorFail:function(n,e){return"event"===n?Vf(null,{error:e}):Promise.reject(e)}};let Nf=["tolerance","timeDiff","timeDetect"];function Df(n,e,t){let r=function(n,e={}){let t=Lf.getMode(e);if(!li(n))return Lf.detectorFail(t,"invalid element");if(!Te(n.getBoundingClientRect))return Lf.detectorFail(t,"invalid element.getBoundingClientRect");let r=ki(e,"tolerance",0,{min:0,inf:"keep"}),o=ki(e,"timeDiff",100,{min:0,below:"clamp",timer:!0}),i=ki(e,"timeDetect",50,{min:0,minOpen:!0,timer:!0}),l=()=>{let e=n.getBoundingClientRect();return{x:e.left,y:e.top,w:e.width,h:e.height}},a=(n,e)=>!!n&&!!e&&Math.abs(n.x-e.x)<=r&&Math.abs(n.y-e.y)<=r&&Math.abs(n.w-e.w)<=r&&Math.abs(n.h-e.h)<=r,d=n=>{try{return"running"===n.playState&&Number.isFinite(n.effect.getTiming().iterations)}catch(n){return!1}},u=()=>{try{return n.getAnimations({subtree:!0}).filter(d)}catch(n){return[]}},s=async()=>{let n=wn();try{let e=l();await cr(o);let t=l(),r=u(),i=r.length;await Promise.allSettled(r.map(n=>n.finished));let d=u().length,s=l(),c=a(e,t)&&a(e,s)&&0===i&&0===d;n.resolve(c)}catch(e){n.reject(e)}return n};return"promise"===t?s():Lf.detectorEvent((n,e)=>{let t=!1,r=!1,o=!1,l=null;e(()=>{t=!0,clearInterval(l)});let a=()=>{t||r||(r=!0,s().then(e=>{o!==e&&(o=e,n("stable",e))}).catch(()=>{}).finally(()=>{r=!1}))};l=setInterval(a,i),a()},{tag:"domIsStable"})}(n,{...e,mode:"event"});return r.on("stable",n=>{t(n)}),r.create(),{clear:()=>{r.dispose()}}}var Gf={directives:{domresize:Hl(),domstable:Il({name:"domstable",attr:"ev-stable",keys:Nf,create:Df})},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},autoSwitchToHide:{type:Boolean,default:!1},autoSwitchToShow:{type:Boolean,default:!1},autoSwitchToFloat:{type:Boolean,default:!1},autoSwitchToFix:{type:Boolean,default:!1},switchWidth:{type:Number,default:340}},data:function(){return{panelWidth:0,panelHeight:0,das:null,state:"hidden",valueTrans:!1,dragging:!1,drawerWidthTrans:200,afloatTrans:!1,drawerStable:!0,drawerTransitionDone:!1,hdDrawerTransition:null,timerAni1Basic:null,showAni1Basic:!1,effAni1Basic:!1,timerAni2Detect:null,showAni2Detect:!1,timerAni3Shadow:null,showAni3Shadow:!1,timerAni4Translate:null,effAni4Translate:!1,timerAni5DragDrawerBar:null,showAni5DragDrawerBar:!1,timerAni6State:null,tagStateNow:""}},mounted:function(){let n=this,e=Rf(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),e.on("pressBar",()=>{n.dragging=!0}),e.on("freeBar",()=>{setTimeout(()=>{n.dragging=!1},1)}),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear(),n.unwatchDrawerTransition()},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,""},changeAfloat:function(){let n=this;return!0===n.___afloatFromAuto___&&!0===n.afloat||(n.___afloatFromAuto___=!1),n.afloatTrans=n.afloat,""},useDrawerWidthTrans:function(){let n=this;n.___drawerWidthTrans___=n.drawerWidthTrans,n.___panelWidth___=n.panelWidth;let e=n.getPanelEffWidth(),t=null;return t=Wo(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.afloatTrans?0:this.useDrawerWidthTrans:0},isAtLeft:function(){return"from-right"!==this.mode},useDrawerZIndex:function(){let n=this.drawerZIndex;return this.afloatTrans&&(n+=1),this.afloatByFix&&(n+=500),n},useAniColor:function(){return this.afloatTrans?wo(this.overlayColor):"transparent"},useAniPosition:function(){return this.afloatByFix?"fixed":"absolute"},useAniOpacity:function(){return this.afloatTrans&&this.effAni1Basic?this.overlayOpacity:0},useDrawerTranslateX:function(){if(this.effAni4Translate)return 0;return this.isAtLeft?-100:100},useDrawerDetectLoction:function(){return this.isAtLeft?"left:0px;":"right:0px;"},useDrawerDetectWidth:function(){return this.afloatTrans?"100%":`${this.useDrawerWidthTrans}px`},useDrawerClassShadow:function(){return this.afloatTrans&&this.showAni3Shadow?"bs":""},useDrawerBarWidth:function(){return this.drawerBarSize+2*this.drawerBarBorderSize},useDrawerBarSize:function(){return this.dragDrawerWidth?this.drawerBarSize:0},useDrawerBarColor:function(){return wo(this.drawerBarColor)},useDrawerBarBorderColor:function(){return wo(this.drawerBarBorderColor)},useNoTransStyle:function(){return this.dragging?"transition:none;":""}},methods:{resizePanel:function(n){let e=this;if(e.afloatByFix){let n=zf();e.panelWidth=n.width,e.panelHeight=n.height}else e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=e.switchWidth,r=mn(n,"smode.width","");e.autoSwitchToHide&&e.valueTrans&&"smaller"===r&&e.panelWidth<t&&(e.toggleValue(!1),e.$emit("input",!1)),e.autoSwitchToShow&&!e.valueTrans&&"larger"===r&&e.panelWidth>=t&&(e.toggleValue(!0),e.$emit("input",!0)),e.autoSwitchToFloat&&e.valueTrans&&!e.afloatTrans&&"smaller"===r&&e.panelWidth<t&&(e.___afloatFromAuto___=!0,e.afloatTrans=!0,e.$emit("update:afloat",!0)),e.autoSwitchToFix&&!0===e.___afloatFromAuto___&&e.afloatTrans&&"larger"===r&&e.panelWidth>=t&&(e.___afloatFromAuto___=!1,e.afloatTrans=!1,e.$emit("update:afloat",!1)),e.$emit("resize",n)},ckToggle:function(n,e){let t=this;if(!t.afloatTrans)return;if(t.dragging)return;let r=!1;try{r=!t.$refs.divDrawer.contains(n.target)}catch(n){}if(r)try{r=!Ad(n.clientX,n.clientY,t.$refs.divDrawer)}catch(n){}r&&(t.toggleValue(e),t.$emit("input",e))},toggleValue:async function(n){let e=this;await sr(()=>void 0!==e.$el,{attemptNum:800,timeInterval:250}),clearTimeout(e.timerAni1Basic),clearTimeout(e.timerAni2Detect),clearTimeout(e.timerAni3Shadow),clearTimeout(e.timerAni4Translate),clearTimeout(e.timerAni5DragDrawerBar),clearTimeout(e.timerAni6State),e.drawerStable=!1,e.watchDrawerTransition();let t,r=Uo();e.tagStateNow=r,n?(t=20,e.state="opening",e.showAni1Basic=!0,e.timerAni1Basic=setTimeout(()=>{e.effAni1Basic=!0},t),e.showAni2Detect=!0,e.showAni3Shadow=!0,e.timerAni4Translate=setTimeout(()=>{e.effAni4Translate=!0},t),e.timerAni5DragDrawerBar=setTimeout(()=>{e.showAni5DragDrawerBar=!0},300),e.timerAni6State=setTimeout(()=>{e.settleState("opened",t,r)},300)):(t=300,e.state="hiding",e.effAni1Basic=!1,e.timerAni1Basic=setTimeout(()=>{e.showAni1Basic=!1},t),e.timerAni2Detect=setTimeout(()=>{e.showAni2Detect=!1},t),e.timerAni3Shadow=setTimeout(()=>{e.showAni3Shadow=!1},t/2),e.effAni4Translate=!1,e.showAni5DragDrawerBar=!1,e.timerAni6State=setTimeout(()=>{e.settleState("hidden",t,r)},300))},watchDrawerTransition:function(){let n=this;n.unwatchDrawerTransition();let e=mn(n,"$refs.divDrawer",null);if(!e)return;n.drawerTransitionDone=!1;let t=t=>{t.target===e&&"transform"===t.propertyName&&(n.drawerTransitionDone=!0)};e.addEventListener("transitionend",t),e.addEventListener("transitioncancel",t),n.hdDrawerTransition={el:e,fn:t}},unwatchDrawerTransition:function(){let n=this.hdDrawerTransition;n&&(n.el.removeEventListener("transitionend",n.fn),n.el.removeEventListener("transitioncancel",n.fn),this.hdDrawerTransition=null)},settleState:function(n,e,t){let r=this,o=()=>{r.tagStateNow===t&&(r.unwatchDrawerTransition(),r.state=n)};sr(()=>!0===r.drawerTransitionDone||!0===r.drawerStable,{attemptNum:Math.ceil((e+1e3)/50),timeInterval:50}).then(o).catch(async()=>{let n=[];try{n=r.$refs.divDrawer.getAnimations().filter(n=>"transform"===n.transitionProperty)}catch(n){}n.length>0&&await Promise.race([Promise.allSettled(n.map(n=>n.finished)),new Promise(n=>setTimeout(n,3e3))]),o()})},getStableDrawer:function(n){this.drawerStable=n},getPanelBounding:function(){let n=this,e=null;if(n.afloatByFix){e={left:0,width:mn(zf(),"width")}}else{e=Te(mn(n,"$el.getBoundingClientRect"))?n.$el.getBoundingClientRect():{left:0,width:0}}return e},getPanelEffWidth:function(){let n=this,e=null;return e=n.afloatByFix?mn(zf(),"width"):mn(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();xn(e.drawerWidthMax)&&(i=Ot(e.drawerWidthMax));let l=0;xn(e.drawerWidthMin)&&(l=Ot(e.drawerWidthMin)),Wo(i)&&(o=Math.min(o,i)),Wo(l)&&(o=Math.max(o,l)),e.drawerWidthTrans=o,e.$emit("update:drawerWidth",o)}}};const Mf=Gf;var Yf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{state:n.state,changeValue:n.changeValue,changeDrawerWidth:n.changeDrawerWidth,changeAfloat:n.changeAfloat},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},[t("div",{staticStyle:{width:"100%",height:"100%",display:"flex",overflow:"hidden"}},[n.isAtLeft?t("div",{staticClass:"ts",style:n.useNoTransStyle+" 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:n.useNoTransStyle+" width:"+n.virtualZoneWidth+"px; min-width:"+n.virtualZoneWidth+"px;"})]),n._v(" "),n.showAni1Basic?t("div",{staticClass:"ts",style:"position:"+n.useAniPosition+"; "+n.useDrawerDetectLoction+" top:0px; bottom:0px; z-index:"+(n.useDrawerZIndex+1)+"; width:"+n.useDrawerDetectWidth+"; height:100%; opacity:"+n.useAniOpacity+"; background:"+n.useAniColor+";"}):n._e(),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.showAni2Detect,expression:"showAni2Detect"}],style:"position:"+n.useAniPosition+"; "+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",{directives:[{name:"domstable",rawName:"v-domstable"}],ref:"divDrawer",class:"ts "+n.useDrawerClassShadow,style:n.useNoTransStyle+" width:"+n.useDrawerWidthTrans+"px; height:100%; transform:translateX("+n.useDrawerTranslateX+"%);",on:{domstable:n.getStableDrawer}},[t("div",{staticClass:"ts",style:n.useNoTransStyle+" 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:n.useNoTransStyle+" 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.useAniPosition+"; 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+"; box-sizing:border-box; opacity:"+(n.showAni5DragDrawerBar?1:0)+"; cursor:col-resize; user-select:none; touch-action:none;"},[t("div",{style:"width:"+n.useDrawerBarSize+"px; height:100%; background:"+n.useDrawerBarColor+";"})])])])])])])])};Yf._withStripped=!0;const jf=t({render:Yf,staticRenderFns:[]},function(n){n&&n("data-v-55abd245_0",{source:"\n.ts[data-v-55abd245] {\r\n    transition:all 0.3s cubic-bezier(.25,.8,.5,1);\n}\n.bs[data-v-55abd245] {\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:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WDrawer.vue"],names:[],mappings:";AAo/BA;IACA,6CAAA;AACA;AACA;IACA,yHAAA;AACA",file:"WDrawer.vue",sourcesContent:["<template>\r\n    <div\r\n        :state=\"state\"\r\n        :changeValue=\"changeValue\"\r\n        :changeDrawerWidth=\"changeDrawerWidth\"\r\n        :changeAfloat=\"changeAfloat\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n    >\r\n\r\n        \x3c!-- 因拖曳寬度bar現放置於divPanel下並且浮動定位, 左右側之拖曳區會超出divPanel, 故須使用overflow:hidden --\x3e\r\n        <div\r\n            ref=\"divPanel\"\r\n            style=\"position:relative; width:100%; height:100%; overflow:hidden;\"\r\n        >\r\n\r\n            \x3c!-- 因右側抽屜會無法被內容區裁切遮蔽, 故須使用overflow:hidden --\x3e\r\n            <div style=\"width:100%; height:100%; display:flex; overflow:hidden;\">\r\n\r\n                \x3c!-- 撐開區, 需使用min-width避免被壓縮 --\x3e\r\n                <div\r\n                    class=\"ts\"\r\n                    :style=\"`${useNoTransStyle} width:${virtualZoneWidth}px; min-width:${virtualZoneWidth}px;`\"\r\n                    v-if=\"isAtLeft\"\r\n                ></div>\r\n\r\n                \x3c!-- 因內容區具有無法崩塌元素, 故也須使用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=\"`${useNoTransStyle} 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:${useAniPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+1}; width:${useDrawerDetectWidth}; height:100%; opacity:${useAniOpacity}; background:${useAniColor};`\"\r\n                v-if=\"showAni1Basic\"\r\n            >\r\n            </div>\r\n\r\n            \x3c!-- overlay關閉事件監聽層, 與隱藏內層之向外陰影 --\x3e\r\n            <div\r\n                :style=\"`position:${useAniPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+2}; width:${useDrawerDetectWidth}; height:100%;`\"\r\n                @click=\"(ev)=>{ckToggle(ev,false)}\"\r\n                v-show=\"showAni2Detect\"\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=\"`${useNoTransStyle} width:${useDrawerWidthTrans}px; height:100%; transform:translateX(${useDrawerTranslateX}%);`\"\r\n                        v-domstable\r\n                        @domstable=\"getStableDrawer\"\r\n                    >\r\n\r\n                        <div\r\n                            class=\"ts\"\r\n                            :style=\"`${useNoTransStyle} 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=\"`${useNoTransStyle} 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                            \x3c!-- 寬度內要含border, 故須box-sizing:border-box --\x3e\r\n                            <div\r\n                                ref=\"divBar\"\r\n                                :style=\"`position:${useAniPosition}; 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}; box-sizing:border-box; opacity:${showAni5DragDrawerBar?1:0}; cursor:col-resize; user-select:none; touch-action: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-es/get.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport genID from 'wsemi/src/genID.mjs'\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 waitFun from 'wsemi/src/waitFun.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domStable from '../js/domStable.mjs'\r\nimport convertColor from '../js/convertColor.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時浮在內容區上故不壓縮內容區寬度，搭配autoSwitchToFloat或autoSwitchToFix時會由組件改寫，建議使用.sync綁定，預設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 * @vue-prop {Boolean} [autoSwitchToHide=false] 輸入是否自動切換至隱藏布林值，當抽屜顯示時且組件寬度過小時則隱藏，預設false\r\n * @vue-prop {Boolean} [autoSwitchToShow=false] 輸入是否自動切換至顯示布林值，當抽屜隱藏時且組件寬度過大時則顯示，預設false\r\n * @vue-prop {Boolean} [autoSwitchToFloat=false] 輸入是否自動切換至浮動布林值，當抽屜顯示時且組件寬度過小時則浮動，預設false\r\n * @vue-prop {Boolean} [autoSwitchToFix=false] 輸入是否自動切換至佔版布林值，當抽屜為浮動時且組件寬度過大時則佔版，為autoSwitchToFloat之回程故須搭配其使用，僅回復由autoSwitchToFloat造成之浮動而不覆寫呼叫端以afloat明確指定之浮動，與Float不同之處為不論抽屜顯示與否皆會判斷，切換時發出update:afloat為false故建議afloat使用.sync綁定，另此處之Fix代表佔版(非浮動)，與afloatByFix之fixed定位無關，預設false\r\n * @vue-prop {Number} [switchWidth=340] 輸入當自動切換顯示、隱藏、浮動、佔版時判斷組件寬度過小之門檻寬度數字，變窄至小於此值時隱藏或浮動，變寬至大於等於此值時顯示或佔版，當afloatByFix為true時比較的是視窗可視寬度，單位為px，預設340\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        domstable: domStable(),\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        autoSwitchToHide: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoSwitchToShow: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoSwitchToFloat: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoSwitchToFix: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        switchWidth: {\r\n            type: Number,\r\n            default: 340,\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            state: 'hidden', //hidden, hiding, opened, opening\r\n\r\n            valueTrans: false,\r\n\r\n            dragging: false,\r\n\r\n            drawerWidthTrans: 200,\r\n            afloatTrans: false,\r\n\r\n            drawerStable: true,\r\n            drawerTransitionDone: false, //divDrawer自身transform過場是否已結束(transitionend或transitioncancel), 為落定state之主要訊號\r\n            hdDrawerTransition: null, //divDrawer過場事件監聽之handler, 供移除\r\n\r\n            timerAni1Basic: null,\r\n            showAni1Basic: false,\r\n            effAni1Basic: false,\r\n\r\n            timerAni2Detect: null,\r\n            showAni2Detect: false,\r\n            // effAni2Detect: false,\r\n\r\n            timerAni3Shadow: null,\r\n            showAni3Shadow: false,\r\n            // effAni3Shadow: false,\r\n\r\n            timerAni4Translate: null,\r\n            // showAni4Translate: false,\r\n            effAni4Translate: false,\r\n\r\n            timerAni5DragDrawerBar: null,\r\n            showAni5DragDrawerBar: false,\r\n\r\n            timerAni6State: null,\r\n            tagStateNow: '',\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.dragging = true\r\n        })\r\n        das.on('freeBar', () => {\r\n            setTimeout(() => { //因拖曳寬度bar現在位於overlay關閉事件監聽層之內, 故會優先觸發點擊事件後才冒泡出去, 導致放掉拖曳時會觸發點擊關閉事件, 故改採通過delay脫勾與上鎖機制避免關閉\r\n                // console.log('freeBar')\r\n                vo.dragging = 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        //unwatch\r\n        vo.unwatchDrawerTransition()\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        changeAfloat: function() {\r\n            let vo = this\r\n\r\n            //___afloatFromAuto___, 記錄當前浮動是否由autoSwitchToFloat所造成, 供autoSwitchToFix判斷可否自動恢復佔版\r\n            //刻意不宣告於data使其為非響應式, 否則本computed讀取後會成為依賴, 於autoSwitchToFloat寫入時被標髒而重算, 使afloatTrans被prop值覆寫\r\n            //afloat由外部改變(非自動浮動後經.sync之回寫)時視為呼叫端明確指定, 清除標記後autoSwitchToFix便不覆寫該指定\r\n            if (!(vo.___afloatFromAuto___ === true && vo.afloat === true)) {\r\n                vo.___afloatFromAuto___ = false\r\n            }\r\n\r\n            vo.afloatTrans = vo.afloat\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.afloatTrans) {\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.afloatTrans) {\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        useAniColor: function() {\r\n            if (!this.afloatTrans) {\r\n                return 'transparent'\r\n            }\r\n            return convertColor(this.overlayColor)\r\n        },\r\n\r\n        useAniPosition: function() {\r\n            return this.afloatByFix ? 'fixed' : 'absolute'\r\n        },\r\n\r\n        useAniOpacity: function() {\r\n            if (!this.afloatTrans) {\r\n                return 0\r\n            }\r\n            return this.effAni1Basic ? this.overlayOpacity : 0\r\n        },\r\n\r\n        useDrawerTranslateX: function() {\r\n            if (this.effAni4Translate) {\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.afloatTrans) {\r\n                return '100%'\r\n            }\r\n            return `${this.useDrawerWidthTrans}px`\r\n        },\r\n\r\n        useDrawerClassShadow: function() {\r\n            return this.afloatTrans && this.showAni3Shadow ? '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 convertColor(this.drawerBarColor)\r\n        },\r\n\r\n        useDrawerBarBorderColor: function() {\r\n            return convertColor(this.drawerBarBorderColor)\r\n        },\r\n\r\n        useNoTransStyle: function() {\r\n            let vo = this\r\n            //拖曳寬度bar時關閉寬度transition, 避免bar位置瞬間更新而抽屜邊緣慢動畫追趕造成的視覺錯位\r\n            return vo.dragging ? 'transition:none;' : ''\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            // console.log('vo.panelWidth', vo.panelWidth)\r\n            // console.log('vo.panelHeight', vo.panelHeight)\r\n\r\n            //wl\r\n            let wl = vo.switchWidth\r\n            // console.log('wl', wl)\r\n\r\n            //mw\r\n            let mw = get(msg, 'smode.width', '')\r\n\r\n            //autoSwitchToHide\r\n            if (vo.autoSwitchToHide) {\r\n                if (vo.valueTrans && mw === 'smaller' && vo.panelWidth < wl) { //已開啟抽屜且為變窄時才隱藏\r\n\r\n                    //toggleValue\r\n                    vo.toggleValue(false)\r\n\r\n                    //emit\r\n                    vo.$emit('input', false)\r\n\r\n                }\r\n            }\r\n\r\n            //autoSwitchToShow\r\n            if (vo.autoSwitchToShow) {\r\n                if (!vo.valueTrans && mw === 'larger' && vo.panelWidth >= wl) { //已隱藏抽屜且為變寬時才顯示\r\n\r\n                    //toggleValue\r\n                    vo.toggleValue(true)\r\n\r\n                    //emit\r\n                    vo.$emit('input', true)\r\n\r\n                }\r\n            }\r\n\r\n            //autoSwitchToFloat\r\n            if (vo.autoSwitchToFloat) {\r\n                if (vo.valueTrans && !vo.afloatTrans && mw === 'smaller' && vo.panelWidth < wl) { //已開啟抽屜且為佔版模式且為變窄時才浮動\r\n\r\n                    //save afloatTrans, 並標記此浮動為自動切換所造成, 供autoSwitchToFix回復\r\n                    vo.___afloatFromAuto___ = true\r\n                    vo.afloatTrans = true\r\n\r\n                    //emit\r\n                    vo.$emit('update:afloat', true)\r\n\r\n                }\r\n            }\r\n\r\n            //autoSwitchToFix\r\n            if (vo.autoSwitchToFix) {\r\n                //不檢核valueTrans, 因toggleValue不寫入valueTrans(唯一寫入處為changeValue), autoSwitchToShow於同輪發出input後valueTrans仍為舊值, 檢核會使抽屜自動顯示時無法同時恢復佔版\r\n                //僅回復由autoSwitchToFloat造成之浮動, 呼叫端以afloat明確指定之浮動不覆寫\r\n                if (vo.___afloatFromAuto___ === true && vo.afloatTrans && mw === 'larger' && vo.panelWidth >= wl) { //已為自動浮動且為變寬時才佔版\r\n\r\n                    //save afloatTrans\r\n                    vo.___afloatFromAuto___ = false\r\n                    vo.afloatTrans = false\r\n\r\n                    //emit\r\n                    vo.$emit('update:afloat', false)\r\n\r\n                }\r\n            }\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.afloatTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 上鎖時禁止觸發\r\n            if (vo.dragging) {\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: async function (value) {\r\n            // console.log('methods toggleValue', value)\r\n\r\n            let vo = this\r\n\r\n            //wait $el\r\n            await waitFun(() => {\r\n                return vo.$el !== undefined\r\n            }, { attemptNum: 800, timeInterval: 250 })\r\n\r\n            //clearTimeout\r\n            clearTimeout(vo.timerAni1Basic)\r\n            clearTimeout(vo.timerAni2Detect)\r\n            clearTimeout(vo.timerAni3Shadow)\r\n            clearTimeout(vo.timerAni4Translate)\r\n            clearTimeout(vo.timerAni5DragDrawerBar)\r\n            clearTimeout(vo.timerAni6State)\r\n\r\n            //切換即標記為未穩定, 待divDrawer(及子樹)動畫真正結束(directive偵測)後才翻true; 避免waitFun讀到殘留true而過早落定\r\n            vo.drawerStable = false\r\n\r\n            //監聽divDrawer自身transform過場之結束, 作為落定state之主要訊號; directive為邊緣觸發, 高負載下可能整段位移皆未取樣到而不再回呼, 若只依賴它會卡在opening/hiding, 詳settleState\r\n            vo.watchDrawerTransition()\r\n\r\n            //此次切換的tag(genID唯一值), 供下方延遲落定的waitFun回呼比對, 避免快速切換時舊的waitFun誤落定\r\n            let tagStateNew = genID()\r\n            vo.tagStateNow = tagStateNew\r\n\r\n            let sec\r\n\r\n            //check\r\n            if (value) {\r\n                //顯示\r\n\r\n                // vo.fsmShowAni.showAni()\r\n                // vo.fsmShowStateAni.showAni()\r\n                sec = 20\r\n\r\n                //state\r\n                vo.state = 'opening'\r\n\r\n                // showAni1Basic: false,\r\n                // effAni1Basic: false,\r\n                vo.showAni1Basic = true\r\n                vo.timerAni1Basic = setTimeout(() => {\r\n                    vo.effAni1Basic = true\r\n                }, sec)\r\n\r\n                // showAni2Detect: false,\r\n                // effAni2Detect: false,\r\n                vo.showAni2Detect = true\r\n\r\n                // showAni3Shadow: false,\r\n                // effAni3Shadow: false,\r\n                vo.showAni3Shadow = true\r\n\r\n                // showAni4Translate: false,\r\n                // effAni4Translate: false,\r\n                // vo.showAni4Translate = true\r\n                vo.timerAni4Translate = setTimeout(() => {\r\n                    vo.effAni4Translate = true\r\n                }, sec)\r\n\r\n                // showAni5DragDrawerBar: false,\r\n                // vo.showAni5DragDrawerBar = true\r\n                vo.timerAni5DragDrawerBar = setTimeout(() => {\r\n                    vo.showAni5DragDrawerBar = true\r\n                }, 300)\r\n\r\n                //待動畫時長後落定state, 詳settleState\r\n                vo.timerAni6State = setTimeout(() => {\r\n                    vo.settleState('opened', sec, tagStateNew)\r\n                }, 300)\r\n\r\n            }\r\n            else {\r\n                //隱藏\r\n\r\n                // vo.fsmShowAni.hideAni()\r\n                // vo.fsmShowStateAni.hideAni()\r\n                sec = 300\r\n\r\n                //state\r\n                vo.state = 'hiding'\r\n\r\n                // showAni1Basic: false,\r\n                // effAni1Basic: false,\r\n                vo.effAni1Basic = false\r\n                vo.timerAni1Basic = setTimeout(() => {\r\n                    vo.showAni1Basic = false\r\n                }, sec)\r\n\r\n                // showAni2Detect: false,\r\n                // effAni2Detect: false,\r\n                vo.timerAni2Detect = setTimeout(() => {\r\n                    vo.showAni2Detect = false\r\n                }, sec)\r\n\r\n                // showAni3Shadow: false,\r\n                // effAni3Shadow: false,\r\n                vo.timerAni3Shadow = setTimeout(() => {\r\n                    vo.showAni3Shadow = false\r\n                }, sec / 2) //提前隱藏陰影\r\n\r\n                // showAni4Translate: false,\r\n                // effAni4Translate: false,\r\n                vo.effAni4Translate = false\r\n                // vo.timerAni4Translate = setTimeout(() => {\r\n                //     vo.showAni4Translate = false\r\n                // }, sec)\r\n\r\n                // showAni5DragDrawerBar: false,\r\n                vo.showAni5DragDrawerBar = false\r\n\r\n                //待動畫時長後落定state, 詳settleState\r\n                vo.timerAni6State = setTimeout(() => {\r\n                    vo.settleState('hidden', sec, tagStateNew)\r\n                }, 300)\r\n\r\n            }\r\n\r\n        },\r\n\r\n        watchDrawerTransition: function() {\r\n            // console.log('methods watchDrawerTransition')\r\n\r\n            let vo = this\r\n\r\n            //unwatch, 快速切換時先移除前次監聽\r\n            vo.unwatchDrawerTransition()\r\n\r\n            //el\r\n            let el = get(vo, '$refs.divDrawer', null)\r\n            if (!el) {\r\n                return\r\n            }\r\n\r\n            //reset\r\n            vo.drawerTransitionDone = false\r\n\r\n            //fn, 過場事件會自子樹冒泡, 須限定為divDrawer自身之transform; 收合時divDrawer會因外層轉為display:none而取消過場, 故transitioncancel亦視為結束\r\n            let fn = (ev) => {\r\n                if (ev.target !== el || ev.propertyName !== 'transform') {\r\n                    return\r\n                }\r\n                vo.drawerTransitionDone = true\r\n            }\r\n            el.addEventListener('transitionend', fn)\r\n            el.addEventListener('transitioncancel', fn)\r\n\r\n            //save\r\n            vo.hdDrawerTransition = { el, fn }\r\n\r\n        },\r\n\r\n        unwatchDrawerTransition: function() {\r\n            // console.log('methods unwatchDrawerTransition')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            let hd = vo.hdDrawerTransition\r\n            if (!hd) {\r\n                return\r\n            }\r\n\r\n            //removeEventListener\r\n            hd.el.removeEventListener('transitionend', hd.fn)\r\n            hd.el.removeEventListener('transitioncancel', hd.fn)\r\n\r\n            //clear\r\n            vo.hdDrawerTransition = null\r\n\r\n        },\r\n\r\n        settleState: function(stateEnd, sec, tagStateNew) {\r\n            // console.log('methods settleState', stateEnd, sec, tagStateNew)\r\n\r\n            let vo = this\r\n\r\n            //settle, 比對tag避免快速切換時舊的落定誤寫\r\n            let settle = () => {\r\n                if (vo.tagStateNow !== tagStateNew) {\r\n                    return\r\n                }\r\n                vo.unwatchDrawerTransition()\r\n                vo.state = stateEnd\r\n            }\r\n\r\n            //以位準判斷落定: divDrawer自身transform過場已結束(drawerTransitionDone), 或directive回報divDrawer及子樹已穩定(drawerStable), 任一成立即落定; 最長等sec+1000ms\r\n            let timeInterval = 50\r\n            let attemptNum = Math.ceil((sec + 1000) / timeInterval)\r\n            waitFun(() => vo.drawerTransitionDone === true || vo.drawerStable === true, { attemptNum, timeInterval })\r\n                .then(settle)\r\n                .catch(async () => {\r\n\r\n                    //兜底: 兩訊號皆未到達(如不位移或無過場時), 若divDrawer此時仍存在transform過場(含尚未開始之pending, 高負載下過場可能延後開始)則等其結束, 上限3000ms, 避免過場中即落定\r\n                    let anims = []\r\n                    try {\r\n                        anims = vo.$refs.divDrawer.getAnimations().filter((a) => a.transitionProperty === 'transform')\r\n                    }\r\n                    catch (err) {}\r\n                    if (anims.length > 0) {\r\n                        await Promise.race([\r\n                            Promise.allSettled(anims.map((a) => a.finished)),\r\n                            new Promise((resolve) => setTimeout(resolve, 3000)),\r\n                        ])\r\n                    }\r\n\r\n                    //settle\r\n                    settle()\r\n\r\n                })\r\n\r\n        },\r\n\r\n        getStableDrawer: function(b) {\r\n            // console.log('methods getStableDrawer', b)\r\n\r\n            let vo = this\r\n\r\n            //更新drawerStable: divDrawer(及子樹)動畫是否已穩定, 由v-domstable(domStable directive)偵測後回呼; 為落定state之輔助訊號, 主要訊號為divDrawer自身之過場事件, 詳settleState\r\n            vo.drawerStable = b\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})},Mf,"data-v-55abd245",false,void 0,!1,o,void 0,void 0);async function _f(n){let e=[],t=wn();return await async function n(t){let r=null;if(t.isFile&&(r=await function(n){let e=wn();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 function(n){let e=wn();try{n.readEntries(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(e);await Be(r,async e=>{await n(e)})}}(n),t.resolve(e),t}async function Kf(n){let e=[];Ie(n,n=>{let t=n.webkitGetAsEntry();t&&e.push(t)});let t=await async function(n){let e=[];return await Be(n,async n=>{Ie(await _f(n),n=>{e.push(n)})}),e}(e);return t}async function $f(n){let e=[],t=[];try{e=await async function(n){let e=[];return Ie(n,n=>{n.type&&e.push({type:"file",name:n.name,file:n})}),e}(mn(n,"files",[])),id()||(t=await Kf(mn(n,"items",[])).catch(n=>{console.log(n)}))}catch(n){return Promise.reject(n)}return{files:e,entries:t}}var Ef={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=wi();function o(n){ld(n),t=!0,!1===e&&(e=!0,r.emit("dropIn",{ev:n}))}function i(n){ld(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),$f(n.dataTransfer).then(t=>{let o=Zo(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?wo(n.borderColorDropIn):n.bMouseIn?wo(n.borderColorHover):wo(n.borderColor)},useBackgroundColor:function(){let n=this;return n.bDropIn?wo(n.backgroundColorDropIn):n.bMouseIn?wo(n.backgroundColorHover):wo(n.backgroundColor)}},methods:{}};const Of=Ef;var Jf=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; box-sizing:border-box; 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)};Jf._withStripped=!0;const Uf=t({render:Jf,staticRenderFns:[]},function(n){n&&n("data-v-792dde94_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})},Of,"data-v-792dde94",false,void 0,!1,o,void 0,void 0);function Qf(n,e){if(!hd(n))return[];if(!bn(e)&&!hd(e))return[];let t=null;t=bn(e)?$t(e," "):e;let r=xo(t);let o=Tt(n,n=>function(n){let e=!1,o=0;for(let i=0;i<r;i++){let l=t[i],a=l,d="+"===ql(l,1),u="-"===ql(l,1);if((d||u)&&(a=or(l,1)),""===Kt(a))continue;let s=n.indexOf(a)>=0;if(d){if(s){e=!0,o=1;break}e=!1,o=0;break}if(u){if(s){e=!1,o=0;break}e=!0,o=1;break}if(s){e=!0;let n=1-i/r;n=n**2,o+=n}}return{hasKeyword:e,weight:o}}(n));return o}function qf(n,e=!1,t={}){let r=mn(t,"returnWithStateAndMsg",null);In(r)||(r=!1);let o=n=>r?{state:"error",msg:n}:"";if(pd(n))return o("invalid v");let i="";try{i=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){return o(n.toString())}return r?{state:"success",msg:i}:i}function nh(n=300){return new function(n){let e=[],t=null,r=Date.now();return dr(n)||(n=300),n=er(n),function(o,...i){Te(o)?(r=Date.now(),e.push({func:o,input:i}),null===t&&(t=setInterval(()=>{if(0===xo(e))return clearInterval(t),void(t=null);if(Date.now()-r>n){let n=e.pop();e=[];try{n.func(...n.input)}catch(n){console.log("m.func catch",n)}}},10))):console.log("func is not a function")}}(n)}let eh=function(n){if(!Te(n))throw new Error("fn is not a function");return function(){let e=wn(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):ur(t)?t.then(n=>{e.resolve({state:"success",msg:n})}).catch(n=>{"cancelled"===mn(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})}):e.resolve({state:"success",msg:t}),e}};function th(){let n=wi(),e=[],t=null,r=!1;return function(o,...i){let l=wn();if(!Te(o))return void console.log("func is not a function");let a=Uo();return e.push({id:a,func:o,input:i}),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=Te(o.func)?await eh(o.func)(...o.input):{state:"error",msg:"fun is not a function"},n.emit(t,e)}r=!1,r||0!==e.length||(clearInterval(t),t=null)},20)),n.once(a,n=>{"success"===n.state?l.resolve(n.msg):"cancelled"===n.state?l.reject({reason:"cancelled"}):l.reject(n.msg)}),l}}function rh(n,e){return n&&n.length?Id(n,It(e),kd):void 0}function oh(n,e){let t=xo(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=Zo(e,n=>n.v<=0),d=rh(e,"v").i,a=!1;break}o*t>0?(r=n,o=t):(i=n,l=t)}return d}let ih={};function lh(){return{set:function(n,e){ih[n]=e},get:function(n){return ih[n]},remove:function(n){delete ih[n]}}}let ah=["attributes","attributeFilter","attributeOldValue","characterData","characterDataOldValue","childList","subtree"];function dh(n,{given:e}){return e?{cfg:n,warns:[]}:{cfg:{attributes:!0,childList:!0,subtree:!0},warns:[]}}function uh(n,e,t){let r=new MutationObserver(function(e){t({ele:n,mutations:e})});try{r.observe(n,e)}catch(n){return r.disconnect(),console.warn(`[v-dommutation] MutationObserver設定無效而不偵測: ${n&&n.message}`),null}return{clear:()=>{r.disconnect()}}}function sh(){return Il({name:"dommutation",attr:"ev-mutation",keys:ah,normalize:dh,create:uh})}function ch(){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}}()||Te(window.IntersectionObserverEntry))}function ph(n){let e=null,t=-1/0;for(let r of n||[]){let n=Number(r&&r.time);Number.isFinite(n)||(n=t),n>=t&&(t=n,e=r)}return e?!!e.isIntersecting:null}function fh(n,e={}){let t=Lf.getMode(e);if(!li(n))return Lf.detectorFail(t,"invalid element");if(ch())return Lf.detectorFail(t,"invalid IntersectionObserver");if("promise"===t){let e=wn();try{let t=new IntersectionObserver(n=>{let r=ph(n);null!==r&&(e.resolve(r),t.disconnect())});t.observe(n)}catch(n){e.reject(n)}return e}return Lf.detectorEvent((e,t)=>{let r=new IntersectionObserver(n=>{let t=ph(n);null!==t&&e("visible",t)});t(()=>{r.disconnect()}),r.observe(n)},{tag:"domIsVisible"})}function hh(n,e,t){let r=fh(n,{mode:"event"}),o=!1;return r.on("visible",n=>{o!==n&&(o=n,t(n))}),r.create(),{clear:()=>{r.dispose()}}}const gh={directives:{domresize:Hl(),dommutation:sh(),domvisible:Il({name:"domvisible",attr:"ev-visible",keys:[],create:hh})},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:nh(),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=mn(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=mn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=mn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let r=mn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},resizeContent:function(n){let e=this,t=mn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio()},mutation:function(n){let e=this,t=mn(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=mn(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 sr(()=>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};Vi(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&mn(e,"$refs.divShell")&&mn(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&&mn(e,"$refs.divShell")&&mn(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}))}}};var mh=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:"\n                position:relative;\n                width:calc( 100% + "+n.nativeBarWidth+"px ); height:"+n.panelHeight+"px;\n                box-sizing:content-box;\n                overflow-x:hidden; overflow-y:scroll;\n            ",on:{domresize:n.resizeShell,scroll:n.scrollShell}},[t("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"},{name:"domresize",rawName:"v-domresize",value:{tolerancePixel:0},expression:"{tolerancePixel:0}"}],ref:"divContent",style:"",on:{dommutation:n.mutation,domvisible:n.visible,domresize:n.resizeContent}},[n._t("default")],2)]),n._v(" "),t("div",{style:"\n            position:absolute; top:0px; right:"+(n.isMobile?-8:0)+"px;\n            width:"+(n.contentHeightEff>0?8:0)+"px;\n            overflow-x:hidden;\n        "},[t("div",{ref:"divBar",staticClass:"sb",style:"\n                    width:8px; height:"+n.panelHeight+"px;\n                    box-sizing:content-box;\n                    overflow-x:hidden; overflow-y:auto;\n                    opacity:"+(n.mouseEntering?n.barOpacityHover:n.barOpacity)+";\n                ",on:{scroll:n.scrollBar}},[t("div",{style:"width:1px; height:"+n.contentHeight+"px;"})])])])])};mh._withStripped=!0;const vh=t({render:mh,staticRenderFns:[]},function(n){n&&n("data-v-21361796_0",{source:"\n.sb[data-v-21361796] {\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-21361796]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-21361796]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-21361796]::-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:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AAilBA;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!-- 加寬divShell把原生捲軸推出外層overflow-x:hidden裁切殼以隱藏之, 加寬量見useShellExtraWidth --\x3e\r\n            <div\r\n                ref=\"divShell\"\r\n                :style=\"`\r\n                    position:relative;\r\n                    width:calc( 100% + ${nativeBarWidth}px ); height:${panelHeight}px;\r\n                    box-sizing:content-box;\r\n                    overflow-x:hidden; overflow-y:scroll;\r\n                `\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                \x3c!-- 偵測divContent尺寸: divShell高度由contentHeight設定, 內容於無DOM變動下改變高度(如圖片載入)時divShell尺寸不變而偵測不到 --\x3e\r\n                \x3c!-- 容差須給0: contentHeight取整數offsetHeight, 預設容差1且差值須大於1才回報(基準為上次回報值), 內容高度動畫末段恰差1px之變化會被略過, contentHeight停在舊值而面板少1px裁切內容 --\x3e\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                    v-domresize=\"{tolerancePixel:0}\"\r\n                    @domresize=\"resizeContent\"\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=\"`\r\n                position:absolute; top:0px; right:${isMobile?-8:0}px;\r\n                width:${contentHeightEff>0?8:0}px;\r\n                overflow-x:hidden;\r\n            `\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`\r\n                        width:8px; height:${panelHeight}px;\r\n                        box-sizing:content-box;\r\n                        overflow-x:hidden; overflow-y:auto;\r\n                        opacity:${mouseEntering?barOpacityHover:barOpacity};\r\n                    `\"\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-es/get.js'\r\nimport isEqual from 'lodash-es/isEqual.js'\r\n// import cloneDeep from 'lodash-es/cloneDeep.js'\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        resizeContent: function(msg) {\r\n            // console.log('methods resizeContent', 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\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeContent 需更新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        },\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})},gh,"data-v-21361796",false,void 0,!1,o,void 0,void 0);let yh=lh();var bh={components:{WPanelScrollyCore:vh},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..."},statePaddingStyle:{type:Object,default:()=>({v:12,h:12})},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:th(),dbcRefresh:nh(),mmkey:Uo(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,retryRendered:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,lockedAnchorIdx:null,filterKeywordsTemp:"",rowsTemp:null,itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let n=this;null!==n.mmkey&&yh.remove(n.mmkey),n.rowsTemp=null},watch:{rows:{immediate:!0,deep:!0,handler(n){this.setRows(n)}},show:function(n){let e=this;n&&e.$nextTick(()=>{e.refresh("show")})}},computed:{changeFilterKeyWords:function(){let n=this.filterKeywords;return this.filterDebounce(),n},useStatePadding:function(){return`padding:${dd(this.statePaddingStyle,{ext:{}})};`}},methods:{getRows:function(){return yh.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return e.rowsTemp=n,"deferred"}if(!ke(n)){return e.rowsTemp=null,"rows is not array"}e.rowsTemp=null,null!==e.mmkey&&yh.remove(e.mmkey);let t=Tt(n,(n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n}));yh.set(e.mmkey,t),e.changeDisplay=!0,e.lockedAnchorIdx=null},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=xo(n)<=1e4,e.setRowsCore(n),await e.refreshCore("setRows")}().catch(n=>{console.log(n)}).finally(()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1})},genUseItems:function(){let n=this;if(null===n.mmkey)return;let e=yh.get(n.mmkey),t=xo(e),r=[],o=!1,i=!1;if(t>0){let i=oh(e,t=>{let r=e[t];return n.scrollInfor.t-(r.y+r.height)});null===i&&(i=0);let l=Math.max(i-1,0);null!==n.lockedAnchorIdx&&(l=Math.min(Math.max(n.lockedAnchorIdx,0),t-1));let a=oh(e,t=>{let r=e[t];return n.scrollInfor.b-r.y});null===a&&(a=t-1);let d=Math.min(a+n.itemsPreload,t-1),u=0;for(let n=0;n<l;n++){let t=e[n];t.displayShow&&t.filterShow&&(u+=t.height)}let s=0;for(let n=d+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(s+=t.height)}for(let t=l;t<=d;t++){let o=Sl(e[t]);o.displayShow&&o.filterShow&&(o.nowShow=!0,o.top=o.y-n.scrollInfor.t,r.push(o))}n.itemsHeightPre!==u&&(o=!0,n.itemsHeightPre=u),n.itemsHeightAft!==s&&(o=!0,n.itemsHeightAft=s)}Vi(n.useItems,r)||(i=!0,n.useItems=r);let l=o||i;if(n.$refs.wdsDiv){let e=Tt(r,"row"),t=Tt(r,"row.item");l&&n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),Vi(n.emItemsTemp,t)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:e,items:t}),n.emItemsTemp=t)}return{change:l}},syncItemsHeight:function(n,e){let t=!1;return 0===xo(n)||Ie(mn(this,"$refs.wdsDiv",[]),(r,o)=>{if(!r.getAttribute)return console.log("找不到getAttribute"),!0;let i=r.getAttribute("index");if(!tr(i))return console.log("!isp0int(index)",i),!0;i=er(i);let l=mn(r,"children.0");if(!li(l))return console.log("!isEle(cnode)",l),!0;let a=l.offsetHeight;n[i].height!==a&&(Te(e)&&e(i,a),t=!0)}),t},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=yh.get(n.mmkey),t=xo(e);if(!n.isRendered())return n.retryWhenRendered(),{change:!1,itemsHeight:null};n.changeHeight=n.syncItemsHeight(e,(n,t)=>{e[n].height=t});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.isRendered())return void e.retryWhenRendered();null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});await(async()=>{e.lockFromRefreshUseItems=!0;let n=Sl(e.scrollInfor),t=await(async()=>{e.filterItems();let n=e.genUseItems();return await cr(20),{genUseItems:n,updateItemsHeight:e.updateItemsHeight()}})(),r=mn(t,"genUseItems.change",!1)||mn(t,"updateItemsHeight.change",!1),o=mn(t,"updateItemsHeight.itemsHeight",null);if(Wo(o))if(o<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=o-n.ch);let r=e.scrollTop+t;e.scrollTop!==r&&(e.scrollTop=r),e.itemsHeight=o,e.$emit("change-height-of-items",{height:o})}r&&(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(()=>{})},isRendered:function(){return this.show&&Ii(this.$el)},retryWhenRendered:function(){let n=this;n._isMounted&&(n.retryRendered||(n.retryRendered=!0,("function"==typeof requestAnimationFrame?requestAnimationFrame:n=>setTimeout(n,16))(()=>{n.retryRendered=!1,n._isDestroyed||n.isRendered()&&n.refresh("retryWhenRendered")})))},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;let t=mn(n,"evMsg.from","");if("scroll"===n.evName&&"bar"===t){let n=yh.get(e.mmkey);if(hd(n)){let t=oh(n,t=>{let r=n[t];return e.scrollInfor.t-(r.y+r.height)});null===t&&(t=0),e.lockedAnchorIdx=Math.max(t,0)}}else"wdl-refreshCore"===t||(e.lockedAnchorIdx=null);e.refresh("changeInfor")}))},processItems:async function(n={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let t=yh.get(e.mmkey);if(!ke(t))return;let r=mn(n,"fun",null);if(Te(r)){let n=r(t);ur(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let o=mn(n,"indStart",null),i=mn(n,"indEnd",null);if(Jt(o)&&Jt(i)){let r=mn(n,"displayShow",null);if(In(r)){for(let n=o;n<=i;n++){mn(t,n,null)&&(t[n].displayShow=r)}e.changeDisplay=!0}let l=mn(n,"filterShow",null);if(In(l)){for(let n=o;n<=i;n++){mn(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(()=>{if(e.lockFromProcess=!1,ke(e.rowsTemp)){let n=e.rowsTemp;e.rowsTemp=null,e.setRows(n)}})},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=yh.get(n.mmkey),t=xo(e);if(n.searchingResults=-1,0===xo(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),r=Qf(Tt(e,n=>{let e=n.row,t="";return t=yn(e)?e:xn(e)?pn(e):Qo(e)?lr(wd(e)," "):qf(e),t=t.toLowerCase(),t}),t),o=0;Ie(e,(n,t)=>{let i=r[t];e[t].filterShow=i.hasKeyword,i.hasKeyword&&o++}),n.searchingResults=o}n.changeFilter=!0},triggerEvent:function(n,e){let t=mn(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const Ch=bh;var xh=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",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};xh._withStripped=!0;const Sh=t({render:xh,staticRenderFns:[]},function(n){n&&n("data-v-1c5df7fc_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",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})},Ch,"data-v-1c5df7fc",false,void 0,!1,o,void 0,void 0);const wh={components:{WIconLoading:To},props:{pathItems:{type:Array,default:()=>["base:w-echarts-vue"]},options:{type:Object,default:()=>({})},theme:{type:[String,Object],default:()=>""},initOptions:{type:Object,default:()=>({})},updateOptions:{type:Object,default:()=>({})},group:{type:String,default:()=>""},manualUpdate:{type:Boolean,default:()=>!1},loading:{type:Boolean,default:()=>!1},loadingOptions:{type:Object,default:()=>({})},autoresize:{type:[Boolean,Object],default:()=>!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;yr(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-echarts-vue"];n.default&&(n=n.default),Cr().component("w-echarts-vue",n)}n.cmpName="w-echarts-vue"})},computed:{},methods:{}};var Ih=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,n._g({ref:"$self",tag:"component",attrs:{options:n.options,theme:n.theme,initOptions:n.initOptions,updateOptions:n.updateOptions,group:n.group,manualUpdate:n.manualUpdate,loading:n.loading,loadingOptions:n.loadingOptions,autoresize:n.autoresize}},n.$listeners))};Ih._withStripped=!0;const kh=t({render:Ih,staticRenderFns:[]},function(n){n&&n("data-v-7799a306_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",map:{version:3,sources:[],names:[],mappings:"",file:"WEchartsVueDyn.vue"},media:void 0})},wh,"data-v-7799a306",false,void 0,!1,o,void 0,void 0);var Th=Array.prototype.reverse;function Bh(n){return null==n?n:Th.call(n)}function Hh(n,e){return bn(n)&&tr(e)?0===(e=er(e))?n:ql(n,n.length-e):""}function Ah(n,e){let t=Tt(e,e=>({key:e,value:Ot(n[e])}));return Tt(Eo(t,"value"),"key")}function Wh(n,e){let t=Tt(e,e=>function(n,e={}){let t=mn(e,"excludeString");if(In(t)||(t=!1),!bn(n))return"";let r=n=>n>="0"&&n<="9"||"."===n||"-"===n||"+"===n,o=Kt(n);if(t){let n=o.split("");for(let e=0;e<n.length;e++)if(r(n[e])){o=or(o,e),n=Vn(n,e);break}n=Bh(n);for(let e=0;e<n.length;e++)if(r(n[e])){o=Hh(o,e);break}}return o}(n[e],{excludeString:!0})),r=xo(t)>0&&t.every(n=>xn(n)),o=Tt(e,(e,o)=>({key:e,value:r?Ot(t[o]):na(n[e])}));return Tt(Eo(o,"value"),"key")}function Fh(n,e){let t=Tt(e,e=>({key:e,value:na(n[e])}));return Tt(function(n,e){let t=Sl(n);return t.sort((n,t)=>n[e].localeCompare(t[e],"standard",{numeric:!0})),t}(t,"value"),"key")}function Zh(n,e){let{nums:t,strs:r,others:o}=function(n){let e=[],t=[],r=[];return Ie(n,(n,o)=>{xn(n)?e.push(o):bn(n)&&""!==n.trim()?t.push(o):r.push(o)}),{nums:e,strs:t,others:r}}(n);if(e){let e=[...t,...r].sort((n,e)=>n-e);return[...Fh(n,e),...o]}return[...Ah(n,t),...Wh(n,r),...o]}function Xh(n,e,t){return null==n?n:function(n,e,t,r){if(!B(n))return n;for(var o=-1,i=(e=fn(e,n)).length,l=i-1,a=n;null!=a&&++o<i;){var d=hn(e[o]),u=t;if("__proto__"===d||"constructor"===d||"prototype"===d)return n;if(o!=l){var s=a[d];void 0===(u=r?r(s,d,a):void 0)&&(u=B(s)?s:ne(e[o+1])?[]:{})}Mi(a,d,u),a=a[d]}return n}(n,e,t)}function zh(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}function Rh(n,e,t,r){return xe(n,function(n,o,i){e(r,n,t(n),i)}),r}var Ph,Vh,Lh=Object.prototype.hasOwnProperty,Nh=(Ph=function(n,e,t){Lh.call(n,t)?n[t].push(e):Di(n,t,[e])},function(n,e){var t=s(n)?zh:Rh,r=Vh?Vh():{};return t(n,Ph,It(e),r)}),Dh=Nh;var Gh=Math.max;var Mh,Yh=(Mh=function(n,e,t){var r=null==n?0:n.length;if(!r)return-1;var o=null==t?0:Pn(t);return o<0&&(o=Gh(r+o,0)),Ht(n,It(e),o)},function(n,e,t){var r=Object(n);if(!ye(n)){var o=It(e);n=be(n),e=function(n){return o(r[n],n,r)}}var i=Mh(n,e,t);return i>-1?r[o?n[i]:i]:void 0});function jh(n,e={}){if(!hd(n))return{};let t=mn(e,"delimiter");bn(t)||(t="❯");let r=mn(e,"bindRoot");bn(r)||(r="");let o=bn(r),i="";i=o?r:"root";let l=mn(e,"soryItems"),a=Tt(n,(n,e)=>{"folder"!==n.type&&"file"!==n.type&&(n.type="file");let r=(n=>{let e=$t(n=(n=n.replace(/\\\\/g,"\\")).replace(/\\/g,"/"),"/");return{ss:e,cfp:lr(e,t)}})(n.path);return{ind:e,type:n.type,ss:r.ss,data:Sl(n)}}),d=n=>{let e=xo(n),r=[];for(let o=0;o<e;o++){let e=[];for(let t=0;t<=o;t++)e.push(n[t]);let i=lr(e,t);r.push({id:i,name:n[o]})}return r},u=-1,s=[],c={};Ie(a,n=>{let e=null;e=[i];let r=null;r=i;let o=xo(n.ss)-1;Ie(n.ss,(i,l)=>{let a=l<o||"folder"===n.type;e.push(i);let p=null,f=null;l===o&&(p=n.ind,f=n.data);let h=lr(e,t),g=d(e);if(Sn(c,h)){let e=c[h],t="folder"===mn(e,"_type","");if(!t&&a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] is unrecognized from a file to folder`);if(!t&&!a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] get repeat data from two files`);if(t&&!a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] is unrecognized from a folder to file`);if(Qo(c[h].data)&&Qo(f))throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] get repeat data from two folders`);if(null===c[h].data&&Qo(f)){c[h]._indOri=p,c[h].data=f;let n=c[h]._indNormalize,e=s[n];s[n]={...f,type:e.type,path:e.path}}}else{u++;let n=u,t=null;t=a?{_indOri:p,_indNormalize:n,ns:xo(e),ts:Sl(e),pathInfors:g,_type:"folder",type:"array",numOfChilren:-1,id:h,parentId:r,text:i,children:[],data:f}:{_indOri:p,_indNormalize:n,ns:xo(e),ts:Sl(e),pathInfors:g,_type:"file",type:"node",numOfChilren:-1,id:h,parentId:r,text:i,data:f},c[h]=t,s.push({...mn(c[h],"data",{}),type:c[h]._type,path:"/"+lr(e,"/")})}r=h})});let p=wd(c);if(p=Eo(p,"id"),p=Eo(p,"ns"),Te(l)){let n=[];Ie(Dh(p,"ns"),(e,t)=>{Ie(Dh(e,"parentId"),(e,r)=>{let o=l(e,r,t);n=[...n,...o]})}),p=n}let f=[],h=[];Ie(p,n=>{"folder"===n._type?f.push(n):h.push(n)});let g=Dh(f,"ns"),m=Dh(h,"ns"),v=Td(Tt(f,"ns")),y=Td(Tt(h,"ns")),b=null;{let n=[i];b=[{_indOri:null,_indNormalize:null,ns:xo(n),ts:Sl(n),pathInfors:d(n),_type:"folder",type:"array",numOfChilren:-1,id:i,parentId:"",text:i,children:[],data:null}]}let C={};C[i]="0.children";let x={};x[i]="0";for(let n=2;n<=v;n++){Ie(g[n],n=>{let e=mn(C,n.parentId,"");if(!bn(e))throw console.log("kpPathFd",C),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in folder`);let t=mn(b,e);if(ke(t)||Xh(b,e,[]),t=mn(b,e),!Qo(Yh(t,{id:n.id}))){t.push({...n,children:[]});let r=`${e}.${xo(t)-1}`;C[n.id]=`${r}.children`,x[n.id]=r}})}let S=Sl(b),w={};for(let n=2;n<=y;n++){Ie(m[n],n=>{let e=mn(C,n.parentId,"");if(!bn(e))throw console.log("kpPathFd",C),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in file`);let t=mn(b,e);if(!ke(t))throw console.log("treeItems",b),console.log("k",e),console.log("v",n),new Error("無預先建置資料夾");if(!Qo(Yh(t,{id:n.id}))){t.push(n);let r=`${e}.${xo(t)-1}`;w[n.id]=r,x[n.id]=r}})}return{treeItems:b,treeItemsFolder:S,kpPath:x,fpsNormalize:s}}function _h(n,e,t){return n&&n.length?kn(n,0,(e=t||void 0===e?1:Pn(e))<0?0:e):[]}function Kh(n,e,t){var r=null==n?0:n.length;return r?kn(n,(e=r-(e=t||void 0===e?1:Pn(e)))<0?0:e,r):[]}var $h=Object.prototype.hasOwnProperty;function Eh(n,e){var t=-1,r=(e=fn(e,n)).length;if(!r)return!0;for(;++t<r;){var o=hn(e[t]);if("__proto__"===o&&!$h.call(n,"__proto__"))return!1;if(("constructor"===o||"prototype"===o)&&t<r-1)return!1}var i=function(n,e){return e.length<2?n:gn(n,kn(e,0,-1))}(n,e);return null==i||delete i[hn(yd(e))]}var Oh=Array.prototype.splice;function Jh(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;ne(o)?Oh.call(n,o,1):Eh(n,o)}}return n}function Uh(n){return(null==n?0:n.length)?Ro(n,1):[]}var Qh=function(n){return Ko(No(n,void 0,Uh),n+"")}(function(n,e){var t=null==n?0:n.length,r=function(n,e){for(var t=-1,r=e.length,o=Array(r),i=null==n;++t<r;)o[t]=i?void 0:mn(n,e[t]);return o}(n,e);return Jh(n,dn(e,function(n){return ne(n,t)?+n:n}).sort(Po)),r}),qh=Qh;function ng(n,e,t){var r=null==n?0:n.length;return r?kn(n,0,(e=r-(e=t||void 0===e?1:Pn(e)))<0?0:e):[]}const eg="function"==typeof TextDecoder?new TextDecoder("utf-8",{ignoreBOM:!0}):void 0,tg=("function"==typeof TextEncoder&&new TextEncoder,Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=")),rg=(()=>{let n={};return tg.forEach((e,t)=>n[e]=t),n})(),og=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,ig=String.fromCharCode.bind(String),lg="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):n=>new Uint8Array(Array.prototype.slice.call(n,0)),ag=n=>n.replace(/[^A-Za-z0-9\+\/]/g,""),dg=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,ug=n=>{switch(n.length){case 4:var e=((7&n.charCodeAt(0))<<18|(63&n.charCodeAt(1))<<12|(63&n.charCodeAt(2))<<6|63&n.charCodeAt(3))-65536;return ig((e>>>10)+55296)+ig(56320+(1023&e));case 3:return ig((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return ig((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},sg="function"==typeof atob?n=>atob(ag(n)):n=>{if(n=n.replace(/\s+/g,""),!og.test(n))throw new TypeError("malformed base64.");let e,t,r;n+="==".slice(2-(3&n.length));let o=[];for(let i=0;i<n.length;)e=rg[n.charAt(i++)]<<18|rg[n.charAt(i++)]<<12|(t=rg[n.charAt(i++)])<<6|(r=rg[n.charAt(i++)]),64===t?o.push(ig(e>>16&255)):64===r?o.push(ig(e>>16&255,e>>8&255)):o.push(ig(e>>16&255,e>>8&255,255&e));return o.join("")},cg="function"==typeof Uint8Array.fromBase64?n=>Uint8Array.fromBase64(n):n=>lg(sg(n).split("").map(n=>n.charCodeAt(0))),pg=eg?n=>eg.decode(cg(n)):n=>(n=>n.replace(dg,ug))(sg(n)),fg=n=>pg((n=>ag(n.replace(/[-_]/g,n=>"-"==n?"+":"/")))(n));var hg={exports:{}};!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,u,s=this._events[a],c=arguments.length;if(s.fn){switch(s.once&&this.removeListener(n,s.fn,void 0,!0),c){case 1:return s.fn.call(s.context),!0;case 2:return s.fn.call(s.context,e),!0;case 3:return s.fn.call(s.context,e,r),!0;case 4:return s.fn.call(s.context,e,r,o),!0;case 5:return s.fn.call(s.context,e,r,o,i),!0;case 6:return s.fn.call(s.context,e,r,o,i,l),!0}for(u=1,d=new Array(c-1);u<c;u++)d[u-1]=arguments[u];s.fn.apply(s.context,d)}else{var p,f=s.length;for(u=0;u<f;u++)switch(s[u].once&&this.removeListener(n,s[u].fn,void 0,!0),c){case 1:s[u].fn.call(s[u].context);break;case 2:s[u].fn.call(s[u].context,e);break;case 3:s[u].fn.call(s[u].context,e,r);break;case 4:s[u].fn.call(s[u].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(c-1);p<c;p++)d[p-1]=arguments[p];s[u].fn.apply(s[u].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,u=[],s=a.length;d<s;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&u.push(a[d]);u.length?this._events[i]=1===u.length?u[0]:u: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}(hg);var gg=function(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}(hg.exports);let mg;!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;let n=fg("CgoKInVzZSBzdHJpY3QiO3ZhciB0PUFycmF5LmlzQXJyYXksZT0ib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsJiZnbG9iYWwuT2JqZWN0PT09T2JqZWN0JiZnbG9iYWwscj0ib2JqZWN0Ij09dHlwZW9mIHNlbGYmJnNlbGYmJnNlbGYuT2JqZWN0PT09T2JqZWN0JiZzZWxmLG49ZXx8cnx8RnVuY3Rpb24oInJldHVybiB0aGlzIikoKSxvPW4uU3ltYm9sLHU9T2JqZWN0LnByb3RvdHlwZSxjPXUuaGFzT3duUHJvcGVydHksaT11LnRvU3RyaW5nLGE9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDt2YXIgZj1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO3ZhciBsPW8/by50b1N0cmluZ1RhZzp2b2lkIDA7ZnVuY3Rpb24gcyh0KXtyZXR1cm4gbnVsbD09dD92b2lkIDA9PT10PyJbb2JqZWN0IFVuZGVmaW5lZF0iOiJbb2JqZWN0IE51bGxdIjpsJiZsIGluIE9iamVjdCh0KT9mdW5jdGlvbih0KXt2YXIgZT1jLmNhbGwodCxhKSxyPXRbYV07dHJ5e3RbYV09dm9pZCAwO3ZhciBuPSEwfWNhdGNoKHQpe312YXIgbz1pLmNhbGwodCk7cmV0dXJuIG4mJihlP3RbYV09cjpkZWxldGUgdFthXSksb30odCk6ZnVuY3Rpb24odCl7cmV0dXJuIGYuY2FsbCh0KX0odCl9ZnVuY3Rpb24gcCh0KXtyZXR1cm4gbnVsbCE9dCYmIm9iamVjdCI9PXR5cGVvZiB0fWZ1bmN0aW9uIGIodCl7cmV0dXJuInN5bWJvbCI9PXR5cGVvZiB0fHxwKHQpJiYiW29iamVjdCBTeW1ib2xdIj09cyh0KX12YXIgeT0vXC58XFsoPzpbXltcXV0qfChbIiddKSg/Oig/IVwxKVteXFxdfFxcLikqP1wxKVxdLyx2PS9eXHcqJC87ZnVuY3Rpb24gaCh0KXt2YXIgZT10eXBlb2YgdDtyZXR1cm4gbnVsbCE9dCYmKCJvYmplY3QiPT1lfHwiZnVuY3Rpb24iPT1lKX1mdW5jdGlvbiBqKHQpe2lmKCFoKHQpKXJldHVybiExO3ZhciBlPXModCk7cmV0dXJuIltvYmplY3QgRnVuY3Rpb25dIj09ZXx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09ZXx8IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iPT1lfHwiW29iamVjdCBQcm94eV0iPT1lfXZhciBkLF89blsiX19jb3JlLWpzX3NoYXJlZF9fIl0sZz0oZD0vW14uXSskLy5leGVjKF8mJl8ua2V5cyYmXy5rZXlzLklFX1BST1RPfHwiIikpPyJTeW1ib2woc3JjKV8xLiIrZDoiIjt2YXIgTz1GdW5jdGlvbi5wcm90b3R5cGUudG9TdHJpbmc7ZnVuY3Rpb24gbSh0KXtpZihudWxsIT10KXt0cnl7cmV0dXJuIE8uY2FsbCh0KX1jYXRjaCh0KXt9dHJ5e3JldHVybiB0KyIifWNhdGNoKHQpe319cmV0dXJuIiJ9dmFyIHc9L15cW29iamVjdCAuKz9Db25zdHJ1Y3RvclxdJC8sQT1GdW5jdGlvbi5wcm90b3R5cGUseD1PYmplY3QucHJvdG90eXBlLFM9QS50b1N0cmluZyx6PXguaGFzT3duUHJvcGVydHksUD1SZWdFeHAoIl4iK1MuY2FsbCh6KS5yZXBsYWNlKC9bXFxeJC4qKz8oKVtcXXt9fF0vZywiXFwkJiIpLnJlcGxhY2UoL2hhc093blByb3BlcnR5fChmdW5jdGlvbikuKj8oPz1cXFwoKXwgZm9yIC4rPyg/PVxcXF0pL2csIiQxLio/IikrIiQiKTtmdW5jdGlvbiBJKHQpe3JldHVybiEoIWgodCl8fChlPXQsZyYmZyBpbiBlKSkmJihqKHQpP1A6dykudGVzdChtKHQpKTt2YXIgZX1mdW5jdGlvbiBFKHQsZSl7dmFyIHI9ZnVuY3Rpb24odCxlKXtyZXR1cm4gbnVsbD09dD92b2lkIDA6dFtlXX0odCxlKTtyZXR1cm4gSShyKT9yOnZvaWQgMH12YXIgRj1FKE9iamVjdCwiY3JlYXRlIik7dmFyIFU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTt2YXIgTT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uICQodCl7dmFyIGU9LTEscj1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK2U8cjspe3ZhciBuPXRbZV07dGhpcy5zZXQoblswXSxuWzFdKX19ZnVuY3Rpb24gQih0LGUpe3JldHVybiB0PT09ZXx8dCE9dCYmZSE9ZX1mdW5jdGlvbiBUKHQsZSl7Zm9yKHZhciByPXQubGVuZ3RoO3ItLTspaWYoQih0W3JdWzBdLGUpKXJldHVybiByO3JldHVybi0xfSQucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1GP0YobnVsbCk6e30sdGhpcy5zaXplPTB9LCQucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLmhhcyh0KSYmZGVsZXRlIHRoaXMuX19kYXRhX19bdF07cmV0dXJuIHRoaXMuc2l6ZS09ZT8xOjAsZX0sJC5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX187aWYoRil7dmFyIHI9ZVt0XTtyZXR1cm4iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI9PT1yP3ZvaWQgMDpyfXJldHVybiBVLmNhbGwoZSx0KT9lW3RdOnZvaWQgMH0sJC5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX187cmV0dXJuIEY/dm9pZCAwIT09ZVt0XTpNLmNhbGwoZSx0KX0sJC5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9dGhpcy5fX2RhdGFfXztyZXR1cm4gdGhpcy5zaXplKz10aGlzLmhhcyh0KT8wOjEsclt0XT1GJiZ2b2lkIDA9PT1lPyJfX2xvZGFzaF9oYXNoX3VuZGVmaW5lZF9fIjplLHRoaXN9O3ZhciBOPUFycmF5LnByb3RvdHlwZS5zcGxpY2U7ZnVuY3Rpb24gayh0KXt2YXIgZT0tMSxyPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrZTxyOyl7dmFyIG49dFtlXTt0aGlzLnNldChuWzBdLG5bMV0pfX1rLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189W10sdGhpcy5zaXplPTB9LGsucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLl9fZGF0YV9fLHI9VChlLHQpO3JldHVybiEocjwwKSYmKHI9PWUubGVuZ3RoLTE/ZS5wb3AoKTpOLmNhbGwoZSxyLDEpLC0tdGhpcy5zaXplLCEwKX0say5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX18scj1UKGUsdCk7cmV0dXJuIHI8MD92b2lkIDA6ZVtyXVsxXX0say5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3JldHVybiBUKHRoaXMuX19kYXRhX18sdCk+LTF9LGsucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LGUpe3ZhciByPXRoaXMuX19kYXRhX18sbj1UKHIsdCk7cmV0dXJuIG48MD8oKyt0aGlzLnNpemUsci5wdXNoKFt0LGVdKSk6cltuXVsxXT1lLHRoaXN9O3ZhciBDPUUobiwiTWFwIik7ZnVuY3Rpb24gRCh0LGUpe3ZhciByLG4sbz10Ll9fZGF0YV9fO3JldHVybigic3RyaW5nIj09KG49dHlwZW9mKHI9ZSkpfHwibnVtYmVyIj09bnx8InN5bWJvbCI9PW58fCJib29sZWFuIj09bj8iX19wcm90b19fIiE9PXI6bnVsbD09PXIpP29bInN0cmluZyI9PXR5cGVvZiBlPyJzdHJpbmciOiJoYXNoIl06by5tYXB9ZnVuY3Rpb24gUih0KXt2YXIgZT0tMSxyPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrZTxyOyl7dmFyIG49dFtlXTt0aGlzLnNldChuWzBdLG5bMV0pfX1SLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuc2l6ZT0wLHRoaXMuX19kYXRhX189e2hhc2g6bmV3ICQsbWFwOm5ldyhDfHxrKSxzdHJpbmc6bmV3ICR9fSxSLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIGU9RCh0aGlzLHQpLmRlbGV0ZSh0KTtyZXR1cm4gdGhpcy5zaXplLT1lPzE6MCxlfSxSLnByb3RvdHlwZS5nZXQ9ZnVuY3Rpb24odCl7cmV0dXJuIEQodGhpcyx0KS5nZXQodCl9LFIucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gRCh0aGlzLHQpLmhhcyh0KX0sUi5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9RCh0aGlzLHQpLG49ci5zaXplO3JldHVybiByLnNldCh0LGUpLHRoaXMuc2l6ZSs9ci5zaXplPT1uPzA6MSx0aGlzfTtmdW5jdGlvbiBWKHQsZSl7aWYoImZ1bmN0aW9uIiE9dHlwZW9mIHR8fG51bGwhPWUmJiJmdW5jdGlvbiIhPXR5cGVvZiBlKXRocm93IG5ldyBUeXBlRXJyb3IoIkV4cGVjdGVkIGEgZnVuY3Rpb24iKTt2YXIgcj1mdW5jdGlvbigpe3ZhciBuPWFyZ3VtZW50cyxvPWU/ZS5hcHBseSh0aGlzLG4pOm5bMF0sdT1yLmNhY2hlO2lmKHUuaGFzKG8pKXJldHVybiB1LmdldChvKTt2YXIgYz10LmFwcGx5KHRoaXMsbik7cmV0dXJuIHIuY2FjaGU9dS5zZXQobyxjKXx8dSxjfTtyZXR1cm4gci5jYWNoZT1uZXcoVi5DYWNoZXx8Uikscn1WLkNhY2hlPVI7dmFyIFcsTCxxLEc9L1teLltcXV0rfFxbKD86KC0/XGQrKD86XC5cZCspPyl8KFsiJ10pKCg/Oig/IVwyKVteXFxdfFxcLikqPylcMilcXXwoPz0oPzpcLnxcW1xdKSg/OlwufFxbXF18JCkpL2csSz0vXFwoXFwpPy9nLEg9KFc9ZnVuY3Rpb24odCl7dmFyIGU9W107cmV0dXJuIDQ2PT09dC5jaGFyQ29kZUF0KDApJiZlLnB1c2goIiIpLHQucmVwbGFjZShHLGZ1bmN0aW9uKHQscixuLG8pe2UucHVzaChuP28ucmVwbGFjZShLLCIkMSIpOnJ8fHQpfSksZX0sTD1WKFcsZnVuY3Rpb24odCl7cmV0dXJuIDUwMD09PXEuc2l6ZSYmcS5jbGVhcigpLHR9KSxxPUwuY2FjaGUsTCksSj1IO3ZhciBRPW8/by5wcm90b3R5cGU6dm9pZCAwLFg9UT9RLnRvU3RyaW5nOnZvaWQgMDtmdW5jdGlvbiBZKGUpe2lmKCJzdHJpbmciPT10eXBlb2YgZSlyZXR1cm4gZTtpZih0KGUpKXJldHVybiBmdW5jdGlvbih0LGUpe2Zvcih2YXIgcj0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aCxvPUFycmF5KG4pOysrcjxuOylvW3JdPWUodFtyXSxyLHQpO3JldHVybiBvfShlLFkpKyIiO2lmKGIoZSkpcmV0dXJuIFg/WC5jYWxsKGUpOiIiO3ZhciByPWUrIiI7cmV0dXJuIjAiPT1yJiYxL2U9PS0xLzA/Ii0wIjpyfWZ1bmN0aW9uIFooZSxyKXtyZXR1cm4gdChlKT9lOmZ1bmN0aW9uKGUscil7aWYodChlKSlyZXR1cm4hMTt2YXIgbj10eXBlb2YgZTtyZXR1cm4hKCJudW1iZXIiIT1uJiYic3ltYm9sIiE9biYmImJvb2xlYW4iIT1uJiZudWxsIT1lJiYhYihlKSl8fHYudGVzdChlKXx8IXkudGVzdChlKXx8bnVsbCE9ciYmZSBpbiBPYmplY3Qocil9KGUscik/W2VdOkooZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/IiI6WSh0KX0oZSkpfWZ1bmN0aW9uIHR0KHQpe2lmKCJzdHJpbmciPT10eXBlb2YgdHx8Yih0KSlyZXR1cm4gdDt2YXIgZT10KyIiO3JldHVybiIwIj09ZSYmMS90PT0tMS8wPyItMCI6ZX1mdW5jdGlvbiBldCh0LGUscil7dmFyIG49bnVsbD09dD92b2lkIDA6ZnVuY3Rpb24odCxlKXtmb3IodmFyIHI9MCxuPShlPVooZSx0KSkubGVuZ3RoO251bGwhPXQmJnI8bjspdD10W3R0KGVbcisrXSldO3JldHVybiByJiZyPT1uP3Q6dm9pZCAwfSh0LGUpO3JldHVybiB2b2lkIDA9PT1uP3I6bn12YXIgcnQ9T2JqZWN0LnByb3RvdHlwZTtmdW5jdGlvbiBudCh0KXt2YXIgZT10JiZ0LmNvbnN0cnVjdG9yO3JldHVybiB0PT09KCJmdW5jdGlvbiI9PXR5cGVvZiBlJiZlLnByb3RvdHlwZXx8cnQpfWZ1bmN0aW9uIG90KHQsZSl7cmV0dXJuIGZ1bmN0aW9uKHIpe3JldHVybiB0KGUocikpfX12YXIgdXQ9b3QoT2JqZWN0LmtleXMsT2JqZWN0KSxjdD1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGl0KHQpe2lmKCFudCh0KSlyZXR1cm4gdXQodCk7dmFyIGU9W107Zm9yKHZhciByIGluIE9iamVjdCh0KSljdC5jYWxsKHQscikmJiJjb25zdHJ1Y3RvciIhPXImJmUucHVzaChyKTtyZXR1cm4gZX12YXIgYXQ9RShuLCJEYXRhVmlldyIpLGZ0PUUobiwiUHJvbWlzZSIpLGx0PUUobiwiU2V0Iiksc3Q9RShuLCJXZWFrTWFwIikscHQ9IltvYmplY3QgTWFwXSIsYnQ9IltvYmplY3QgUHJvbWlzZV0iLHl0PSJbb2JqZWN0IFNldF0iLHZ0PSJbb2JqZWN0IFdlYWtNYXBdIixodD0iW29iamVjdCBEYXRhVmlld10iLGp0PW0oYXQpLGR0PW0oQyksX3Q9bShmdCksZ3Q9bShsdCksT3Q9bShzdCksbXQ9czsoYXQmJm10KG5ldyBhdChuZXcgQXJyYXlCdWZmZXIoMSkpKSE9aHR8fEMmJm10KG5ldyBDKSE9cHR8fGZ0JiZtdChmdC5yZXNvbHZlKCkpIT1idHx8bHQmJm10KG5ldyBsdCkhPXl0fHxzdCYmbXQobmV3IHN0KSE9dnQpJiYobXQ9ZnVuY3Rpb24odCl7dmFyIGU9cyh0KSxyPSJbb2JqZWN0IE9iamVjdF0iPT1lP3QuY29uc3RydWN0b3I6dm9pZCAwLG49cj9tKHIpOiIiO2lmKG4pc3dpdGNoKG4pe2Nhc2UganQ6cmV0dXJuIGh0O2Nhc2UgZHQ6cmV0dXJuIHB0O2Nhc2UgX3Q6cmV0dXJuIGJ0O2Nhc2UgZ3Q6cmV0dXJuIHl0O2Nhc2UgT3Q6cmV0dXJuIHZ0fXJldHVybiBlfSk7dmFyIHd0PW10O2Z1bmN0aW9uIEF0KHQpe3JldHVybiJudW1iZXIiPT10eXBlb2YgdCYmdD4tMSYmdCUxPT0wJiZ0PD05MDA3MTk5MjU0NzQwOTkxfWZ1bmN0aW9uIHh0KHQpe3JldHVybiBudWxsIT10JiZBdCh0Lmxlbmd0aCkmJiFqKHQpfXZhciBTdCx6dD0oU3Q9Imxlbmd0aCIsZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/dm9pZCAwOnRbU3RdfSksUHQ9UmVnRXhwKCJbXFx1MjAwZFxcdWQ4MDAtXFx1ZGZmZlxcdTAzMDAtXFx1MDM2ZlxcdWZlMjAtXFx1ZmUyZlxcdTIwZDAtXFx1MjBmZlxcdWZlMGVcXHVmZTBmXSIpO3ZhciBJdD0iXFx1ZDgwMC1cXHVkZmZmIixFdD0iWyIrSXQrIl0iLEZ0PSJbXFx1MDMwMC1cXHUwMzZmXFx1ZmUyMC1cXHVmZTJmXFx1MjBkMC1cXHUyMGZmXSIsVXQ9IlxcdWQ4M2NbXFx1ZGZmYi1cXHVkZmZmXSIsTXQ9IlteIitJdCsiXSIsJHQ9Iig/OlxcdWQ4M2NbXFx1ZGRlNi1cXHVkZGZmXSl7Mn0iLEJ0PSJbXFx1ZDgwMC1cXHVkYmZmXVtcXHVkYzAwLVxcdWRmZmZdIixUdD0iKD86IitGdCsifCIrVXQrIikiKyI/IixOdD0iW1xcdWZlMGVcXHVmZTBmXT8iLGt0PU50K1R0KygiKD86XFx1MjAwZCg/OiIrW010LCR0LEJ0XS5qb2luKCJ8IikrIikiK050K1R0KyIpKiIpLEN0PSIoPzoiK1tNdCtGdCsiPyIsRnQsJHQsQnQsRXRdLmpvaW4oInwiKSsiKSIsRHQ9UmVnRXhwKFV0KyIoPz0iK1V0KyIpfCIrQ3Qra3QsImciKTtmdW5jdGlvbiBSdCh0KXtyZXR1cm4gZnVuY3Rpb24odCl7cmV0dXJuIFB0LnRlc3QodCl9KHQpP2Z1bmN0aW9uKHQpe2Zvcih2YXIgZT1EdC5sYXN0SW5kZXg9MDtEdC50ZXN0KHQpOykrK2U7cmV0dXJuIGV9KHQpOnp0KHQpfWZ1bmN0aW9uIFZ0KGUpe2lmKG51bGw9PWUpcmV0dXJuIDA7aWYoeHQoZSkpcmV0dXJuInN0cmluZyI9PXR5cGVvZihyPWUpfHwhdChyKSYmcChyKSYmIltvYmplY3QgU3RyaW5nXSI9PXMocik/UnQoZSk6ZS5sZW5ndGg7dmFyIHIsbj13dChlKTtyZXR1cm4iW29iamVjdCBNYXBdIj09bnx8IltvYmplY3QgU2V0XSI9PW4/ZS5zaXplOml0KGUpLmxlbmd0aH12YXIgV3Q9TWF0aC5jZWlsLEx0PU1hdGgubWF4O3ZhciBxdD0vXig/OjB8WzEtOV1cZCopJC87ZnVuY3Rpb24gR3QodCxlKXt2YXIgcj10eXBlb2YgdDtyZXR1cm4hIShlPW51bGw9PWU/OTAwNzE5OTI1NDc0MDk5MTplKSYmKCJudW1iZXIiPT1yfHwic3ltYm9sIiE9ciYmcXQudGVzdCh0KSkmJnQ+LTEmJnQlMT09MCYmdDxlfXZhciBLdD0vXHMvO3ZhciBIdD0vXlxzKy87ZnVuY3Rpb24gSnQodCl7cmV0dXJuIHQ/dC5zbGljZSgwLGZ1bmN0aW9uKHQpe2Zvcih2YXIgZT10Lmxlbmd0aDtlLS0mJkt0LnRlc3QodC5jaGFyQXQoZSkpOyk7cmV0dXJuIGV9KHQpKzEpLnJlcGxhY2UoSHQsIiIpOnR9dmFyIFF0PS9eWy0rXTB4WzAtOWEtZl0rJC9pLFh0PS9eMGJbMDFdKyQvaSxZdD0vXjBvWzAtN10rJC9pLFp0PXBhcnNlSW50O3ZhciB0ZT0xLzA7ZnVuY3Rpb24gZWUodCl7cmV0dXJuIHQ/KHQ9ZnVuY3Rpb24odCl7aWYoIm51bWJlciI9PXR5cGVvZiB0KXJldHVybiB0O2lmKGIodCkpcmV0dXJuIE5hTjtpZihoKHQpKXt2YXIgZT0iZnVuY3Rpb24iPT10eXBlb2YgdC52YWx1ZU9mP3QudmFsdWVPZigpOnQ7dD1oKGUpP2UrIiI6ZX1pZigic3RyaW5nIiE9dHlwZW9mIHQpcmV0dXJuIDA9PT10P3Q6K3Q7dD1KdCh0KTt2YXIgcj1YdC50ZXN0KHQpO3JldHVybiByfHxZdC50ZXN0KHQpP1p0KHQuc2xpY2UoMikscj8yOjgpOlF0LnRlc3QodCk/TmFOOit0fSh0KSk9PT10ZXx8dD09PS0xLzA/MTc5NzY5MzEzNDg2MjMxNTdlMjkyKih0PDA/LTE6MSk6dD09dD90OjA6MD09PXQ/dDowfXZhciByZSxuZT1mdW5jdGlvbih0LGUscil7cmV0dXJuIHImJiJudW1iZXIiIT10eXBlb2YgciYmZnVuY3Rpb24odCxlLHIpe2lmKCFoKHIpKXJldHVybiExO3ZhciBuPXR5cGVvZiBlO3JldHVybiEhKCJudW1iZXIiPT1uP3h0KHIpJiZHdChlLHIubGVuZ3RoKToic3RyaW5nIj09biYmZSBpbiByKSYmQihyW2VdLHQpfSh0LGUscikmJihlPXI9dm9pZCAwKSx0PWVlKHQpLHZvaWQgMD09PWU/KGU9dCx0PTApOmU9ZWUoZSksZnVuY3Rpb24odCxlLHIsbil7Zm9yKHZhciBvPS0xLHU9THQoV3QoKGUtdCkvKHJ8fDEpKSwwKSxjPUFycmF5KHUpO3UtLTspY1tuP3U6KytvXT10LHQrPXI7cmV0dXJuIGN9KHQsZSxyPXZvaWQgMD09PXI/dDxlPzE6LTE6ZWUocikscmUpfSxvZT1uZTtmdW5jdGlvbiB1ZSh0KXt2YXIgZT10aGlzLl9fZGF0YV9fPW5ldyBrKHQpO3RoaXMuc2l6ZT1lLnNpemV9dWUucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1uZXcgayx0aGlzLnNpemU9MH0sdWUucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLl9fZGF0YV9fLHI9ZS5kZWxldGUodCk7cmV0dXJuIHRoaXMuc2l6ZT1lLnNpemUscn0sdWUucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5nZXQodCl9LHVlLnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uaGFzKHQpfSx1ZS5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9dGhpcy5fX2RhdGFfXztpZihyIGluc3RhbmNlb2Ygayl7dmFyIG49ci5fX2RhdGFfXztpZighQ3x8bi5sZW5ndGg8MTk5KXJldHVybiBuLnB1c2goW3QsZV0pLHRoaXMuc2l6ZT0rK3Iuc2l6ZSx0aGlzO3I9dGhpcy5fX2RhdGFfXz1uZXcgUihuKX1yZXR1cm4gci5zZXQodCxlKSx0aGlzLnNpemU9ci5zaXplLHRoaXN9O3ZhciBjZT1mdW5jdGlvbigpe3RyeXt2YXIgdD1FKE9iamVjdCwiZGVmaW5lUHJvcGVydHkiKTtyZXR1cm4gdCh7fSwiIix7fSksdH1jYXRjaCh0KXt9fSgpLGllPWNlO2Z1bmN0aW9uIGFlKHQsZSxyKXsiX19wcm90b19fIj09ZSYmaWU/aWUodCxlLHtjb25maWd1cmFibGU6ITAsZW51bWVyYWJsZTohMCx2YWx1ZTpyLHdyaXRhYmxlOiEwfSk6dFtlXT1yfXZhciBmZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGxlKHQsZSxyKXt2YXIgbj10W2VdO2ZlLmNhbGwodCxlKSYmQihuLHIpJiYodm9pZCAwIT09cnx8ZSBpbiB0KXx8YWUodCxlLHIpfWZ1bmN0aW9uIHNlKHQsZSxyLG4pe3ZhciBvPSFyO3J8fChyPXt9KTtmb3IodmFyIHU9LTEsYz1lLmxlbmd0aDsrK3U8Yzspe3ZhciBpPWVbdV0sYT1uP24ocltpXSx0W2ldLGkscix0KTp2b2lkIDA7dm9pZCAwPT09YSYmKGE9dFtpXSksbz9hZShyLGksYSk6bGUocixpLGEpfXJldHVybiByfWZ1bmN0aW9uIHBlKHQpe3JldHVybiBwKHQpJiYiW29iamVjdCBBcmd1bWVudHNdIj09cyh0KX12YXIgYmU9T2JqZWN0LnByb3RvdHlwZSx5ZT1iZS5oYXNPd25Qcm9wZXJ0eSx2ZT1iZS5wcm9wZXJ0eUlzRW51bWVyYWJsZSxoZT1wZShmdW5jdGlvbigpe3JldHVybiBhcmd1bWVudHN9KCkpP3BlOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiZ5ZS5jYWxsKHQsImNhbGxlZSIpJiYhdmUuY2FsbCh0LCJjYWxsZWUiKX07dmFyIGplPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsZGU9amUmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxfZT1kZSYmZGUuZXhwb3J0cz09PWplP24uQnVmZmVyOnZvaWQgMCxnZT0oX2U/X2UuaXNCdWZmZXI6dm9pZCAwKXx8ZnVuY3Rpb24oKXtyZXR1cm4hMX0sT2U9e307ZnVuY3Rpb24gbWUodCl7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB0KGUpfX1PZVsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09T2VbIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPU9lWyJbb2JqZWN0IEludDhBcnJheV0iXT1PZVsiW29iamVjdCBJbnQxNkFycmF5XSJdPU9lWyJbb2JqZWN0IEludDMyQXJyYXldIl09T2VbIltvYmplY3QgVWludDhBcnJheV0iXT1PZVsiW29iamVjdCBVaW50OENsYW1wZWRBcnJheV0iXT1PZVsiW29iamVjdCBVaW50MTZBcnJheV0iXT1PZVsiW29iamVjdCBVaW50MzJBcnJheV0iXT0hMCxPZVsiW29iamVjdCBBcmd1bWVudHNdIl09T2VbIltvYmplY3QgQXJyYXldIl09T2VbIltvYmplY3QgQXJyYXlCdWZmZXJdIl09T2VbIltvYmplY3QgQm9vbGVhbl0iXT1PZVsiW29iamVjdCBEYXRhVmlld10iXT1PZVsiW29iamVjdCBEYXRlXSJdPU9lWyJbb2JqZWN0IEVycm9yXSJdPU9lWyJbb2JqZWN0IEZ1bmN0aW9uXSJdPU9lWyJbb2JqZWN0IE1hcF0iXT1PZVsiW29iamVjdCBOdW1iZXJdIl09T2VbIltvYmplY3QgT2JqZWN0XSJdPU9lWyJbb2JqZWN0IFJlZ0V4cF0iXT1PZVsiW29iamVjdCBTZXRdIl09T2VbIltvYmplY3QgU3RyaW5nXSJdPU9lWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7dmFyIHdlPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsQWU9d2UmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSx4ZT1BZSYmQWUuZXhwb3J0cz09PXdlJiZlLnByb2Nlc3MsU2U9ZnVuY3Rpb24oKXt0cnl7dmFyIHQ9QWUmJkFlLnJlcXVpcmUmJkFlLnJlcXVpcmUoInV0aWwiKS50eXBlcztyZXR1cm4gdHx8eGUmJnhlLmJpbmRpbmcmJnhlLmJpbmRpbmcoInV0aWwiKX1jYXRjaCh0KXt9fSgpLHplPVNlJiZTZS5pc1R5cGVkQXJyYXksUGU9emU/bWUoemUpOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiZBdCh0Lmxlbmd0aCkmJiEhT2Vbcyh0KV19LEllPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7ZnVuY3Rpb24gRWUoZSxyKXt2YXIgbj10KGUpLG89IW4mJmhlKGUpLHU9IW4mJiFvJiZnZShlKSxjPSFuJiYhbyYmIXUmJlBlKGUpLGk9bnx8b3x8dXx8YyxhPWk/ZnVuY3Rpb24odCxlKXtmb3IodmFyIHI9LTEsbj1BcnJheSh0KTsrK3I8dDspbltyXT1lKHIpO3JldHVybiBufShlLmxlbmd0aCxTdHJpbmcpOltdLGY9YS5sZW5ndGg7Zm9yKHZhciBsIGluIGUpIXImJiFJZS5jYWxsKGUsbCl8fGkmJigibGVuZ3RoIj09bHx8dSYmKCJvZmZzZXQiPT1sfHwicGFyZW50Ij09bCl8fGMmJigiYnVmZmVyIj09bHx8ImJ5dGVMZW5ndGgiPT1sfHwiYnl0ZU9mZnNldCI9PWwpfHxHdChsLGYpKXx8YS5wdXNoKGwpO3JldHVybiBhfWZ1bmN0aW9uIEZlKHQpe3JldHVybiB4dCh0KT9FZSh0KTppdCh0KX12YXIgVWU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBNZSh0KXtpZighaCh0KSlyZXR1cm4gZnVuY3Rpb24odCl7dmFyIGU9W107aWYobnVsbCE9dClmb3IodmFyIHIgaW4gT2JqZWN0KHQpKWUucHVzaChyKTtyZXR1cm4gZX0odCk7dmFyIGU9bnQodCkscj1bXTtmb3IodmFyIG4gaW4gdCkoImNvbnN0cnVjdG9yIiE9bnx8IWUmJlVlLmNhbGwodCxuKSkmJnIucHVzaChuKTtyZXR1cm4gcn1mdW5jdGlvbiAkZSh0KXtyZXR1cm4geHQodCk/RWUodCwhMCk6TWUodCl9dmFyIEJlPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsVGU9QmUmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxOZT1UZSYmVGUuZXhwb3J0cz09PUJlP24uQnVmZmVyOnZvaWQgMCxrZT1OZT9OZS5hbGxvY1Vuc2FmZTp2b2lkIDA7ZnVuY3Rpb24gQ2UoKXtyZXR1cm5bXX12YXIgRGU9T2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZSxSZT1PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzLFZlPVJlP2Z1bmN0aW9uKHQpe3JldHVybiBudWxsPT10P1tdOih0PU9iamVjdCh0KSxmdW5jdGlvbih0LGUpe2Zvcih2YXIgcj0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aCxvPTAsdT1bXTsrK3I8bjspe3ZhciBjPXRbcl07ZShjLHIsdCkmJih1W28rK109Yyl9cmV0dXJuIHV9KFJlKHQpLGZ1bmN0aW9uKGUpe3JldHVybiBEZS5jYWxsKHQsZSl9KSl9OkNlLFdlPVZlO2Z1bmN0aW9uIExlKHQsZSl7Zm9yKHZhciByPS0xLG49ZS5sZW5ndGgsbz10Lmxlbmd0aDsrK3I8bjspdFtvK3JdPWVbcl07cmV0dXJuIHR9dmFyIHFlPW90KE9iamVjdC5nZXRQcm90b3R5cGVPZixPYmplY3QpLEdlPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM/ZnVuY3Rpb24odCl7Zm9yKHZhciBlPVtdO3Q7KUxlKGUsV2UodCkpLHQ9cWUodCk7cmV0dXJuIGV9OkNlLEtlPUdlO2Z1bmN0aW9uIEhlKGUscixuKXt2YXIgbz1yKGUpO3JldHVybiB0KGUpP286TGUobyxuKGUpKX1mdW5jdGlvbiBKZSh0KXtyZXR1cm4gSGUodCxGZSxXZSl9ZnVuY3Rpb24gUWUodCl7cmV0dXJuIEhlKHQsJGUsS2UpfXZhciBYZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBZZT1uLlVpbnQ4QXJyYXk7ZnVuY3Rpb24gWmUodCl7dmFyIGU9bmV3IHQuY29uc3RydWN0b3IodC5ieXRlTGVuZ3RoKTtyZXR1cm4gbmV3IFllKGUpLnNldChuZXcgWWUodCkpLGV9dmFyIHRyPS9cdyokLzt2YXIgZXI9bz9vLnByb3RvdHlwZTp2b2lkIDAscnI9ZXI/ZXIudmFsdWVPZjp2b2lkIDA7ZnVuY3Rpb24gbnIodCxlLHIpe3ZhciBuLG89dC5jb25zdHJ1Y3Rvcjtzd2l0Y2goZSl7Y2FzZSJbb2JqZWN0IEFycmF5QnVmZmVyXSI6cmV0dXJuIFplKHQpO2Nhc2UiW29iamVjdCBCb29sZWFuXSI6Y2FzZSJbb2JqZWN0IERhdGVdIjpyZXR1cm4gbmV3IG8oK3QpO2Nhc2UiW29iamVjdCBEYXRhVmlld10iOnJldHVybiBmdW5jdGlvbih0LGUpe3ZhciByPWU/WmUodC5idWZmZXIpOnQuYnVmZmVyO3JldHVybiBuZXcgdC5jb25zdHJ1Y3RvcihyLHQuYnl0ZU9mZnNldCx0LmJ5dGVMZW5ndGgpfSh0LHIpO2Nhc2UiW29iamVjdCBGbG9hdDMyQXJyYXldIjpjYXNlIltvYmplY3QgRmxvYXQ2NEFycmF5XSI6Y2FzZSJbb2JqZWN0IEludDhBcnJheV0iOmNhc2UiW29iamVjdCBJbnQxNkFycmF5XSI6Y2FzZSJbb2JqZWN0IEludDMyQXJyYXldIjpjYXNlIltvYmplY3QgVWludDhBcnJheV0iOmNhc2UiW29iamVjdCBVaW50OENsYW1wZWRBcnJheV0iOmNhc2UiW29iamVjdCBVaW50MTZBcnJheV0iOmNhc2UiW29iamVjdCBVaW50MzJBcnJheV0iOnJldHVybiBmdW5jdGlvbih0LGUpe3ZhciByPWU/WmUodC5idWZmZXIpOnQuYnVmZmVyO3JldHVybiBuZXcgdC5jb25zdHJ1Y3RvcihyLHQuYnl0ZU9mZnNldCx0Lmxlbmd0aCl9KHQscik7Y2FzZSJbb2JqZWN0IE1hcF0iOmNhc2UiW29iamVjdCBTZXRdIjpyZXR1cm4gbmV3IG87Y2FzZSJbb2JqZWN0IE51bWJlcl0iOmNhc2UiW29iamVjdCBTdHJpbmddIjpyZXR1cm4gbmV3IG8odCk7Y2FzZSJbb2JqZWN0IFJlZ0V4cF0iOnJldHVybiBmdW5jdGlvbih0KXt2YXIgZT1uZXcgdC5jb25zdHJ1Y3Rvcih0LnNvdXJjZSx0ci5leGVjKHQpKTtyZXR1cm4gZS5sYXN0SW5kZXg9dC5sYXN0SW5kZXgsZX0odCk7Y2FzZSJbb2JqZWN0IFN5bWJvbF0iOnJldHVybiBuPXQscnI/T2JqZWN0KHJyLmNhbGwobikpOnt9fX12YXIgb3I9T2JqZWN0LmNyZWF0ZSx1cj1mdW5jdGlvbigpe2Z1bmN0aW9uIHQoKXt9cmV0dXJuIGZ1bmN0aW9uKGUpe2lmKCFoKGUpKXJldHVybnt9O2lmKG9yKXJldHVybiBvcihlKTt0LnByb3RvdHlwZT1lO3ZhciByPW5ldyB0O3JldHVybiB0LnByb3RvdHlwZT12b2lkIDAscn19KCksY3I9dXI7dmFyIGlyPVNlJiZTZS5pc01hcCxhcj1pcj9tZShpcik6ZnVuY3Rpb24odCl7cmV0dXJuIHAodCkmJiJbb2JqZWN0IE1hcF0iPT13dCh0KX07dmFyIGZyPVNlJiZTZS5pc1NldCxscj1mcj9tZShmcik6ZnVuY3Rpb24odCl7cmV0dXJuIHAodCkmJiJbb2JqZWN0IFNldF0iPT13dCh0KX0sc3I9IltvYmplY3QgQXJndW1lbnRzXSIscHI9IltvYmplY3QgRnVuY3Rpb25dIixicj0iW29iamVjdCBPYmplY3RdIix5cj17fTtmdW5jdGlvbiB2cihlLHIsbixvLHUsYyl7dmFyIGksYT0xJnIsZj0yJnIsbD00JnI7aWYobiYmKGk9dT9uKGUsbyx1LGMpOm4oZSkpLHZvaWQgMCE9PWkpcmV0dXJuIGk7aWYoIWgoZSkpcmV0dXJuIGU7dmFyIHM9dChlKTtpZihzKXtpZihpPWZ1bmN0aW9uKHQpe3ZhciBlPXQubGVuZ3RoLHI9bmV3IHQuY29uc3RydWN0b3IoZSk7cmV0dXJuIGUmJiJzdHJpbmciPT10eXBlb2YgdFswXSYmWGUuY2FsbCh0LCJpbmRleCIpJiYoci5pbmRleD10LmluZGV4LHIuaW5wdXQ9dC5pbnB1dCkscn0oZSksIWEpcmV0dXJuIGZ1bmN0aW9uKHQsZSl7dmFyIHI9LTEsbj10Lmxlbmd0aDtmb3IoZXx8KGU9QXJyYXkobikpOysrcjxuOyllW3JdPXRbcl07cmV0dXJuIGV9KGUsaSl9ZWxzZXt2YXIgcD13dChlKSxiPXA9PXByfHwiW29iamVjdCBHZW5lcmF0b3JGdW5jdGlvbl0iPT1wO2lmKGdlKGUpKXJldHVybiBmdW5jdGlvbih0LGUpe2lmKGUpcmV0dXJuIHQuc2xpY2UoKTt2YXIgcj10Lmxlbmd0aCxuPWtlP2tlKHIpOm5ldyB0LmNvbnN0cnVjdG9yKHIpO3JldHVybiB0LmNvcHkobiksbn0oZSxhKTtpZihwPT1icnx8cD09c3J8fGImJiF1KXtpZihpPWZ8fGI/e306ZnVuY3Rpb24odCl7cmV0dXJuImZ1bmN0aW9uIiE9dHlwZW9mIHQuY29uc3RydWN0b3J8fG50KHQpP3t9OmNyKHFlKHQpKX0oZSksIWEpcmV0dXJuIGY/ZnVuY3Rpb24odCxlKXtyZXR1cm4gc2UodCxLZSh0KSxlKX0oZSxmdW5jdGlvbih0LGUpe3JldHVybiB0JiZzZShlLCRlKGUpLHQpfShpLGUpKTpmdW5jdGlvbih0LGUpe3JldHVybiBzZSh0LFdlKHQpLGUpfShlLGZ1bmN0aW9uKHQsZSl7cmV0dXJuIHQmJnNlKGUsRmUoZSksdCl9KGksZSkpfWVsc2V7aWYoIXlyW3BdKXJldHVybiB1P2U6e307aT1ucihlLHAsYSl9fWN8fChjPW5ldyB1ZSk7dmFyIHk9Yy5nZXQoZSk7aWYoeSlyZXR1cm4geTtjLnNldChlLGkpLGxyKGUpP2UuZm9yRWFjaChmdW5jdGlvbih0KXtpLmFkZCh2cih0LHIsbix0LGUsYykpfSk6YXIoZSkmJmUuZm9yRWFjaChmdW5jdGlvbih0LG8pe2kuc2V0KG8sdnIodCxyLG4sbyxlLGMpKX0pO3ZhciB2PXM/dm9pZCAwOihsP2Y/UWU6SmU6Zj8kZTpGZSkoZSk7cmV0dXJuIGZ1bmN0aW9uKHQsZSl7Zm9yKHZhciByPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoOysrcjxuJiYhMSE9PWUodFtyXSxyLHQpOyk7fSh2fHxlLGZ1bmN0aW9uKHQsbyl7diYmKHQ9ZVtvPXRdKSxsZShpLG8sdnIodCxyLG4sbyxlLGMpKX0pLGl9eXJbc3JdPXlyWyJbb2JqZWN0IEFycmF5XSJdPXlyWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPXlyWyJbb2JqZWN0IERhdGFWaWV3XSJdPXlyWyJbb2JqZWN0IEJvb2xlYW5dIl09eXJbIltvYmplY3QgRGF0ZV0iXT15clsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09eXJbIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPXlyWyJbb2JqZWN0IEludDhBcnJheV0iXT15clsiW29iamVjdCBJbnQxNkFycmF5XSJdPXlyWyJbb2JqZWN0IEludDMyQXJyYXldIl09eXJbIltvYmplY3QgTWFwXSJdPXlyWyJbb2JqZWN0IE51bWJlcl0iXT15clticl09eXJbIltvYmplY3QgUmVnRXhwXSJdPXlyWyJbb2JqZWN0IFNldF0iXT15clsiW29iamVjdCBTdHJpbmddIl09eXJbIltvYmplY3QgU3ltYm9sXSJdPXlyWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09eXJbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09eXJbIltvYmplY3QgVWludDE2QXJyYXldIl09eXJbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAseXJbIltvYmplY3QgRXJyb3JdIl09eXJbcHJdPXlyWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7ZnVuY3Rpb24gaHIodCl7cmV0dXJuIHZyKHQsNSl9ZnVuY3Rpb24ganIodCl7cmV0dXJuIltvYmplY3QgQXJyYXldIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBkcih0KXtyZXR1cm4iW29iamVjdCBPYmplY3RdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBfcih0KXtyZXR1cm4hMD09PShlPXQpfHwhMT09PWV8fHAoZSkmJiJbb2JqZWN0IEJvb2xlYW5dIj09cyhlKTt2YXIgZX1mdW5jdGlvbiBncih0LGU9bnVsbCxyPXt9KXtqKGUpfHwoZT10PT50KTtsZXQgbj1ldChyLCJmb3JjZSIsITEpO3JldHVybiBfcihuKXx8KG49ITEpLGZ1bmN0aW9uKHQsZSxyPSExKXtsZXQgbj1bXTtpZighanIodCkmJiFkcih0KSlyZXR1cm4gZSh0LG51bGwsW10pO2Z1bmN0aW9uIG8odCl7aWYoanIodCkpcmV0dXJuIG9lKFZ0KHQpKTtpZihkcih0KSl7bGV0IGU9T2JqZWN0LmdldE93blByb3BlcnR5TmFtZXModCksbj1udWxsO3JldHVybiByJiYobj1PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHQpKSxqcihlKXx8KGU9W10pLGpyKG4pfHwobj1bXSksWy4uLmUsLi4ubl19cmV0dXJuIHR9cmV0dXJuIGZ1bmN0aW9uIHQocix1KXtpZihqcihyKSlyZXR1cm4gbyhyKS5tYXAobz0+e2xldCB1PXJbb10sYz1ocihuKTtyZXR1cm4gbi5wdXNoKG8pLHU9ZSh1LG8sYyksdT10KHUpLG4ucG9wKCksdX0pO2lmKGRyKHIpKXtsZXQgdT1vKHIpLGM9e307cmV0dXJuIHUubWFwKG89PntsZXQgdT1yW29dLGk9aHIobik7bi5wdXNoKG8pLHU9ZSh1LG8saSksdT10KHUpLG4ucG9wKCksY1tvXT11fSksY31yZXR1cm4gcn0odCl9KHQsZSxuKX1mdW5jdGlvbiBPcih0KXtyZXR1cm4hKCFmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBTdHJpbmddIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCl8fCIiPT09dCl9ZnVuY3Rpb24gbXIodCxlPXt9KXtpZihqcih0KSl7aWYoMD09PXQubGVuZ3RoKXJldHVybltdfWVsc2V7aWYoIWRyKHQpKXJldHVybltdO2lmKGZ1bmN0aW9uKHQpe2lmKGRyKHQpKXtmb3IobGV0IGUgaW4gdClyZXR1cm4hMTtyZXR1cm4hMH1yZXR1cm4hMX0odCkpcmV0dXJuW119bGV0IHI9ZXQoZSwiYmluZEtleSIsbnVsbCk7T3Iocil8fChyPSJpZCIpO2xldCBuPWV0KGUsImJpbmRDaGlsZHJlbiIsbnVsbCk7T3Iobil8fChuPSJjaGlsZHJlbiIpO2xldCBvPSExO2RyKHQpJiYobz0hMCx0PVt0XSk7bGV0IHU9W107cmV0dXJuIGdyKHQsKHQsZSxvKT0+e2xldCBjPWV0KHQscixudWxsKSxpPWV0KHQsbixudWxsKTtpZihjKXtsZXQgcj1mdW5jdGlvbih0KXtsZXQgZT1bdFswXV07Zm9yKGxldCByPTE7cjx0Lmxlbmd0aDtyKyspe2xldCBvPXRbcl07ZS5wdXNoKG4pLGUucHVzaChvKX1yZXR1cm4gZX0oWy4uLm8sZV0pO2lmKHUucHVzaCh7Li4udCxsZXZlbDooVnQociktMSkvMixuazpyfSksaSlyZXR1cm4gaX19KSxvJiYodT11WzBdKSx1fWxldCBmbGF0dGVuVHJlZVdrPWFzeW5jIGZ1bmN0aW9uKHQsZT17fSl7cmV0dXJuIG1yKHQsZSl9OwoKCmxldCBpbnN0YW5jZSA9IG51bGwKZnVuY3Rpb24gaW5pdChpbnB1dCl7CgogICAgLy9pbml0CiAgICBsZXQgcgogICAgCiAgICAgICAgciA9IHsKICAgICAgICAgICAgbWFpbjogZmxhdHRlblRyZWVXawogICAgICAgIH0KICAgICAgICAKCiAgICAvL29uCiAgICAKCiAgICAvL3NhdmUKICAgIGluc3RhbmNlID0gcgoKfQoKZnVuY3Rpb24gc2VuZE1lc3NhZ2UoZGF0YSkgewogICAgCiAgICAgICAgc2VsZi5wb3N0TWVzc2FnZShkYXRhKQogICAgICAgIAp9Cgphc3luYyBmdW5jdGlvbiBydW4oZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciBydW4nLGRhdGEpCgogICAgLy9tb2RlCiAgICBsZXQgbW9kZSA9IGRhdGEubW9kZQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgIT09ICdpbml0JyAmJiBtb2RlICE9PSAnY2FsbCcpewogICAgICAgIHJldHVybgogICAgfQoKICAgIC8vaW5pdAogICAgaWYobW9kZSA9PT0gJ2luaXQnKXsKICAgICAgICAKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL3R5cGUKICAgICAgICAgICAgbGV0IHR5cGUgPSBkYXRhLnR5cGUKCiAgICAgICAgICAgIC8vaW5wdXQKICAgICAgICAgICAgbGV0IGlucHV0ID0gZGF0YS5pbnB1dAogICAgCiAgICAgICAgICAgIC8vaW5zdGFuY2UKICAgICAgICAgICAgaWYodHlwZSA9PT0gJ2Z1bmN0aW9uJyl7CiAgICAgICAgICAgICAgICBpbml0KC4uLmlucHV0KQogICAgICAgICAgICB9CiAgICAgICAgICAgIGVsc2UgaWYodHlwZSA9PT0gJ29iamVjdCcpewogICAgICAgICAgICAgICAgaW5zdGFuY2UgPSBmbGF0dGVuVHJlZVdrCiAgICAgICAgICAgIH0KCiAgICAgICAgfQogICAgICAgIGNhdGNoKGVycil7CiAgICAgICAgCiAgICAgICAgICAgIC8vc2VuZE1lc3NhZ2UKICAgICAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgICAgIG1vZGU6ICdlbWl0JywKICAgICAgICAgICAgICAgIGV2TmFtZTogJ2Vycm9yJywKICAgICAgICAgICAgICAgIG1zZzogZXJyLAogICAgICAgICAgICB9CiAgICAgICAgICAgIHNlbmRNZXNzYWdlKHJlcykKCiAgICAgICAgfQogICAgICAgICAgICAKICAgIH0KCiAgICAvL2NoZWNrCiAgICBpZihtb2RlID09PSAnY2FsbCcpewogICAgICAgIGxldCBzdGF0ZSA9ICcnCiAgICAgICAgbGV0IG1zZyA9IG51bGwKCiAgICAgICAgdHJ5ewoKICAgICAgICAgICAgLy9mdW4KICAgICAgICAgICAgbGV0IGZ1biA9IGluc3RhbmNlW2RhdGEuZnVuXQoKICAgICAgICAgICAgLy9pbnB1dAogICAgICAgICAgICBsZXQgaW5wdXQgPSBkYXRhLmlucHV0CgogICAgICAgICAgICAvL2V4ZWMKICAgICAgICAgICAgYXdhaXQgZnVuKC4uLmlucHV0KQogICAgICAgICAgICAgICAgLnRoZW4oKHN1YykgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdzdWNjZXNzJwogICAgICAgICAgICAgICAgICAgIG1zZz1zdWMKICAgICAgICAgICAgICAgIH0pCiAgICAgICAgICAgICAgICAuY2F0Y2goKGVycikgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdlcnJvcicKICAgICAgICAgICAgICAgICAgICBtc2c9ZXJyCiAgICAgICAgICAgICAgICB9KQoKICAgICAgICB9CiAgICAgICAgY2F0Y2goZXJyKXsKICAgICAgICAgICAgc3RhdGUgPSAnZXJyb3InCiAgICAgICAgICAgIG1zZyA9IGVycgogICAgICAgIH0KICAgICAgICAKICAgICAgICAvL3NlbmRNZXNzYWdlCiAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgbW9kZTogJ3JldHVybicsCiAgICAgICAgICAgIGlkOiBkYXRhLmlkLAogICAgICAgICAgICBmdW46IGRhdGEuZnVuLAogICAgICAgICAgICBzdGF0ZSwKICAgICAgICAgICAgbXNnLAogICAgICAgIH0KICAgICAgICBzZW5kTWVzc2FnZShyZXMpCgogICAgfQoKfQoKZnVuY3Rpb24gcmVjdk1lc3NhZ2UoZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciByZWN2OicsIGRhdGEpCgogICAgLy9kYXRhUmVjdgogICAgbGV0IGRhdGFSZWN2ID0gZGF0YQoKICAgIC8vcnVuCiAgICBydW4oZGF0YVJlY3YpCgp9CgoKICAgICAgICBzZWxmLm9ubWVzc2FnZSA9IGZ1bmN0aW9uIChlKSB7CiAgICAgICAgICAgIHJlY3ZNZXNzYWdlKGUuZGF0YSkKICAgICAgICB9CiAgICAgICAgCgp0cnl7CgogICAgLy/lg4Xku6V1bmNhdWdodEV4Y2VwdGlvbk1vbml0b3LoqJjpjIQsIOS4jeWPr+iou+WGinVuY2F1Z2h0RXhjZXB0aW9u6IiHdW5oYW5kbGVkUmVqZWN0aW9u55uj6IG9OgogICAgLy/mlrx3b3JrZXLlhafoqLvlhormraTkuoznm6Pogb3mnIPpmLvmraJOb2Rl6aCQ6Kit55qEd29ya2Vy57WC5q2i6KGM54K6LCDkvb93b3JrZXLltKnmvbDlvozku43lrZjmtLvnqbrovYksCiAgICAvL+WkluWxpOaUtuS4jeWIsGVycm9yL2V4aXTkuovku7YsIHBlbmRpbmcgcHJvbWlzZeawuOS5heaHuOe9riwg5LiU5a2Y5rS75q6t5bGNd29ya2Vy5pyD5Luk5a6/5Li756iL5bqP54Sh5rOV6YCA5Ye6OwogICAgLy/np7vpmaTlvox3b3JrZXLkvp3poJDoqK3ooYzngrrmrbvkuqEsIGVycm9y5LqL5Lu25YKz6Iez5aSW5bGkLCDnlLHlpJblsaTmlbTmiblyZWplY3QgcGVuZGluZwogICAgLy8gcHJvY2Vzcy5vbigndW5oYW5kbGVkUmVqZWN0aW9uJywgKGVycikgPT4gewogICAgLy8gICAgIGNvbnNvbGUubG9nKCdpbm5lcjp1bmhhbmRsZWRSZWplY3Rpb24nLCBlcnIpCiAgICAvLyB9KQogICAgLy8gcHJvY2Vzcy5vbigndW5jYXVnaHRFeGNlcHRpb24nLCAoZXJyKSA9PiB7CiAgICAvLyAgICAgY29uc29sZS5sb2coJ2lubmVyOnVuY2F1Z2h0RXhjZXB0aW9uJywgZXJyKQogICAgLy8gfSkKICAgIHByb2Nlc3Mub24oJ3VuY2F1Z2h0RXhjZXB0aW9uTW9uaXRvcicsIChlcnIpID0+IHsKICAgICAgICBjb25zb2xlLmxvZygnaW5uZXI6dW5jYXVnaHRFeGNlcHRpb25Nb25pdG9yJywgZXJyKQogICAgfSkKCn0KY2F0Y2goZXJyKXt9Cgo=");function e(){let e=new gg,t={},r=!1;function o(n){for(let r in t){let o=t[r];delete t[r],e.removeAllListeners(r),o.reject(n)}e.emit("error",n)}function i(n){r||(r=!0,o(n))}let l=function(n){try{let e=new Blob([n]),t=window.URL||window.webkitURL;return new Worker(t.createObjectURL(e))}catch(n){i(n)}}(n);if(!l)return i("invalid worker"),null;function a(){let n=function(){let n,e,t=new Promise(function(){n=arguments[0],e=arguments[1]});return t.resolve=n,t.reject=e,t}();if(r)return n.reject("worker is dead"),n;let o=function(n=10){let e=[],t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),r=t.length;for(let o=0;o<n;o++)e[o]=t[0|Math.random()*r];return e.join("")}();t[o]=n;let i={mode:"call",id:o,fun:"main",input:[...arguments]};return l.postMessage(i),e.once(o,e=>{delete t[o],"success"===e.state?n.resolve(e.msg):n.reject(e.msg)}),n}return l.onmessage=function(n){!function(n){let t=n,r=t.mode;"emit"!==r&&"return"!==r||("emit"===r&&e.emit(t.evName,t.msg),"return"===r&&e.emit(t.id,t))}(n.data)},l.onerror=i,l.onmessageerror=function(n){o(n.data)},function(){let n={mode:"init",type:"function",input:[...arguments]};l.postMessage(n)}([...arguments]),e.main=a,e.main=a,e.terminate=function(){l?(l.terminate(),l=void 0):o("worker has been terminated")},e}mg=async function(){let n=[...arguments],t=e();return await t.main(...n).finally(()=>{t.terminate()})}}();try{process.on("uncaughtExceptionMonitor",n=>{console.log("outer:uncaughtExceptionMonitor",n)})}catch(kv){}var vg=mg;function yg(n={}){let e=null,t=!1,r=mn(n,"attIdentify",null);bn(r)||(r="dragprevid");let o=ki(n,"containerOpacity",.4),i=mn(n,"containerBackground",null);bn(i)||(i="white");let l=ki(n,"containerBorderWidth",1),a=mn(n,"containerBorderColor",null);bn(a)||(a="#f26");let d=`c${Uo(8)}`;function u(n,e,t){let u=function(n,e,t){let o=Ys(n);if(!o)return null;let i=n.cloneNode(!0);i.tShiftX=e-o.left,i.tShiftY=t-o.top,i.tWidth=n.offsetWidth,i.tHeight=n.offsetHeight,i.tParent=n.parentNode,i.setAttribute(r,"");let l=[];try{l=Array.from(i.querySelectorAll("input[type=radio]")),i.matches("input[type=radio]")&&l.push(i)}catch(n){}for(let n of l)n.removeAttribute("name");return i}(n,e,t);if(null===u)return null;let s=document.createElement("div");s.style.position="absolute",s.style.zIndex=1,s.style.top=0,s.style.left=0,s.style.width="100%",s.style.height="100%",s.appendChild(u);let c=document.createElement("div");c.style.position="relative",c.appendChild(s);let p=document.createElement("div");return p.setAttribute("dragpreviewid",d),p.style.position="fixed",p.style.zIndex=1e5,p.style.width=`${u.tWidth+2*l}px`,p.style.height=`${u.tHeight+2*l}px`,p.style.opacity=o,p.style.background=i,p.style.border=`${l}px solid ${a}`,p.style.pointerEvents="none",p.appendChild(c),document.querySelector("body").appendChild(p),{ele:n,node:u,cover:s,shell:c,container:p,timer:null,offs:[]}}function s(n,e,t){window.addEventListener(e,t,!0),n.offs.push(()=>{window.removeEventListener(e,t,!0)})}function c(n,r,o){e&&!t&&(e.container.style.top=r-e.node.tShiftY+"px",e.container.style.left=n-e.node.tShiftX+"px")}function p(){let n=e;if(!n)return;e=null,clearInterval(n.timer);for(let e of n.offs)e();n.offs=[];let t=n.container;t.parentNode&&t.parentNode.removeChild(t)}function f(n,t){if(e)try{for(let r of Object.keys(t))e[n].style[r]=t[r]}catch(n){}}return{createPreview:function(n,t,r){p();let o=null;try{o=u(n,t,r)}catch(n){o=null}null!==o&&(e=o,s(o,"mousemove",n=>{c(n.clientX,n.clientY)}),s(o,"touchmove",n=>{let e=function(n){let e=mn(n,"clientX",null),t=mn(n,"clientY",null),r=mn(n,"pageX",null),o=mn(n,"pageY",null);if(null!==e&&null!==t&&null!==r&&null!==o)return{clientX:e,clientY:t,pageX:r,pageY:o};let i=mn(n,"changedTouches",[]);if(1!==xo(i))return null;let l=i[0];return{clientX:mn(l,"clientX",null),clientY:mn(l,"clientY",null),pageX:mn(l,"pageX",null),pageY:mn(l,"pageY",null)}}(n);e&&c(e.clientX,e.clientY)}),c(t,r),o.timer=setInterval(()=>{e===o?o.ele.isConnected||p():clearInterval(o.timer)},500))},updateDragPreview:c,pauseDragPreview:function(n){t=n},removeDragPreview:p,setNodeStyle:function(n){f("node",n)},setCoverStyle:function(n){f("cover",n)},setSellStyle:function(n){f("shell",n)},setContainerStyle:function(n){f("container",n)},clear:function(){p()}}}let bg=new Map,Cg=null,xg=-1/0;function Sg(){return"undefined"!=typeof performance&&Te(performance.now)?performance.now():Date.now()}function wg(n,e){try{return n.getAttribute(e)}catch(n){return null}}function Ig(n,e){let t=wg(n,e);return xn(t)&&Number.isFinite(Number(t))?er(t):null}function kg(n,e){let t=mn(n,"length",0);if(null===e)return 1===t?n[0]:null;for(let r=0;r<t;r++)if(mn(n[r],"identifier",null)===e)return n[r];return null}function Tg(n){let e=mn(n,"clientX",null),t=mn(n,"clientY",null);return Wo(e)&&Wo(t)?{clientX:e,clientY:t}:null}function Bg(n,e,t,r){return n.addEventListener(e,t,r),()=>{n.removeEventListener(e,t,r)}}function Hg(n){for(;n.length>0;){let e=n.pop();try{e()}catch(n){}}}function Ag(n,e,t,r){let o=e?n.members.get(e):null;if(!o)return;let i=r(o);o.ev.emit("change",{mode:t,...i}),n.members.get(e)===o&&o.ev.emit(t,i)}function Wg(n,e){let t=[];try{t=document.elementsFromPoint(e.clientX,e.clientY)}catch(n){t=[]}for(let e of t){let t=n.members.get(e);if(!t)continue;let r=Ig(e,t.o.attIndex);if(null!==r)return{ele:e,ind:r}}return null}function Fg(n,e=null,t=null){let r=n.drag;if(!r)return;n.drag=null,Cg===n&&(Cg=null),null!==r.timer&&(clearTimeout(r.timer),r.timer=null),Hg(r.offs),r.pv&&(r.pv.clear(),r.pv=null);let o=r.endEle,i=r.endInd;!o||t&&i===t.ind||Ag(n,o,"leave",n=>({event:e,startInd:r.startInd,startEle:r.startEle,endInd:i,endEle:o,tarInd:i,tarEid:n.eid})),t&&Ag(n,t.ele,"drop",n=>({event:e,startInd:r.startInd,startEle:r.startEle,endInd:t.ind,endEle:t.ele,tarInd:t.ind,tarEid:n.eid}))}function Zg(n,e,t){if(n.drag!==e)return;let r=null;if(e.touch)r=Tg(kg(mn(t,"changedTouches",null),e.touchId));else{if(!0===t.isTrusted&&Wo(t.buttons)&&!(1&t.buttons))return void Fg(n,t);r=Tg(t)}if(!r)return;if(!n.members.has(e.startEle))return void Fg(n,t);e.lastP=r,e.pv&&e.pv.updateDragPreview(r.clientX,r.clientY,"domDrag");let o=Wg(n,r),i=e.o,l=()=>{let r=e.endEle,o=e.endInd;e.endEle=null,e.endInd=null,Ag(n,r,"leave",n=>({event:t,startInd:e.startInd,startEle:e.startEle,endInd:o,endEle:r,tarInd:o,tarEid:n.eid})),e.pv&&e.pv.setContainerStyle({opacity:i.previewDisabledOpacity})};if(!o)return void(null!==e.endInd&&l());if(o.ind===e.startInd)return void(null!==e.endInd&&l());if(o.ind!==e.endInd){if(null!==e.endInd&&(l(),n.drag!==e))return;return e.endInd=o.ind,e.endEle=o.ele,Ag(n,o.ele,"enter",n=>({event:t,startInd:e.startInd,startEle:e.startEle,endInd:o.ind,endEle:o.ele,tarInd:o.ind,tarEid:n.eid})),void(e.pv&&e.pv.setContainerStyle({opacity:i.previewOpacity}))}e.endEle=o.ele;let a=function(n,e){if(!Qo(n))return null;if(!Wo(n.clientX)||!Wo(n.clientY))return null;if(!li(e))return null;let t=Ys(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(r,o.ele);if(!a)return;let d=a.w>0?a.x/a.w:0,u=a.h>0?a.y/a.h:0;d>=0&&d<=1&&u>=0&&u<=1&&(Ag(n,o.ele,"move",n=>({event:t,startInd:e.startInd,startEle:e.startEle,endInd:e.endInd,endEle:e.endEle,tarInd:e.endInd,tarEid:n.eid,...a,rx:d,ry:u})),e.pv&&e.pv.setContainerStyle({opacity:i.previewOpacity}))}function Xg(n,e,t){if(n.drag!==e)return;let r=t;if(e.touch){if(r=kg(mn(t,"changedTouches",null),e.touchId),!r)return;xg=Sg()}else if("button"in t&&0!==t.button)return;if(!n.members.has(e.startEle))return void Fg(n,t);e.pv&&(e.pv.clear(),e.pv=null);let o=Tg(r);Fg(n,t,o?Wg(n,o):null)}function zg(n,e,t){n.drag===e&&(null!==e.touchId&&null===kg(mn(t,"changedTouches",null),e.touchId)||Fg(n,t))}function Rg(n,e,t){let r=n.g;if(!n.alive||!r.isActive)return;if(Cg&&Cg.drag&&Cg.drag.pressEvent===e)return;if(!t){if("button"in e&&0!==e.button)return;let n=mn(e,"sourceCapabilities.firesTouchEvents",null);if(!0===n)return;if(!1!==n&&Sg()-xg<800)return}let o=t?mn(e,"changedTouches[0]",null):e,i=t?mn(o,"identifier",null):null;void 0===i&&(i=null);let l=Cg?Cg.drag:null;if(l&&t){if(!l.touch)return;if(null!==l.touchId&&null!==kg(mn(e,"touches",null),l.touchId))return}let a=n.o,d=Ig(n.ele,a.attIndex);if(null===d)return;Cg&&Fg(Cg,e);let u={touch:t,touchId:i,pressEvent:e,o:a,startInd:d,startEle:n.ele,endInd:null,endEle:null,timer:null,pv:null,offs:[],lastEv:null,lastP:null};r.drag=u,Cg=r;let s=n=>e=>{e!==u.lastEv&&(u.lastEv=e,n(r,u,e))},c=s(Zg),p=s(Xg),f=s(zg);if(t){u.offs.push(Bg(window,"touchmove",c,!0)),u.offs.push(Bg(window,"touchend",p,!0)),u.offs.push(Bg(window,"touchcancel",f,!0));let n=mn(e,"target",null);n&&Te(n.addEventListener)&&(u.offs.push(Bg(n,"touchmove",n=>{n.cancelable&&n.preventDefault(),c(n)},{passive:!1})),u.offs.push(Bg(n,"touchend",p)),u.offs.push(Bg(n,"touchcancel",f)))}else u.offs.push(Bg(window,"mousemove",c,!0)),u.offs.push(Bg(window,"mouseup",p,!0));if(u.offs.push(Bg(window,"blur",n=>{r.drag===u&&Fg(r,n)})),Ag(r,u.startEle,"start",n=>({event:e,startInd:u.startInd,startEle:u.startEle,tarInd:u.startInd,tarEid:n.eid})),r.drag!==u)return;let h=Tg(o);h&&(u.timer=setTimeout(()=>{u.timer=null,r.drag===u&&(u.pv=yg({attIdentify:a.attIdentify,containerOpacity:a.previewOpacity,containerBackground:a.previewBackground,containerBorderWidth:a.previewBorderWidth,containerBorderColor:a.previewBorderColor}),u.pv.createPreview(u.startEle,h.clientX,h.clientY),u.lastP&&u.pv.updateDragPreview(u.lastP.clientX,u.lastP.clientY,"domDrag"),u.pv.setContainerStyle({opacity:u.endEle?a.previewOpacity:a.previewDisabledOpacity}))},a.timeDragStartDelay))}function Pg(n,e={}){if(!li(n))return void console.log("ele is not a HTMLElement",n);let t=(n,t)=>{let r=mn(e,n,null);return bn(r)?r:t},r={attIdentify:t("attIdentify","dragid"),attIndex:t("attIndex","dragindex"),attGroup:t("attGroup","draggroup"),group:t("group","group"),previewOpacity:ki(e,"previewOpacity",.4),previewDisabledOpacity:ki(e,"previewDisabledOpacity",.2),previewBackground:t("previewBackground","white"),previewBorderWidth:ki(e,"previewBorderWidth",1),previewBorderColor:t("previewBorderColor","#f26"),timeDragStartDelay:ki(e,"timeDragStartDelay",120,{min:0,below:"clamp",timer:!0})},o=r.group,i=`c${Uo(8)}`,l=bg.get(o);l||(l={gid:o,members:new Map,isActive:!0,drag:null,teardown:!1},bg.set(o,l));let a=wi(),d={eid:i,ele:n,ev:a,o:r,g:l,alive:!0};wg(n,r.attGroup)!==o&&n.setAttribute(r.attGroup,o),n.setAttribute(r.attIdentify,i),l.members.set(n,d);let u=[];function s(){d.alive&&(d.alive=!1,Hg(u),l.members.get(n)===d&&l.members.delete(n),Promise.resolve().then(()=>{wg(n,r.attIdentify)===i&&(n.removeAttribute(r.attIdentify),wg(n,r.attGroup)===o&&n.removeAttribute(r.attGroup))}),l.drag&&l.drag.startEle===n&&function(n,e){Promise.resolve().then(()=>{n.drag!==e||n.members.has(e.startEle)||Fg(n)})}(l,l.drag),0===l.members.size&&function(n){n.teardown||(n.teardown=!0,Promise.resolve().then(()=>{n.teardown=!1,n.members.size>0||(Fg(n),bg.get(n.gid)===n&&bg.delete(n.gid))}))}(l))}return u.push(Bg(n,"mousedown",n=>{Rg(d,n,!1)})),u.push(Bg(n,"touchstart",n=>{Rg(d,n,!0)})),u.push(Bg(n,"dragstart",e=>{l.drag&&l.drag.startEle===n&&e.preventDefault()})),a.setIsActive=function(n){d.alive&&(l.isActive=n,n||Fg(l))},a.unbind=s,a.clear=s,a}function Vg(){let n={};function e(e,t,r,o){let i=e.getAttribute("ev-dragdrop"),l=mn(t,"value");if(l=Qo(l),!l)return;let a=mn(t,"value.group");if(!bn(a))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");let d=mn(t,"value.attIdentify"),u=mn(t,"value.attGroup"),s=mn(t,"value.attIndex"),c=mn(t,"value.previewOpacity"),p=mn(t,"value.previewDisabledOpacity"),f=mn(t,"value.previewBackground"),h=mn(t,"value.previewBorderWidth"),g=mn(t,"value.previewBorderColor"),m=mn(t,"value.timeDragStartDelay"),v=Ni(r,"domdragdrop","domdragdrop",{warn:o}),y=Pg(e,{group:a,attIdentify:d,attGroup:u,attIndex:s,previewOpacity:c,previewDisabledOpacity:p,previewBackground:f,previewBorderWidth:h,previewBorderColor:g,timeDragStartDelay:m});y.on("start",n=>{v.emit({evName:"start",...n})}),y.on("move",n=>{v.emit({evName:"move",...n})}),y.on("enter",n=>{v.emit({evName:"enter",...n})}),y.on("leave",n=>{v.emit({evName:"leave",...n})}),y.on("drop",n=>{v.emit({evName:"drop",...n})}),n[i]={ev:y,em:v}}function t(e){let t=e.getAttribute("ev-dragdrop");n[t]&&(n[t].em.dispose(),n[t].ev.unbind(),n[t]=null,delete n[t])}return{bind:function(n,t,r){let o=`r${Uo()}`;n.setAttribute("ev-dragdrop",o),e(n,t,r,!0)},update:function(n,r,o){t(n),e(n,r,o,!1)},unbind:function(n){t(n),n.setAttribute("ev-dragdrop",null)}}}function Lg(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(!e(n[t],t,n))return!1;return!0}function Ng(n,e){var t=!0;return xe(n,function(n,r,o){return t=!!e(n,r,o)}),t}function Dg(n,e,t){var r=s(n)?Lg:Ng;return t&&to(n,e,t)&&(e=void 0),r(n,It(e))}const Gg={directives:{domresize:Hl()},components:{WPanelScrollyCore:vh},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 Mg=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)};Mg._withStripped=!0;const Yg=t({render:Mg,staticRenderFns:[]},function(n){n&&n("data-v-09786acf_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})},Gg,"data-v-09786acf",false,void 0,!1,o,void 0,void 0);const jg={directives:{domripple:cd()},components:{WIcon:vd},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"},backgroundColorDisabled:{type:String,default:"white"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},textColorDisabled:{type:String,default:"#444"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},iconColorDisabled:{type:String,default:"#444"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"},cursorPointer:{type:Boolean,default:!0}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=He(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){return`padding:${dd(this.paddingStyle,{ext:{}})};`},effBackgroundColor:function(){return wo(this.backgroundColor)},effBackgroundColorHover:function(){return wo(this.backgroundColorHover)},effBackgroundActive:function(){return wo(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return wo(this.backgroundColorDisabled)},useBackgroundColor:function(){let n=this;return n.editable?n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor:n.effBackgroundColorDisabled},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},effTextActive:function(){return wo(this.textColorActive)},effTextColorDisabled:function(){return wo(this.textColorDisabled)},useTextColor:function(){let n=this;return n.editable?n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor:n.effTextColorDisabled},effIconColor:function(){return wo(this.iconColor)},effIconColorHover:function(){return wo(this.iconColorHover)},effIconActive:function(){return wo(this.iconColorActive)},effIconColorDisabled:function(){return wo(this.iconColorDisabled)},useIconColor:function(){let n=this;return n.editable?n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor:n.effIconColorDisabled},effDisabledColor:function(){return wo(this.disabledColor)}},methods:{clickItem:function(){let n=this;n.editable&&n.$emit("click",{icon:n.icon,text:n.text})}}};var _g=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:"position:relative; transition:all 0.3s; border-top-left-radius:"+n.borderRadius+"px; border-top-right-radius:"+n.borderRadius+"px; "+n.usePadding+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"cursor:context-menu;"),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("item",function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("item-left",null,{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-content",function(){return[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",[n._v("\n                        "+n._s(n.text)+"\n                    ")])]},{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-right",null,{isHover:n.mouseEnter,isActive:n.active})],2)]},{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])],2)])};_g._withStripped=!0;const Kg=t({render:_g,staticRenderFns:[]},function(n){n&&n("data-v-f78be616_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",map:{version:3,sources:[],names:[],mappings:"",file:"WListItem.vue"},media:void 0})},jg,"data-v-f78be616",false,void 0,!1,o,void 0,void 0);var $g={directives:{domresize:Hl()},components:{WPanelScrolly:Yg,WListItem:Kg},props:{items:{type:Array,default:()=>[]},enableActive:{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})},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"orange lighten-1"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextFontSize:{type:String,default:"1rem"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0},query:{type:String,default:""},funFilter:{type:Function,default:null}},data:function(){return{panelHeight:0,listHeight:0,queryTrans:"",useItems:[],itemActiveTrans:null}},computed:{changeParams:function(){let n=this;return n.queryTrans=n.query,n.updateUseItems(),""},changeItemActive:function(){let n=this;return n.enableActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==xo(this.items)&&Dg(this.items,n=>vn(n))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,r=mn(e,"$refs.refHeader");li(r)&&(t=r.offsetHeight);let o=0,i=mn(e,"$refs.refFooter");li(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?mn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return mn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Vi(n,e.itemActiveTrans)),t},getEditable:function(n){return mn(n,"editable",!0)},updateUseItems:function(){let n=this;(async function(){let e=[];if(bn(n.queryTrans))for(let t=0;t<xo(n.items);t++){let r=n.items[t],o=!1;if(Te(n.funFilter))o=n.funFilter(r,t),ur(o)&&(o=await o);else{let e=$t(n.queryTrans.toLowerCase()," "),t="";t=n.isObjValue?n.getText(r):na(r),t=t.toLowerCase();for(let n=0;n<xo(e);n++){let r=e[n];if(t.indexOf(r)>=0){o=!0;break}}}o&&e.push(Sl(r))}else e=Sl(n.items);n.useItems=e})().catch(n=>{console.log(n)})},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let r=null;r=t.isObjValue?{...n}:n,t.$emit("click",r,e),t.$emit("update:itemActive",r)}}};const Eg=$g;var Og=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParams:n.changeParams,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.useItems,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,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:!n.getActive(e)&&n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,r)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)}),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};Og._withStripped=!0;const Jg=t({render:Og,staticRenderFns:[]},function(n){n&&n("data-v-91159d74_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",map:{version:3,sources:[],names:[],mappings:"",file:"WListVertical.vue"},media:void 0})},Eg,"data-v-91159d74",false,void 0,!1,o,void 0,void 0);const Ug={components:{},props:{dir:{type:String,default:"right"},iconSize:{type:Number,default:24},iconColor:{type:String,default:"grey"},iconDisabledColor:{type:String,default:"grey lighten-1"},iconBackgroundColor:{type:String,default:"transparent"},iconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},editable:{type:Boolean,default:!0}},data:function(){return{defIconSize:24,hoverTrans:!1}},computed:{useRotate:function(){return mn({left:180,right:0,top:270,bottom:90},this.dir,0)},useScale:function(){return this.iconSize/this.defIconSize},useIconColor:function(){let n=this;return n.editable?wo(n.iconColor):wo(n.iconDisabledColor)},useIconBackgroundColor:function(){return wo(this.iconBackgroundColor)},useIconBackgroundColorHover:function(){return wo(this.iconBackgroundColorHover)},useCircleBackgroundColor:function(){let n=this;return n.editable&&n.hoverTrans?n.useIconBackgroundColorHover:n.useIconBackgroundColor}},methods:{mouseenter:function(){this.hoverTrans=!0},mouseleave:function(){this.hoverTrans=!1},emitClick:function(n){this.editable&&this.$emit("click",n)}}};var Qg=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}},[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",{staticClass:"cc circle",style:"background:"+n.useCircleBackgroundColor+";",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"}})])])])])])])]),n._v(" "),[t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto",opacity:"0.75","pointer-events":"none"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-5px);"},[t("div",{style:"display:inline-block; width:24px; height:1px; 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",opacity:"0.75","pointer-events":"none"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-3px);"},[t("div",{style:"display:inline-block; width:24px; height:1px; border-top:2px solid "+n.useIconColor+";"})])])]],2)])])};Qg._withStripped=!0;const qg=t({render:Qg,staticRenderFns:[]},function(n){n&&n("data-v-65cddf68_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\r\n/* 游標樣式繼承按鈕層(僅編輯模式為pointer), 此處不另給, 否則非編輯模式時移入三角形仍顯示pointer */\n.caretRight[data-v-65cddf68] {\r\n    user-select: none;\r\n    display: inline-block;\n}\n.cc[data-v-65cddf68] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\n}\n.circle[data-v-65cddf68] {\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:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WTreeIconToggle.vue"],names:[],mappings:";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,6DAAA;AACA;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\r\n            <div\r\n                :style="`position:relative; display:inline-block; width:${defIconSize}px; height:${defIconSize}px; user-select:none; ${editable?\'cursor:pointer;\':\'\'} outline:none;`"\r\n                tabindex="0"\r\n                @keyup.enter="emitClick"\r\n                @click="emitClick"\r\n            >\r\n\r\n                \x3c!-- 三角形按鈕 --\x3e\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                        \x3c!-- hover底色由hoverTrans計算, 不直接改元素樣式, 否則點擊切換朝向致重繪時會被:style寫回 --\x3e\r\n                        <div\r\n                            class="cc circle"\r\n                            :style="`background:${useCircleBackgroundColor};`"\r\n                            @mouseenter="mouseenter"\r\n                            @mouseleave="mouseleave"\r\n                        >\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\r\n                    </div>\r\n                </div>\r\n\r\n                \x3c!-- 禁用符號, 容器蓋滿按鈕故不接收指標事件, 否則圓鈕收不到mouseenter而hover底色失效 --\x3e\r\n                <template>\r\n\r\n                    <div\r\n                        style="position:absolute; z-index:1; left:0px; top:0px; bottom:0; right:0; margin:auto; opacity:0.75; pointer-events:none;"\r\n                    >\r\n                        <div :style="`height:${defIconSize}px; transform:rotate(45deg) translateY(-5px);`" v-if="!editable">\r\n                            <div :style="`display:inline-block; width:24px; height:1px; border-top:2px solid #fff;`"></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div style="position:absolute; z-index:1; left:0px; top:0px; bottom:0; right:0; margin:auto; opacity:0.75; pointer-events:none;">\r\n                        <div :style="`height:${defIconSize}px; transform:rotate(45deg) translateY(-3px);`" v-if="!editable">\r\n                            <div :style="`display:inline-block; width:24px; height:1px; border-top:2px solid ${useIconColor};`"></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </template>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from \'lodash-es/get.js\'\r\nimport convertColor from \'../js/convertColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [dir=\'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} [iconDisabledColor=\'grey lighten-1\'] 輸入顯隱icon按鈕禁用時顏色字串，預設\'grey lighten-1\'\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 * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\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        iconDisabledColor: {\r\n            type: String,\r\n            default: \'grey lighten-1\',\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        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            defIconSize: 24,\r\n            hoverTrans: false,\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            if (vo.editable) {\r\n                return convertColor(vo.iconColor)\r\n            }\r\n            return convertColor(vo.iconDisabledColor)\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 convertColor(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 convertColor(vo.iconBackgroundColorHover)\r\n        },\r\n\r\n        useCircleBackgroundColor: function() {\r\n            //console.log(\'computed useCircleBackgroundColor\')\r\n\r\n            let vo = this\r\n\r\n            //非編輯模式不顯示hover底色\r\n            if (vo.editable && vo.hoverTrans) {\r\n                return vo.useIconBackgroundColorHover\r\n            }\r\n            return vo.useIconBackgroundColor\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        mouseenter: function() {\r\n            //console.log(\'mouseenter\')\r\n\r\n            let vo = this\r\n\r\n            vo.hoverTrans = true\r\n\r\n        },\r\n\r\n        mouseleave: function() {\r\n            //console.log(\'mouseleave\')\r\n\r\n            let vo = this\r\n\r\n            vo.hoverTrans = false\r\n\r\n        },\r\n\r\n        emitClick: function(v) {\r\n            //非編輯模式不觸發click, 同WTreeIconCheckbox\r\n            if (!this.editable) {\r\n                return\r\n            }\r\n            this.$emit(\'click\', v)\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n/* 游標樣式繼承按鈕層(僅編輯模式為pointer), 此處不另給, 否則非編輯模式時移入三角形仍顯示pointer */\r\n.caretRight {\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})},Ug,"data-v-65cddf68",false,void 0,!1,o,void 0,void 0);const nm={components:{},props:{mode:{type:String,default:"unchecked"},iconSize:{type:Number,default:24},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"},editable:{type:Boolean,default:!0}},data:function(){return{defIconSize:24}},computed:{useScale:function(){return this.iconSize/this.defIconSize},useDisabledColor:function(){let n=this;return"checked"===n.mode?wo(n.checkedDisabledColor):"unchecked"===n.mode?wo(n.uncheckedDisabledColor):wo(n.checkedPartiallyDisabledColor)},useUncheckedColor:function(){let n=this;return n.editable?wo(n.uncheckedColor):wo(n.uncheckedDisabledColor)},useCheckedColor:function(){let n=this;return n.editable?wo(n.checkedColor):wo(n.checkedDisabledColor)},useCheckedPartiallyColor:function(){let n=this;return n.editable?wo(n.checkedPartiallyColor):wo(n.checkedPartiallyDisabledColor)}},methods:{emitClick:function(n){this.editable&&this.$emit("click",n)}}};var em=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 0 24 24"}},[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 0 24 24"}},[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 0 24 24"}},[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+";"})])])])])])};em._withStripped=!0;const tm=t({render:em,staticRenderFns:[]},function(n){n&&n("data-v-4f07f36f_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:"WTreeIconCheckbox.vue"},media:void 0})},nm,"data-v-4f07f36f",false,void 0,!1,o,void 0,void 0);let rm=lh();var om={directives:{domdragdrop:Vg(),domripple:cd()},components:{WDynamicList:Sh,WButtonCircle:as,WButtonChip:rs,WText:Wc,WPopup:Ks,WDialog:Wf,WListVertical:Jg,WTreeIconToggle:qg,WTreeIconCheckbox:tm,Teleport:u},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"},iconToggleDisabledColor:{type:String,default:"grey lighten-1"},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:""},funFilter:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},statePaddingStyle:{type:Object,default:()=>({v:12,h:12})},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},operateItemTextForRename:{type:String,default:"Rename"},operateItemTextForInsertBefore:{type:String,default:"Insert before"},operateItemTextForInsertChild:{type:String,default:"Insert child"},operateItemTextForInsertAfter:{type:String,default:"Insert after"},operateItemTextForDelete:{type:String,default:"Delete"},operateItemIconForRename:{type:String,default:Jl},operateItemIconForInsertBefore:{type:String,default:"M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z"},operateItemIconForInsertChild:{type:String,default:"M13,8V11H3V13H13V16L17,12L13,8M19,20H21V4H19V20Z"},operateItemIconForInsertAfter:{type:String,default:"M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z"},operateItemIconForDelete:{type:String,default:Gl},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:150},operatePanelHeight:{type:Number,default:null},operateBtnTooltip:{type:String,default:"Operations"},operateBtnIconSize:{type:Number,default:22},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)"},operateItemHeight:{type:Number,default:42},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"},funOperateItem:{type:Function,default:null},editorRenameContentBackgroundColor:{type:String,default:"white"},editorRenameFooterBackgroundColor:{type:String,default:"grey lighten-5"},editorRenameInputTextColor:{type:String,default:"grey darken-3"},editorRenameInputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},editorRenameInputTextBottomLineBorderColorHover:{type:String,default:"grey"},editorRenameInputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},editorRenameCancelBtnText:{type:String,default:"Cancel"},editorRenameCancelBtnTextColor:{type:String,default:"grey darken-3"},editorRenameCancelBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIcon:{type:String,default:Yl},editorRenameCancelBtnIconSize:{type:Number,default:22},editorRenameCancelBtnIconColor:{type:String,default:"grey darken-1"},editorRenameCancelBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameCancelBtnBackgroundColor:{type:String,default:"white"},editorRenameCancelBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},editorRenameSaveBtnText:{type:String,default:"Save"},editorRenameSaveBtnTextColor:{type:String,default:"grey darken-3"},editorRenameSaveBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIcon:{type:String,default:jl},editorRenameSaveBtnIconSize:{type:Number,default:22},editorRenameSaveBtnIconColor:{type:String,default:"grey darken-1"},editorRenameSaveBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameSaveBtnBackgroundColor:{type:String,default:"white"},editorRenameSaveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},labelPanelForOperate:{type:String,default:null},labelDialogForEditor:{type:String,default:null},cmpZIndex:{type:Number,default:2e3},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:nh(),mmkey:Uo(),viewHeightMaxTrans:400,separation:3,defIconSize:24,selectionsTrans:[],filterMode:"keywords",filterKeywordsTrans:"",filterKeywordsTransTemp:"",filterFun:null,filterRunning:!1,filterPending:!1,defaultDisplayLevelTrans:null,dgGroupKey:null,dgTipMode:"",dgTipLeft:0,dgTipTop:0,dgTipWidth:0,dgTipHeight:0,pkActive:"",pkHover:"",operateShow:!1,editorShow:!1,editorPm:null,editorRenameData:null,editorRenameItem:{},editorRenameInputText:""}},beforeDestroy:function(){let n=this;null!==n.mmkey&&rm.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 Wo(n.viewHeightMax)&&(n.viewHeightMaxTrans=n.viewHeightMax),""},changeActiveItem:function(){let n=this,e=mn(n.itemActive,n.keyPrimary);return n.isKey(e)?n.pkActive=e:n.pkActive="",""},changeDefaultDisplayLevel:function(){return this.defaultDisplayLevelTrans=this.defaultDisplayLevel,""},useDraggableOrOperatable:function(){return this.draggable||this.operatable},changeDraggableAndOperatable:function(){let n=this;return n.useDraggableOrOperatable&&(n.defaultDisplayLevelTrans=null,n.filterKeywordsTrans=""),""},changeFilterKeyWords:function(){let n=this;return n.filterKeywordsTrans=n.filterKeywords,n.filterByKeywordsDebounce(),""},useItemHeightMin:function(){return Math.max(this.iconSize,this.defItemHeight)},useIndent:function(){let n=this;return n.indent*(n.defIconSize+2*n.separation)},usePadding:function(){return`padding:${dd(this.paddingStyle)};`},useItemTextColor:function(){return wo(this.itemTextColor)},useItemBackgroundColor:function(){return wo(this.itemBackgroundColor)},useItemTextColorHover:function(){return wo(this.itemTextColorHover)},useItemBackgroundColorHover:function(){return wo(this.itemBackgroundColorHover)},useItemTextColorActive:function(){return wo(this.itemTextColorActive)},useItemBackgroundColorActive:function(){return wo(this.itemBackgroundColorActive)},useDgTextDisabledColor:function(){return wo(this.dgTextDisabledColor)},useDgTextDisabledBackgroundColor:function(){return wo(this.dgTextDisabledBackgroundColor)},useDgInsertLineColor:function(){return wo(this.dgInsertLineColor)},useDgInsertBackgroundColor:function(){return wo(this.dgInsertBackgroundColor)},uesDgBelongBackgroundColor:function(){return wo(this.dgBelongBackgroundColor)},operateItems:function(){let n=this;return[{key:"Rename",text:n.operateItemTextForRename,icon:n.operateItemIconForRename},{key:"InsertBefore",text:n.operateItemTextForInsertBefore,icon:n.operateItemIconForInsertBefore},{key:"InsertChild",text:n.operateItemTextForInsertChild,icon:n.operateItemIconForInsertChild},{key:"InsertAfter",text:n.operateItemTextForInsertAfter,icon:n.operateItemIconForInsertAfter},{key:"Delete",text:n.operateItemTextForDelete,icon:n.operateItemIconForDelete}]},useDraggable:function(){return this.draggable&&!this.operateShow},useEditorContentBackgroundColor:function(){return wo(this.editorRenameContentBackgroundColor)},useEditorFooterBackgroundColor:function(){return wo(this.editorRenameFooterBackgroundColor)}},methods:{getEmitData:function(n,e){return{event:n,ele:mn(n,"currentTarget",null),row:e.row,item:e.row.item,index:e.index}},updateViewHeightMaxTrans:function(n){let e=this;if(Wo(e.viewHeightMax))return;let t=mn(n,"height");Wo(t)&&(e.viewHeightMaxTrans=t)},getRowsFromData:async function(n){return Tt(await vg(n,{bindKey:this.keyPrimary,bindChildren:this.keyChildren}),(n,e)=>({index:e,unfolding:!0,checked:"unchecked",item:n}))},setData:function(n){let e=this;(async function(){if(!ke(n)&&!vn(n)){return"data is not an array or object"}null!==e.mmkey&&rm.remove(e.mmkey),n=Sl(n);let t=await e.getRowsFromData(n);rm.set(e.mmkey,t),await sr(()=>void 0!==e.$refs.wdl,{attemptNum:1e4,timeInterval:20}),e.$refs.wdl&&await e.$refs.wdl.setRows(t),e.defaultToggleItems(),e.updateSelections(),e.filterKeywordsTransTemp="",e.filterItems()})().catch(n=>{console.log(n)})},getText:function(n){let e=mn(n,this.keyText,"");return e=na(e),e},getEditable:function(n){return!mn(n,this.keyLocked,!1)},isKey:function(n){return bn(n)||xn(n)},getUseActivable:function(n){let e=this;if(!e.activable)return!1;let t=!0;if(Te(e.funActive)&&(t=e.funActive(e.getEmitData({},n)),!In(t)))throw new Error("funActive return value is not a boolean");return t},getTextColor:function(n){let e=this,t=mn(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=mn(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=mn(e,"row.item"),o=mn(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=mn(e,"row.item"),o=!0;if(Te(t.funActive)&&(o=t.funActive(t.getEmitData(n,e))),!o)break;let i=mn(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(Vi(n.selectionsTrans,n.selections))return;await sr(()=>void 0!==n.$refs.wdl,{attemptNum:1e4,timeInterval:20});let t={fun:function(t){let r={};Ie(t,(e,o)=>{let i=mn(e,`row.item.${n.keyPrimary}`);if(Sn(r,i))throw new Error(`Duplicate primary key[${n.keyPrimary}] in items`);r[i]=o,t[o].row.checked="unchecked"}),Ie(Sl(n.selections),o=>{let i=o[n.keyPrimary],l=r[i];if(tr(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,Vi(e,n.selections)||setTimeout(()=>{n.$emit("update:selections",Sl(e))},20)})().catch(n=>{console.log(n)})},addSelection:function(n,e){let t=this,r=mn(e,t.keyPrimary,null);if(null!==r){if(!Yh(n,{[t.keyPrimary]:r})){let r={};Ie(e,(n,e)=>{e!==t.keyChildren&&"level"!==e&&"nk"!==e&&"msg"!==e&&(r[e]=Sl(n))}),n.push(r)}}},removeSelection:function(n,e){let t=this,r=mn(e,t.keyPrimary,null);if(null!==r){Yh(n,{[t.keyPrimary]:r})&&function(n,e){var t=[];if(!n||!n.length)return t;var r=-1,o=[],i=n.length;for(e=It(e);++r<i;){var l=n[r];e(l,r,n)&&(t.push(l),o.push(r))}Jh(n,o)}(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 rm.get(this.mmkey)},getLevelDiff:function(n){let e=rm.get(this.mmkey);return this.getLevelDiffFromRows(e,n)},getLevelDiffFromRows:function(n,e){let t=mn(n,`${e}.item.level`,null),r=mn(n,`${e+1}.item.level`,null);return this.calcLevelDiff(t,r)},getLevelDiffFromItems:function(n,e){let t=mn(n,`${e}.row.item.level`,null),r=mn(n,`${e+1}.row.item.level`,null);return this.calcLevelDiff(t,r)},calcLevelDiff:function(n,e){return Et(n)&&Et(e)?e-n:0},getLevel:function(n){return mn(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){let t=mn(n,`${e}.row.item.level`,null);if(null!==t)for(let l=e+1;l<n.length;l++){let e=mn(n,`${l}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(t>=e)break;let a=i();n[l].displayShow=a;let d=r.getLevelDiffFromItems(n,l);if(d>0){let e=mn(n,`${l}.row.unfolding`,null);if(null===e)return void console.log("invalid unfoldingNow");o.push(e)}d<0&&(o=ng(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=mn(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(r>e){let i=mn(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=Bh(o),o=ng(o),Ie(o,e=>{t.toggleItemsCore(n,e,!0)})},defaultToggleItems:function(){let n=this;(async function(){if(!Wo(n.defaultDisplayLevelTrans))return;if(!n.$refs.wdl)return;let e={fun:function(e){let t=er(n.defaultDisplayLevelTrans);Ie(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),Ie(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.useDraggableOrOperatable)return;let r={fun:function(r){let o=mn(n,"index",null);if(null===o)return void console.log("invalid item.index");let i=mn(r,`${o}.row.unfolding`,null);null!==i?(In(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(!Te(n))return;let e=n(this.getRows());ur(e)&&(e=await e);let t=mn(e,"row");if(!Qo(t))return void console.log("invalid row",t);let r=mn(e,"toUnfolding");In(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:lr(Bh(o),"-")}},getParentIndex:function(n,e){let t=mn(n,`${e}.row.item.level`,null);if(null===t)return null;for(let r=e-1;r>=0;r--){let e=mn(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=mn(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=mn(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=mn(e,i,null),a=mn(l,"row.checked",""),d=function(n){let t=mn(e,`${n}.row.item.level`,null);if(null===t)return console.log("invalid items[i].row.item.level"),null;let r=[{ind:n,checked:mn(e,`${n}.row.checked`,"")}];for(let o=n-1;o>=0;o--){let n=mn(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:mn(e,`${o}.row.checked`,"")})}for(let o=n+1;o<e.length;o++){let n=mn(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:mn(e,`${o}.row.checked`,"")})}let o=xo(r),i=0,l=0;return Ie(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=Sl(e.selectionsTrans);if(!e.$refs.wdl)return;let r={fun:function(r){let o=n.index,i=mn(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,Vi(t,e.selections)||setTimeout(()=>{e.$emit("update:selections",Sl(t))},20)})().catch(n=>{console.log(n)})},filterItemsCore:async function(n){let e=this,t=e.filterFun,r="fun"===e.filterMode;if(!r&&e.useDraggableOrOperatable)return-1;if(!r&&e.filterKeywordsTransTemp===e.filterKeywordsTrans)return-1;e.filterKeywordsTransTemp=e.filterKeywordsTrans;let o=0;if(r||0!==xo(e.filterKeywordsTrans)){let i=$t(e.filterKeywordsTrans.toLowerCase()," "),l={};for(let a=0;a<n.length;a++){let d=!1;if(r)d=t(n[a].row.item),ur(d)&&(d=await d);else if(Te(e.funFilter))d=e.funFilter(n[a].row.item,i),ur(d)&&(d=await d);else{let t=e.getText(n[a].row.item);t=t.toLowerCase();for(let n=0;n<i.length;n++){let e=i[n];if(t.indexOf(e)>=0){d=!0;break}}}if(d){n[a].filterShow=!0;let t=e.getAllParentIndex(n,a);""!==t.path&&(Sn(l,t.path)||(Ie(t.inds,e=>{n[e].filterShow=!0}),l[t.path]=t)),o++}else n[a].filterShow=!1}}else{for(let e=0;e<n.length;e++)n[e].filterShow=!0;o=n.length}return o},filterItems:function(){let n=this;(async function(){if(!n.$refs.wdl)return;if(n.filterRunning)return void(n.filterPending=!0);n.filterRunning=!0;let e=-1,t={fun:async function(t){e=await n.filterItemsCore(t)}};n.$refs.wdl.setSearchingResults(-1),n.$refs.wdl&&await n.$refs.wdl.processItems(t),n.$refs.wdl&&n.$refs.wdl.setSearchingResults(e),n.filterRunning=!1,n.filterPending&&(n.filterPending=!1,n.filterItems())})().catch(n=>{console.log(n)})},filterByFun:function(n){let e=this;e.filterMode="fun",e.filterFun=n,e.filterItems()},filterByKeywords:function(){let n=this;n.filterMode="keywords",n.filterFun=null,n.filterItems()},filterByKeywordsDebounce:function(){let n=this;n.dbc(()=>{n.filterByKeywords()})},deleteItem:function(n,e){if(0===xo(e))throw new Error("invalid nk");if(1===xo(e))qh(n,e);else{let t=ng(e),r=Kh(e),o=mn(n,t,[]);qh(o,[r])}},getPathInfors:function(n,e){let t=this,r=[];for(let o=0;o<xo(e);o++){if(e[o]===t.keyChildren)continue;let i=[];for(let n=0;n<=o;n++)i.push(e[n]);let l=mn(n,i),a={};Ie(l,(n,e)=>{if(e===t.keyChildren)return!0;a[e]=n}),r.push(a)}return r},dragItem:function(n,e,t,r){let o=this,i=rm.get(o.mmkey),l=Sl(o.data),a=i[n],d=i[e],u=a.item.nk,s=d.item.nk,c=Sl(mn(l,u)),p=o.getPathInfors(l,u),f=[],h=u,g=[];if("forward"===t&&o.deleteItem(l,u),"before"===r||"after"===r){let n,e=Kh(s)[0];if(1===xo(s))n=l;else{let e=ng(s);n=mn(l,e,[])}"before"===r||"after"===r&&(e+=1),n.splice(e,0,c);let t=ng(s);t=[...t,e],g=t,f=o.getPathInfors(l,t)}else if("belongto"===r){let n=[...s,o.keyChildren],e=mn(l,n,[]);e.push(c),Xh(l,n,e);let t=[...n,xo(e)-1];g=t,f=o.getPathInfors(l,t)}"backward"===t&&o.deleteItem(l,u),o.$nextTick(()=>{o.$emit("update:data",Sl(l)),o.$emit("change-item",{from:"drag",mode:"move",dir:t,kind:r,nkOri:h,pathInforsOri:p,nkNew:g,pathInforsNew:f})})},getUseOperateItems:function(n){let e=this;if(!e.operatable)return[];let t=null;if(Te(e.funOperateItem)){let r=e.funOperateItem(e.getEmitData({},n));if(!In(r)&&!ke(r))throw new Error("funOperateItem return value is not a boolean or an array");!0===r?t=e.operateItems:!1===r?t=[]:(t=[],Ie(r,n=>{let r=Yh(e.operateItems,{key:n});Qo(r)&&t.push(r)}))}else t=e.operateItems;return t},getUseOperatable:function(n){return xo(this.getUseOperateItems(n))>0},getOperatePanelHeight:function(n){let e=this,t="";if(xn(e.operatePanelHeight))t=`height:${e.operatePanelHeight}px;`;else if(bn(e.operatePanelHeight))t=`height:${e.operatePanelHeight};`;else if(xn(e.operateItemHeight)){let r=Ot(e.operateItemHeight);t=`height:${xo(e.getUseOperateItems(n))*r}px;`}return t},operateItem:async function(n,e,t){let r=this;await async function(){let o=rm.get(r.mmkey),i=Sl(r.data),l=o[n],a=l.item.nk,d="",u=[],s=[],c=[],p=[];if("Delete"===e)d="self",c=a,u=r.getPathInfors(i,a),r.deleteItem(i,a),p=[],s=[];else if("Rename"===e){if(r.editorRenameData=i,r.editorRenameItem=mn(l,"item",{}),r.editorRenameInputText=mn(l,`item.${r.keyText}`,""),"save"!==await r.showEditor())return;d="self",c=a,u=r.getPathInfors(r.data,a),i=r.editorRenameData,p=c,s=r.getPathInfors(i,a)}else{if(!Te(t))throw new Error("invalid fun");let n=t();if(ur(n)&&(n=await n),"InsertBefore"===e)d="before";else if("InsertAfter"===e)d="after";else{if("InsertChild"!==e)throw new Error(`invalid mode[${e}]`);d="belongto"}let o=d;if("before"===o||"after"===o){c=[],u=[];let e,t=Kh(a)[0];if(1===xo(a))e=i;else{let n=ng(a);e=mn(i,n,[])}"before"===o||"after"===o&&(t+=1),e.splice(t,0,n);let l=ng(a);l=[...l,t],p=l,s=r.getPathInfors(i,l)}else if("belongto"===o){c=[],u=[];let e=[...a,r.keyChildren],t=mn(i,e,[]);t.push(n),Xh(i,e,t);let o=[...e,xo(t)-1];p=o,s=r.getPathInfors(i,o)}}r.$nextTick(()=>{r.$emit("update:data",Sl(i));let n="";n="Delete"===e?"delete":"Rename"===e?"rename":"add",r.$emit("change-item",{from:"operate",mode:n,dir:"",kind:d,nkOri:c,pathInforsOri:u,nkNew:p,pathInforsNew:s})})}().catch(n=>{console.log(n)})},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Uo()}`),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 xo(n)>=xo(e)&&function(n,e){let t=Is([xo(n),xo(e)]);return Vi(_h(n,t),_h(e,t))}(n,e)},dragdrop:function(n){let e=this;if("move"===n.evName){let t=rm.get(e.mmkey),r=t[n.startInd],o=t[n.endInd],i=e.isBelong(o.item.nk,r.item.nk),l=mn(n,"endEle.parentNode");if(!l.getAttribute)return void console.log("invalud ele.getAttribute",l);e.dgTipTop=Ot(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){Xh(n,e,t),this.setData(n)},saveRename:function(){let n=this,e=[...mn(n.editorRenameItem,"nk",[]),n.keyText],t=n.editorRenameInputText;Xh(n.editorRenameData,e,t),n.editorPm.resolve("save"),n.editorShow=!1},cancelEditor:function(){this.editorPm.resolve("cancel"),this.editorShow=!1},showEditor:async function(){let n=wn();return this.editorShow=!0,this.editorPm=n,n},operateDisableEvent:function(n,e){this.operateShow||n.stopPropagation()},operateDisplayEvent:function(n){let e=this;e.operateShow="show"===n},updateOperateShow:function(n){this.operateShow=n}}};const im=om;var lm=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,statePaddingStyle:n.statePaddingStyle,show:n.show},on:{render:function(e){n.$emit("render",e)},"change-view-items":function(e){n.updateOperateShow(!1),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.useDraggable?n.getDgOpt():null,expression:"useDraggable?getDgOpt():null"},{name:"domripple",rawName:"v-domripple",value:{color:n.itemRippleColor},expression:"{color:itemRippleColor}"}],key:"wt-"+e.index,style:"\n                    transition:all 0.3s; "+(n.draggable?"user-select:none;":"")+"\n                    "+(n.getUseActivable(e)?"cursor:pointer;":"")+"\n                    color:"+n.getTextColor(e.row.item)+";\n                    background:"+n.getBackgroundColor(e.row.item)+";\n                ",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:"min-height:"+n.useItemHeightMin+"px; display:flex; align-items:center; justify-content:center;"},[t("WTreeIconToggle",{attrs:{dir:e.row.unfolding?"bottom":"right",iconSize:n.iconSize,iconColor:n.iconToggleColor,iconDisabledColor:n.iconToggleDisabledColor,iconBackgroundColor:n.iconToggleBackgroundColor,iconBackgroundColorHover:n.iconToggleBackgroundColorHover,editable:!n.useDraggableOrOperatable},on:{click:function(t){return t.stopPropagation(),n.toggleItems(e.row,null)}}})],1):t("div",{style:"min-height:"+n.useItemHeightMin+"px; 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:"min-height:"+n.useItemHeightMin+"px; 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:"min-height:"+n.useItemHeightMin+"px; 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.getUseOperatable(e)?t("div",{style:"position:absolute; top:"+(n.useItemHeightMin-(n.operateBtnIconSize+4))/2+"px; right:8px;",on:{mousedown:function(e){n.operateDisableEvent(e,"mousedown")},touchstart:function(e){n.operateDisableEvent(e,"touchstart")},click:function(e){n.operateDisableEvent(e,"click")}}},[t("WPopup",{attrs:{isolated:!0,displayType:"line",labelContent:n.labelPanelForOperate,cmpZIndex:n.cmpZIndex},on:{show:function(e){return n.operateDisplayEvent("show")},hide:function(e){return n.operateDisplayEvent("hide")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{v:2,h:2},icon:n.mdiDotsVertical,iconSize:n.operateBtnIconSize,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:n.getOperatePanelHeight(e)+" width:"+n.operatePanelWidth+"px;",attrs:{items:n.getUseOperateItems(e),itemTextFontSize:"0.8rem",enableActive:!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})},mousedown:function(n){n.stopPropagation()}}})]}}],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(),n._v(" "),t("Teleport",{attrs:{to:"body"}},[t("WDialog",{attrs:{wtre:n.labelDialogForEditor,show:n.editorShow,minWidth:300,maxWidth:300},on:{"update:show":function(e){n.editorShow=e}},scopedSlots:n._u([{key:"panel",fn:function(){return[t("div",{style:"padding:20px; border-bottom:1px solid #ddd; background:"+n.useEditorContentBackgroundColor+";"},[t("div",{staticStyle:{width:"100%"}},[t("WText",{attrs:{textColor:n.editorRenameInputTextColor,bottomLineBorderColor:n.editorRenameInputTextBottomLineBorderColor,bottomLineBorderColorHover:n.editorRenameInputTextBottomLineBorderColorHover,bottomLineBorderColorFocus:n.editorRenameInputTextBottomLineBorderColorFocus},on:{enter:n.saveRename},model:{value:n.editorRenameInputText,callback:function(e){n.editorRenameInputText=e},expression:"editorRenameInputText"}})],1)]),n._v(" "),t("div",{style:"padding:10px; background:"+n.useEditorFooterBackgroundColor+"; display:flex; justify-content:flex-end;"},[t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.editorRenameCancelBtnIcon,iconColor:n.editorRenameCancelBtnIconColor,iconColorHover:n.editorRenameCancelBtnIconColorHover,iconSize:n.editorRenameCancelBtnIconSize,text:n.editorRenameCancelBtnText,textColor:n.editorRenameCancelBtnTextColor,textColorHover:n.editorRenameCancelBtnTextColorHover,backgroundColor:n.editorRenameCancelBtnBackgroundColor,backgroundColorHover:n.editorRenameCancelBtnBackgroundColorHover,rippleColor:n.editorRenameCancelBtnIconRippleColor},on:{click:n.cancelEditor}}),n._v(" "),t("div",{staticStyle:{"padding-left":"10px"}}),n._v(" "),t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.editorRenameSaveBtnIcon,iconColor:n.editorRenameSaveBtnIconColor,iconColorHover:n.editorRenameSaveBtnIconColorHover,iconSize:n.editorRenameSaveBtnIconSize,text:n.editorRenameSaveBtnText,textColor:n.editorRenameSaveBtnTextColor,textColorHover:n.editorRenameSaveBtnTextColorHover,backgroundColor:n.editorRenameSaveBtnBackgroundColor,backgroundColorHover:n.editorRenameSaveBtnBackgroundColorHover,rippleColor:n.editorRenameSaveBtnIconRippleColor},on:{click:n.saveRename}})],1)]},proxy:!0}])})],1)],1)};lm._withStripped=!0;const am=t({render:lm,staticRenderFns:[]},function(n){n&&n("data-v-2c5e6ea1_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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},im,"data-v-2c5e6ea1",false,void 0,!1,o,void 0,void 0);var dm={directives:{domresize:Hl()},components:{WIcon:vd,WTree:am,WListVertical:Jg,WDrawer:jf,WButtonChip:rs,WButtonCircle:as},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:250},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:Kl},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"},treeToggleIconDisabledColor:{type:String,default:"grey lighten-1"},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:Kl},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:"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"},pathSepIconColor:{type:String,default:"#888"},pathSepIconSize:{type:Number,default:18},pathBackgroundColor:{type:String,default:"#fff"},noSelectedText:{type:String,default:"No selected folder"},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},operateItemTextForRename:{type:String,default:"Rename"},operateItemTextForInsertChild:{type:String,default:"Create sub folder"},operateItemTextForDelete:{type:String,default:"Delete folder"},operateItemIconForRename:{type:String,default:Jl},operateItemIconForInsertChild:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z"},operateItemIconForDelete:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z"},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:170},operatePanelHeight:{type:Number,default:null},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)"},operateItemHeight:{type:Number,default:42},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"},editorRenameContentBackgroundColor:{type:String,default:"white"},editorRenameFooterBackgroundColor:{type:String,default:"grey lighten-5"},editorRenameInputTextColor:{type:String,default:"grey darken-3"},editorRenameInputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},editorRenameInputTextBottomLineBorderColorHover:{type:String,default:"grey"},editorRenameInputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},editorRenameCancelBtnText:{type:String,default:"Cancel"},editorRenameCancelBtnTextColor:{type:String,default:"grey darken-3"},editorRenameCancelBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIcon:{type:String,default:Yl},editorRenameCancelBtnIconSize:{type:Number,default:22},editorRenameCancelBtnIconColor:{type:String,default:"grey darken-1"},editorRenameCancelBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameCancelBtnBackgroundColor:{type:String,default:"white"},editorRenameCancelBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},editorRenameSaveBtnText:{type:String,default:"Save"},editorRenameSaveBtnTextColor:{type:String,default:"grey darken-3"},editorRenameSaveBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIcon:{type:String,default:jl},editorRenameSaveBtnIconSize:{type:Number,default:22},editorRenameSaveBtnIconColor:{type:String,default:"grey darken-1"},editorRenameSaveBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameSaveBtnBackgroundColor:{type:String,default:"white"},editorRenameSaveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},labelPanelForOperate:{type:String,default:null},labelDialogForEditor:{type:String,default:null}},data:function(){return{panelWidth:0,panelHeight:0,pathHeight:0,showTreeTrans:!0,treeWidthTrans:200,itemsTrans:[],kpPath:null,treeItemsFolder:null,treeItems:null,treeItemActive:null,pathInfors:[],listItems:[],listItemActive:null}},computed:{changeShowTree:function(){return this.showTreeTrans=this.showTree,""},changeTreeWidth:function(){return this.treeWidthTrans=this.treeWidth,""},changeItems:function(){return this.convertItems(this.items),""},useTreeItemHeightMin:function(){return Math.max(this.treeToggleIconSize,this.treeDefItemHeight)},effTreeBackgroundColor:function(){return wo(this.treeBackgroundColor)},effListBackgroundColor:function(){return wo(this.listBackgroundColor)},effPathBackgroundColor:function(){return wo(this.pathBackgroundColor)},effLineBetweenPathAndListColor:function(){return wo(this.lineBetweenPathAndListColor)},effTreeFolderIconColor:function(){return wo(this.treeFolderIconColor)},effTreeFolderIconColorHover:function(){return wo(this.treeFolderIconColorHover)},effTreeFolderIconColorActive:function(){return wo(this.treeFolderIconColorActive)},useTreeItemTextFontSize:function(){let n=this.treeItemTextFontSize;return n=He(n,";",""),`font-size:${n};`},useListItemTextFontSize:function(){let n=this.listItemTextFontSize;return n=He(n,";",""),`font-size:${n};`},effListItemIconColor:function(){return wo(this.listItemIconColor)},effListItemIconColorHover:function(){return wo(this.listItemIconColorHover)},effListItemIconColorActive:function(){return wo(this.listItemIconColorActive)},usePathBtnTextFontSize:function(){let n=this.pathBtnTextFontSize;return n=He(n,";",""),`font-size:${n};`},effPathBtnTextColor:function(){return wo(this.pathBtnTextColor)},listHeight:function(){return this.panelHeight-this.pathHeight},btnDisplayTreeInDrawerHeightMin:function(){let n=dd(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},soryItems:function(n,e,t){let r=this;return n=function(n,e={}){if(!hd(n))return[];let t=mn(e,"localeCompare");In(t)||(t=!1);let r=mn(e,"returnIndex");if(In(r)||(r=!1),1===xo(n))return r?[0]:n;let o=mn(e,"compareKey",null),i=n;if(n.every(n=>vn(n))){if(!bn(o))return[];i=Tt(n,n=>mn(n,o,""))}let l=Zh(i,t);return r?l:Tt(l,e=>n[e])}(n,{compareKey:"text",localeCompare:!0}),Te(r.funSortTree)&&(n=r.funSortTree(n)),n},showTreeFirstFolder:function(){let n=this.bindRoot;this.triggerClickTreeFolderById(n)},convertItems:function(){let n=this;(async function(){let e=jh(n.items,{bindRoot:n.bindRoot,soryItems:n.soryItems});n.itemsTrans=e.fpsNormalize,n.treeItemsFolder=e.treeItemsFolder,n.treeItems=e.treeItems,n.kpPath=e.kpPath,n.defaultShowTreeFirst&&n.showTreeFirstFolder()})().catch(n=>{console.log(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=mn(n,"isHover");In(t)||(t=!1);let r=mn(n,"isActive");return In(r)||(r=!1),r?e.effTreeFolderIconColorActive:t?e.effTreeFolderIconColorHover:e.effTreeFolderIconColor},getListItemIconColor:function(n){let e=this,t=mn(n,"isHover");In(t)||(t=!1);let r=mn(n,"isActive");return In(r)||(r=!1),r?e.effListItemIconColorActive:t?e.effListItemIconColorHover:e.effListItemIconColor},listFolder:function(n){let e=this,t=Tt(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,e){let t=this,r=t.kpPath[n],o=mn(t.treeItems,r),i=`${r}.children`,l=mn(t.treeItems,i);t.listFolder(l);let a=mn(o,"pathInfors",[]);t.pathInfors=a},ckTreeFolder:function(n){let e=this,t=mn(n,"data",null),r=mn(n,"data.id","");e.displayFolderById(r,"ckTreeFolder"),bn(r)&&(e.treeItemActive={id: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=mn(n,"item.data",null),r=mn(n,"item.data.id","");"folder"===mn(n,"item.data._type","")?(e.displayFolderById(r,"ckListItem"),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=mn(n,"id","");e.displayFolderById(t,"ckPathFolder"),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(!Te(n))return;let t=[];Ie(e.kpPath,n=>{let r=mn(e.treeItems,n,"");t.push(r)});let r=n({treeItemsFolder:e.treeItemsFolder,treeItems:e.treeItems,kpPath:e.kpPath,treeItemsSpread:t});ur(r)&&(r=await r);let o=mn(r,"id");bn(o)?e.triggerClickTreeFolderById(o):console.log("invalid id",o)},useFunOperateItem:function(n){let e=["Rename","InsertChild","Delete"];return mn(n,"item.id","")===this.bindRoot&&(e=["InsertChild"]),e},changeData:function(n){},changeItem:function(n){let e=this,t=n=>{let e=xo(n)-1;if(e<1)throw new Error(`n1${e} < 1`);let t=e-1;if(t<0)throw new Error(`n2${t} < 0`);let r=mn(n,e,{}),o=mn(r,"text","");if(!bn(o))throw new Error("node.text is not a string");let i=mn(n,t,{}),l="/"+lr([...mn(i,"ts",[]),o],"/");return{...r,type:"folder",path:l}},r=[];if("add"===n.mode){if("belongto"!==n.kind)throw console.log(n),new Error(`kind[${n.kind}] is not supported`);let o=t(n.pathInforsNew);r=Sl(e.itemsTrans),r.push(o)}else if("delete"===n.mode){let o=t(n.pathInforsOri),i=xo(o.path),l=Sl(e.itemsTrans);r=[],Ie(l,n=>{ql(n.path,i)!==o.path&&r.push(n)})}else if("move"===n.mode||"rename"===n.mode){let t=n.pathInforsOri,o=n.pathInforsNew,i="/"+lr(Tt(t,"text"),"/"),l=xo(i),a="/"+lr(Tt(o,"text"),"/");r=Sl(e.itemsTrans),r=Tt(r,n=>{if(ql(n.path,l)===i){let e=or(n.path,l);n.path=a+e}return n})}r=(n=>{let t=xo(e.bindRoot)+1;return n=Tt(n,n=>(n.path=or(n.path,t),n))})(r),e.$emit("update:items",r),e.$emit("change-item",n)},clickOperateItem:function(n){this.$emit("click-operate-item",n)}}};const um=dm;var sm=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:!1,itemActive:n.treeItemActive,paddingStyle:n.treePaddingStyle,indent:n.treeIndent,iconSize:n.treeToggleIconSize,iconToggleColor:n.treeToggleIconColor,iconToggleDisabledColor:n.treeToggleIconDisabledColor,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,draggable:n.draggable,dgTextDisabled:n.dgTextDisabled,dgTextDisabledColor:n.dgTextDisabledColor,dgTextDisabledPaddingLeft:n.dgTextDisabledPaddingLeft,dgTextDisabledFontSize:n.dgTextDisabledFontSize,dgTextDisabledBackgroundColor:n.dgTextDisabledBackgroundColor,dgInsertLineColor:n.dgInsertLineColor,dgInsertBackgroundColor:n.dgInsertBackgroundColor,dgBelongBackgroundColor:n.dgBelongBackgroundColor,dgPreviewOpacity:n.dgPreviewOpacity,dgPreviewDisabledOpacity:n.dgPreviewDisabledOpacity,dgPreviewBorderWidth:n.dgPreviewBorderWidth,dgPreviewBorderColor:n.dgPreviewBorderColor,dgPreviewBackground:n.dgPreviewBackground,operatable:n.operatable,operateItemTextForRename:n.operateItemTextForRename,_operateItemTextForInsertBefore:"operateItemTextForInsertBefore",operateItemTextForInsertChild:n.operateItemTextForInsertChild,_operateItemTextForInsertAfter:"operateItemTextForInsertAfter",operateItemTextForDelete:n.operateItemTextForDelete,operateItemIconForRename:n.operateItemIconForRename,_operateItemIconForInsertBefore:"operateItemIconForInsertBefore",operateItemIconForInsertChild:n.operateItemIconForInsertChild,_operateItemIconForInsertAfter:"operateItemIconForInsertAfter",operateItemIconForDelete:n.operateItemIconForDelete,operateItemPaddingStyle:n.operateItemPaddingStyle,operatePanelWidth:n.operatePanelWidth,operatePanelHeight:n.operatePanelHeight,operateBtnTooltip:n.operateBtnTooltip,operateBtnBackgroundColor:n.operateBtnBackgroundColor,operateBtnBackgroundColorHover:n.operateBtnBackgroundColorHover,operateBtnBackgroundColorFocus:n.operateBtnBackgroundColorFocus,operateItemBackgroundColor:n.operateItemBackgroundColor,operateItemBackgroundColorHover:n.operateItemBackgroundColorHover,operateItemHeight:n.operateItemHeight,operateItemTextColor:n.operateItemTextColor,operateItemTextColorHover:n.operateItemTextColorHover,operateItemIconSize:n.operateItemIconSize,operateItemIconColor:n.operateItemIconColor,operateItemIconColorHover:n.operateItemIconColorHover,funOperateItem:n.useFunOperateItem,editorRenameContentBackgroundColor:n.editorRenameContentBackgroundColor,editorRenameFooterBackgroundColor:n.editorRenameFooterBackgroundColor,editorRenameInputTextColor:n.editorRenameInputTextColor,editorRenameInputTextBottomLineBorderColor:n.editorRenameInputTextBottomLineBorderColor,editorRenameInputTextBottomLineBorderColorHover:n.editorRenameInputTextBottomLineBorderColorHover,editorRenameInputTextBottomLineBorderColorFocus:n.editorRenameInputTextBottomLineBorderColorFocus,editorRenameCancelBtnText:n.editorRenameCancelBtnText,editorRenameCancelBtnTextColor:n.editorRenameCancelBtnTextColor,editorRenameCancelBtnTextColorHover:n.editorRenameCancelBtnTextColorHover,editorRenameCancelBtnIcon:n.editorRenameCancelBtnIcon,editorRenameCancelBtnIconSize:n.editorRenameCancelBtnIconSize,editorRenameCancelBtnIconColor:n.editorRenameCancelBtnIconColor,editorRenameCancelBtnIconColorHover:n.editorRenameCancelBtnIconColorHover,editorRenameCancelBtnIconRippleColor:n.editorRenameCancelBtnIconRippleColor,editorRenameCancelBtnBackgroundColor:n.editorRenameCancelBtnBackgroundColor,editorRenameCancelBtnBackgroundColorHover:n.editorRenameCancelBtnBackgroundColorHover,editorRenameSaveBtnText:n.editorRenameSaveBtnText,editorRenameSaveBtnTextColor:n.editorRenameSaveBtnTextColor,editorRenameSaveBtnTextColorHover:n.editorRenameSaveBtnTextColorHover,editorRenameSaveBtnIcon:n.editorRenameSaveBtnIcon,editorRenameSaveBtnIconSize:n.editorRenameSaveBtnIconSize,editorRenameSaveBtnIconColor:n.editorRenameSaveBtnIconColor,editorRenameSaveBtnIconColorHover:n.editorRenameSaveBtnIconColorHover,editorRenameSaveBtnIconRippleColor:n.editorRenameSaveBtnIconRippleColor,editorRenameSaveBtnBackgroundColor:n.editorRenameSaveBtnBackgroundColor,editorRenameSaveBtnBackgroundColorHover:n.editorRenameSaveBtnBackgroundColorHover,labelPanelForOperate:n.labelPanelForOperate,labelDialogForEditor:n.labelDialogForEditor,_render:"render"},on:{"update:data":[function(e){n.treeItemsFolder=e},n.changeData],"update:itemActive":function(e){n.treeItemActive=e},"update:item-active":function(e){n.treeItemActive=e},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{style:n.useTreeItemTextFontSize+" min-height:"+n.treeDefItemHeight+"px; line-height:"+n.treeDefItemHeight+"px;"},[n._t("folder-item",function(){return[t("div",{style:"display:flex;"},[t("div",{style:"height:"+n.treeDefItemHeight+"px; padding-right:4px; display:flex; align-items:center; cursor:pointer;",on:{click:function(t){return n.ckTreeFolder(e)}}},[t("WIcon",{attrs:{icon:n.treeFolderIcon,color:n.getTreeFolderIconColor(e),colorHover:n.getTreeFolderIconColor(e),size:n.treeFolderIconSize}})],1),n._v(" "),t("div",{style:"cursor:pointer; user-select:none;",on:{click:function(t){return n.ckTreeFolder(e)}}},[n._v("\n                                        "+n._s(e.data.text)+"\n                                    ")])])]},{item:Object.assign({},e.data,{icon:n.treeFolderIcon,iconColor:n.getTreeFolderIconColor(e),iconSize:n.treeFolderIconSize}),isHover:e.isHover,isActive:e.isActive,funClickFolderItem:function(){n.ckTreeFolder(e)}})],2)]}}],null,!0)}),n._v(" "),n.showTreeTrans?t("div",{style:"position:absolute; top:"+(n.useTreeItemHeightMin-(n.btnDisplayTreeIconSize+4))/2+"px; right:"+(8+(n.operatable?n.btnDisplayTreeIconSize+4:0))+"px;"},[t("WButtonCircle",{staticStyle:{display:"block"},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",{staticStyle:{display:"block"},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.pathInfors.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.pathInfors,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,colorHover: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,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; "+n.useListItemTextFontSize+" min-height:"+n.listDefItemHeight+"px; line-height:"+n.listDefItemHeight+"px;"},[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),colorHover: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:"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)}}),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)};sm._withStripped=!0;const cm=t({render:sm,staticRenderFns:[]},function(n){n&&n("data-v-65b33f4c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WExplorer.vue"},media:void 0})},um,"data-v-65b33f4c",false,void 0,!1,o,void 0,void 0);const pm={components:{},props:{},data:function(){return{mouseEnter:!1}},computed:{},methods:{}};var fm=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)};fm._withStripped=!0;const hm=t({render:fm,staticRenderFns:[]},function(n){n&&n("data-v-4da6b92c_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})},pm,"data-v-4da6b92c",false,void 0,!1,o,void 0,void 0);const gm={components:{WGroupBaggageItem:hm},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 wo(this.connLineColor)},effTagTextColor:function(){return wo(this.tagTextColor)},effTagTextColorHover:function(){return wo(this.tagTextColorHover)},effTagBorderColor:function(){return wo(this.tagBorderColor)},effTagBorderColorHover:function(){return wo(this.tagBorderColorHover)},effTagBackgroundColor:function(){return wo(this.tagBackgroundColor)},effTagBackgroundColorHover:function(){return wo(this.tagBackgroundColorHover)},useTagPaddingStyle:function(){return`padding:${dd(this.tagPaddingStyle)};`},usetTagTextFontSize:function(){let n=this.tagTextFontSize;return n=He(n,";",""),`font-size:${n};`},effContentTextColor:function(){return wo(this.contentTextColor)},effContentTextColorHover:function(){return wo(this.contentTextColorHover)},effContentBorderColor:function(){return wo(this.contentBorderColor)},effContentBorderColorHover:function(){return wo(this.contentBorderColorHover)},effContentBackgroundColor:function(){return wo(this.contentBackgroundColor)},effContentBackgroundColorHover:function(){return wo(this.contentBackgroundColorHover)},useContentPaddingStyle:function(){return`padding:${dd(this.contentPaddingStyle)};`},usetContentTextFontSize:function(){let n=this.contentTextFontSize;return n=He(n,";",""),`font-size:${n};`}},methods:{getStyleWidth:function(n){return Wo(n)?`width:${n}px; min-width:${n}px; max-width:${n}px; box-sizing:border-box;`:""},getTag:function(n){return mn(n,this.keyTag,"")},getText:function(n){return mn(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 mm=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)};mm._withStripped=!0;const vm=t({render:mm,staticRenderFns:[]},function(n){n&&n("data-v-559ce922_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",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupBaggage.vue"},media:void 0})},gm,"data-v-559ce922",false,void 0,!1,o,void 0,void 0);const ym={directives:{domdragdrop:Vg()},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!==xo(this.itemsTrans)&&Dg(this.itemsTrans,n=>vn(n))}},methods:{getForKey:function(n){let e=this,t=null;return t=Te(e.keyBinder)?e.keyBinder(n):e.isObjValue?qf(n):n,t},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Uo()}`),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=Sl(e.itemsTrans);if(t>r){let n=qh(o,t)[0];o.splice(r,0,n)}else{let n=Sl(o[t]);o.splice(r+1,0,n),qh(o,t)}e.$nextTick(()=>{e.$emit("input",o)})}e.$nextTick(()=>{e.$emit("dragdrop",n)})}}};var bm=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)};bm._withStripped=!0;const Cm=t({render:bm,staticRenderFns:[]},function(n){n&&n("data-v-7b70be1e_0",{source:"\n.WGroupDragdrop-Trans[data-v-7b70be1e] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-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-es/cloneDeep.js'\nimport every from 'lodash-es/every.js'\nimport pullAt from 'lodash-es/pullAt.js'\nimport size from 'lodash-es/size.js'\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})},ym,"data-v-7b70be1e",false,void 0,!1,o,void 0,void 0);var xm={components:{WButtonCircle:as},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,Object],default:null},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},dir:{type:String,default:"horizontal"},iconColor:{type:String,default:"#222"},iconColorHover:{type:String,default:"#444"},iconColorFocus:{type:String,default:"#666"},iconColorActive:{type:String,default:"#333"},iconSize:{type:Number,default:22},borderWidth:{type:Number,default:0},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"#f2f2f2"},backgroundColorHover:{type:String,default:"#eaeaea"},backgroundColorFocus:{type:String,default:"#e2e2e2"},backgroundColorActive:{type:String,default:"#cecece"},seplineWidth:{type:Number,default:1},seplineColor:{type:String,default:"#ddd"},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)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},shadow:{type:Boolean,default:!1},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)"},editable:{type:Boolean,default:!0}},data:function(){return{get:mn,itemsTrans:[]}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=Sl(n.items),t=Tt(e,e=>{let t=function(e){let t;return t=n.multiCheck?ic(n.value,e):Vi(e,n.value),t}(e);return{active:t,hover:!1}}),r=Tt(e,(n,e)=>{let r={data:n},o=t[e];return r.ia=o,r.active=o.active,r.hover=!1,r});return n.itemsTrans=r,""},useFlexDirection:function(){return"horizontal"===this.dir?"row":"column"},useSeplineStype:function(){let n=this,e="";return e="horizontal"===n.dir?`height:100%; border-left:${n.seplineWidth}px solid ${n.useSeplineColor};`:`width:100%; border-top:${n.seplineWidth}px solid ${n.useSeplineColor};`,e},useSeplineColor:function(){return wo(this.seplineColor)},useShadow:function(){let n=this;return n.shadow&&bn(n.shadowStyle)?"box-shadow:"+function(n,e,t){let r=io(n=He(n,"}","{"),"{");return r=Tt(r,n=>{if(n.indexOf(e)>=0){let e=$t(n,"=")[1];return e=xn(e)?Ot(e):.2,function(n,e){let t=wo(n),r=od.toRgba(t);return r.a=e,od.toRgbaString(r)}(t,e)}return n}),lr(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""}},methods:{getBorderRadiusStyle:function(n){let e=xo(this.itemsTrans)-1,t={};return"horizontal"===this.dir?(0===n&&(t={...t,topLeft:!0,bottomLeft:!0}),n===e&&(t={...t,topRight:!0,bottomRight:!0})):(0===n&&(t={...t,topLeft:!0,topRight:!0}),n===e&&(t={...t,bottomLeft:!0,bottomRight:!0})),t},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=Sl(e.value);if(n.active){let e=[];Ie(t,t=>{Vi(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 Sm=xm;var wm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},[t("div",{style:"display:inline-block; border-radius:"+n.borderRadius+"px; "+n.useShadow},[t("div",{style:"display:flex; flex-direction:"+n.useFlexDirection+";"},[n._l(n.itemsTrans,function(e,r){return[t("div",{key:"kitem-"+r,style:"display:flex; flex-direction:"+n.useFlexDirection+"; align-items:stretch;"},[r>0?t("div",{style:""+n.useSeplineStype}):n._e(),n._v(" "),t("WButtonCircle",{key:r,attrs:{tooltip:n.get(e,"data."+n.keyTooltip),icon:n.get(e,"data."+n.keyIcon),iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorFocus:n.iconColorFocus,iconColorActive:n.iconColorActive,iconSize:n.iconSize,borderWidth:n.borderWidth,borderRadius:n.borderRadius,borderRadiusStyle:n.getBorderRadiusStyle(r),borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,backgroundColorActive:n.backgroundColorActive,tooltipBorderRadius:n.tooltipBorderRadius,tooltipPaddingStyle:n.tooltipPaddingStyle,tooltipTextFontSize:n.tooltipTextFontSize,tooltipTextColor:n.tooltipTextColor,tooltipBackgroundColor:n.tooltipBackgroundColor,rippleColor:n.rippleColor,paddingStyle:n.paddingStyle,shadow:!1,_shadowStyle:"shadowStyle",editable:n.editable,disabledColor:"rgba(255,255,255,0.4)",active:e.active},on:{click:function(t){return n.toggleState(e)}}})],1)]})],2)])])};wm._withStripped=!0;const Im=t({render:wm,staticRenderFns:[]},function(n){n&&n("data-v-05a9a4cc_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",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupIconCheck.vue"},media:void 0})},Sm,"data-v-05a9a4cc",false,void 0,!1,o,void 0,void 0);const km={components:{WGroupIconCheck:Im},props:{items:{type:Array,default:()=>[]},value:{type:[Array,Object],default:null},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},dir:{type:String,default:"horizontal"},iconColor:{type:String,default:"#222"},iconColorHover:{type:String,default:"#444"},iconColorFocus:{type:String,default:"#666"},iconColorActive:{type:String,default:"#333"},iconSize:{type:Number,default:22},borderWidth:{type:Number,default:0},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"#f2f2f2"},backgroundColorHover:{type:String,default:"#eaeaea"},backgroundColorFocus:{type:String,default:"#e2e2e2"},backgroundColorActive:{type:String,default:"#cecece"},seplineWidth:{type:Number,default:1},seplineColor:{type:String,default:"#ddd"},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)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},shadow:{type:Boolean,default:!1},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)"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var Tm=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupIconCheck",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)},"WGroupIconCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};Tm._withStripped=!0;const Bm=t({render:Tm,staticRenderFns:[]},function(n){n&&n("data-v-65c3f350_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",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupIconRadio.vue"},media:void 0})},km,"data-v-65c3f350",false,void 0,!1,o,void 0,void 0);const Hm={components:{WPopup:Ks,WTextCore:Bc,WDynamicList:Sh,WIcon:vd},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:"#444"},itemTextColorHover:{type:String,default:"#333"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},expansionIcon:{type:String,default:El},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},placementDistX:{type:Number,default:0},placementDistY:{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},labelContent:{type:String,default:null},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 xo(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return vn(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=He(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)},useItemBackgroundColor:function(){return wo(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return wo(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=He(n,";",""),`font-size:${n};`},useItemTextColor:function(){return wo(this.itemTextColor)},useItemTextColorHover:function(){return wo(this.itemTextColorHover)},useItemPadding:function(){return`padding:${dd(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return wo(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return vn(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.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(n,e){let t=this;t.editable&&(t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"),t.triggerAll({showPanel:!1,focused:!1},"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=mn(n,"showPanel",null),o=mn(n,"focused",null);setTimeout(()=>{In(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),In(r)&&t.showPanelTrans!==r&&(xo(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,null,"triggerAll"))},20)}}};var Am=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{displayType:"line",minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDistX:n.placementDistX,placementDistY:n.placementDistY,labelContent:n.labelContent,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%; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; "+(n.editable?"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; "+(n.editable?"cursor:pointer;":"")},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.uesExpansionIconColor,colorHover: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)})};Am._withStripped=!0;const Wm=t({render:Am,staticRenderFns:[]},function(n){n&&n("data-v-02a7b925_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggestCore.vue"},media:void 0})},Hm,"data-v-02a7b925",false,void 0,!1,o,void 0,void 0);const Fm={directives:{domresize:Hl()},components:{WShellEllipse:yc,WTextSuggestCore:Wm},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:"#444"},itemTextColorHover:{type:String,default:"#333"},itemTextFontSize:{type:String,default:"0.8rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},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},labelContent:{type:String,default:null},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=dd(e.paddingStyle,{returnObj:!0}).bottom-2,r=mn(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return vn(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 Zm=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,placementDistY:n.useDistY,defItemHeight:n.defItemHeight,labelContent:n.labelContent,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)};Zm._withStripped=!0;const Xm=t({render:Zm,staticRenderFns:[]},function(n){n&&n("data-v-22375fd4_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggest.vue"},media:void 0})},Fm,"data-v-22375fd4",false,void 0,!1,o,void 0,void 0);const zm={directives:{domdragdrop:Vg()},components:{WButtonChip:rs,WTextSuggest:Xm},props:{value:{type:Array,default:()=>[]},enableActive:{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"},enableColorsFromItem:{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:()=>[]},keySuggestText:{type:String,default:"text"},placeholder:{type:String,default:""},noResultsText:{type:String,default:"No results"},addMode:{type:String,default:"auto"},inputTextWidth:{type:Number,default:150},inputKeyText:{type:String,default:"text"},inputTextFontSize:{type:String,default:"0.85rem"},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"},inputTextButtonIcon:{type:String,default:Ol},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"},addButtonIcon:{type:String,default:Ol},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"},addWhenInputByOutside:{type:Boolean,default:!1},closeWithInterceptor:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},labelContentForInputText:{type:String,default:null},editable:{type:Boolean,default:!0},editableClose:{type:Boolean,default:!0},editableInput:{type:Boolean,default:!0},enableCloseEventOnly:{type:Boolean,default:!1},enableNodata:{type:Boolean,default:!1},nodata:{type:String,default:"Empty"}},data:function(){return{get:mn,o2j:qf,mdiPlusCircle:Ol,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userInput:""}},computed:{changeValue:function(){let n=this;return n.itemsTrans=Sl(n.value),n.itemActiveTrans=Sl(n.valueActive),""},isObjValue:function(){return 0!==xo(this.itemsTrans)&&Dg(this.itemsTrans,n=>vn(n))},useMode:function(){let n=this,e="";return e="auto"===n.addMode?n.isObjValue?"button":"input":"button"===n.addMode?"button":"input",e},isDraggable:function(){return this.draggable&&this.editable},useMarginStyle:function(){return`margin:${dd(this.marginStyle)};`}},methods:{getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Uo()}`),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.enableColorsFromItem&&t.isObjValue&&(r=mn(n,e,null)),r||(r=mn(t,e,null)),r},isActive:function(n){return!!this.enableActive&&Vi(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=Sl(e.itemsTrans);if(t>r){let n=qh(o,t)[0];o.splice(r,0,n)}else{let n=Sl(o[t]);o.splice(r+1,0,n),qh(o,t)}e.$nextTick(()=>{e.$emit("input",o)})}},getSuggestText:function(n){let e=this;return vn(n)?n[e.keySuggestText]:n},clickChip:function(n,e,t){let r=this;r.$nextTick(()=>{r.enableActive&&r.$emit("update:valueActive",e);let o={...n,item:e,kitem:t};r.$emit("click",o)})},clickAddBtn:function(){let n=this;if("button"===n.useMode)n.$nextTick(()=>{n.$emit("click-add",null)});else{if(""===Kt(n.userInput))return;if(n.addWhenInputByOutside||n.isObjValue)n.$nextTick(()=>{n.$emit("click-add",n.userInput),n.userInput=""});else{if(xo(Zo(n.itemsTrans,e=>Vi(e,n.userInput)))>=1)return void n.$nextTick(()=>{n.$emit("error","duplicate values"),n.userInput=""});n.$nextTick(()=>{n.itemsTrans.push(Kt(n.userInput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userInput),n.userInput=""})}}},pull:function(n,e){let t=[];return Ie(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=wn(),o={item:n,kitem:e,pm:r};t.$emit("click-close",o),r.then(()=>{t.enableActive&&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.enableActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let o=t.pull(t.itemsTrans,e);t.$emit("input",o)}})}}};var Rm=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("item",null,{item:e,kitem:r,active:n.isActive(e)})],2)],1)]})],2),n._v(" "),n.enableNodata&&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("item",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["button"===n.useMode?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{icon:n.addButtonIcon,iconColor:n.addButtonIconColor,iconColorHover:n.addButtonIconColorHover,text:n.addButtonText,textColor:n.addButtonTextColor,textColorHover:n.addButtonTextColorHover,backgroundColor:n.addButtonBackgroundColor,backgroundColorHover:n.addButtonBackgroundColorHover,tooltip:n.addButtonTooltip,paddingStyle:{v:3,h:12},_shiftLeft:"shiftLeft",_shiftRight:"shiftRight"},on:{click:n.clickAddBtn}})]:[t("WTextSuggest",{style:n.useMarginStyle+" width:"+n.inputTextWidth+"px;",attrs:{expansionIconColor:n.inputExpansionIconColor,keyText:n.inputKeyText,textFontSize:n.inputTextFontSize,textColor:n.inputTextColor,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.inputTextButtonIcon,rightIconColor:n.inputTextButtonColor,rightIconColorHover:n.inputTextButtonColorHover,rightIconColorFocus:n.inputTextButtonColorFocus,rightIconTooltip:n.inputTextButtonTooltip,items:n.suggests,placeholder:n.placeholder,noResultsText:n.noResultsText,labelContent:n.labelContentForInputText},on:{enter:n.clickAddBtn,"click-right":n.clickAddBtn},scopedSlots:n._u([{key:"item",fn:function(e){return[n._t("suggest",function(){return[t("div",[n._v(n._s(n.getSuggestText(e.item)))])]},{item:e.item,index:e.index})]}}],null,!0),model:{value:n.userInput,callback:function(e){n.userInput=e},expression:"userInput"}})]]})],2):n._e()],2)};Rm._withStripped=!0;const Pm=t({render:Rm,staticRenderFns:[]},function(n){n&&n("data-v-045383be_0",{source:"\n.WGroupTags-Trans[data-v-045383be] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WGroupTags.vue"],names:[],mappings:";AAojCA,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=\"item\"\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=\"enableNodata && 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=\"item\"\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=\"useMode==='button'\">\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :icon=\"addButtonIcon\"\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                        :paddingStyle=\"{v:3,h:12}\"\r\n                        _shiftLeft=\"shiftLeft\"\r\n                        _shiftRight=\"shiftRight\"\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                        :expansionIconColor=\"inputExpansionIconColor\"\r\n                        :keyText=\"inputKeyText\"\r\n                        :textFontSize=\"inputTextFontSize\"\r\n                        :textColor=\"inputTextColor\"\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=\"inputTextButtonIcon\"\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                        :labelContent=\"labelContentForInputText\"\r\n                        v-model=\"userInput\"\r\n                        @enter=\"clickAddBtn\"\r\n                        @click-right=\"clickAddBtn\"\r\n                    >\r\n\r\n                        <template v-slot:item=\"props\">\r\n\r\n                            <slot\r\n                                name=\"suggest\"\r\n                                :item=\"props.item\"\r\n                                :index=\"props.index\"\r\n                            >\r\n                                <div>{{getSuggestText(props.item)}}</div>\r\n                            </slot>\r\n\r\n                        </template>\r\n\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-es/get.js'\r\nimport each from 'lodash-es/each.js'\r\nimport cloneDeep from 'lodash-es/cloneDeep.js'\r\nimport trim from 'lodash-es/trim.js'\r\nimport every from 'lodash-es/every.js'\r\nimport pullAt from 'lodash-es/pullAt.js'\r\nimport filter from 'lodash-es/filter.js'\r\nimport isEqual from 'lodash-es/isEqual.js'\r\nimport size from 'lodash-es/size.js'\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} [enableActive=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} [enableColorsFromItem=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} [keySuggestText='text'] 輸入當可選(建議)項目為物件時，存放顯示文字之欄位字串，預設'text'\r\n * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''\r\n * @vue-prop {String} [noResultsText='No results'] 輸入無過濾結果字串，預設'No results'\r\n * @vue-prop {String} [addMode='auto'] 輸入新增模式字串，可使用'auto'、'input'、'button'，預設'auto'\r\n * @vue-prop {Number} [inputTextWidth=150] 輸入新增按鈕或輸入框區寬度數字，單位px，預設150\r\n * @vue-prop {String} [inputKeyText='text'] 輸入若可選(建議)項目為元素陣列時，輸入框之提取選擇項目物件內鍵值字串，預設'text'\r\n * @vue-prop {String} [inputTextFontSize='0.85rem'] 輸入輸入框文字大小字串，預設'0.85rem'\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} [inputTextButtonIcon=mdiPlusCircle] 輸入新增按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiPlusCircle\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.8rem'] 輸入輸入框下拉選單項目顯示文字大小字串，預設'0.8rem'\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} [addButtonIcon=mdiPlusCircle] 輸入新增按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiPlusCircle\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} [addWhenInputByOutside=false] 輸入當指定或自動使用input並新增時，是否強制使用click-add事件進行新增處理布林值，預設false\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 {String} [labelContentForInputText=null] 輸入針對輸入框下拉選單彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null\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 {Boolean} [enableNodata=false] 輸入是否使用nodata展示布林值，預設false\r\n * @vue-prop {String} [nodata='Empty'] 輸入無任何字串陣列時的預設文字字串，預設'Empty'\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        enableActive: {\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        enableColorsFromItem: {\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        keySuggestText: {\r\n            type: String,\r\n            default: 'text',\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        addMode: {\r\n            type: String,\r\n            default: 'auto', //auto, input, button\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 150,\r\n        },\r\n        inputKeyText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        inputTextFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\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        inputTextButtonIcon: {\r\n            type: String,\r\n            default: mdiPlusCircle,\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        addButtonIcon: {\r\n            type: String,\r\n            default: mdiPlusCircle,\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        addWhenInputByOutside: {\r\n            type: Boolean,\r\n            default: false,\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        labelContentForInputText: {\r\n            type: String,\r\n            default: null,\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        enableNodata: {\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        useMode: function() {\r\n            //console.log('computed useMode')\r\n\r\n            let vo = this\r\n\r\n            let mode = ''\r\n            if (vo.addMode === 'auto') {\r\n                mode = vo.isObjValue ? 'button' : 'input'\r\n            }\r\n            else if (vo.addMode === 'button') {\r\n                mode = 'button'\r\n            }\r\n            else {\r\n                mode = 'input'\r\n            }\r\n\r\n            return mode\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.enableColorsFromItem && 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.enableActive) {\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        getSuggestText: function(value) {\r\n            //console.log('methods getSuggestText', getSuggestText)\r\n\r\n            let vo = this\r\n\r\n            //valueTrans\r\n            if (isobj(value)) {\r\n                return value[vo.keySuggestText]\r\n            }\r\n            else {\r\n                return value\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                //enableActive\r\n                if (vo.enableActive) {\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            //useMode\r\n            if (vo.useMode === 'button') {\r\n                //交由外部自行處理push\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('click-add', null)\r\n\r\n                })\r\n\r\n            }\r\n            else { //vo.useMode === 'input'\r\n\r\n                //check\r\n                if (trim(vo.userInput) === '') {\r\n                    return\r\n                }\r\n\r\n                //addWhenInputByOutside || isObjValue\r\n                if (vo.addWhenInputByOutside || vo.isObjValue) {\r\n                    //若指定由外部處理push, 或若為obj則須交由外部處理push\r\n\r\n                    //$nextTick\r\n                    vo.$nextTick(() => {\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                else {\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', '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            }\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                            //enableActive and isActive\r\n                            if (vo.enableActive && 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                    //enableActive and isActive\r\n                    if (vo.enableActive && 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})},zm,"data-v-045383be",false,void 0,!1,o,void 0,void 0);const Vm={components:{WIconLoading:To},props:{pathItems:{type:Array,default:()=>["base:w-highcharts-vue"]},options:{type:Object,default:()=>({})}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;yr(n.pathItems).then(e=>{"loaded"!==e&&Cr().use(window["w-highcharts-vue"]),n.cmpName="w-highcharts-vue"})},computed:{},methods:{}};var Lm=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Lm._withStripped=!0;const Nm=t({render:Lm,staticRenderFns:[]},function(n){n&&n("data-v-0367e278_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})},Vm,"data-v-0367e278",false,void 0,!1,o,void 0,void 0);const Dm={components:{WIconLoading:To},props:{pathItems:{type:Array,default:()=>["base:w-highcharts-vue"]},options:{type:Object,default:()=>({})}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;yr(n.pathItems).then(e=>{"loaded"!==e&&Cr().use(window["w-highcharts-vue"]),n.cmpName="w-highstock-vue"})},computed:{},methods:{}};var Gm=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Gm._withStripped=!0;const Mm=t({render:Gm,staticRenderFns:[]},function(n){n&&n("data-v-0e52759d_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighstockVueDyn.vue"},media:void 0})},Dm,"data-v-0e52759d",false,void 0,!1,o,void 0,void 0);var Ym=4294967295,jm=Math.min;function _m(n,e){if((n=Pn(n))<1||n>9007199254740991)return[];var t=Ym,r=jm(n,Ym);e=we(e),n-=Ym;for(var o=Mn(r,e);++t<n;)e(t);return o}var Km={exports:{}};
+     */var Zc,Xc,zc=9e15,Rc=1e9,Pc="0123456789abcdef",Vc="2.3025850929940456840179914546843642076011014886287729760333279009675726096773524802359972050895982983419677840422862486334095254650828067566662873690987816894829072083255546808437998948262331985283935053089653777326288461633662222876982198867465436674744042432743651550489343149393914796194044002221051017141748003688084012647080685567743216228355220114804663715659121373450747856947683463616792101806445070648000277502684916746550586856935673420670581136429224554405758925724208241314695689016758940256776311356919292033376587141660230105703089634572075440370847469940168269282808481184289314848524948644871927809676271275775397027668605952496716674183485704422507197965004714951050492214776567636938662976979522110718264549734772662425709429322582798502585509785265383207606726317164309505995087807523710333101197857547331541421808427543863591778117054309827482385045648019095610299291824318237525357709750539565187697510374970888692180205189339507238539205144634197265287286965110862571492198849978748873771345686209167058",Lc="3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679821480865132823066470938446095505822317253594081284811174502841027019385211055596446229489549303819644288109756659334461284756482337867831652712019091456485669234603486104543266482133936072602491412737245870066063155881748815209209628292540917153643678925903600113305305488204665213841469519415116094330572703657595919530921861173819326117931051185480744623799627495673518857527248912279381830119491298336733624406566430860213949463952247371907021798609437027705392171762931767523846748184676694051320005681271452635608277857713427577896091736371787214684409012249534301465495853710507922796892589235420199561121290219608640344181598136297747713099605187072113499999983729780499510597317328160963185950244594553469083026425223082533446850352619311881710100031378387528865875332083814206171776691473035982534904287554687311595628638823537875937519577818577805321712268066130019278766111959092164201989380952572010654858632789",Nc={precision:20,rounding:4,modulo:1,toExpNeg:-7,toExpPos:21,minE:-zc,maxE:zc,crypto:!1},Dc=!0,Gc="[DecimalError] ",Mc=Gc+"Invalid argument: ",Yc=Gc+"Precision limit exceeded",jc=Gc+"crypto unavailable",_c="[object Decimal]",Kc=Math.floor,$c=Math.pow,Ec=/^0b([01]+(\.[01]*)?|\.[01]+)(p[+-]?\d+)?$/i,Oc=/^0x([0-9a-f]+(\.[0-9a-f]*)?|\.[0-9a-f]+)(p[+-]?\d+)?$/i,Jc=/^0o([0-7]+(\.[0-7]*)?|\.[0-7]+)(p[+-]?\d+)?$/i,Uc=/^(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,Qc=1e7,qc=Vc.length-1,np=Lc.length-1,ep={toStringTag:_c};function tp(n){var e,t,r,o=n.length-1,i="",l=n[0];if(o>0){for(i+=l,e=1;e<o;e++)(t=7-(r=n[e]+"").length)&&(i+=fp(t)),i+=r;(t=7-(r=(l=n[e])+"").length)&&(i+=fp(t))}else if(0===l)return"0";for(;l%10==0;)l/=10;return i+l}function rp(n,e,t){if(n!==~~n||n<e||n>t)throw Error(Mc+n)}function op(n,e,t,r){var o,i,l,a;for(i=n[0];i>=10;i/=10)--e;return--e<0?(e+=7,o=0):(o=Math.ceil((e+1)/7),e%=7),i=$c(10,7-e),a=n[o]%i|0,null==r?e<3?(0==e?a=a/100|0:1==e&&(a=a/10|0),l=t<4&&99999==a||t>3&&49999==a||5e4==a||0==a):l=(t<4&&a+1==i||t>3&&a+1==i/2)&&(n[o+1]/i/100|0)==$c(10,e-2)-1||(a==i/2||0==a)&&!(n[o+1]/i/100|0):e<4?(0==e?a=a/1e3|0:1==e?a=a/100|0:2==e&&(a=a/10|0),l=(r||t<4)&&9999==a||!r&&t>3&&4999==a):l=((r||t<4)&&a+1==i||!r&&t>3&&a+1==i/2)&&(n[o+1]/i/1e3|0)==$c(10,e-3)-1,l}function ip(n,e,t){for(var r,o,i=[0],l=0,a=n.length;l<a;){for(o=i.length;o--;)i[o]*=e;for(i[0]+=Pc.indexOf(n.charAt(l++)),r=0;r<i.length;r++)i[r]>t-1&&(void 0===i[r+1]&&(i[r+1]=0),i[r+1]+=i[r]/t|0,i[r]%=t)}return i.reverse()}ep.absoluteValue=ep.abs=function(){var n=new this.constructor(this);return n.s<0&&(n.s=1),ap(n)},ep.ceil=function(){return ap(new this.constructor(this),this.e+1,2)},ep.clampedTo=ep.clamp=function(n,e){var t=this,r=t.constructor;if(n=new r(n),e=new r(e),!n.s||!e.s)return new r(NaN);if(n.gt(e))throw Error(Mc+e);return t.cmp(n)<0?n:t.cmp(e)>0?e:new r(t)},ep.comparedTo=ep.cmp=function(n){var e,t,r,o,i=this,l=i.d,a=(n=new i.constructor(n)).d,d=i.s,u=n.s;if(!l||!a)return d&&u?d!==u?d:l===a?0:!l^d<0?1:-1:NaN;if(!l[0]||!a[0])return l[0]?d:a[0]?-u:0;if(d!==u)return d;if(i.e!==n.e)return i.e>n.e^d<0?1:-1;for(e=0,t=(r=l.length)<(o=a.length)?r:o;e<t;++e)if(l[e]!==a[e])return l[e]>a[e]^d<0?1:-1;return r===o?0:r>o^d<0?1:-1},ep.cosine=ep.cos=function(){var n,e,t=this,r=t.constructor;return t.d?t.d[0]?(n=r.precision,e=r.rounding,r.precision=n+Math.max(t.e,t.sd())+7,r.rounding=1,t=function(n,e){var t,r,o;if(e.isZero())return e;r=e.d.length,r<32?o=(1/wp(4,t=Math.ceil(r/3))).toString():(t=16,o="2.3283064365386962890625e-10");n.precision+=t,e=Sp(n,1,e.times(o),new n(1));for(var i=t;i--;){var l=e.times(e);e=l.times(l).minus(l).times(8).plus(1)}return n.precision-=t,e}(r,Ip(r,t)),r.precision=n,r.rounding=e,ap(2==Xc||3==Xc?t.neg():t,n,e,!0)):new r(1):new r(NaN)},ep.cubeRoot=ep.cbrt=function(){var n,e,t,r,o,i,l,a,d,u,s=this,c=s.constructor;if(!s.isFinite()||s.isZero())return new c(s);for(Dc=!1,(i=s.s*$c(s.s*s,1/3))&&Math.abs(i)!=1/0?r=new c(i.toString()):(t=tp(s.d),(i=((n=s.e)-t.length+1)%3)&&(t+=1==i||-2==i?"0":"00"),i=$c(t,1/3),n=Kc((n+1)/3)-(n%3==(n<0?-1:2)),(r=new c(t=i==1/0?"5e"+n:(t=i.toExponential()).slice(0,t.indexOf("e")+1)+n)).s=s.s),l=(n=c.precision)+3;;)if(u=(d=(a=r).times(a).times(a)).plus(s),r=lp(u.plus(s).times(a),u.plus(d),l+2,1),tp(a.d).slice(0,l)===(t=tp(r.d)).slice(0,l)){if("9999"!=(t=t.slice(l-3,l+1))&&(o||"4999"!=t)){+t&&(+t.slice(1)||"5"!=t.charAt(0))||(ap(r,n+1,1),e=!r.times(r).times(r).eq(s));break}if(!o&&(ap(a,n+1,0),a.times(a).times(a).eq(s))){r=a;break}l+=4,o=1}return Dc=!0,ap(r,n,c.rounding,e)},ep.decimalPlaces=ep.dp=function(){var n,e=this.d,t=NaN;if(e){if(t=7*((n=e.length-1)-Kc(this.e/7)),n=e[n])for(;n%10==0;n/=10)t--;t<0&&(t=0)}return t},ep.dividedBy=ep.div=function(n){return lp(this,new this.constructor(n))},ep.dividedToIntegerBy=ep.divToInt=function(n){var e=this.constructor;return ap(lp(this,new e(n),0,1,1),e.precision,e.rounding)},ep.equals=ep.eq=function(n){return 0===this.cmp(n)},ep.floor=function(){return ap(new this.constructor(this),this.e+1,3)},ep.greaterThan=ep.gt=function(n){return this.cmp(n)>0},ep.greaterThanOrEqualTo=ep.gte=function(n){var e=this.cmp(n);return 1==e||0===e},ep.hyperbolicCosine=ep.cosh=function(){var n,e,t,r,o,i=this,l=i.constructor,a=new l(1);if(!i.isFinite())return new l(i.s?1/0:NaN);if(i.isZero())return a;t=l.precision,r=l.rounding,l.precision=t+Math.max(i.e,i.sd())+4,l.rounding=1,(o=i.d.length)<32?e=(1/wp(4,n=Math.ceil(o/3))).toString():(n=16,e="2.3283064365386962890625e-10"),i=Sp(l,1,i.times(e),new l(1),!0);for(var d,u=n,s=new l(8);u--;)d=i.times(i),i=a.minus(d.times(s.minus(d.times(s))));return ap(i,l.precision=t,l.rounding=r,!0)},ep.hyperbolicSine=ep.sinh=function(){var n,e,t,r,o=this,i=o.constructor;if(!o.isFinite()||o.isZero())return new i(o);if(e=i.precision,t=i.rounding,i.precision=e+Math.max(o.e,o.sd())+4,i.rounding=1,(r=o.d.length)<3)o=Sp(i,2,o,o,!0);else{n=(n=1.4*Math.sqrt(r))>16?16:0|n,o=Sp(i,2,o=o.times(1/wp(5,n)),o,!0);for(var l,a=new i(5),d=new i(16),u=new i(20);n--;)l=o.times(o),o=o.times(a.plus(l.times(d.times(l).plus(u))))}return i.precision=e,i.rounding=t,ap(o,e,t,!0)},ep.hyperbolicTangent=ep.tanh=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+7,r.rounding=1,lp(t.sinh(),t.cosh(),r.precision=n,r.rounding=e)):new r(t.s)},ep.inverseCosine=ep.acos=function(){var n=this,e=n.constructor,t=n.abs().cmp(1),r=e.precision,o=e.rounding;return-1!==t?0===t?n.isNeg()?cp(e,r,o):new e(0):new e(NaN):n.isZero()?cp(e,r+4,o).times(.5):(e.precision=r+6,e.rounding=1,n=new e(1).minus(n).div(n.plus(1)).sqrt().atan(),e.precision=r,e.rounding=o,n.times(2))},ep.inverseHyperbolicCosine=ep.acosh=function(){var n,e,t=this,r=t.constructor;return t.lte(1)?new r(t.eq(1)?0:NaN):t.isFinite()?(n=r.precision,e=r.rounding,r.precision=n+Math.max(Math.abs(t.e),t.sd())+4,r.rounding=1,Dc=!1,t=t.times(t).minus(1).sqrt().plus(t),Dc=!0,r.precision=n,r.rounding=e,t.ln()):new r(t)},ep.inverseHyperbolicSine=ep.asinh=function(){var n,e,t=this,r=t.constructor;return!t.isFinite()||t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+2*Math.max(Math.abs(t.e),t.sd())+6,r.rounding=1,Dc=!1,t=t.times(t).plus(1).sqrt().plus(t),Dc=!0,r.precision=n,r.rounding=e,t.ln())},ep.inverseHyperbolicTangent=ep.atanh=function(){var n,e,t,r,o=this,i=o.constructor;return o.isFinite()?o.e>=0?new i(o.abs().eq(1)?o.s/0:o.isZero()?o:NaN):(n=i.precision,e=i.rounding,r=o.sd(),Math.max(r,n)<2*-o.e-1?ap(new i(o),n,e,!0):(i.precision=t=r-o.e,o=lp(o.plus(1),new i(1).minus(o),t+n,1),i.precision=n+4,i.rounding=1,o=o.ln(),i.precision=n,i.rounding=e,o.times(.5))):new i(NaN)},ep.inverseSine=ep.asin=function(){var n,e,t,r,o=this,i=o.constructor;return o.isZero()?new i(o):(e=o.abs().cmp(1),t=i.precision,r=i.rounding,-1!==e?0===e?((n=cp(i,t+4,r).times(.5)).s=o.s,n):new i(NaN):(i.precision=t+6,i.rounding=1,o=o.div(new i(1).minus(o.times(o)).sqrt().plus(1)).atan(),i.precision=t,i.rounding=r,o.times(2)))},ep.inverseTangent=ep.atan=function(){var n,e,t,r,o,i,l,a,d,u=this,s=u.constructor,c=s.precision,p=s.rounding;if(u.isFinite()){if(u.isZero())return new s(u);if(u.abs().eq(1)&&c+4<=np)return(l=cp(s,c+4,p).times(.25)).s=u.s,l}else{if(!u.s)return new s(NaN);if(c+4<=np)return(l=cp(s,c+4,p).times(.5)).s=u.s,l}for(s.precision=a=c+10,s.rounding=1,n=t=Math.min(28,a/7+2|0);n;--n)u=u.div(u.times(u).plus(1).sqrt().plus(1));for(Dc=!1,e=Math.ceil(a/7),r=1,d=u.times(u),l=new s(u),o=u;-1!==n;)if(o=o.times(d),i=l.minus(o.div(r+=2)),o=o.times(d),void 0!==(l=i.plus(o.div(r+=2))).d[e])for(n=e;l.d[n]===i.d[n]&&n--;);return t&&(l=l.times(2<<t-1)),Dc=!0,ap(l,s.precision=c,s.rounding=p,!0)},ep.isFinite=function(){return!!this.d},ep.isInteger=ep.isInt=function(){return!!this.d&&Kc(this.e/7)>this.d.length-2},ep.isNaN=function(){return!this.s},ep.isNegative=ep.isNeg=function(){return this.s<0},ep.isPositive=ep.isPos=function(){return this.s>0},ep.isZero=function(){return!!this.d&&0===this.d[0]},ep.lessThan=ep.lt=function(n){return this.cmp(n)<0},ep.lessThanOrEqualTo=ep.lte=function(n){return this.cmp(n)<1},ep.logarithm=ep.log=function(n){var e,t,r,o,i,l,a,d,u=this,s=u.constructor,c=s.precision,p=s.rounding;if(null==n)n=new s(10),e=!0;else{if(t=(n=new s(n)).d,n.s<0||!t||!t[0]||n.eq(1))return new s(NaN);e=n.eq(10)}if(t=u.d,u.s<0||!t||!t[0]||u.eq(1))return new s(t&&!t[0]?-1/0:1!=u.s?NaN:t?0:1/0);if(e)if(t.length>1)i=!0;else{for(o=t[0];o%10==0;)o/=10;i=1!==o}if(Dc=!1,l=yp(u,a=c+5),r=e?sp(s,a+10):yp(n,a),op((d=lp(l,r,a,1)).d,o=c,p))do{if(l=yp(u,a+=10),r=e?sp(s,a+10):yp(n,a),d=lp(l,r,a,1),!i){+tp(d.d).slice(o+1,o+15)+1==1e14&&(d=ap(d,c+1,0));break}}while(op(d.d,o+=10,p));return Dc=!0,ap(d,c,p)},ep.minus=ep.sub=function(n){var e,t,r,o,i,l,a,d,u,s,c,p,f=this,h=f.constructor;if(n=new h(n),!f.d||!n.d)return f.s&&n.s?f.d?n.s=-n.s:n=new h(n.d||f.s!==n.s?f:NaN):n=new h(NaN),n;if(f.s!=n.s)return n.s=-n.s,f.plus(n);if(u=f.d,p=n.d,a=h.precision,d=h.rounding,!u[0]||!p[0]){if(p[0])n.s=-n.s;else{if(!u[0])return new h(3===d?-0:0);n=new h(f)}return Dc?ap(n,a,d):n}if(t=Kc(n.e/7),s=Kc(f.e/7),u=u.slice(),i=s-t){for((c=i<0)?(e=u,i=-i,l=p.length):(e=p,t=s,l=u.length),i>(r=Math.max(Math.ceil(a/7),l)+2)&&(i=r,e.length=1),e.reverse(),r=i;r--;)e.push(0);e.reverse()}else{for((c=(r=u.length)<(l=p.length))&&(l=r),r=0;r<l;r++)if(u[r]!=p[r]){c=u[r]<p[r];break}i=0}for(c&&(e=u,u=p,p=e,n.s=-n.s),l=u.length,r=p.length-l;r>0;--r)u[l++]=0;for(r=p.length;r>i;){if(u[--r]<p[r]){for(o=r;o&&0===u[--o];)u[o]=Qc-1;--u[o],u[r]+=Qc}u[r]-=p[r]}for(;0===u[--l];)u.pop();for(;0===u[0];u.shift())--t;return u[0]?(n.d=u,n.e=up(u,t),Dc?ap(n,a,d):n):new h(3===d?-0:0)},ep.modulo=ep.mod=function(n){var e,t=this,r=t.constructor;return n=new r(n),!t.d||!n.s||n.d&&!n.d[0]?new r(NaN):!n.d||t.d&&!t.d[0]?ap(new r(t),r.precision,r.rounding):(Dc=!1,9==r.modulo?(e=lp(t,n.abs(),0,3,1)).s*=n.s:e=lp(t,n,0,r.modulo,1),e=e.times(n),Dc=!0,t.minus(e))},ep.naturalExponential=ep.exp=function(){return vp(this)},ep.naturalLogarithm=ep.ln=function(){return yp(this)},ep.negated=ep.neg=function(){var n=new this.constructor(this);return n.s=-n.s,ap(n)},ep.plus=ep.add=function(n){var e,t,r,o,i,l,a,d,u,s,c=this,p=c.constructor;if(n=new p(n),!c.d||!n.d)return c.s&&n.s?c.d||(n=new p(n.d||c.s===n.s?c:NaN)):n=new p(NaN),n;if(c.s!=n.s)return n.s=-n.s,c.minus(n);if(u=c.d,s=n.d,a=p.precision,d=p.rounding,!u[0]||!s[0])return s[0]||(n=new p(c)),Dc?ap(n,a,d):n;if(i=Kc(c.e/7),r=Kc(n.e/7),u=u.slice(),o=i-r){for(o<0?(t=u,o=-o,l=s.length):(t=s,r=i,l=u.length),o>(l=(i=Math.ceil(a/7))>l?i+1:l+1)&&(o=l,t.length=1),t.reverse();o--;)t.push(0);t.reverse()}for((l=u.length)-(o=s.length)<0&&(o=l,t=s,s=u,u=t),e=0;o;)e=(u[--o]=u[o]+s[o]+e)/Qc|0,u[o]%=Qc;for(e&&(u.unshift(e),++r),l=u.length;0==u[--l];)u.pop();return n.d=u,n.e=up(u,r),Dc?ap(n,a,d):n},ep.precision=ep.sd=function(n){var e,t=this;if(void 0!==n&&n!==!!n&&1!==n&&0!==n)throw Error(Mc+n);return t.d?(e=pp(t.d),n&&t.e+1>e&&(e=t.e+1)):e=NaN,e},ep.round=function(){var n=this,e=n.constructor;return ap(new e(n),n.e+1,e.rounding)},ep.sine=ep.sin=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+Math.max(t.e,t.sd())+7,r.rounding=1,t=function(n,e){var t,r=e.d.length;if(r<3)return e.isZero()?e:Sp(n,2,e,e);t=(t=1.4*Math.sqrt(r))>16?16:0|t,e=e.times(1/wp(5,t)),e=Sp(n,2,e,e);for(var o,i=new n(5),l=new n(16),a=new n(20);t--;)o=e.times(e),e=e.times(i.plus(o.times(l.times(o).minus(a))));return e}(r,Ip(r,t)),r.precision=n,r.rounding=e,ap(Xc>2?t.neg():t,n,e,!0)):new r(NaN)},ep.squareRoot=ep.sqrt=function(){var n,e,t,r,o,i,l=this,a=l.d,d=l.e,u=l.s,s=l.constructor;if(1!==u||!a||!a[0])return new s(!u||u<0&&(!a||a[0])?NaN:a?l:1/0);for(Dc=!1,0==(u=Math.sqrt(+l))||u==1/0?(((e=tp(a)).length+d)%2==0&&(e+="0"),u=Math.sqrt(e),d=Kc((d+1)/2)-(d<0||d%2),r=new s(e=u==1/0?"5e"+d:(e=u.toExponential()).slice(0,e.indexOf("e")+1)+d)):r=new s(u.toString()),t=(d=s.precision)+3;;)if(r=(i=r).plus(lp(l,i,t+2,1)).times(.5),tp(i.d).slice(0,t)===(e=tp(r.d)).slice(0,t)){if("9999"!=(e=e.slice(t-3,t+1))&&(o||"4999"!=e)){+e&&(+e.slice(1)||"5"!=e.charAt(0))||(ap(r,d+1,1),n=!r.times(r).eq(l));break}if(!o&&(ap(i,d+1,0),i.times(i).eq(l))){r=i;break}t+=4,o=1}return Dc=!0,ap(r,d,s.rounding,n)},ep.tangent=ep.tan=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+10,r.rounding=1,(t=t.sin()).s=1,t=lp(t,new r(1).minus(t.times(t)).sqrt(),n+10,0),r.precision=n,r.rounding=e,ap(2==Xc||4==Xc?t.neg():t,n,e,!0)):new r(NaN)},ep.times=ep.mul=function(n){var e,t,r,o,i,l,a,d,u,s=this,c=s.constructor,p=s.d,f=(n=new c(n)).d;if(n.s*=s.s,!(p&&p[0]&&f&&f[0]))return new c(!n.s||p&&!p[0]&&!f||f&&!f[0]&&!p?NaN:p&&f?0*n.s:n.s/0);for(t=Kc(s.e/7)+Kc(n.e/7),(d=p.length)<(u=f.length)&&(i=p,p=f,f=i,l=d,d=u,u=l),i=[],r=l=d+u;r--;)i.push(0);for(r=u;--r>=0;){for(e=0,o=d+r;o>r;)a=i[o]+f[r]*p[o-r-1]+e,i[o--]=a%Qc|0,e=a/Qc|0;i[o]=(i[o]+e)%Qc|0}for(;!i[--l];)i.pop();return e?++t:i.shift(),n.d=i,n.e=up(i,t),Dc?ap(n,c.precision,c.rounding):n},ep.toBinary=function(n,e){return kp(this,2,n,e)},ep.toDecimalPlaces=ep.toDP=function(n,e){var t=this,r=t.constructor;return t=new r(t),void 0===n?t:(rp(n,0,Rc),void 0===e?e=r.rounding:rp(e,0,8),ap(t,n+t.e+1,e))},ep.toExponential=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=dp(r,!0):(rp(n,0,Rc),void 0===e?e=o.rounding:rp(e,0,8),t=dp(r=ap(new o(r),n+1,e),!0,n+1)),r.isNeg()&&!r.isZero()?"-"+t:t},ep.toFixed=function(n,e){var t,r,o=this,i=o.constructor;return void 0===n?t=dp(o):(rp(n,0,Rc),void 0===e?e=i.rounding:rp(e,0,8),t=dp(r=ap(new i(o),n+o.e+1,e),!1,n+r.e+1)),o.isNeg()&&!o.isZero()?"-"+t:t},ep.toFraction=function(n){var e,t,r,o,i,l,a,d,u,s,c,p,f=this,h=f.d,g=f.constructor;if(!h)return new g(f);if(u=t=new g(1),r=d=new g(0),l=(i=(e=new g(r)).e=pp(h)-f.e-1)%7,e.d[0]=$c(10,l<0?7+l:l),null==n)n=i>0?e:u;else{if(!(a=new g(n)).isInt()||a.lt(u))throw Error(Mc+a);n=a.gt(e)?i>0?e:u:a}for(Dc=!1,a=new g(tp(h)),s=g.precision,g.precision=i=7*h.length*2;c=lp(a,e,0,1,1),1!=(o=t.plus(c.times(r))).cmp(n);)t=r,r=o,o=u,u=d.plus(c.times(o)),d=o,o=e,e=a.minus(c.times(o)),a=o;return o=lp(n.minus(t),r,0,1,1),d=d.plus(o.times(u)),t=t.plus(o.times(r)),d.s=u.s=f.s,p=lp(u,r,i,1).minus(f).abs().cmp(lp(d,t,i,1).minus(f).abs())<1?[u,r]:[d,t],g.precision=s,Dc=!0,p},ep.toHexadecimal=ep.toHex=function(n,e){return kp(this,16,n,e)},ep.toNearest=function(n,e){var t=this,r=t.constructor;if(t=new r(t),null==n){if(!t.d)return t;n=new r(1),e=r.rounding}else{if(n=new r(n),void 0===e?e=r.rounding:rp(e,0,8),!t.d)return n.s?t:n;if(!n.d)return n.s&&(n.s=t.s),n}return n.d[0]?(Dc=!1,t=lp(t,n,0,e,1).times(n),Dc=!0,ap(t)):(n.s=t.s,t=n),t},ep.toNumber=function(){return+this},ep.toOctal=function(n,e){return kp(this,8,n,e)},ep.toPower=ep.pow=function(n){var e,t,r,o,i,l,a=this,d=a.constructor,u=+(n=new d(n));if(!(a.d&&n.d&&a.d[0]&&n.d[0]))return new d($c(+a,u));if((a=new d(a)).eq(1))return a;if(r=d.precision,i=d.rounding,n.eq(1))return ap(a,r,i);if((e=Kc(n.e/7))>=n.d.length-1&&(t=u<0?-u:u)<=9007199254740991)return o=hp(d,a,t,r),n.s<0?new d(1).div(o):ap(o,r,i);if((l=a.s)<0){if(e<n.d.length-1)return new d(NaN);if(1&n.d[e]||(l=1),0==a.e&&1==a.d[0]&&1==a.d.length)return a.s=l,a}return(e=0!=(t=$c(+a,u))&&isFinite(t)?new d(t+"").e:Kc(u*(Math.log("0."+tp(a.d))/Math.LN10+a.e+1)))>d.maxE+1||e<d.minE-1?new d(e>0?l/0:0):(Dc=!1,d.rounding=a.s=1,t=Math.min(12,(e+"").length),(o=vp(n.times(yp(a,r+t)),r)).d&&op((o=ap(o,r+5,1)).d,r,i)&&(e=r+10,+tp((o=ap(vp(n.times(yp(a,e+t)),e),e+5,1)).d).slice(r+1,r+15)+1==1e14&&(o=ap(o,r+1,0))),o.s=l,Dc=!0,d.rounding=i,ap(o,r,i))},ep.toPrecision=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=dp(r,r.e<=o.toExpNeg||r.e>=o.toExpPos):(rp(n,1,Rc),void 0===e?e=o.rounding:rp(e,0,8),t=dp(r=ap(new o(r),n,e),n<=r.e||r.e<=o.toExpNeg,n)),r.isNeg()&&!r.isZero()?"-"+t:t},ep.toSignificantDigits=ep.toSD=function(n,e){var t=this.constructor;return void 0===n?(n=t.precision,e=t.rounding):(rp(n,1,Rc),void 0===e?e=t.rounding:rp(e,0,8)),ap(new t(this),n,e)},ep.toString=function(){var n=this,e=n.constructor,t=dp(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()&&!n.isZero()?"-"+t:t},ep.truncated=ep.trunc=function(){return ap(new this.constructor(this),this.e+1,1)},ep.valueOf=ep.toJSON=function(){var n=this,e=n.constructor,t=dp(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()?"-"+t:t};var lp=function(){function n(n,e,t){var r,o=0,i=n.length;for(n=n.slice();i--;)r=n[i]*e+o,n[i]=r%t|0,o=r/t|0;return o&&n.unshift(o),n}function e(n,e,t,r){var o,i;if(t!=r)i=t>r?1:-1;else for(o=i=0;o<t;o++)if(n[o]!=e[o]){i=n[o]>e[o]?1:-1;break}return i}function t(n,e,t,r){for(var o=0;t--;)n[t]-=o,o=n[t]<e[t]?1:0,n[t]=o*r+n[t]-e[t];for(;!n[0]&&n.length>1;)n.shift()}return function(r,o,i,l,a,d){var u,s,c,p,f,h,g,m,v,y,b,C,x,S,w,I,k,T,B,H,A=r.constructor,W=r.s==o.s?1:-1,F=r.d,Z=o.d;if(!(F&&F[0]&&Z&&Z[0]))return new A(r.s&&o.s&&(F?!Z||F[0]!=Z[0]:Z)?F&&0==F[0]||!Z?0*W:W/0:NaN);for(d?(f=1,s=r.e-o.e):(d=Qc,f=7,s=Kc(r.e/f)-Kc(o.e/f)),B=Z.length,k=F.length,y=(v=new A(W)).d=[],c=0;Z[c]==(F[c]||0);c++);if(Z[c]>(F[c]||0)&&s--,null==i?(S=i=A.precision,l=A.rounding):S=a?i+(r.e-o.e)+1:i,S<0)y.push(1),h=!0;else{if(S=S/f+2|0,c=0,1==B){for(p=0,Z=Z[0],S++;(c<k||p)&&S--;c++)w=p*d+(F[c]||0),y[c]=w/Z|0,p=w%Z|0;h=p||c<k}else{for((p=d/(Z[0]+1)|0)>1&&(Z=n(Z,p,d),F=n(F,p,d),B=Z.length,k=F.length),I=B,C=(b=F.slice(0,B)).length;C<B;)b[C++]=0;(H=Z.slice()).unshift(0),T=Z[0],Z[1]>=d/2&&++T;do{p=0,(u=e(Z,b,B,C))<0?(x=b[0],B!=C&&(x=x*d+(b[1]||0)),(p=x/T|0)>1?(p>=d&&(p=d-1),1==(u=e(g=n(Z,p,d),b,m=g.length,C=b.length))&&(p--,t(g,B<m?H:Z,m,d))):(0==p&&(u=p=1),g=Z.slice()),(m=g.length)<C&&g.unshift(0),t(b,g,C,d),-1==u&&(u=e(Z,b,B,C=b.length))<1&&(p++,t(b,B<C?H:Z,C,d)),C=b.length):0===u&&(p++,b=[0]),y[c++]=p,u&&b[0]?b[C++]=F[I]||0:(b=[F[I]],C=1)}while((I++<k||void 0!==b[0])&&S--);h=void 0!==b[0]}y[0]||y.shift()}if(1==f)v.e=s,Zc=h;else{for(c=1,p=y[0];p>=10;p/=10)c++;v.e=c+s*f-1,ap(v,a?i+v.e+1:i,l,h)}return v}}();function ap(n,e,t,r){var o,i,l,a,d,u,s,c,p,f=n.constructor;n:if(null!=e){if(!(c=n.d))return n;for(o=1,a=c[0];a>=10;a/=10)o++;if((i=e-o)<0)i+=7,l=e,d=(s=c[p=0])/$c(10,o-l-1)%10|0;else if((p=Math.ceil((i+1)/7))>=(a=c.length)){if(!r)break n;for(;a++<=p;)c.push(0);s=d=0,o=1,l=(i%=7)-7+1}else{for(s=a=c[p],o=1;a>=10;a/=10)o++;d=(l=(i%=7)-7+o)<0?0:s/$c(10,o-l-1)%10|0}if(r=r||e<0||void 0!==c[p+1]||(l<0?s:s%$c(10,o-l-1)),u=t<4?(d||r)&&(0==t||t==(n.s<0?3:2)):d>5||5==d&&(4==t||r||6==t&&(i>0?l>0?s/$c(10,o-l):0:c[p-1])%10&1||t==(n.s<0?8:7)),e<1||!c[0])return c.length=0,u?(e-=n.e+1,c[0]=$c(10,(7-e%7)%7),n.e=-e||0):c[0]=n.e=0,n;if(0==i?(c.length=p,a=1,p--):(c.length=p+1,a=$c(10,7-i),c[p]=l>0?(s/$c(10,o-l)%$c(10,l)|0)*a:0),u)for(;;){if(0==p){for(i=1,l=c[0];l>=10;l/=10)i++;for(l=c[0]+=a,a=1;l>=10;l/=10)a++;i!=a&&(n.e++,c[0]==Qc&&(c[0]=1));break}if(c[p]+=a,c[p]!=Qc)break;c[p--]=0,a=1}for(i=c.length;0===c[--i];)c.pop()}return Dc&&(n.e>f.maxE?(n.d=null,n.e=NaN):n.e<f.minE&&(n.e=0,n.d=[0])),n}function dp(n,e,t){if(!n.isFinite())return bp(n);var r,o=n.e,i=tp(n.d),l=i.length;return e?(t&&(r=t-l)>0?i=i.charAt(0)+"."+i.slice(1)+fp(r):l>1&&(i=i.charAt(0)+"."+i.slice(1)),i=i+(n.e<0?"e":"e+")+n.e):o<0?(i="0."+fp(-o-1)+i,t&&(r=t-l)>0&&(i+=fp(r))):o>=l?(i+=fp(o+1-l),t&&(r=t-o-1)>0&&(i=i+"."+fp(r))):((r=o+1)<l&&(i=i.slice(0,r)+"."+i.slice(r)),t&&(r=t-l)>0&&(o+1===l&&(i+="."),i+=fp(r))),i}function up(n,e){var t=n[0];for(e*=7;t>=10;t/=10)e++;return e}function sp(n,e,t){if(e>qc)throw Dc=!0,t&&(n.precision=t),Error(Yc);return ap(new n(Vc),e,1,!0)}function cp(n,e,t){if(e>np)throw Error(Yc);return ap(new n(Lc),e,t,!0)}function pp(n){var e=n.length-1,t=7*e+1;if(e=n[e]){for(;e%10==0;e/=10)t--;for(e=n[0];e>=10;e/=10)t++}return t}function fp(n){for(var e="";n--;)e+="0";return e}function hp(n,e,t,r){var o,i=new n(1),l=Math.ceil(r/7+4);for(Dc=!1;;){if(t%2&&Tp((i=i.times(e)).d,l)&&(o=!0),0===(t=Kc(t/2))){t=i.d.length-1,o&&0===i.d[t]&&++i.d[t];break}Tp((e=e.times(e)).d,l)}return Dc=!0,i}function gp(n){return 1&n.d[n.d.length-1]}function mp(n,e,t){for(var r,o,i=new n(e[0]),l=0;++l<e.length;){if(!(o=new n(e[l])).s){i=o;break}((r=i.cmp(o))===t||0===r&&i.s===t)&&(i=o)}return i}function vp(n,e){var t,r,o,i,l,a,d,u=0,s=0,c=0,p=n.constructor,f=p.rounding,h=p.precision;if(!n.d||!n.d[0]||n.e>17)return new p(n.d?n.d[0]?n.s<0?0:1/0:1:n.s?n.s<0?0:n:NaN);for(null==e?(Dc=!1,d=h):d=e,a=new p(.03125);n.e>-2;)n=n.times(a),c+=5;for(d+=r=Math.log($c(2,c))/Math.LN10*2+5|0,t=i=l=new p(1),p.precision=d;;){if(i=ap(i.times(n),d,1),t=t.times(++s),tp((a=l.plus(lp(i,t,d,1))).d).slice(0,d)===tp(l.d).slice(0,d)){for(o=c;o--;)l=ap(l.times(l),d,1);if(null!=e)return p.precision=h,l;if(!(u<3&&op(l.d,d-r,f,u)))return ap(l,p.precision=h,f,Dc=!0);p.precision=d+=10,t=i=a=new p(1),s=0,u++}l=a}}function yp(n,e){var t,r,o,i,l,a,d,u,s,c,p,f=1,h=n,g=h.d,m=h.constructor,v=m.rounding,y=m.precision;if(h.s<0||!g||!g[0]||!h.e&&1==g[0]&&1==g.length)return new m(g&&!g[0]?-1/0:1!=h.s?NaN:g?0:h);if(null==e?(Dc=!1,s=y):s=e,m.precision=s+=10,r=(t=tp(g)).charAt(0),!(Math.abs(i=h.e)<15e14))return u=sp(m,s+2,y).times(i+""),h=yp(new m(r+"."+t.slice(1)),s-10).plus(u),m.precision=y,null==e?ap(h,y,v,Dc=!0):h;for(;r<7&&1!=r||1==r&&t.charAt(1)>3;)r=(t=tp((h=h.times(n)).d)).charAt(0),f++;for(i=h.e,r>1?(h=new m("0."+t),i++):h=new m(r+"."+t.slice(1)),c=h,d=l=h=lp(h.minus(1),h.plus(1),s,1),p=ap(h.times(h),s,1),o=3;;){if(l=ap(l.times(p),s,1),tp((u=d.plus(lp(l,new m(o),s,1))).d).slice(0,s)===tp(d.d).slice(0,s)){if(d=d.times(2),0!==i&&(d=d.plus(sp(m,s+2,y).times(i+""))),d=lp(d,new m(f),s,1),null!=e)return m.precision=y,d;if(!op(d.d,s-10,v,a))return ap(d,m.precision=y,v,Dc=!0);m.precision=s+=10,u=l=h=lp(c.minus(1),c.plus(1),s,1),p=ap(h.times(h),s,1),o=a=1}d=u,o+=2}}function bp(n){return String(n.s*n.s/0)}function Cp(n,e){var t,r,o;for((t=e.indexOf("."))>-1&&(e=e.replace(".","")),(r=e.search(/e/i))>0?(t<0&&(t=r),t+=+e.slice(r+1),e=e.substring(0,r)):t<0&&(t=e.length),r=0;48===e.charCodeAt(r);r++);for(o=e.length;48===e.charCodeAt(o-1);--o);if(e=e.slice(r,o)){if(o-=r,n.e=t=t-r-1,n.d=[],r=(t+1)%7,t<0&&(r+=7),r<o){for(r&&n.d.push(+e.slice(0,r)),o-=7;r<o;)n.d.push(+e.slice(r,r+=7));r=7-(e=e.slice(r)).length}else r-=o;for(;r--;)e+="0";n.d.push(+e),Dc&&(n.e>n.constructor.maxE?(n.d=null,n.e=NaN):n.e<n.constructor.minE&&(n.e=0,n.d=[0]))}else n.e=0,n.d=[0];return n}function xp(n,e){var t,r,o,i,l,a,d,u,s;if(e.indexOf("_")>-1){if(e=e.replace(/(\d)_(?=\d)/g,"$1"),Uc.test(e))return Cp(n,e)}else if("Infinity"===e||"NaN"===e)return+e||(n.s=NaN),n.e=NaN,n.d=null,n;if(Oc.test(e))t=16,e=e.toLowerCase();else if(Ec.test(e))t=2;else{if(!Jc.test(e))throw Error(Mc+e);t=8}for((i=e.search(/p/i))>0?(d=+e.slice(i+1),e=e.substring(2,i)):e=e.slice(2),l=(i=e.indexOf("."))>=0,r=n.constructor,l&&(i=(a=(e=e.replace(".","")).length)-i,o=hp(r,new r(t),i,2*i)),i=s=(u=ip(e,t,Qc)).length-1;0===u[i];--i)u.pop();return i<0?new r(0*n.s):(n.e=up(u,s),n.d=u,Dc=!1,l&&(n=lp(n,o,4*a)),d&&(n=n.times(Math.abs(d)<54?$c(2,d):hf.pow(2,d))),Dc=!0,n)}function Sp(n,e,t,r,o){var i,l,a,d,u=n.precision,s=Math.ceil(u/7);for(Dc=!1,d=t.times(t),a=new n(r);;){if(l=lp(a.times(d),new n(e++*e++),u,1),a=o?r.plus(l):r.minus(l),r=lp(l.times(d),new n(e++*e++),u,1),void 0!==(l=a.plus(r)).d[s]){for(i=s;l.d[i]===a.d[i]&&i--;);if(-1==i)break}i=a,a=r,r=l,l=i}return Dc=!0,l.d.length=s+1,l}function wp(n,e){for(var t=n;--e;)t*=n;return t}function Ip(n,e){var t,r=e.s<0,o=cp(n,n.precision,1),i=o.times(.5);if((e=e.abs()).lte(i))return Xc=r?4:1,e;if((t=e.divToInt(o)).isZero())Xc=r?3:2;else{if((e=e.minus(t.times(o))).lte(i))return Xc=gp(t)?r?2:3:r?4:1,e;Xc=gp(t)?r?1:4:r?3:2}return e.minus(o).abs()}function kp(n,e,t,r){var o,i,l,a,d,u,s,c,p,f=n.constructor,h=void 0!==t;if(h?(rp(t,1,Rc),void 0===r?r=f.rounding:rp(r,0,8)):(t=f.precision,r=f.rounding),n.isFinite()){for(h?(o=2,16==e?t=4*t-3:8==e&&(t=3*t-2)):o=e,(l=(s=dp(n)).indexOf("."))>=0&&(s=s.replace(".",""),(p=new f(1)).e=s.length-l,p.d=ip(dp(p),10,o),p.e=p.d.length),i=d=(c=ip(s,10,o)).length;0==c[--d];)c.pop();if(c[0]){if(l<0?i--:((n=new f(n)).d=c,n.e=i,c=(n=lp(n,p,t,r,0,o)).d,i=n.e,u=Zc),l=c[t],a=o/2,u=u||void 0!==c[t+1],u=r<4?(void 0!==l||u)&&(0===r||r===(n.s<0?3:2)):l>a||l===a&&(4===r||u||6===r&&1&c[t-1]||r===(n.s<0?8:7)),c.length=t,u)for(;++c[--t]>o-1;)c[t]=0,t||(++i,c.unshift(1));for(d=c.length;!c[d-1];--d);for(l=0,s="";l<d;l++)s+=Pc.charAt(c[l]);if(h){if(d>1)if(16==e||8==e){for(l=16==e?4:3,--d;d%l;d++)s+="0";for(d=(c=ip(s,o,e)).length;!c[d-1];--d);for(l=1,s="1.";l<d;l++)s+=Pc.charAt(c[l])}else s=s.charAt(0)+"."+s.slice(1);s=s+(i<0?"p":"p+")+i}else if(i<0){for(;++i;)s="0"+s;s="0."+s}else if(++i>d)for(i-=d;i--;)s+="0";else i<d&&(s=s.slice(0,i)+"."+s.slice(i))}else s=h?"0p+0":"0";s=(16==e?"0x":2==e?"0b":8==e?"0o":"")+s}else s=bp(n);return n.s<0?"-"+s:s}function Tp(n,e){if(n.length>e)return n.length=e,!0}function Bp(n){return new this(n).abs()}function Hp(n){return new this(n).acos()}function Ap(n){return new this(n).acosh()}function Wp(n,e){return new this(n).plus(e)}function Fp(n){return new this(n).asin()}function Zp(n){return new this(n).asinh()}function Xp(n){return new this(n).atan()}function zp(n){return new this(n).atanh()}function Rp(n,e){n=new this(n),e=new this(e);var t,r=this.precision,o=this.rounding,i=r+4;return n.s&&e.s?n.d||e.d?!e.d||n.isZero()?(t=e.s<0?cp(this,r,o):new this(0)).s=n.s:!n.d||e.isZero()?(t=cp(this,i,1).times(.5)).s=n.s:e.s<0?(this.precision=i,this.rounding=1,t=this.atan(lp(n,e,i,1)),e=cp(this,i,1),this.precision=r,this.rounding=o,t=n.s<0?t.minus(e):t.plus(e)):t=this.atan(lp(n,e,i,1)):(t=cp(this,i,1).times(e.s>0?.25:.75)).s=n.s:t=new this(NaN),t}function Pp(n){return new this(n).cbrt()}function Vp(n){return ap(n=new this(n),n.e+1,2)}function Lp(n,e,t){return new this(n).clamp(e,t)}function Np(n){if(!n||"object"!=typeof n)throw Error(Gc+"Object expected");var e,t,r,o=!0===n.defaults,i=["precision",1,Rc,"rounding",0,8,"toExpNeg",-zc,0,"toExpPos",0,zc,"maxE",0,zc,"minE",-zc,0,"modulo",0,9];for(e=0;e<i.length;e+=3)if(t=i[e],o&&(this[t]=Nc[t]),void 0!==(r=n[t])){if(!(Kc(r)===r&&r>=i[e+1]&&r<=i[e+2]))throw Error(Mc+t+": "+r);this[t]=r}if(t="crypto",o&&(this[t]=Nc[t]),void 0!==(r=n[t])){if(!0!==r&&!1!==r&&0!==r&&1!==r)throw Error(Mc+t+": "+r);if(r){if("undefined"==typeof crypto||!crypto||!crypto.getRandomValues&&!crypto.randomBytes)throw Error(jc);this[t]=!0}else this[t]=!1}return this}function Dp(n){return new this(n).cos()}function Gp(n){return new this(n).cosh()}function Mp(n,e){return new this(n).div(e)}function Yp(n){return new this(n).exp()}function jp(n){return ap(n=new this(n),n.e+1,3)}function _p(){var n,e,t=new this(0);for(Dc=!1,n=0;n<arguments.length;)if((e=new this(arguments[n++])).d)t.d&&(t=t.plus(e.times(e)));else{if(e.s)return Dc=!0,new this(1/0);t=e}return Dc=!0,t.sqrt()}function Kp(n){return n instanceof hf||n&&n.toStringTag===_c||!1}function $p(n){return new this(n).ln()}function Ep(n,e){return new this(n).log(e)}function Op(n){return new this(n).log(2)}function Jp(n){return new this(n).log(10)}function Up(){return mp(this,arguments,-1)}function Qp(){return mp(this,arguments,1)}function qp(n,e){return new this(n).mod(e)}function nf(n,e){return new this(n).mul(e)}function ef(n,e){return new this(n).pow(e)}function tf(n){var e,t,r,o,i=0,l=new this(1),a=[];if(void 0===n?n=this.precision:rp(n,1,Rc),r=Math.ceil(n/7),this.crypto)if(crypto.getRandomValues)for(e=crypto.getRandomValues(new Uint32Array(r));i<r;)(o=e[i])>=429e7?e[i]=crypto.getRandomValues(new Uint32Array(1))[0]:a[i++]=o%1e7;else{if(!crypto.randomBytes)throw Error(jc);for(e=crypto.randomBytes(r*=4);i<r;)(o=e[i]+(e[i+1]<<8)+(e[i+2]<<16)+((127&e[i+3])<<24))>=214e7?crypto.randomBytes(4).copy(e,i):(a.push(o%1e7),i+=4);i=r/4}else for(;i<r;)a[i++]=1e7*Math.random()|0;for(n%=7,(r=a[--i])&&n&&(o=$c(10,7-n),a[i]=(r/o|0)*o);0===a[i];i--)a.pop();if(i<0)t=0,a=[0];else{for(t=-1;0===a[0];t-=7)a.shift();for(r=1,o=a[0];o>=10;o/=10)r++;r<7&&(t-=7-r)}return l.e=t,l.d=a,l}function rf(n){return ap(n=new this(n),n.e+1,this.rounding)}function of(n){return(n=new this(n)).d?n.d[0]?n.s:0*n.s:n.s||NaN}function lf(n){return new this(n).sin()}function af(n){return new this(n).sinh()}function df(n){return new this(n).sqrt()}function uf(n,e){return new this(n).sub(e)}function sf(){var n=0,e=arguments,t=new this(e[n]);for(Dc=!1;t.s&&++n<e.length;)t=t.plus(e[n]);return Dc=!0,ap(t,this.precision,this.rounding)}function cf(n){return new this(n).tan()}function pf(n){return new this(n).tanh()}function ff(n){return ap(n=new this(n),n.e+1,1)}ep[Symbol.for("nodejs.util.inspect.custom")]=ep.toString,ep[Symbol.toStringTag]="Decimal";var hf=ep.constructor=function n(e){var t,r,o;function i(n){var e,t,r,o=this;if(!(o instanceof i))return new i(n);if(o.constructor=i,Kp(n))return o.s=n.s,void(Dc?!n.d||n.e>i.maxE?(o.e=NaN,o.d=null):n.e<i.minE?(o.e=0,o.d=[0]):(o.e=n.e,o.d=n.d.slice()):(o.e=n.e,o.d=n.d?n.d.slice():n.d));if("number"===(r=typeof n)){if(0===n)return o.s=1/n<0?-1:1,o.e=0,void(o.d=[0]);if(n<0?(n=-n,o.s=-1):o.s=1,n===~~n&&n<1e7){for(e=0,t=n;t>=10;t/=10)e++;return void(Dc?e>i.maxE?(o.e=NaN,o.d=null):e<i.minE?(o.e=0,o.d=[0]):(o.e=e,o.d=[n]):(o.e=e,o.d=[n]))}return 0*n!=0?(n||(o.s=NaN),o.e=NaN,void(o.d=null)):Cp(o,n.toString())}if("string"===r)return 45===(t=n.charCodeAt(0))?(n=n.slice(1),o.s=-1):(43===t&&(n=n.slice(1)),o.s=1),Uc.test(n)?Cp(o,n):xp(o,n);if("bigint"===r)return n<0?(n=-n,o.s=-1):o.s=1,Cp(o,n.toString());throw Error(Mc+n)}if(i.prototype=ep,i.ROUND_UP=0,i.ROUND_DOWN=1,i.ROUND_CEIL=2,i.ROUND_FLOOR=3,i.ROUND_HALF_UP=4,i.ROUND_HALF_DOWN=5,i.ROUND_HALF_EVEN=6,i.ROUND_HALF_CEIL=7,i.ROUND_HALF_FLOOR=8,i.EUCLID=9,i.config=i.set=Np,i.clone=n,i.isDecimal=Kp,i.abs=Bp,i.acos=Hp,i.acosh=Ap,i.add=Wp,i.asin=Fp,i.asinh=Zp,i.atan=Xp,i.atanh=zp,i.atan2=Rp,i.cbrt=Pp,i.ceil=Vp,i.clamp=Lp,i.cos=Dp,i.cosh=Gp,i.div=Mp,i.exp=Yp,i.floor=jp,i.hypot=_p,i.ln=$p,i.log=Ep,i.log10=Jp,i.log2=Op,i.max=Up,i.min=Qp,i.mod=qp,i.mul=nf,i.pow=ef,i.random=tf,i.round=rf,i.sign=of,i.sin=lf,i.sinh=af,i.sqrt=df,i.sub=uf,i.sum=sf,i.tan=cf,i.tanh=pf,i.trunc=ff,void 0===e&&(e={}),e&&!0!==e.defaults)for(o=["precision","rounding","toExpNeg","toExpPos","maxE","minE","modulo","crypto"],t=0;t<o.length;)e.hasOwnProperty(r=o[t++])||(e[r]=this[r]);return i.config(e),i}(Nc);Vc=new hf(Vc),Lc=new hf(Lc);var gf={name:"arrow",enabled:!0,phase:"main",fn:function(n){var e,t=n.state,r=n.name,o=n.options,i=t.elements.arrow,l=t.modifiersData.popperOffsets,a=yu(t.placement),d=Cu(a),u=[ru,tu].indexOf(a)>=0?"height":"width";if(i&&l){var s=function(n,e){return Su("number"!=typeof(n="function"==typeof n?n(Object.assign({},e.rects,{placement:e.placement})):n)?n:wu(n,iu))}(o.padding,t),c=$d(i),p="y"===d?nu:ru,f="y"===d?eu:tu,h=t.rects.reference[u]+t.rects.reference[d]-l[d]-t.rects.popper[u],g=l[d]-t.rects.reference[d],m=qd(i),v=m?"y"===d?m.clientHeight||0:m.clientWidth||0:0,y=h/2-g/2,b=s[p],C=v-c[u]-s[f],x=v/2-c[u]/2+y,S=ju(b,x,C),w=d;t.modifiersData[r]=((e={})[w]=S,e.centerOffset=S-x,e)}},effect:function(n){var e=n.state,t=n.options.element,r=void 0===t?"[data-popper-arrow]":t;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r)))&&hu(e.elements.popper,r)&&(e.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},mf={directives:{domresize:Hl()},components:{},props:{value:{type:Number,default:0},valueMin:{type:Number,default:0},valueMax:{type:Number,default:100},valueStep:{type:Number,default:1},valueDecimal:{type:Number,default:0},progBorderRadius:{type:Number,default:5},progHeight:{type:Number,default:4},progColor:{type:String,default:"#74a4d9"},progColorDisabled:{type:String,default:"#c5c5c5"},progBackgroundColor:{type:String,default:"#eee"},progBackgroundColorDisabled:{type:String,default:"#f2f2f2"},sliderSize:{type:Number,default:20},sliderBackgroundColor:{type:String,default:"blue darken-3"},sliderBackgroundColorHover:{type:String,default:"blue darken-2"},sliderBackgroundColorDisabled:{type:String,default:"#aaa"},cmpZIndex:{type:Number,default:3e3},tooltipPlacementDist:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"#666"},editable:{type:Boolean,default:!0}},data:function(){return{panelWidth:0,panelHeight:0,dragPointer:null,hoverTrans:!1,dragTrans:!1,popperInstance:null,popperShow:!1,r:null,rt:null}},mounted:function(){let n=this,e=gs(n.$refs.divRow,{canPress:()=>n.editable});e.on("press",n.pressRow),e.on("drag",n.dragBar),e.on("free",n.freeBar),n.dragPointer=e},beforeDestroy:function(){let n=this;n.dragPointer&&n.dragPointer.clear()},computed:{changeParam:function(){let n=this,e=0;try{e=(n.value-n.valueMin)/(n.valueMax-n.valueMin)}catch(n){}e=n.limitRatio(e);let t=n.tickRatio(e);return n.r=e,n.rt=t,""},heightCir:function(){return this.sliderSize},widthCir:function(){return this.heightCir},effecting:function(){let n=this;if(!n.editable)return;let e=n.hoverTrans||n.dragTrans;return e?n.showPopper():(n.hidePopper(),n.r=n.rt),e},progWidth:function(){return this.panelWidth-this.sliderSize},useProgBorderRadius:function(){return`border-radius:${this.progBorderRadius}px;`},effProgColor:function(){return wo(this.progColor)},effProgColorDisabled:function(){return wo(this.progColorDisabled)},useProgColor:function(){let n=this;return n.editable?n.effProgColor:n.effProgColorDisabled},effProgBackgroundColor:function(){return wo(this.progBackgroundColor)},effProgBackgroundColorDisabled:function(){return wo(this.progBackgroundColorDisabled)},useProgBackgroundColor:function(){let n=this;return n.editable?n.effProgBackgroundColor:n.effProgBackgroundColorDisabled},effSliderBackgroundColor:function(){return wo(this.sliderBackgroundColor)},effSliderBackgroundColorHover:function(){return wo(this.sliderBackgroundColorHover)},effSliderBackgroundColorDisabled:function(){return wo(this.sliderBackgroundColorDisabled)},useSliderBackgroundColor:function(){let n=this;return n.editable?n.effecting?n.effSliderBackgroundColorHover:n.effSliderBackgroundColor:n.effSliderBackgroundColorDisabled},useTooltipBorderRadius:function(){let n=this;return Wo(n.tooltipBorderRadius)?`border-radius:${n.tooltipBorderRadius}px;`:""},useTooltipTextFontSize:function(){let n=this.tooltipTextFontSize;return n=He(n,";",""),`font-size:${n};`},useTooltipTextColor:function(){return wo(this.tooltipTextColor)},useTooltipBackgroundColor:function(){return wo(this.tooltipBackgroundColor)},valueDig:function(){let n=this;return Fc(n.rt*(n.valueMax-n.valueMin)+n.valueMin,n.valueDecimal)}},methods:{resizePanel:function(n){this.panelWidth=n.snew.offsetWidth,this.panelHeight=n.snew.offsetHeight},limitRatio:function(n){return n=Math.min(n,1),n=Math.max(n,0)},tickRatio:function(n){let e=this,t=0;try{let r=e.valueMax-e.valueMin,o=e.valueStep/r;t=function(n,e=0,t={}){tr(e)||(e=0),e=er(e);let r=mn(t,"rounding","");return"ROUND_HALF_UP"!==r&&"ROUND_HALF_EVEN"!==r&&(r="ROUND_HALF_UP"),xn(n)?new hf(n).toDecimalPlaces(e,hf[r]).toNumber():""}(n/o)*o}catch(n){}return t},dragBar:function(n){let e=this;if(!e.editable)return;let t=e.$el.getBoundingClientRect(),r=n.clientX-e.sliderSize/2,o=e.progWidth,i=0;o>0&&(i=(r-t.left)/o),i=e.limitRatio(i);let l=e.tickRatio(i);e.r=i,e.rt=l;let a=Ot(e.valueDig);e.updatePopper(),e.$emit("input",a)},pressRow:function(n){let e=this;e.dragTrans=!0;let t=n.event.target,r=e.$refs.divBar;if(r&&r.contains(t))return;let o=e.$refs.divTriggerOuter;o&&o.contains(t)||e.dragBar(n)},freeBar:function(){this.dragTrans=!1},showPopper:function(n){let e=this;if(!e.editable)return;let t=mn(e,"$refs.divTrigger",null);if(null===t)return;let r=mn(e,"$refs.divContent",null);if(null===r)return;let o={strategy:"fixed",placement:"top",modifiers:[gf,{name:"arrow",options:{padding:5}},Nu,{name:"flip",options:{fallbackPlacements:["top","top-start","top-end","bottom","bottom-start","bottom-end"]}},Du,{name:"offset",options:{offset:({placement:n,reference:t,popper:r})=>[0,e.tooltipPlacementDist]}},Yu]};e.popperInstance=Xu(t,r,o)},updatePopper:function(n){let e=this;e.editable&&e.popperInstance&&e.popperInstance.update()},hidePopper:function(n){let e=this;e.popperInstance&&(e.popperInstance.destroy(),e.popperInstance=null)}}};const vf=mf;var yf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"user-select:none;",attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{ref:"divRow",style:"position:relative; width:100%; height:"+n.sliderSize+"px; touch-action:none; "+(n.editable?"cursor:pointer;":"")},[t("div",{style:"position:absolute; top:"+(n.sliderSize/2-n.progHeight/2)+"px; left:"+n.sliderSize/2+"px; width:"+n.progWidth+"px;"},[t("div",{ref:"divPanel",style:"position:relative; width:"+n.progWidth+"px;"},[t("div",{style:n.useProgBorderRadius+" overflow:hidden; width:"+n.progWidth+"px; height:"+n.progHeight+"px;"},[t("div",{ref:"divBarTrack",style:"background:"+n.useProgBackgroundColor+"; height:"+n.progHeight+"px;"},[t("div",{ref:"divBarProgress",style:"background:"+n.useProgColor+"; width:"+n.rt*n.progWidth+"px; height:"+n.progHeight+"px;"})])]),n._v(" "),t("div",{ref:"divTriggerOuter",style:"position:absolute; left:"+(n.rt*n.progWidth-n.widthCir/2)+"px; top:"+(n.progHeight/2-n.heightCir/2)+"px; z-index:1; "+(n.editable?"cursor:pointer;":"")},[t("div",{ref:"divTrigger",staticClass:"ts bs",style:"width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; background:"+n.useSliderBackgroundColor+"; outline:none;"})]),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; left:"+(n.r*n.progWidth-n.widthCir/2)+"px; top:"+(n.progHeight/2-n.heightCir/2)+"px; z-index:2; "+(n.editable?"cursor:pointer;":"")},[t("div",{style:"width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; opacity:0; outline:none;",on:{mouseenter:function(e){n.hoverTrans=!0},mouseleave:function(e){n.hoverTrans=!1}}})])])])]),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.effecting,expression:"effecting"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[t("div",{style:"padding:2px 5px; font-size:0.8rem; "+n.useTooltipTextFontSize+" color:"+n.useTooltipTextColor+"; background:"+n.useTooltipBackgroundColor+"; "+n.useTooltipBorderRadius},[n._v("\n            "+n._s(n.valueDig)+"\n            "),t("div",{staticClass:"arrow",attrs:{"data-popper-arrow":""}})])])])};yf._withStripped=!0;const bf=t({render:yf,staticRenderFns:[]},function(n){n&&n("data-v-303ef55f_0",{source:"\n.ts[data-v-303ef55f] {\r\n    transition:all 0.3s;\n}\n.bs[data-v-303ef55f] {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\n}\n.WPopperFix[data-popper-reference-hidden][data-v-303ef55f] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\n.arrow[data-v-303ef55f],\r\n.arrow[data-v-303ef55f]::before {\r\n    position: absolute;\r\n    width: 5px;\r\n    height: 5px;\r\n    background: inherit;\n}\n.arrow[data-v-303ef55f] {\r\n    visibility: hidden;\n}\n.arrow[data-v-303ef55f]::before {\r\n    visibility: visible;\r\n    content: '';\r\n    transform: rotate(45deg);\n}\r\n/* .arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -5px;\r\n    border-width: 5px;\r\n    border-style: solid;\r\n    border-color: black transparent transparent transparent;\r\n} */\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WSlider.vue"],names:[],mappings:";AAitBA;IACA,mBAAA;AACA;AACA;IACA,kHAAA;AACA;AACA;IACA,kBAAA;IACA,oBAAA;AACA;AACA;;IAEA,kBAAA;IACA,UAAA;IACA,WAAA;IACA,mBAAA;AACA;AACA;IACA,kBAAA;AACA;AACA;IACA,mBAAA;IACA,WAAA;IACA,wBAAA;AACA;AACA;;;;;;;;;GASA",file:"WSlider.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`user-select:none;`\"\r\n        :changeParam=\"changeParam\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n    >\r\n\r\n        \x3c!-- 按下此列即定值: 手勢通道(domDragPointer)掛於本列容器(高度為sliderSize), 不可掛於根層, 因提示窗divContent為根層子節點, 掛根會導致點提示窗也改值 --\x3e\r\n        \x3c!-- touch-action:none為觸控可拖曳之必要條件, 否則瀏覽器於手指移動數px後接手捲動並以pointercancel中斷事件流 --\x3e\r\n        \x3c!-- 代價: 本列(高度sliderSize)上起手之垂直捲動手勢會失效 --\x3e\r\n        <div\r\n            ref=\"divRow\"\r\n            :style=\"`position:relative; width:100%; height:${sliderSize}px; touch-action:none; ${editable?'cursor:pointer;':''}`\"\r\n        >\r\n\r\n            <div :style=\"`position:absolute; top:${sliderSize/2-progHeight/2}px; left:${sliderSize/2}px; width:${progWidth}px;`\">\r\n\r\n                <div\r\n                    ref=\"divPanel\"\r\n                    :style=\"`position:relative; width:${progWidth}px;`\"\r\n                >\r\n\r\n                    <div\r\n                        :style=\"`${useProgBorderRadius} overflow:hidden; width:${progWidth}px; height:${progHeight}px;`\"\r\n                    >\r\n                        <div\r\n                            ref=\"divBarTrack\"\r\n                            :style=\"`background:${useProgBackgroundColor}; height:${progHeight}px;`\"\r\n\r\n                        >\r\n                            <div\r\n                                ref=\"divBarProgress\"\r\n                                :style=\"`background:${useProgColor}; width:${(rt)*progWidth}px; height:${progHeight}px;`\"\r\n                            ></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div\r\n                        ref=\"divTriggerOuter\"\r\n                        :style=\"`position:absolute; left:${(rt)*progWidth-widthCir/2}px; top:${progHeight/2-heightCir/2}px; z-index:1; ${editable?'cursor:pointer;':''}`\"\r\n                    >\r\n\r\n                        <div\r\n                            ref=\"divTrigger\"\r\n                            class=\"ts bs\"\r\n                            :style=\"`width:${widthCir}px; height:${heightCir}px; border-radius:50%; background:${useSliderBackgroundColor}; outline:none;`\"\r\n                        ></div>\r\n\r\n                    </div>\r\n\r\n                    <div\r\n                        ref=\"divBar\"\r\n                        :style=\"`position:absolute; left:${(r)*progWidth-widthCir/2}px; top:${progHeight/2-heightCir/2}px; z-index:2; ${editable?'cursor:pointer;':''}`\"\r\n                    >\r\n\r\n                        <div\r\n                            :style=\"`width:${widthCir}px; height:${heightCir}px; border-radius:50%; opacity:0; outline:none;`\"\r\n                            @mouseenter=\"hoverTrans=true\"\r\n                            @mouseleave=\"hoverTrans=false\"\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        \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=\"WPopperFix\"\r\n            :style=\"`z-index:${cmpZIndex};`\"\r\n            v-show=\"effecting\"\r\n            v-domresize\r\n            @domresize=\"updatePopper\"\r\n        >\r\n            \x3c!-- 不使用v-if來重產dom, 因開啟arrow會有顯示後來不及定位問題 --\x3e\r\n            <div\r\n                :style=\"`padding:2px 5px; font-size:0.8rem; ${useTooltipTextFontSize} color:${useTooltipTextColor}; background:${useTooltipBackgroundColor}; ${useTooltipBorderRadius}`\"\r\n            >\r\n                {{valueDig}}\r\n                <div class=\"arrow\" data-popper-arrow></div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport dig from 'wsemi/src/dig.mjs'\r\nimport round from 'wsemi/src/round.mjs'\r\nimport cdbl from 'wsemi/src/cdbl.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport domDragPointer from 'wsemi/src/domDragPointer.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport convertColor from '../js/convertColor.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 arrow from '@popperjs/core/lib/modifiers/arrow.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/**\r\n * @vue-prop {Number} [value=0] 輸入值數字，介於valueMin與valueMax之間，預設0\r\n * @vue-prop {Number} [valueMin=0] 輸入最小值數字，預設0\r\n * @vue-prop {Number} [valueMax=100] 輸入最大值數字，預設100\r\n * @vue-prop {Number} [valueStep=1] 輸入間隔數字，預設1\r\n * @vue-prop {Number} [valueDecimal=0] 輸入值取小數位數字，用於可拖選值具有小數時，預設0\r\n * @vue-prop {Number} [progBorderRadius=5] 輸入值域條框圓角度數字，單位為px，預設5\r\n * @vue-prop {Number} [progHeight=4] 輸入值域條高度數字，單位為px，預設4\r\n * @vue-prop {String} [progColor='#74a4d9'] 輸入值域條顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [progColorDisabled='#c5c5c5'] 輸入不可編輯時值域條顏色字串，預設'#c5c5c5'\r\n * @vue-prop {String} [progBackgroundColor='#eee'] 輸入值域條背景顏色字串，預設'#eee'\r\n * @vue-prop {String} [progBackgroundColorDisabled='#f2f2f2'] 輸入不可編輯時值域條背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {Number} [sliderSize=20] 輸入拖曳球尺寸數字，單位為px，預設20\r\n * @vue-prop {String} [sliderBackgroundColor='blue darken-3'] 輸入拖曳球背景顏色字串，預設'blue darken-3'\r\n * @vue-prop {String} [sliderBackgroundColorHover='blue darken-2'] 輸入滑鼠移入時拖曳球背景顏色字串，預設'blue darken-2'\r\n * @vue-prop {String} [sliderBackgroundColorDisabled='#aaa'] 輸入不可編輯時拖曳球背景顏色字串，預設'#aaa'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗使用z-index數字，預設3000\r\n * @vue-prop {Number} [tooltipPlacementDist=5] 輸入提示窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {Number} [tooltipBorderRadius=4] 輸入提示窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [tooltipTextFontSize='0.85rem'] 輸入提示窗框文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [tooltipTextColor='white'] 輸入提示窗框文字顏色字串，預設'white'\r\n * @vue-prop {String} [tooltipBackgroundColor='#666'] 輸入值域條背景顏色字串，預設'#666'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        valueMin: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        valueMax: {\r\n            type: Number,\r\n            default: 100,\r\n        },\r\n        valueStep: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        valueDecimal: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        progBorderRadius: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        progHeight: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        progColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        progColorDisabled: {\r\n            type: String,\r\n            default: '#c5c5c5',\r\n        },\r\n        progBackgroundColor: {\r\n            type: String,\r\n            default: '#eee',\r\n        },\r\n        progBackgroundColorDisabled: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        sliderSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        sliderBackgroundColor: {\r\n            type: String,\r\n            default: 'blue darken-3',\r\n        },\r\n        sliderBackgroundColorHover: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        sliderBackgroundColorDisabled: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        tooltipPlacementDist: {\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        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: '#666', //rgba(60,60,60,0.75) //因arrow是通過div與旋轉成菱形來繪製, 因此可支援外部指定背景色, 但若有透明就會出現arrow的菱形問題\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\r\n            panelWidth: 0,\r\n            panelHeight: 0,\r\n\r\n            dragPointer: null,\r\n\r\n            hoverTrans: false,\r\n            dragTrans: false,\r\n\r\n            popperInstance: null,\r\n            popperShow: false,\r\n\r\n            r: null,\r\n            rt: null,\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        //dragPointer, 整列(divRow)單一指標通道, 滑鼠/觸控/觸控筆同一套規則, 把手與軌道共用同一把鎖:\r\n        //  按於軌道: 按下即定值並接續拖曳, 與原生input[type=range]及各家滑桿一致\r\n        //  按於把手: 只起手不定值(見pressRow), 否則「按住鈕不動即放開」會跳值; 其後拖曳以絕對座標定值\r\n        //  canPress於每次按下讀取即時之editable, 唯讀時不上鎖; dragBar內另保留editable重檢, 因拖曳中editable轉false時只有它擋得住\r\n        let dragPointer = domDragPointer(vo.$refs.divRow, { canPress: () => vo.editable })\r\n        dragPointer.on('press', vo.pressRow)\r\n        dragPointer.on('drag', vo.dragBar)\r\n        dragPointer.on('free', vo.freeBar)\r\n\r\n        //save\r\n        vo.dragPointer = dragPointer\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, 宿主WColorSelectPanel與WPopup皆以v-if切換, 可能於拖曳中被銷毀; clear內含解鎖與移除window監聽, 不補發free\r\n        if (vo.dragPointer) {\r\n            vo.dragPointer.clear()\r\n        }\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            //ratio\r\n            let r = 0\r\n            try {\r\n                r = (vo.value - vo.valueMin) / (vo.valueMax - vo.valueMin)\r\n            }\r\n            catch (err) {}\r\n\r\n            //limitRatio\r\n            r = vo.limitRatio(r)\r\n\r\n            //rt\r\n            let rt = vo.tickRatio(r)\r\n\r\n            //save\r\n            vo.r = r\r\n            vo.rt = rt\r\n\r\n            return ''\r\n        },\r\n\r\n        heightCir: function() {\r\n            let vo = this\r\n            return vo.sliderSize\r\n        },\r\n\r\n        widthCir: function() {\r\n            let vo = this\r\n            return vo.heightCir\r\n        },\r\n\r\n        effecting: function() {\r\n            //console.log('computed effecting')\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            //b\r\n            let b = vo.hoverTrans || vo.dragTrans\r\n\r\n            if (b) {\r\n\r\n                //showPopper\r\n                vo.showPopper()\r\n\r\n            }\r\n            else {\r\n\r\n                //hidePopper\r\n                vo.hidePopper()\r\n\r\n                //同步\r\n                vo.r = vo.rt\r\n\r\n            }\r\n\r\n            return b\r\n        },\r\n\r\n        progWidth: function() {\r\n            let vo = this\r\n            return vo.panelWidth - vo.sliderSize\r\n        },\r\n\r\n        useProgBorderRadius: function() {\r\n            let vo = this\r\n            return `border-radius:${vo.progBorderRadius}px;`\r\n        },\r\n\r\n        effProgColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.progColor)\r\n        },\r\n\r\n        effProgColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.progColorDisabled)\r\n        },\r\n\r\n        useProgColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effProgColorDisabled\r\n            }\r\n            return vo.effProgColor\r\n        },\r\n\r\n        effProgBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.progBackgroundColor)\r\n        },\r\n\r\n        effProgBackgroundColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.progBackgroundColorDisabled)\r\n        },\r\n\r\n        useProgBackgroundColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effProgBackgroundColorDisabled\r\n            }\r\n            return vo.effProgBackgroundColor\r\n        },\r\n\r\n        effSliderBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColor)\r\n        },\r\n\r\n        effSliderBackgroundColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColorHover)\r\n        },\r\n\r\n        effSliderBackgroundColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColorDisabled)\r\n        },\r\n\r\n        useSliderBackgroundColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effSliderBackgroundColorDisabled\r\n            }\r\n            if (vo.effecting) {\r\n                return vo.effSliderBackgroundColorHover\r\n            }\r\n            return vo.effSliderBackgroundColor\r\n        },\r\n\r\n        useTooltipBorderRadius: function() {\r\n            //console.log('computed useTooltipBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.tooltipBorderRadius)) {\r\n                return `border-radius:${vo.tooltipBorderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useTooltipTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.tooltipTextFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        useTooltipTextColor: function() {\r\n            //console.log('computed useTooltipTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.tooltipTextColor)\r\n        },\r\n\r\n        useTooltipBackgroundColor: function() {\r\n            //console.log('computed useTooltipBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.tooltipBackgroundColor)\r\n        },\r\n\r\n        valueDig: function() {\r\n            // console.log('computed valueDig')\r\n\r\n            let vo = this\r\n\r\n            //t\r\n            let t = (vo.rt) * (vo.valueMax - vo.valueMin) + vo.valueMin\r\n\r\n            //dig\r\n            let c = dig(t, vo.valueDecimal)\r\n\r\n            return c\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            //update\r\n            vo.panelWidth = msg.snew.offsetWidth\r\n            vo.panelHeight = msg.snew.offsetHeight\r\n\r\n            // //emit\r\n            // vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        limitRatio: function(r) {\r\n            // console.log('methods limitRatio', r)\r\n\r\n            // let vo = this\r\n\r\n            r = Math.min(r, 1)\r\n            r = Math.max(r, 0)\r\n\r\n            return r\r\n        },\r\n\r\n        tickRatio: function(r) {\r\n            // console.log('methods tickRatio', r)\r\n\r\n            let vo = this\r\n\r\n            //rt\r\n            let rt = 0\r\n            try {\r\n\r\n                //rtk\r\n                let rng = vo.valueMax - vo.valueMin\r\n                let rtk = vo.valueStep / rng\r\n\r\n                //round\r\n                let i = round(r / rtk)\r\n\r\n                //rt\r\n                rt = i * rtk\r\n                // console.log('r', r, 'rt', rt)\r\n\r\n            }\r\n            catch (err) { }\r\n\r\n\r\n            return rt\r\n        },\r\n\r\n        dragBar: function(msg) {\r\n            // console.log('methods dragBar', msg)\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            //r\r\n            let bd = vo.$el.getBoundingClientRect()\r\n            let x = msg.clientX - vo.sliderSize / 2\r\n            let w = vo.progWidth //vo.$el.offsetWidth\r\n            let r = 0\r\n            if (w > 0) {\r\n                r = (x - bd.left) / w //clientX需扣除元件的left位置\r\n            }\r\n\r\n            //limitRatio\r\n            r = vo.limitRatio(r)\r\n            // console.log(vo.r, 'r', r)\r\n\r\n            //rt\r\n            let rt = vo.tickRatio(r)\r\n\r\n            //save\r\n            vo.r = r\r\n            vo.rt = rt\r\n\r\n            //v\r\n            let v = cdbl(vo.valueDig)\r\n\r\n            //updatePopper\r\n            vo.updatePopper()\r\n\r\n            //emit\r\n            vo.$emit('input', v)\r\n\r\n        },\r\n\r\n        pressRow: function(msg) {\r\n            let vo = this\r\n\r\n            //dragTrans, 使提示窗顯示, 並讓放開時effecting之else分支把r收斂回rt\r\n            vo.dragTrans = true\r\n\r\n            //check, 按於把手上只起手不定值, 否則「按住鈕不動即放開」會跳值(Radix Slider同法: thumbs.has(target)時不onSlideStart)\r\n            //須用contains不可用===, 因按於鈕中心時target為divBar內之透明圓子節點, 按於20x20方框四角時target才為divBar自身\r\n            let target = msg.event.target\r\n            let divBar = vo.$refs.divBar\r\n            if (divBar && divBar.contains(target)) {\r\n                return\r\n            }\r\n\r\n            //check, 可視圓divTriggerOuter以rt定位而感應方塊divBar以r定位, 兩者於rt與r不一致時會錯開而露出, 故一併視為把手\r\n            let divTriggerOuter = vo.$refs.divTriggerOuter\r\n            if (divTriggerOuter && divTriggerOuter.contains(target)) {\r\n                return\r\n            }\r\n\r\n            //按下即定值, 與原生input[type=range]及各家滑桿一致\r\n            vo.dragBar(msg)\r\n\r\n        },\r\n\r\n        freeBar: function() {\r\n            let vo = this\r\n            vo.dragTrans = false\r\n        },\r\n\r\n        showPopper: function(from) {\r\n            // console.log('methods showPopper', 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            //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            //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            //@popperjs/core 2.x\r\n            let opt = {\r\n                strategy: 'fixed', //盡量使用'fixed'而不用'absolute', 否則位於多層dialog或多層drawer內popup顯示會異常\r\n                placement: 'top', //預設top, 因arrow不好給故僅提供top\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                    arrow,\r\n                    {\r\n                        name: 'arrow',\r\n                        options: {\r\n                            padding: 5,\r\n                        },\r\n                    },\r\n                    flip,\r\n                    {\r\n                        name: 'flip',\r\n                        options: {\r\n                            fallbackPlacements: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'],\r\n                        },\r\n                    },\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            // offset: [0, vo.tooltipPlacementDist], //[Skidding, Distance]\r\n                            // offset: [0, 5], //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            offset: ({ placement, reference, popper }) => {\r\n                                // console.log('offset', placement, reference, popper, vo.tooltipPlacementDist)\r\n                                // if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else {\r\n                                //     return []\r\n                                // }\r\n                                return [0, vo.tooltipPlacementDist] //[Skidding, Distance]\r\n                            },\r\n                        },\r\n                    },\r\n                    hide,\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        updatePopper: function(msg) {\r\n            //console.log('methods updatePopper', msg)\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            //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        hidePopper: function(from) {\r\n            // console.log('methods hidePopper', from, this.mmkey)\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        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s;\r\n}\r\n.bs {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\r\n}\r\n.WPopperFix[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n.arrow,\r\n.arrow::before {\r\n    position: absolute;\r\n    width: 5px;\r\n    height: 5px;\r\n    background: inherit;\r\n}\r\n.arrow {\r\n    visibility: hidden;\r\n}\r\n.arrow::before {\r\n    visibility: visible;\r\n    content: '';\r\n    transform: rotate(45deg);\r\n}\r\n/* .arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -5px;\r\n    border-width: 5px;\r\n    border-style: solid;\r\n    border-color: black transparent transparent transparent;\r\n} */\r\n</style>\r\n"]},media:void 0})},vf,"data-v-303ef55f",false,void 0,!1,o,void 0,void 0);const Cf={components:{WGroupChipRadio:pc,WPanelLabelItem:gc,WText:Wc,WSlider:bf},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200},borderColor:{type:String,default:"#ddd"},borderColorHover:{type:String,default:"#ccc"},borderColorActive:{type:String,default:"#777"},backgroundColor:{type:String,default:"transparent"},menuBorderRadius:{type:Number,default:4},menuBackgroundColor:{type:String,default:"#fff"},menuBackgroundColorHover:{type:String,default:"#f9f9f9"},menuBackgroundColorActive:{type:String,default:"#f2f2f2"},menuTextColor:{type:String,default:"#444"},menuTextColorHover:{type:String,default:"#222"},menuTextColorActive:{type:String,default:"#000"},menuTextFontSize:{type:String,default:"0.8rem"},inputBorderRadius:{type:Number,default:4},inputBorderColor:{type:String,default:"#ccc"},inputBorderColorHover:{type:String,default:"#b5b5b5"},inputBorderColorActive:{type:String,default:"#aaa"},inputBackgroundColor:{type:String,default:"#fff"},inputBackgroundColorHover:{type:String,default:"#fafafa"},inputBackgroundColorActive:{type:String,default:"#f2f2f2"},inputTextColor:{type:String,default:"#000"},inputTextFontSize:{type:String,default:"0.8rem"},inputTextWidth:{type:Number,default:38},inputTextHeight:{type:Number,default:18},inputLabelWidth:{type:Number,default:12},inputLabelColor:{type:String,default:"#666"},inputLabelFontSize:{type:String,default:"0.8rem"},barProgHeight:{type:Number,default:4},barProgColor:{type:String,default:"#74a4d9"},barProgBackgroundColor:{type:String,default:"#eee"},barSliderSize:{type:Number,default:10},barSliderBackgroundColor:{type:String,default:"#1565C0"},barSliderBackgroundColorHover:{type:String,default:"#1976D2"}},data:function(){return{methods:[{text:"RGBA"},{text:"HSVA"}],methodSelect:{text:"RGBA"},lock:!1,valueTrans:null,r:255,g:255,b:255,h:360,s:1,v:1,a:1,rt:255,gt:255,bt:255,ht:360,st:1,vt:1,at:1}},computed:{changeValue:function(){let n=this;n.valueTrans=wo(n.value);let e=od.toRgba(n.valueTrans),t=od.toHsva(n.valueTrans);return n.r=e.r,n.rt=e.r,n.g=e.g,n.gt=e.g,n.b=e.b,n.bt=e.b,n.a=e.a,n.at=e.a,n.h=t.h,n.ht=t.h,n.s=t.s,n.st=t.s,n.v=t.v,n.vt=t.v,""},sliderWidth:function(){let n=this,e=n.size-n.inputTextWidth-n.inputLabelWidth-13;return e=Math.max(e,0),e},useBorderColor:function(){return wo(this.borderColor)},useBackgroundColor:function(){return wo(this.backgroundColor)}},methods:{cki255:function(n){if(!tr(n))return 0;let e=n;return(n=er(n))<0?n=0:n>255&&(n=255),n===er(e)?e:n},cki360:function(n){if(!tr(n))return 0;let e=n;return(n=er(n))<0?n=0:n>360&&(n=360),n===er(e)?e:n},ckd1:function(n){if(!oc(n))return 0;let e=n;return(n=Ot(n))<0?n=0:n>1&&(n=1),n===Ot(e)?e:n},updateColorCore:function(){let n=this,e=!1,t=!1;{let t=er(n.rt);n.r!==t&&(n.r=t,e=!0)}{let t=er(n.gt);n.g!==t&&(n.g=t,e=!0)}{let t=er(n.bt);n.b!==t&&(n.b=t,e=!0)}{let t=Ot(n.at);n.a!==t&&(n.a=t,e=!0)}{let e=er(n.ht);n.h!==e&&(n.h=e,t=!0)}{let e=Ot(n.st);n.s!==e&&(n.s=e,t=!0)}{let e=Ot(n.vt);n.v!==e&&(n.v=e,t=!0)}let r=null;e?r={r:n.r,g:n.g,b:n.b,a:n.a}:t&&(r={h:n.h,s:n.s,v:n.v,a:n.a}),Qo(r)&&(r=od.toRgbaString(r),n.valueTrans=r,n.$emit("input",r))},updateColor:function(n,e,t){let r=this;setTimeout(()=>{r.updateColorCore()},1)}}};var xf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block;",attrs:{changeValue:n.changeValue}},[t("div",{style:"padding-left:10px; margin-bottom:-1px;"},[t("WGroupChipRadio",{attrs:{items:n.methods,paddingStyle:{v:1,h:6},group:!0,groupBorderRadiusStyle:{top:!0},groupShift:0,borderRadius:n.menuBorderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.menuBackgroundColor,backgroundColorHover:n.menuBackgroundColorHover,backgroundColorActive:n.menuBackgroundColorActive,textColor:n.menuTextColor,textColorHover:n.menuTextColorHover,textColorActive:n.menuTextColorActive,textFontSize:n.menuTextFontSize,marginStyle:{},shadowActive:!1},model:{value:n.methodSelect,callback:function(e){n.methodSelect=e},expression:"methodSelect"}})],1),n._v(" "),t("div",{style:"padding:10px; border:1px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+";"},[t("div",{directives:[{name:"show",rawName:"v-show",value:"RGBA"===n.methodSelect.text,expression:"methodSelect.text==='RGBA'"}]},[t("WPanelLabelItem",{attrs:{label:"R",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"r")}},model:{value:n.rt,callback:function(e){n.rt=e},expression:"rt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.r},on:{input:function(e){n.rt=e,n.updateColor(e,"","rs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"G",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"g")}},model:{value:n.gt,callback:function(e){n.gt=e},expression:"gt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.g},on:{input:function(e){n.gt=e,n.updateColor(e,"","gs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"B",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"b")}},model:{value:n.bt,callback:function(e){n.bt=e},expression:"bt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.b},on:{input:function(e){n.bt=e,n.updateColor(e,"","bs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"A",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"a")}},model:{value:n.at,callback:function(e){n.at=e},expression:"at"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.a},on:{input:function(e){n.at=e,n.updateColor(e,"","as")}}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:"HSVA"===n.methodSelect.text,expression:"methodSelect.text==='HSVA'"}]},[t("WPanelLabelItem",{attrs:{label:"H",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki360,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"h")}},model:{value:n.ht,callback:function(e){n.ht=e},expression:"ht"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:360,valueStep:1,valueDecimal:0,value:n.h},on:{input:function(e){n.ht=e,n.updateColor(e,"","hs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"S",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"s")}},model:{value:n.st,callback:function(e){n.st=e},expression:"st"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.s},on:{input:function(e){n.st=e,n.updateColor(e,"","ss")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"V",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"v")}},model:{value:n.vt,callback:function(e){n.vt=e},expression:"vt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.v},on:{input:function(e){n.vt=e,n.updateColor(e,"","bs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"A",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"a")}},model:{value:n.at,callback:function(e){n.at=e},expression:"at"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.a},on:{input:function(e){n.at=e,n.updateColor(e,"","as")}}})],1)]},proxy:!0}])})],1)])])};xf._withStripped=!0;const Sf=t({render:xf,staticRenderFns:[]},function(n){n&&n("data-v-4a6dbb92_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",map:{version:3,sources:[],names:[],mappings:"",file:"WColorSelectInput.vue"},media:void 0})},Cf,"data-v-4a6dbb92",false,void 0,!1,o,void 0,void 0);var wf={directives:{domresize:Hl()},components:{WPopup:Ks,WColorSelectPanel:rc,WColorSelectInput:Sf,WButtonChip:rs,WIcon:vd},props:{value:{type:String,default:"#FFFFFF"},type:{type:String,default:"HSVA"},size:{type:Number,default:200},space:{type:Number,default:10},colorBlockSize:{type:Number,default:20},colorBlockBorderWidth:{type:Number,default:1},colorBlockBorderColor:{type:String,default:"#ddd"},showColorText:{type:Boolean,default:!0},colorTextColor:{type:String,default:"#000"},colorTextFontSize:{type:String,default:"0.8rem"},panelBackgroundColor:{type:String,default:"#fff"},toolBackgroundColor:{type:String,default:"#f5f5f5"},menuIconLump:{type:String,default:"M12,5.32L18,8.69V15.31L12,18.68L6,15.31V8.69L12,5.32M21,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"},menuIconHsva:{type:String,default:"M19 3V21H15V3H19M14 3V21H10V3H14M9 3V21H5V3H9Z"},menuIconEyeDropper:{type:String,default:"M19.35,11.72L17.22,13.85L15.81,12.43L8.1,20.14L3.5,22L2,20.5L3.86,15.9L11.57,8.19L10.15,6.78L12.28,4.65L19.35,11.72M16.76,3C17.93,1.83 19.83,1.83 21,3C22.17,4.17 22.17,6.07 21,7.24L19.08,9.16L14.84,4.92L16.76,3M5.56,17.03L4.5,19.5L6.97,18.44L14.4,11L13,9.6L5.56,17.03Z"},menuIconColor:{type:String,default:"#aaa"},menuIconColorHover:{type:String,default:"#999"},menuIconColorActive:{type:String,default:"#666"},menuIconSize:{type:Number,default:20},borderColor:{type:String,default:"#ddd"},borderColorHover:{type:String,default:"#ccc"},borderColorActive:{type:String,default:"#777"},menuBorderRadius:{type:Number,default:4},menuTextColor:{type:String,default:"#444"},menuTextColorHover:{type:String,default:"#222"},menuTextColorActive:{type:String,default:"#000"},menuTextFontSize:{type:String,default:"0.8rem"},menuBackgroundColor:{type:String,default:"#fff"},menuBackgroundColorHover:{type:String,default:"#f9f9f9"},menuBackgroundColorActive:{type:String,default:"#f2f2f2"},inputBorderRadius:{type:Number,default:4},inputBorderColor:{type:String,default:"#ccc"},inputBorderColorHover:{type:String,default:"#b5b5b5"},inputBorderColorActive:{type:String,default:"#aaa"},inputBackgroundColor:{type:String,default:"#fff"},inputBackgroundColorHover:{type:String,default:"#fafafa"},inputBackgroundColorActive:{type:String,default:"#f2f2f2"},inputTextColor:{type:String,default:"#000"},inputTextFontSize:{type:String,default:"0.8rem"},inputTextWidth:{type:Number,default:38},inputTextHeight:{type:Number,default:18},inputLabelWidth:{type:Number,default:12},inputLabelColor:{type:String,default:"#666"},inputLabelFontSize:{type:String,default:"0.8rem"},barProgHeight:{type:Number,default:4},barProgColor:{type:String,default:"#74a4d9"},barProgBackgroundColor:{type:String,default:"#eee"},barSliderSize:{type:Number,default:10},barSliderBackgroundColor:{type:String,default:"#1565C0"},barSliderBackgroundColorHover:{type:String,default:"#1976D2"},popupPlacementDist:{type:Number,default:5},btnText:{type:String,default:"Confirm"},btnRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},btnPaddingStyle:{type:Object,default:()=>({v:1,h:5})},btnTextColor:{type:String,default:"#000"},btnTextColorHover:{type:String,default:"#222"},btnTextColorActive:{type:String,default:"#222"},btnTextFontSize:{type:String,default:"0.8rem"},btnBorderRadius:{type:Number,default:4},btnBackgroundColor:{type:String,default:"rgb(241,241,241)"},btnBackgroundColorHover:{type:String,default:"rgb(236,236,236)"},btnBackgroundColorActive:{type:String,default:"rgb(236,236,236)"},btnShadow:{type:Boolean,default:!0},labelContent:{type:String,default:null},cmpZIndex:{type:Number,default:2e3},editable:{type:Boolean,default:!0}},data:function(){return{mdiLoading:"M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z",show:!1,typeTrans:"HSVA",loadingEyeDropper:!1,layoutShowScrollY:!1,layoutMinHeight:300,layoutMaxHeight:300,valueOri:null,valueNew:null,popperPlacement:null}},watch:{show:function(n){let e=this;n?(e.popperPlacement=null,e.layoutShowScrollY=!0,e.layoutMaxHeight=e.layoutMinHeight,e.$nextTick(()=>{e.$nextTick(()=>{e.adjustMaxHeight()})})):e.valueNew=e.valueOri}},computed:{changeValue:function(){let n=this;return n.valueOri=wo(n.value),n.valueNew=n.valueOri,""},changeType:function(){return this.typeTrans=this.type,""},hasEyeDropper:function(){return Te(window.EyeDropper)},useColorBlockBorderColor:function(){return wo(this.colorBlockBorderColor)},useColorTextColor:function(){return wo(this.colorTextColor)},usePanelBackgroundColor:function(){return wo(this.panelBackgroundColor)},useToolBackgroundColor:function(){return wo(this.toolBackgroundColor)},useBorderColor:function(){return wo(this.borderColor)},usePanelOverflowAndHeight:function(){let n=this,e=`overflow-y:auto; min-height:${n.layoutMinHeight}px;`;return n.layoutShowScrollY&&(e+=`max-height:${n.layoutMaxHeight}px;`),e}},methods:{resizeContent:function(n){this.show&&this.adjustMaxHeight()},onPlacementChange:function(n){this.popperPlacement=n,this.adjustMaxHeight()},adjustMaxHeight:function(){let n=this;if(n.show)try{let e=n.$refs.ct;if(!e)return;let t=window.innerHeight,r=n.popperPlacement;if(!r)return;let o,i=Ys(e),l=e.scrollHeight,a=30;o=r.startsWith("top")?i.bottom-a:t-i.top-a;let d=l>o,u=Math.max(o,n.layoutMinHeight);if(d===n.layoutShowScrollY&&Math.abs(u-n.layoutMaxHeight)<2)return;n.layoutShowScrollY=d,n.layoutMaxHeight=u}catch(n){}},openEyeDropper:function(){let n=this;n.hasEyeDropper&&(n.loadingEyeDropper=!0,(new window.EyeDropper).open().then(e=>{let t=mn(e,"sRGBHex","#fff");n.valueNew=t}).catch(n=>{console.log(n)}).finally(()=>{n.loadingEyeDropper=!1}))},clickColor:function(){let n=this;n.editable&&(n.$emit("input",n.valueNew),n.show=!1)}}};const If=wf;var kf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{minWidth:null,maxWidth:null,autoFitMinWidth:!1,autoFitMaxWidth:!1,placementDistY:n.popupPlacementDist,editable:n.editable,labelContent:n.labelContent,cmpZIndex:n.cmpZIndex,changeValue:n.changeValue,changeType:n.changeType},on:{"placement-change":n.onPlacementChange},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{},[t("div",{style:"display:flex; align-items:center; "+(n.editable?"cursor:pointer;":"")+" outline:none;"},[t("div",{style:"border:"+n.colorBlockBorderWidth+"px solid "+n.useColorBlockBorderColor+"; width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; box-sizing:border-box; background:"+n.valueOri+";"}),n._v(" "),n.showColorText?[t("div",{style:"padding-left:5px;"}),n._v(" "),t("div",{style:"font-size:"+n.colorTextFontSize+"; color:"+n.useColorTextColor+";"},[n._v("\n                        "+n._s(n.valueOri)+"\n                    ")])]:n._e()],2)])]},proxy:!0},{key:"content",fn:function(){return[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"ct",style:"background:"+n.usePanelBackgroundColor+"; "+n.usePanelOverflowAndHeight,on:{domresize:n.resizeContent}},[t("div",{style:"display:flex; padding:"+n.space+"px; border-bottom:1px solid "+n.useBorderColor+"; background:"+n.useToolBackgroundColor+";"},[t("div",{},[t("WIcon",{staticStyle:{cursor:"pointer"},attrs:{icon:n.menuIconHsva,color:"HSVA"===n.typeTrans?n.menuIconColorActive:n.menuIconColor,colorHover:"HSVA"===n.typeTrans?n.menuIconColorActive:n.menuIconColorHover,size:n.menuIconSize},on:{click:function(e){n.typeTrans="HSVA",n.$emit("update:type","HSVA")}}})],1),n._v(" "),t("div",{},[t("WIcon",{staticStyle:{cursor:"pointer"},attrs:{icon:n.menuIconLump,color:"LUMP"===n.typeTrans?n.menuIconColorActive:n.menuIconColor,colorHover:"LUMP"===n.typeTrans?n.menuIconColorActive:n.menuIconColorHover,size:n.menuIconSize},on:{click:function(e){n.typeTrans="LUMP",n.$emit("update:type","LUMP")}}})],1),n._v(" "),n.hasEyeDropper?t("div",{},[t("WIcon",{class:{"icon-spinner":n.loadingEyeDropper},staticStyle:{cursor:"pointer"},attrs:{icon:n.loadingEyeDropper?n.mdiLoading:n.menuIconEyeDropper,color:n.loadingEyeDropper?n.menuIconColor:n.menuIconColorActive,colorHover:n.loadingEyeDropper?n.menuIconColor:n.menuIconColorActive,size:n.menuIconSize},on:{click:n.openEyeDropper}})],1):n._e(),n._v(" "),t("div",{style:"width:100%;"}),n._v(" "),t("div",{style:"display:flex; align-items:center;"},[t("div",{style:"display:flex; align-items:center; border:"+n.colorBlockBorderWidth+"px solid "+n.useColorBlockBorderColor+";"},[t("div",{style:"width:"+n.colorBlockSize+"px; min-width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; background:"+n.valueOri+";"}),n._v(" "),t("div",{style:"width:"+n.colorBlockSize+"px; min-width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; background:"+n.valueNew+";"})])])]),n._v(" "),t("div",{style:"padding:"+n.space+"px;"},[t("div",{staticStyle:{display:"flex"}},[t("WColorSelectPanel",{attrs:{type:n.typeTrans,size:n.size,space:0,backgroundColor:"transparent",menuIconLump:n.menuIconLump,menuIconHsva:n.menuIconHsva,menuIconColor:n.menuIconColor,menuIconColorHover:n.menuIconColorHover,menuIconColorActive:n.menuIconColorActive,menuIconSize:n.menuIconSize},model:{value:n.valueNew,callback:function(e){n.valueNew=e},expression:"valueNew"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("WColorSelectInput",{attrs:{size:Math.max(n.size-22,0),backgroundColor:"transparent",borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,menuBorderRadius:n.menuBorderRadius,menuBackgroundColor:n.menuBackgroundColor,menuBackgroundColorHover:n.menuBackgroundColorHover,menuBackgroundColorActive:n.menuBackgroundColorActive,menuTextColor:n.menuTextColor,menuTextColorHover:n.menuTextColorHover,menuTextColorActive:n.menuTextColorActive,menuTextFontSize:n.menuTextFontSize,inputBorderRadius:n.inputBorderRadius,inputBorderColor:n.inputBorderColor,inputBorderColorHover:n.inputBorderColorHover,inputBorderColorActive:n.inputBorderColorActive,inputBackgroundColor:n.inputBackgroundColor,inputBackgroundColorHover:n.inputBackgroundColorHover,inputBackgroundColorActive:n.inputBackgroundColorActive,inputTextColor:n.inputTextColor,inputTextFontSize:n.inputTextFontSize,inputTextWidth:n.inputTextWidth,inputTextHeight:n.inputTextHeight,inputLabelWidth:n.inputLabelWidth,inputLabelColor:n.inputLabelColor,inputLabelFontSize:n.inputLabelFontSize,barProgHeight:n.barProgHeight,barProgColor:n.barProgColor,barProgBackgroundColor:n.barProgBackgroundColor,barSliderSize:n.barSliderSize,barSliderBackgroundColor:n.barSliderBackgroundColor,barSliderBackgroundColorHover:n.barSliderBackgroundColorHover},model:{value:n.valueNew,callback:function(e){n.valueNew=e},expression:"valueNew"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{"text-align":"right"}},[t("WButtonChip",{attrs:{text:n.btnText,rippleColor:n.btnRippleColor,paddingStyle:n.btnPaddingStyle,textColor:n.btnTextColor,textColorHover:n.btnTextColorHover,textColorActive:n.btnTextColorActive,textFontSize:n.btnTextFontSize,borderRadius:n.btnBorderRadius,_borderColor:"btnBorderColor",_borderColorHover:"btnBorderColorHover",_borderColorActive:"btnBorderColorActive",backgroundColor:n.btnBackgroundColor,backgroundColorHover:n.btnBackgroundColorHover,backgroundColorActive:n.btnBackgroundColorActive,shadow:n.btnShadow},on:{click:n.clickColor}})],1)])])]},proxy:!0}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}})};kf._withStripped=!0;const Tf=t({render:kf,staticRenderFns:[]},function(n){n&&n("data-v-22362aac_0",{source:"\n.icon-spinner[data-v-22362aac] {\r\n    animation: spin-animation-data-v-22362aac 1.5s infinite;\r\n    display: inline-block;\n}\n@keyframes spin-animation-data-v-22362aac {\n0% {\r\n        transform: rotate(0deg);\n}\n100% {\r\n        transform: rotate(359deg);\n}\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WColorSelect.vue"],names:[],mappings:";AA2yBA;IACA,uDAAA;IACA,qBAAA;AACA;AACA;AACA;QACA,uBAAA;AACA;AACA;QACA,yBAAA;AACA;AACA",file:"WColorSelect.vue",sourcesContent:["<template>\r\n    <WPopup\r\n        :minWidth=\"null\"\r\n        :maxWidth=\"null\"\r\n        :autoFitMinWidth=\"false\"\r\n        :autoFitMaxWidth=\"false\"\r\n        :placementDistY=\"popupPlacementDist\"\r\n        :editable=\"editable\"\r\n        :labelContent=\"labelContent\"\r\n        :cmpZIndex=\"cmpZIndex\"\r\n        v-model=\"show\"\r\n        :changeValue=\"changeValue\"\r\n        :changeType=\"changeType\"\r\n        @placement-change=\"onPlacementChange\"\r\n    >\r\n\r\n        <template v-slot:trigger>\r\n\r\n            <div style=\"\">\r\n                \x3c!-- 盡量不要讓display:flex暴露至外層 --\x3e\r\n                <div :style=\"`display:flex; align-items:center; ${editable?'cursor:pointer;':''} outline:none;`\">\r\n\r\n                    <div :style=\"`border:${colorBlockBorderWidth}px solid ${useColorBlockBorderColor}; width:${colorBlockSize}px; height:${colorBlockSize}px; box-sizing:border-box; background:${valueOri};`\"></div>\r\n\r\n                    <template v-if=\"showColorText\">\r\n\r\n                        <div :style=\"`padding-left:5px;`\"></div>\r\n\r\n                        <div :style=\"`font-size:${colorTextFontSize}; color:${useColorTextColor};`\">\r\n                            {{valueOri}}\r\n                        </div>\r\n\r\n                    </template>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </template>\r\n\r\n        <template v-slot:content>\r\n\r\n            <div\r\n                ref=\"ct\"\r\n                :style=\"`background:${usePanelBackgroundColor}; ${usePanelOverflowAndHeight}`\"\r\n                v-domresize\r\n                @domresize=\"resizeContent\"\r\n            >\r\n\r\n                \x3c!-- 上方選單區 --\x3e\r\n                <div :style=\"`display:flex; padding:${space}px; border-bottom:1px solid ${useBorderColor}; background:${useToolBackgroundColor};`\">\r\n\r\n                    <div style=\"\">\r\n                        <WIcon\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"menuIconHsva\"\r\n                            :color=\"typeTrans==='HSVA'?menuIconColorActive:menuIconColor\"\r\n                            :colorHover=\"typeTrans==='HSVA'?menuIconColorActive:menuIconColorHover\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"typeTrans='HSVA';$emit('update:type','HSVA')\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div style=\"\">\r\n                        <WIcon\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"menuIconLump\"\r\n                            :color=\"typeTrans==='LUMP'?menuIconColorActive:menuIconColor\"\r\n                            :colorHover=\"typeTrans==='LUMP'?menuIconColorActive:menuIconColorHover\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"typeTrans='LUMP';$emit('update:type','LUMP')\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div style=\"\" v-if=\"hasEyeDropper\">\r\n                        <WIcon\r\n                            :class=\"{'icon-spinner':loadingEyeDropper}\"\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"loadingEyeDropper?mdiLoading:menuIconEyeDropper\"\r\n                            :color=\"loadingEyeDropper?menuIconColor:menuIconColorActive\"\r\n                            :colorHover=\"loadingEyeDropper?menuIconColor:menuIconColorActive\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"openEyeDropper\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div :style=\"`width:100%;`\"></div>\r\n\r\n                    <div\r\n                        :style=\"`display:flex; align-items:center;`\"\r\n                    >\r\n\r\n                        <div :style=\"`display:flex; align-items:center; border:${colorBlockBorderWidth}px solid ${useColorBlockBorderColor};`\">\r\n\r\n                            <div :style=\"`width:${colorBlockSize}px; min-width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueOri};`\"></div>\r\n\r\n                            <div :style=\"`width:${colorBlockSize}px; min-width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueNew};`\"></div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div :style=\"`padding:${space}px;`\">\r\n\r\n                    \x3c!-- 顏色選擇區 --\x3e\r\n                    <div\r\n                        style=\"display:flex;\"\r\n                    >\r\n                        <WColorSelectPanel\r\n                            :type=\"typeTrans\"\r\n                            :size=\"size\"\r\n                            :space=\"0\"\r\n                            :backgroundColor=\"'transparent'\"\r\n                            :menuIconLump=\"menuIconLump\"\r\n                            :menuIconHsva=\"menuIconHsva\"\r\n                            :menuIconColor=\"menuIconColor\"\r\n                            :menuIconColorHover=\"menuIconColorHover\"\r\n                            :menuIconColorActive=\"menuIconColorActive\"\r\n                            :menuIconSize=\"menuIconSize\"\r\n                            v-model=\"valueNew\"\r\n                        ></WColorSelectPanel>\r\n                    </div>\r\n\r\n                    <div :style=\"`height:${space}px;`\"></div>\r\n\r\n                    \x3c!-- 顏色數值區 --\x3e\r\n                    <div\r\n                        style=\"display:flex;\"\r\n                    >\r\n                        <WColorSelectInput\r\n                            :size=\"Math.max(size-22,0)\"\r\n                            :backgroundColor=\"'transparent'\"\r\n                            :borderColor=\"borderColor\"\r\n                            :borderColorHover=\"borderColorHover\"\r\n                            :borderColorActive=\"borderColorActive\"\r\n                            :menuBorderRadius=\"menuBorderRadius\"\r\n                            :menuBackgroundColor=\"menuBackgroundColor\"\r\n                            :menuBackgroundColorHover=\"menuBackgroundColorHover\"\r\n                            :menuBackgroundColorActive=\"menuBackgroundColorActive\"\r\n                            :menuTextColor=\"menuTextColor\"\r\n                            :menuTextColorHover=\"menuTextColorHover\"\r\n                            :menuTextColorActive=\"menuTextColorActive\"\r\n                            :menuTextFontSize=\"menuTextFontSize\"\r\n                            :inputBorderRadius=\"inputBorderRadius\"\r\n                            :inputBorderColor=\"inputBorderColor\"\r\n                            :inputBorderColorHover=\"inputBorderColorHover\"\r\n                            :inputBorderColorActive=\"inputBorderColorActive\"\r\n                            :inputBackgroundColor=\"inputBackgroundColor\"\r\n                            :inputBackgroundColorHover=\"inputBackgroundColorHover\"\r\n                            :inputBackgroundColorActive=\"inputBackgroundColorActive\"\r\n                            :inputTextColor=\"inputTextColor\"\r\n                            :inputTextFontSize=\"inputTextFontSize\"\r\n                            :inputTextWidth=\"inputTextWidth\"\r\n                            :inputTextHeight=\"inputTextHeight\"\r\n                            :inputLabelWidth=\"inputLabelWidth\"\r\n                            :inputLabelColor=\"inputLabelColor\"\r\n                            :inputLabelFontSize=\"inputLabelFontSize\"\r\n                            :barProgHeight=\"barProgHeight\"\r\n                            :barProgColor=\"barProgColor\"\r\n                            :barProgBackgroundColor=\"barProgBackgroundColor\"\r\n                            :barSliderSize=\"barSliderSize\"\r\n                            :barSliderBackgroundColor=\"barSliderBackgroundColor\"\r\n                            :barSliderBackgroundColorHover=\"barSliderBackgroundColorHover\"\r\n                            v-model=\"valueNew\"\r\n                        ></WColorSelectInput>\r\n                    </div>\r\n\r\n                    <div :style=\"`height:${space}px;`\"></div>\r\n\r\n                    \x3c!-- 確認按鈕區 --\x3e\r\n                    <div style=\"text-align:right;\">\r\n\r\n                        <WButtonChip\r\n                            :text=\"btnText\"\r\n                            :rippleColor=\"btnRippleColor\"\r\n                            :paddingStyle=\"btnPaddingStyle\"\r\n                            :textColor=\"btnTextColor\"\r\n                            :textColorHover=\"btnTextColorHover\"\r\n                            :textColorActive=\"btnTextColorActive\"\r\n                            :textFontSize=\"btnTextFontSize\"\r\n                            :borderRadius=\"btnBorderRadius\"\r\n                            _borderColor=\"btnBorderColor\"\r\n                            _borderColorHover=\"btnBorderColorHover\"\r\n                            _borderColorActive=\"btnBorderColorActive\"\r\n                            :backgroundColor=\"btnBackgroundColor\"\r\n                            :backgroundColorHover=\"btnBackgroundColorHover\"\r\n                            :backgroundColorActive=\"btnBackgroundColorActive\"\r\n                            :shadow=\"btnShadow\"\r\n                            @click=\"clickColor\"\r\n                        ></WButtonChip>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </WPopup>\r\n</template>\r\n\r\n<script>\r\nimport { mdiHexagonSlice6, mdiViewParallel, mdiEyedropper, mdiLoading } from '@mdi/js'\r\nimport get from 'lodash-es/get.js'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport domGetBoudRect from 'wsemi/src/domGetBoudRect.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WPopup from './WPopup.vue'\r\nimport WColorSelectPanel from './WColorSelectPanel.vue'\r\nimport WColorSelectInput from './WColorSelectInput.vue'\r\nimport WButtonChip from './WButtonChip.vue'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [value='#FFFFFF'] 輸入顏色字串，預設'#FFFFFF'\r\n * @vue-prop {String} [type='HSVA'] 輸入選擇顏色方式字串，可選'LUMP'、'HSVA'，預設'HSVA'\r\n * @vue-prop {Number} [size=200] 輸入尺寸數字，代表組件基礎寬度與將自動計算高度，單位px，預設200\r\n * @vue-prop {Number} [space=10] 輸入子組件間距數字，單位px，預設10\r\n * @vue-prop {Number} [colorBlockSize=20] 輸入色塊長與寬度數字，單位px，預設20\r\n * @vue-prop {Number} [colorBlockBorderWidth=1] 輸入色塊框線寬度數字，單位px，預設1\r\n * @vue-prop {String} [colorBlockBorderColor='#ddd'] 輸入色塊框線顏色字串，預設'#ddd'\r\n * @vue-prop {Boolean} [showColorText=true] 輸入是否顯示當前RGBA顏色文字布林值，預設true\r\n * @vue-prop {String} [colorTextColor='#000'] 輸入當前RGBA顏色文字顏色字串，預設'#000'\r\n * @vue-prop {String} [colorTextFontSize='0.8rem'] 輸入當前RGBA顏色文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {String} [panelBackgroundColor='#fff'] 輸入彈窗背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [toolBackgroundColor='#f5f5f5'] 輸入彈窗背景顏色字串，預設'#f5f5f5'\r\n * @vue-prop {String} [menuIconLump=mdiHexagonSlice6] 輸入選單LUMP模式圖標字串，預設mdiHexagonSlice6\r\n * @vue-prop {String} [menuIconHsva=mdiViewParallel] mdiViewParallel\r\n * @vue-prop {String} [menuIconEyeDropper=mdiEyedropper] 輸入取色滴管圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiEyedropper)\r\n * @vue-prop {String} [menuIconColor='#aaa'] 輸入選單圖標顏色字串，預設'#aaa'\r\n * @vue-prop {String} [menuIconColorHover='#999'] 輸入滑鼠移入時選單圖標顏色字串，預設'#999'\r\n * @vue-prop {String} [menuIconColorActive='#666'] 輸入主動模式時選單圖標顏色字串，預設'#666'\r\n * @vue-prop {Number} [menuIconSize=20] 輸入選單圖標尺寸數字，單位為px，預設20\r\n * @vue-prop {String} [borderColor='#ddd'] 輸入邊框顏色字串，預設'#ddd'\r\n * @vue-prop {String} [borderColorHover='#ccc'] 輸入滑鼠移入時邊框顏色字串，預設'#ccc'\r\n * @vue-prop {String} [borderColorActive='#777'] 輸入主動模式時邊框顏色字串，預設'#777'\r\n * @vue-prop {Number} [menuBorderRadius=4] 輸入框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [menuTextColor='#444'] 輸入選單文字顏色字串，預設'#444'\r\n * @vue-prop {String} [menuTextColorHover='#222'] 輸入滑鼠移入時選單文字顏色字串，預設'#222'\r\n * @vue-prop {String} [menuTextColorActive='#000'] 輸入主動模式時選單文字顏色字串，預設'#000'\r\n * @vue-prop {String} [menuTextFontSize='0.8rem'] 輸入選單文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {String} [menuBackgroundColor='#fff'] 輸入選單背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [menuBackgroundColorHover='#f9f9f9'] 輸入滑鼠移入時選單背景顏色字串，預設'#f9f9f9'\r\n * @vue-prop {String} [menuBackgroundColorActive='#f2f2f2'] 輸入主動模式時選單背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {Number} [inputBorderRadius=4] 輸入顏色數字輸入區邊框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [inputBorderColor='#ccc'] 輸入顏色數字輸入區邊框顏色字串，預設'#ccc'\r\n * @vue-prop {String} [inputBorderColorHover='#b5b5b5'] 輸入滑鼠移入時顏色數字輸入區邊框顏色字串，預設'#b5b5b5'\r\n * @vue-prop {String} [inputBorderColorActive='#aaa'] 輸入主動模式時顏色數字輸入區邊框顏色字串，預設'#aaa'\r\n * @vue-prop {String} [inputBackgroundColor='#fff'] 輸入顏色數字輸入區背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [inputBackgroundColorHover='#fafafa'] 輸入滑鼠移入時顏色數字輸入區背景顏色字串，預設'#fafafa'\r\n * @vue-prop {String} [inputBackgroundColorActive='#f2f2f2'] 輸入主動模式時顏色數字輸入區背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {String} [inputTextColor='#000'] 輸入顏色數字輸入區文字顏色字串，預設'#000'\r\n * @vue-prop {String} [inputTextFontSize='0.8rem'] 輸入顏色數字輸入區文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [inputTextWidth=38] 輸入顏色數字輸入區寬度數字，單位為px，預設38\r\n * @vue-prop {Number} [inputTextHeight=18] 輸入顏色數字輸入區高度數字，單位為px，預設18\r\n * @vue-prop {Number} [inputLabelWidth=12] 輸入顏色數字輸入區標題寬度數字，單位為px，預設12\r\n * @vue-prop {String} [inputLabelColor='#666'] 輸入文字顏色字串，預設'#666'\r\n * @vue-prop {String} [inputLabelFontSize='0.8rem'] 輸入文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [barProgHeight=4] 輸入值域條高度數字，單位為px，預設4\r\n * @vue-prop {String} [barProgColor='#74a4d9'] 輸入值域條顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [barProgBackgroundColor='#eee'] 輸入值域條背景顏色字串，預設'#eee'\r\n * @vue-prop {Number} [barSliderSize=10] 輸入拖曳球尺寸數字，單位為px，預設10\r\n * @vue-prop {String} [barSliderBackgroundColor='#1565C0'] 輸入拖曳球背景顏色字串，預設'#1565C0'\r\n * @vue-prop {String} [barSliderBackgroundColorHover='#1976D2'] 輸入滑鼠移入時拖曳球背景顏色字串，預設'#1976D2'\r\n * @vue-prop {Number} [popupPlacementDist=5] 輸入彈窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {String} [btnText='Confirm'] 輸入確認按鈕之文字字串，預設'Confirm'\r\n * @vue-prop {String} [btnRippleColor='rgba(255,255,255,0.4)'] 輸入確認按鈕之ripple效果顏色字串，預設'rgba(255,255,255,0.4)'\r\n * @vue-prop {Object} [btnPaddingStyle={v:1,h:5}] 輸入確認按鈕之內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5}\r\n * @vue-prop {String} [btnTextColor='#000'] 輸入確認按鈕之文字顏色字串，預設'#000'\r\n * @vue-prop {String} [btnTextColorHover='#222'] 輸入滑鼠移入時確認按鈕之文字顏色字串，預設'#222'\r\n * @vue-prop {String} [btnTextColorActive='#222'] 輸入主動模式時確認按鈕之文字顏色字串，預設'#222'\r\n * @vue-prop {String} [btnTextFontSize='0.8rem'] 輸入確認按鈕之文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [btnBorderRadius=4] 輸入確認按鈕之框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [btnBackgroundColor='rgb(241,241,241)'] 輸入確認按鈕之背景顏色字串，預設'rgb(241,241,241)'\r\n * @vue-prop {String} [btnBackgroundColorHover='rgb(236,236,236)'] 輸入滑鼠移入時確認按鈕之背景顏色字串，預設'rgb(236,236,236)'\r\n * @vue-prop {String} [btnBackgroundColorActive='rgb(236,236,236)'] 輸入主動模式時確認按鈕之背景顏色字串，預設'rgb(236,236,236)'\r\n * @vue-prop {Boolean} [btnShadow=true] 輸入確認按鈕之是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null\r\n * @vue-prop {Number} [cmpZIndex=2000] 輸入彈窗使用z-index之基準數字，實際z-index為本數字加上顯示順序層級，與WDialog共用同一層級池並同基準值，後顯示者z-index必大於先顯示者，預設2000\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WPopup,\r\n        WColorSelectPanel,\r\n        WColorSelectInput,\r\n        WButtonChip,\r\n        WIcon,\r\n    },\r\n    props: {\r\n        value: {\r\n            type: String,\r\n            default: '#FFFFFF',\r\n        },\r\n        type: {\r\n            type: String,\r\n            default: 'HSVA',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        colorBlockSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        colorBlockBorderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        colorBlockBorderColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        showColorText: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        colorTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        colorTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        panelBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        toolBackgroundColor: {\r\n            type: String,\r\n            default: '#f5f5f5',\r\n        },\r\n        menuIconLump: {\r\n            type: String,\r\n            default: mdiHexagonSlice6,\r\n        },\r\n        menuIconHsva: {\r\n            type: String,\r\n            default: mdiViewParallel,\r\n        },\r\n        menuIconEyeDropper: {\r\n            type: String,\r\n            default: mdiEyedropper,\r\n        },\r\n        menuIconColor: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        menuIconColorHover: {\r\n            type: String,\r\n            default: '#999',\r\n        },\r\n        menuIconColorActive: {\r\n            type: String,\r\n            default: '#666',\r\n        },\r\n        menuIconSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        borderColorActive: {\r\n            type: String,\r\n            default: '#777',\r\n        },\r\n        menuBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        menuTextColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        menuTextColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        menuTextColorActive: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        menuTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        menuBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        menuBackgroundColorHover: {\r\n            type: String,\r\n            default: '#f9f9f9',\r\n        },\r\n        menuBackgroundColorActive: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        inputBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        inputBorderColor: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        inputBorderColorHover: {\r\n            type: String,\r\n            default: '#b5b5b5',\r\n        },\r\n        inputBorderColorActive: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        inputBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        inputBackgroundColorHover: {\r\n            type: String,\r\n            default: '#fafafa',\r\n        },\r\n        inputBackgroundColorActive: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        inputTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        inputTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 38,\r\n        },\r\n        inputTextHeight: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        inputLabelWidth: {\r\n            type: Number,\r\n            default: 12,\r\n        },\r\n        inputLabelColor: {\r\n            type: String,\r\n            default: '#666',\r\n        },\r\n        inputLabelFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        barProgHeight: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        barProgColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        barProgBackgroundColor: {\r\n            type: String,\r\n            default: '#eee',\r\n        },\r\n        barSliderSize: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        barSliderBackgroundColor: {\r\n            type: String,\r\n            default: '#1565C0',\r\n        },\r\n        barSliderBackgroundColorHover: {\r\n            type: String,\r\n            default: '#1976D2',\r\n        },\r\n        popupPlacementDist: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        btnText: {\r\n            type: String,\r\n            default: 'Confirm',\r\n        },\r\n        btnRippleColor: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.4)',\r\n        },\r\n        btnPaddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 1,\r\n                    h: 5,\r\n                }\r\n            },\r\n        },\r\n        btnTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        btnTextColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        btnTextColorActive: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        btnTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        btnBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        btnBackgroundColor: {\r\n            type: String,\r\n            default: 'rgb(241,241,241)',\r\n        },\r\n        btnBackgroundColorHover: {\r\n            type: String,\r\n            default: 'rgb(236,236,236)',\r\n        },\r\n        btnBackgroundColorActive: {\r\n            type: String,\r\n            default: 'rgb(236,236,236)',\r\n        },\r\n        btnShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        labelContent: {\r\n            type: String,\r\n            default: null,\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 2000, //與WDialog之dialogZIndex同基準值, 因內部WPopup與其共用'dialog+popup'層級池\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            mdiLoading,\r\n\r\n            show: false,\r\n\r\n            typeTrans: 'HSVA',\r\n\r\n            loadingEyeDropper: false,\r\n\r\n            layoutShowScrollY: false,\r\n            layoutMinHeight: 300,\r\n            layoutMaxHeight: 300,\r\n\r\n            valueOri: null,\r\n            valueNew: null,\r\n            popperPlacement: null,\r\n\r\n        }\r\n    },\r\n    watch: {\r\n\r\n        show: function(b) {\r\n            let vo = this\r\n            if (b) {\r\n                //以最小高度顯示時, 讓Popper.js先決定方向\r\n                vo.popperPlacement = null\r\n                vo.layoutShowScrollY = true\r\n                vo.layoutMaxHeight = vo.layoutMinHeight\r\n                // 等 Popper.js 定位完成後重算可用空間\r\n                vo.$nextTick(() => {\r\n                    vo.$nextTick(() => {\r\n                        vo.adjustMaxHeight()\r\n                    })\r\n                })\r\n            }\r\n            else {\r\n                //收合時還原待選顏色, 避免未經確認鈕提交之顏色殘留至下次展開\r\n                vo.valueNew = vo.valueOri\r\n            }\r\n        },\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function() {\r\n            let vo = this\r\n            vo.valueOri = convertColor(vo.value)\r\n            vo.valueNew = vo.valueOri\r\n            return ''\r\n        },\r\n\r\n        changeType: function() {\r\n            let vo = this\r\n            vo.typeTrans = vo.type\r\n            return ''\r\n        },\r\n\r\n        hasEyeDropper: function() {\r\n            // let vo = this\r\n            let b = isfun(window.EyeDropper)\r\n            // console.log('window.EyeDropper', window.EyeDropper)\r\n            return b\r\n        },\r\n\r\n        useColorBlockBorderColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.colorBlockBorderColor)\r\n        },\r\n\r\n        useColorTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.colorTextColor)\r\n        },\r\n\r\n        usePanelBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.panelBackgroundColor)\r\n        },\r\n\r\n        useToolBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.toolBackgroundColor)\r\n        },\r\n\r\n        useBorderColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.borderColor)\r\n        },\r\n\r\n        usePanelOverflowAndHeight: function() {\r\n            let vo = this\r\n            let of = `overflow-y:auto; min-height:${vo.layoutMinHeight}px;`\r\n            if (vo.layoutShowScrollY) {\r\n                of += `max-height:${vo.layoutMaxHeight}px;`\r\n            }\r\n            return of\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizeContent: function(msg) {\r\n            // console.log('methods resizeContent', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            //adjustMaxHeight\r\n            vo.adjustMaxHeight()\r\n\r\n        },\r\n\r\n        onPlacementChange: function(placement) {\r\n            let vo = this\r\n            vo.popperPlacement = placement\r\n            vo.adjustMaxHeight()\r\n        },\r\n\r\n        adjustMaxHeight: function() {\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            try {\r\n\r\n                //ct\r\n                let ct = vo.$refs.ct\r\n                if (!ct) {\r\n                    return\r\n                }\r\n\r\n                //windowHeight\r\n                let h = window.innerHeight\r\n\r\n                //placement\r\n                let placement = vo.popperPlacement\r\n\r\n                //Popper.js尚未定位完成, 保持初始限制高度\r\n                if (!placement) {\r\n                    return\r\n                }\r\n\r\n                //rt\r\n                let rt = domGetBoudRect(ct)\r\n\r\n                //hc, 實際內容高度\r\n                let hc = ct.scrollHeight\r\n\r\n                //根據方向計算可用空間\r\n                let margin = 30\r\n                let hca\r\n                if (placement.startsWith('top')) {\r\n                    //彈窗在上方, 底部對齊觸發元素往上延伸\r\n                    hca = rt.bottom - margin\r\n                }\r\n                else {\r\n                    //預設彈窗在下方, 頂部對齊觸發元素下方往下延伸\r\n                    hca = h - rt.top - margin\r\n                }\r\n\r\n                //layoutShowScrollYNew\r\n                let layoutShowScrollYNew = hc > hca\r\n\r\n                //layoutMaxHeightNew\r\n                let layoutMaxHeightNew = Math.max(hca, vo.layoutMinHeight)\r\n\r\n                //check, 避免微小的數值抖動導致迴圈\r\n                if (layoutShowScrollYNew === vo.layoutShowScrollY && Math.abs(layoutMaxHeightNew - vo.layoutMaxHeight) < 2) {\r\n                    return\r\n                }\r\n\r\n                //layoutShowScrollY\r\n                vo.layoutShowScrollY = layoutShowScrollYNew\r\n                // console.log('layoutShowScrollY', vo.layoutShowScrollY)\r\n\r\n                //layoutMaxHeight\r\n                vo.layoutMaxHeight = layoutMaxHeightNew\r\n                // console.log('layoutMaxHeight', vo.layoutMaxHeight)\r\n\r\n            }\r\n            catch (err) {}\r\n\r\n        },\r\n\r\n        openEyeDropper: function() {\r\n            // console.log('methods openEyeDropper')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.hasEyeDropper) {\r\n                return\r\n            }\r\n\r\n            vo.loadingEyeDropper = true\r\n\r\n            let eyeDropper = new window.EyeDropper()\r\n            eyeDropper\r\n                .open()\r\n                .then((res) => {\r\n                    // console.log('res', res)\r\n                    let hex = get(res, 'sRGBHex', '#fff')\r\n                    vo.valueNew = hex\r\n                })\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n                .finally(() => {\r\n                    vo.loadingEyeDropper = false\r\n                })\r\n\r\n        },\r\n\r\n        clickColor: function() {\r\n            // console.log('methods clickColor')\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            //emit\r\n            vo.$emit('input', vo.valueNew)\r\n\r\n            //hide\r\n            vo.show = false\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.icon-spinner {\r\n    animation: spin-animation 1.5s infinite;\r\n    display: inline-block;\r\n}\r\n@keyframes spin-animation {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n    100% {\r\n        transform: rotate(359deg);\r\n    }\r\n}\r\n</style>\r\n"]},media:void 0})},If,"data-v-22362aac",false,void 0,!1,o,void 0,void 0);var Bf={directives:{domresize:Hl()},components:{WButtonCircle:as,WIcon:vd},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:mn,mmkey:Uo(),zind:0,mdiCheckCircle:Rl,mdiClose:Gl,mdiCheckerboard:Nl,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,mousedownOutside:!1,resizeMsgTemp:null}},beforeDestroy:function(){Hd.destroyLevel("dialog+popup",this.mmkey)},computed:{changeParam:function(){let n=this;return n.showTrans=n.show,n.showTrans?(n.zind=Hd.getLevel("dialog+popup",n.mmkey),n.showPanel()):Hd.destroyLevel("dialog+popup",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:Nl},useRatioHeight:function(){let n=this;return n.useFullscreen?1:n.ratioHeightMax},useWidth:function(){let n=this;return n.useFullscreen?"width:100svw; max-width:100svw;":`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}svh;`,n},useOverlayColor:function(){return wo(this.overlayColor)},usePanelShadowStyle:function(){return this.panelShadow?`box-shadow:${He(this.panelShadowStyle,";","")};`:""},useTitleFontSize:function(){let n=this.titleFontSize;return n=He(n,";",""),`font-size:${n};`},useTitleColor:function(){return wo(this.titleColor)},useHeaderBackgroundColor:function(){return wo(this.headerBackgroundColor)},useHeaderShadowStyle:function(){return this.headerShadow?`box-shadow:${He(this.headerShadowStyle,";","")};`:""},useContentTextColor:function(){return wo(this.contentTextColor)},useContentBackgroundColor:function(){return wo(this.contentBackgroundColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=mn(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;`,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};Vi(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick(()=>{e.$emit("resize",Sl(t))}))},updateTitleWidth:function(n){let e=this,t=mn(e,"$refs.hdIcon.clientWidth",0),r=mn(e,"$refs.hdStl.clientWidth",0),o=mn(e,"$refs.hdStr.clientWidth",0),i=mn(e,"$refs.hdBtns.clientWidth",0),l=e.panelWidth-2*e.headSpace-t-r-o-i;l=Math.max(l,0),e.titleWidth=l},mousedownOverlay:function(n){let e=this,t=!1;try{t=e.$refs.divPanel.contains(n.target)}catch(n){}if(!t)try{t=Ad(n.clientX,n.clientY,e.$refs.divPanel)}catch(n){}e.mousedownOutside=!t},clickOutside:function(n){let e=this;if(!0!==e.mousedownOutside)return;let t=!1;try{t=!e.$refs.divPanel.contains(n.target)}catch(n){}if(t)try{t=!Ad(n.clientX,n.clientY,e.$refs.divPanel)}catch(n){}if(t)if(e.useIsModal){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)}else e.$nextTick(()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)})},clickBtns:function(n){let e=this;e.$nextTick(()=>{e.$emit("click-btns",Sl(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=wn();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 Hf=Bf;var Af=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:100svw; height:100svh;\n            overflow:clip;\n            z-index:"+n.useDialogZIndex+";\n            overscroll-behavior:none;\n            user-select:none;\n            touch-action:none;\n        "},[t("div",{style:"\n                width:100svw; height:100svh;\n            "},[t("div",{ref:"divOverlay",style:"\n                    position:sticky; left:0px; top:0px;\n                    width:100svw; height:100svh;\n                    display:flex; align-items:center; justify-content:center;\n                    "+n.overlayStyleShow+"\n                    background:"+n.useOverlayColor+";\n                ",attrs:{tabindex:"0"},on:{mousedown:n.mousedownOverlay,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:table;\n                                        padding:0px "+n.headSpace+"px;\n                                        height:"+n.headerHeight+"px; max-height:"+n.headerHeight+"px;\n                                    ",on:{domresize:n.resizeHead}},[t("div",{ref:"hdIcon",staticStyle:{"padding-right":"10px",display:"table-cell","vertical-align":"middle"}},[t("WIcon",{attrs:{icon:n.useHeaderIcon,color:n.headerIconColor,colorHover:n.headerIconColor}})],1),n._v(" "),t("div",{ref:"hdTitleAndStl",staticStyle:{width:"100%",display:"table-cell","vertical-align":"middle"}},[t("div",{style:"display:flex; align-items:center;"},[t("div",{style:"max-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",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("header-right")],2)]),n._v(" "),t("div",{ref:"hdBtns",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{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()])};Af._withStripped=!0;const Wf=t({render:Af,staticRenderFns:[]},function(n){n&&n("data-v-577c6395_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",map:{version:3,sources:[],names:[],mappings:"",file:"WDialog.vue"},media:void 0})},Hf,"data-v-577c6395",false,void 0,!1,o,void 0,void 0);const Ff={components:{WButtonChip:rs,WIcon:vd,WDialog:Wf},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:Xl},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:40},hasNoBtn:{type:Boolean,default:!0},noBtnText:{type:String,default:"Cancel"},noBtnTextColor:{type:String,default:"#444"},noBtnTextColorHover:{type:String,default:"#444"},noBtnBackgroundColor:{type:String,default:"#fff"},noBtnBackgroundColorHover:{type:String,default:"#f2f2f2"},yesBtnText:{type:String,default:"Yes"},yesBtnTextColor:{type:String,default:"#fff"},yesBtnTextColorHover:{type:String,default:"#fff"},yesBtnBackgroundColor:{type:String,default:"#f15"},yesBtnBackgroundColorHover:{type:String,default:"#f26"},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:Xl,mdiCheckboxMarkedCircle:Ll,mdiCloseCircle:Ml,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderStyle:function(){let n={padding:"15px 20px"};return n["background-color"]=wo(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n["font-size"]="1.2rem",n.color=wo(this.titleColor),n},useContentStyle:function(){let n={padding:"20px 15px"};return n["background-color"]=wo(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=wo(this.contentColor),n["overflow-y"]="auto",n["box-sizing"]="border-box",n},useFooterStyle:function(){let n={padding:"15px"};return n["background-color"]=wo(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)})}}};var Zf=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,colorHover: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":"10px"},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":"10px"},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)})};Zf._withStripped=!0;const Xf=t({render:Zf,staticRenderFns:[]},function(n){n&&n("data-v-4749d6ce_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",map:{version:3,sources:[],names:[],mappings:"",file:"WConfirm.vue"},media:void 0})},Ff,"data-v-4749d6ce",false,void 0,!1,o,void 0,void 0);function zf(){let n=br();return{width:(()=>{let e=[mn(n,"innerWidth"),mn(n,"document.documentElement.clientWidth"),mn(n,"document.body.clientWidth")];return e=Zo(e,Wo),Is(e)})(),height:(()=>{let e=[mn(n,"innerHeight"),mn(n,"document.documentElement.clientHeight"),mn(n,"document.body.clientHeight")];return e=Zo(e,Wo),Is(e)})()}}function Rf(n,e,t={}){let r=mn(t,"getHeighRatio",null);Te(r)||(r=()=>1);let o=mn(t,"getWidthRatio",null);Te(o)||(o=()=>1);let i=mn(t,"stopScrollPropagationForPanel",null);In(i)||(i=!1);let l=mn(t,"stopTouchDragPropagationForPanel",null);In(l)||(l=!1);let a=mn(t,"useTouchDragForPanel",null);In(a)||(a=!0);let d=n,u=e,s=wi(),c="",p={touchstart:!1,touchend:!1,mouseup:!1},f=[];function h(n,e,t,r){n.addEventListener(e,t,r),f.push({target:n,type:e,fun:t,options:r})}function g(n){return n>0?1:n<0?-1:0}function m(n){let e=mn(n,"target",null);return!!e&&(e===u||Te(u.contains)&&u.contains(e))}function v(n){return"bar"===c?{clientY:n.clientY,clientX:n.clientX,pointerType:n.pointerType}:{clientY:-n.clientY*r(),clientX:-n.clientX*o(),pointerType:n.pointerType}}let y=gs([u,d],{canPress:n=>!!m(n)||!!a&&!function(n){let e=mn(n,"pointerType","");return"touch"!==e&&"pen"!==e}(n),eleTouchMove:a?[u,d]:u,cancelTouchMove:()=>"bar"===c||"panel"===c&&l});return y.on("press",n=>{c=m(n.event)?"bar":"panel",p.touchstart="panel"===c&&l&&"touch"===n.pointerType,p.touchend=!1,p.mouseup=!1,s.emit("pressBar",v(n))}),y.on("drag",n=>{s.emit("dragBar",v(n))}),y.on("free",n=>{let e=c;c="";let t="up"===n.reason||"cancel"===n.reason;p.touchstart=!1,p.touchend="panel"===e&&l&&t&&"touch"===n.pointerType,p.mouseup=""!==e&&i&&t&&"touch"!==n.pointerType,s.emit("freeBar")}),function(){if(a&&l){h(d,"touchstart",n=>{p.touchstart&&(p.touchstart=!1,ld(n))});let n=n=>{p.touchend&&(p.touchend=!1,ld(n))};h(d,"touchend",n),h(d,"touchcancel",n)}i&&h(window,"mouseup",n=>{p.mouseup&&(p.mouseup=!1,ld(n))}),h(d,"wheel",n=>{i&&ld(n),s.emit("scrollPanel",{ratioY:g(n.deltaY),ratioX:g(n.deltaX)})})}(),s.clear=function(){y.clear(),c="",p.touchstart=!1,p.touchend=!1,p.mouseup=!1;for(let n of f)n.target.removeEventListener(n.type,n.fun,n.options);f=[]},s}function Pf(n,e,t=[],r={}){let o=r.funSettle,i=r.tag||"evem",l=(e,...t)=>n.emit(e,...t);Te(r.funEmit)&&(l=r.funEmit);try{return l(e,...t)}catch(r){if(Te(o))try{o(r)}catch(n){}try{"error"!==e&&n.listenerCount("error")>0?l("error",{fun:"listener",name:e,msg:r,args:t}):console.error(`[wsemi ${i}] listener of '${String(e)}' threw:`,r)}catch(n){try{console.error(`[wsemi ${i}] listener of '${String(e)}' threw, and reporting it also threw:`,n,r)}catch(n){}}return!1}}function Vf(n,e={}){let t=mn(e,"tag","detector"),r=wi();r.error=mn(e,"error",null);let o="idle",i=[],l=()=>{let n=i;i=[];for(let e=n.length-1;e>=0;e--)try{n[e]()}catch(n){}},a=n=>{if(Te(n))if("disposed"!==o)i.push(n);else try{n()}catch(n){}},d=(n,e)=>{"running"===o&&Pf(r,n,[e],{tag:t})};return r.create=()=>{"idle"===o&&(o="pending",Te(n)&&Promise.resolve().then(()=>{if("pending"===o){o="running";try{n(d,a)}catch(n){r.error=n,o="disposed",l()}}}))},r.dispose=()=>(o="disposed",l(),!0),r}let Lf={getMode:function(n){return"event"===mn(n,"mode","")?"event":"promise"},detectorEvent:Vf,detectorFail:function(n,e){return"event"===n?Vf(null,{error:e}):Promise.reject(e)}};let Nf=["tolerance","timeDiff","timeDetect"];function Df(n,e,t){let r=function(n,e={}){let t=Lf.getMode(e);if(!li(n))return Lf.detectorFail(t,"invalid element");if(!Te(n.getBoundingClientRect))return Lf.detectorFail(t,"invalid element.getBoundingClientRect");let r=ki(e,"tolerance",0,{min:0,inf:"keep"}),o=ki(e,"timeDiff",100,{min:0,below:"clamp",timer:!0}),i=ki(e,"timeDetect",50,{min:0,minOpen:!0,timer:!0}),l=()=>{let e=n.getBoundingClientRect();return{x:e.left,y:e.top,w:e.width,h:e.height}},a=(n,e)=>!!n&&!!e&&Math.abs(n.x-e.x)<=r&&Math.abs(n.y-e.y)<=r&&Math.abs(n.w-e.w)<=r&&Math.abs(n.h-e.h)<=r,d=n=>{try{return"running"===n.playState&&Number.isFinite(n.effect.getTiming().iterations)}catch(n){return!1}},u=()=>{try{return n.getAnimations({subtree:!0}).filter(d)}catch(n){return[]}},s=async()=>{let n=wn();try{let e=l();await cr(o);let t=l(),r=u(),i=r.length;await Promise.allSettled(r.map(n=>n.finished));let d=u().length,s=l(),c=a(e,t)&&a(e,s)&&0===i&&0===d;n.resolve(c)}catch(e){n.reject(e)}return n};return"promise"===t?s():Lf.detectorEvent((n,e)=>{let t=!1,r=!1,o=!1,l=null;e(()=>{t=!0,clearInterval(l)});let a=()=>{t||r||(r=!0,s().then(e=>{o!==e&&(o=e,n("stable",e))}).catch(()=>{}).finally(()=>{r=!1}))};l=setInterval(a,i),a()},{tag:"domIsStable"})}(n,{...e,mode:"event"});return r.on("stable",n=>{t(n)}),r.create(),{clear:()=>{r.dispose()}}}var Gf={directives:{domresize:Hl(),domstable:Il({name:"domstable",attr:"ev-stable",keys:Nf,create:Df})},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},autoSwitchToHide:{type:Boolean,default:!1},autoSwitchToShow:{type:Boolean,default:!1},autoSwitchToFloat:{type:Boolean,default:!1},autoSwitchToFix:{type:Boolean,default:!1},switchWidth:{type:Number,default:340}},data:function(){return{panelWidth:0,panelHeight:0,das:null,state:"hidden",valueTrans:!1,dragging:!1,drawerWidthTrans:200,afloatTrans:!1,drawerStable:!0,drawerTransitionDone:!1,hdDrawerTransition:null,timerAni1Basic:null,showAni1Basic:!1,effAni1Basic:!1,timerAni2Detect:null,showAni2Detect:!1,timerAni3Shadow:null,showAni3Shadow:!1,timerAni4Translate:null,effAni4Translate:!1,timerAni5DragDrawerBar:null,showAni5DragDrawerBar:!1,timerAni6State:null,tagStateNow:""}},mounted:function(){let n=this,e=Rf(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),e.on("pressBar",()=>{n.dragging=!0}),e.on("freeBar",()=>{setTimeout(()=>{n.dragging=!1},1)}),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear(),n.unwatchDrawerTransition()},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,""},changeAfloat:function(){let n=this;return!0===n.___afloatFromAuto___&&!0===n.afloat||(n.___afloatFromAuto___=!1),n.afloatTrans=n.afloat,""},useDrawerWidthTrans:function(){let n=this;n.___drawerWidthTrans___=n.drawerWidthTrans,n.___panelWidth___=n.panelWidth;let e=n.getPanelEffWidth(),t=null;return t=Wo(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.afloatTrans?0:this.useDrawerWidthTrans:0},isAtLeft:function(){return"from-right"!==this.mode},useDrawerZIndex:function(){let n=this.drawerZIndex;return this.afloatTrans&&(n+=1),this.afloatByFix&&(n+=500),n},useAniColor:function(){return this.afloatTrans?wo(this.overlayColor):"transparent"},useAniPosition:function(){return this.afloatByFix?"fixed":"absolute"},useAniOpacity:function(){return this.afloatTrans&&this.effAni1Basic?this.overlayOpacity:0},useDrawerTranslateX:function(){if(this.effAni4Translate)return 0;return this.isAtLeft?-100:100},useDrawerDetectLoction:function(){return this.isAtLeft?"left:0px;":"right:0px;"},useDrawerDetectWidth:function(){return this.afloatTrans?"100%":`${this.useDrawerWidthTrans}px`},useDrawerClassShadow:function(){return this.afloatTrans&&this.showAni3Shadow?"bs":""},useDrawerBarWidth:function(){return this.drawerBarSize+2*this.drawerBarBorderSize},useDrawerBarSize:function(){return this.dragDrawerWidth?this.drawerBarSize:0},useDrawerBarColor:function(){return wo(this.drawerBarColor)},useDrawerBarBorderColor:function(){return wo(this.drawerBarBorderColor)},useNoTransStyle:function(){return this.dragging?"transition:none;":""}},methods:{resizePanel:function(n){let e=this;if(e.afloatByFix){let n=zf();e.panelWidth=n.width,e.panelHeight=n.height}else e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=e.switchWidth,r=mn(n,"smode.width","");e.autoSwitchToHide&&e.valueTrans&&"smaller"===r&&e.panelWidth<t&&(e.toggleValue(!1),e.$emit("input",!1)),e.autoSwitchToShow&&!e.valueTrans&&"larger"===r&&e.panelWidth>=t&&(e.toggleValue(!0),e.$emit("input",!0)),e.autoSwitchToFloat&&e.valueTrans&&!e.afloatTrans&&"smaller"===r&&e.panelWidth<t&&(e.___afloatFromAuto___=!0,e.afloatTrans=!0,e.$emit("update:afloat",!0)),e.autoSwitchToFix&&!0===e.___afloatFromAuto___&&e.afloatTrans&&"larger"===r&&e.panelWidth>=t&&(e.___afloatFromAuto___=!1,e.afloatTrans=!1,e.$emit("update:afloat",!1)),e.$emit("resize",n)},ckToggle:function(n,e){let t=this;if(!t.afloatTrans)return;if(t.dragging)return;let r=!1;try{r=!t.$refs.divDrawer.contains(n.target)}catch(n){}if(r)try{r=!Ad(n.clientX,n.clientY,t.$refs.divDrawer)}catch(n){}r&&(t.toggleValue(e),t.$emit("input",e))},toggleValue:async function(n){let e=this;await sr(()=>void 0!==e.$el,{attemptNum:800,timeInterval:250}),clearTimeout(e.timerAni1Basic),clearTimeout(e.timerAni2Detect),clearTimeout(e.timerAni3Shadow),clearTimeout(e.timerAni4Translate),clearTimeout(e.timerAni5DragDrawerBar),clearTimeout(e.timerAni6State),e.drawerStable=!1,e.watchDrawerTransition();let t,r=Uo();e.tagStateNow=r,n?(t=20,e.state="opening",e.showAni1Basic=!0,e.timerAni1Basic=setTimeout(()=>{e.effAni1Basic=!0},t),e.showAni2Detect=!0,e.showAni3Shadow=!0,e.timerAni4Translate=setTimeout(()=>{e.effAni4Translate=!0},t),e.timerAni5DragDrawerBar=setTimeout(()=>{e.showAni5DragDrawerBar=!0},300),e.timerAni6State=setTimeout(()=>{e.settleState("opened",t,r)},300)):(t=300,e.state="hiding",e.effAni1Basic=!1,e.timerAni1Basic=setTimeout(()=>{e.showAni1Basic=!1},t),e.timerAni2Detect=setTimeout(()=>{e.showAni2Detect=!1},t),e.timerAni3Shadow=setTimeout(()=>{e.showAni3Shadow=!1},t/2),e.effAni4Translate=!1,e.showAni5DragDrawerBar=!1,e.timerAni6State=setTimeout(()=>{e.settleState("hidden",t,r)},300))},watchDrawerTransition:function(){let n=this;n.unwatchDrawerTransition();let e=mn(n,"$refs.divDrawer",null);if(!e)return;n.drawerTransitionDone=!1;let t=t=>{t.target===e&&"transform"===t.propertyName&&(n.drawerTransitionDone=!0)};e.addEventListener("transitionend",t),e.addEventListener("transitioncancel",t),n.hdDrawerTransition={el:e,fn:t}},unwatchDrawerTransition:function(){let n=this.hdDrawerTransition;n&&(n.el.removeEventListener("transitionend",n.fn),n.el.removeEventListener("transitioncancel",n.fn),this.hdDrawerTransition=null)},settleState:function(n,e,t){let r=this,o=()=>{r.tagStateNow===t&&(r.unwatchDrawerTransition(),r.state=n)};sr(()=>!0===r.drawerTransitionDone||!0===r.drawerStable,{attemptNum:Math.ceil((e+1e3)/50),timeInterval:50}).then(o).catch(async()=>{let n=[];try{n=r.$refs.divDrawer.getAnimations().filter(n=>"transform"===n.transitionProperty)}catch(n){}n.length>0&&await Promise.race([Promise.allSettled(n.map(n=>n.finished)),new Promise(n=>setTimeout(n,3e3))]),o()})},getStableDrawer:function(n){this.drawerStable=n},getPanelBounding:function(){let n=this,e=null;if(n.afloatByFix){e={left:0,width:mn(zf(),"width")}}else{e=Te(mn(n,"$el.getBoundingClientRect"))?n.$el.getBoundingClientRect():{left:0,width:0}}return e},getPanelEffWidth:function(){let n=this,e=null;return e=n.afloatByFix?mn(zf(),"width"):mn(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();xn(e.drawerWidthMax)&&(i=Ot(e.drawerWidthMax));let l=0;xn(e.drawerWidthMin)&&(l=Ot(e.drawerWidthMin)),Wo(i)&&(o=Math.min(o,i)),Wo(l)&&(o=Math.max(o,l)),e.drawerWidthTrans=o,e.$emit("update:drawerWidth",o)}}};const Mf=Gf;var Yf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{state:n.state,changeValue:n.changeValue,changeDrawerWidth:n.changeDrawerWidth,changeAfloat:n.changeAfloat},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},[t("div",{staticStyle:{width:"100%",height:"100%",display:"flex",overflow:"hidden"}},[n.isAtLeft?t("div",{staticClass:"ts",style:n.useNoTransStyle+" 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:n.useNoTransStyle+" width:"+n.virtualZoneWidth+"px; min-width:"+n.virtualZoneWidth+"px;"})]),n._v(" "),n.showAni1Basic?t("div",{staticClass:"ts",style:"position:"+n.useAniPosition+"; "+n.useDrawerDetectLoction+" top:0px; bottom:0px; z-index:"+(n.useDrawerZIndex+1)+"; width:"+n.useDrawerDetectWidth+"; height:100%; opacity:"+n.useAniOpacity+"; background:"+n.useAniColor+";"}):n._e(),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.showAni2Detect,expression:"showAni2Detect"}],style:"position:"+n.useAniPosition+"; "+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",{directives:[{name:"domstable",rawName:"v-domstable"}],ref:"divDrawer",class:"ts "+n.useDrawerClassShadow,style:n.useNoTransStyle+" width:"+n.useDrawerWidthTrans+"px; height:100%; transform:translateX("+n.useDrawerTranslateX+"%);",on:{domstable:n.getStableDrawer}},[t("div",{staticClass:"ts",style:n.useNoTransStyle+" 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:n.useNoTransStyle+" 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.useAniPosition+"; 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+"; box-sizing:border-box; opacity:"+(n.showAni5DragDrawerBar?1:0)+"; cursor:col-resize; user-select:none; touch-action:none;"},[t("div",{style:"width:"+n.useDrawerBarSize+"px; height:100%; background:"+n.useDrawerBarColor+";"})])])])])])])])};Yf._withStripped=!0;const jf=t({render:Yf,staticRenderFns:[]},function(n){n&&n("data-v-55abd245_0",{source:"\n.ts[data-v-55abd245] {\r\n    transition:all 0.3s cubic-bezier(.25,.8,.5,1);\n}\n.bs[data-v-55abd245] {\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:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WDrawer.vue"],names:[],mappings:";AAo/BA;IACA,6CAAA;AACA;AACA;IACA,yHAAA;AACA",file:"WDrawer.vue",sourcesContent:["<template>\r\n    <div\r\n        :state=\"state\"\r\n        :changeValue=\"changeValue\"\r\n        :changeDrawerWidth=\"changeDrawerWidth\"\r\n        :changeAfloat=\"changeAfloat\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n    >\r\n\r\n        \x3c!-- 因拖曳寬度bar現放置於divPanel下並且浮動定位, 左右側之拖曳區會超出divPanel, 故須使用overflow:hidden --\x3e\r\n        <div\r\n            ref=\"divPanel\"\r\n            style=\"position:relative; width:100%; height:100%; overflow:hidden;\"\r\n        >\r\n\r\n            \x3c!-- 因右側抽屜會無法被內容區裁切遮蔽, 故須使用overflow:hidden --\x3e\r\n            <div style=\"width:100%; height:100%; display:flex; overflow:hidden;\">\r\n\r\n                \x3c!-- 撐開區, 需使用min-width避免被壓縮 --\x3e\r\n                <div\r\n                    class=\"ts\"\r\n                    :style=\"`${useNoTransStyle} width:${virtualZoneWidth}px; min-width:${virtualZoneWidth}px;`\"\r\n                    v-if=\"isAtLeft\"\r\n                ></div>\r\n\r\n                \x3c!-- 因內容區具有無法崩塌元素, 故也須使用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=\"`${useNoTransStyle} 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:${useAniPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+1}; width:${useDrawerDetectWidth}; height:100%; opacity:${useAniOpacity}; background:${useAniColor};`\"\r\n                v-if=\"showAni1Basic\"\r\n            >\r\n            </div>\r\n\r\n            \x3c!-- overlay關閉事件監聽層, 與隱藏內層之向外陰影 --\x3e\r\n            <div\r\n                :style=\"`position:${useAniPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+2}; width:${useDrawerDetectWidth}; height:100%;`\"\r\n                @click=\"(ev)=>{ckToggle(ev,false)}\"\r\n                v-show=\"showAni2Detect\"\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=\"`${useNoTransStyle} width:${useDrawerWidthTrans}px; height:100%; transform:translateX(${useDrawerTranslateX}%);`\"\r\n                        v-domstable\r\n                        @domstable=\"getStableDrawer\"\r\n                    >\r\n\r\n                        <div\r\n                            class=\"ts\"\r\n                            :style=\"`${useNoTransStyle} 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=\"`${useNoTransStyle} 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                            \x3c!-- 寬度內要含border, 故須box-sizing:border-box --\x3e\r\n                            <div\r\n                                ref=\"divBar\"\r\n                                :style=\"`position:${useAniPosition}; 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}; box-sizing:border-box; opacity:${showAni5DragDrawerBar?1:0}; cursor:col-resize; user-select:none; touch-action: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-es/get.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport genID from 'wsemi/src/genID.mjs'\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 waitFun from 'wsemi/src/waitFun.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domStable from '../js/domStable.mjs'\r\nimport convertColor from '../js/convertColor.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時浮在內容區上故不壓縮內容區寬度，搭配autoSwitchToFloat或autoSwitchToFix時會由組件改寫，建議使用.sync綁定，預設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 * @vue-prop {Boolean} [autoSwitchToHide=false] 輸入是否自動切換至隱藏布林值，當抽屜顯示時且組件寬度過小時則隱藏，預設false\r\n * @vue-prop {Boolean} [autoSwitchToShow=false] 輸入是否自動切換至顯示布林值，當抽屜隱藏時且組件寬度過大時則顯示，預設false\r\n * @vue-prop {Boolean} [autoSwitchToFloat=false] 輸入是否自動切換至浮動布林值，當抽屜顯示時且組件寬度過小時則浮動，預設false\r\n * @vue-prop {Boolean} [autoSwitchToFix=false] 輸入是否自動切換至佔版布林值，當抽屜為浮動時且組件寬度過大時則佔版，為autoSwitchToFloat之回程故須搭配其使用，僅回復由autoSwitchToFloat造成之浮動而不覆寫呼叫端以afloat明確指定之浮動，與Float不同之處為不論抽屜顯示與否皆會判斷，切換時發出update:afloat為false故建議afloat使用.sync綁定，另此處之Fix代表佔版(非浮動)，與afloatByFix之fixed定位無關，預設false\r\n * @vue-prop {Number} [switchWidth=340] 輸入當自動切換顯示、隱藏、浮動、佔版時判斷組件寬度過小之門檻寬度數字，變窄至小於此值時隱藏或浮動，變寬至大於等於此值時顯示或佔版，當afloatByFix為true時比較的是視窗可視寬度，單位為px，預設340\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        domstable: domStable(),\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        autoSwitchToHide: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoSwitchToShow: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoSwitchToFloat: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoSwitchToFix: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        switchWidth: {\r\n            type: Number,\r\n            default: 340,\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            state: 'hidden', //hidden, hiding, opened, opening\r\n\r\n            valueTrans: false,\r\n\r\n            dragging: false,\r\n\r\n            drawerWidthTrans: 200,\r\n            afloatTrans: false,\r\n\r\n            drawerStable: true,\r\n            drawerTransitionDone: false, //divDrawer自身transform過場是否已結束(transitionend或transitioncancel), 為落定state之主要訊號\r\n            hdDrawerTransition: null, //divDrawer過場事件監聽之handler, 供移除\r\n\r\n            timerAni1Basic: null,\r\n            showAni1Basic: false,\r\n            effAni1Basic: false,\r\n\r\n            timerAni2Detect: null,\r\n            showAni2Detect: false,\r\n            // effAni2Detect: false,\r\n\r\n            timerAni3Shadow: null,\r\n            showAni3Shadow: false,\r\n            // effAni3Shadow: false,\r\n\r\n            timerAni4Translate: null,\r\n            // showAni4Translate: false,\r\n            effAni4Translate: false,\r\n\r\n            timerAni5DragDrawerBar: null,\r\n            showAni5DragDrawerBar: false,\r\n\r\n            timerAni6State: null,\r\n            tagStateNow: '',\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.dragging = true\r\n        })\r\n        das.on('freeBar', () => {\r\n            setTimeout(() => { //因拖曳寬度bar現在位於overlay關閉事件監聽層之內, 故會優先觸發點擊事件後才冒泡出去, 導致放掉拖曳時會觸發點擊關閉事件, 故改採通過delay脫勾與上鎖機制避免關閉\r\n                // console.log('freeBar')\r\n                vo.dragging = 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        //unwatch\r\n        vo.unwatchDrawerTransition()\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        changeAfloat: function() {\r\n            let vo = this\r\n\r\n            //___afloatFromAuto___, 記錄當前浮動是否由autoSwitchToFloat所造成, 供autoSwitchToFix判斷可否自動恢復佔版\r\n            //刻意不宣告於data使其為非響應式, 否則本computed讀取後會成為依賴, 於autoSwitchToFloat寫入時被標髒而重算, 使afloatTrans被prop值覆寫\r\n            //afloat由外部改變(非自動浮動後經.sync之回寫)時視為呼叫端明確指定, 清除標記後autoSwitchToFix便不覆寫該指定\r\n            if (!(vo.___afloatFromAuto___ === true && vo.afloat === true)) {\r\n                vo.___afloatFromAuto___ = false\r\n            }\r\n\r\n            vo.afloatTrans = vo.afloat\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.afloatTrans) {\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.afloatTrans) {\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        useAniColor: function() {\r\n            if (!this.afloatTrans) {\r\n                return 'transparent'\r\n            }\r\n            return convertColor(this.overlayColor)\r\n        },\r\n\r\n        useAniPosition: function() {\r\n            return this.afloatByFix ? 'fixed' : 'absolute'\r\n        },\r\n\r\n        useAniOpacity: function() {\r\n            if (!this.afloatTrans) {\r\n                return 0\r\n            }\r\n            return this.effAni1Basic ? this.overlayOpacity : 0\r\n        },\r\n\r\n        useDrawerTranslateX: function() {\r\n            if (this.effAni4Translate) {\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.afloatTrans) {\r\n                return '100%'\r\n            }\r\n            return `${this.useDrawerWidthTrans}px`\r\n        },\r\n\r\n        useDrawerClassShadow: function() {\r\n            return this.afloatTrans && this.showAni3Shadow ? '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 convertColor(this.drawerBarColor)\r\n        },\r\n\r\n        useDrawerBarBorderColor: function() {\r\n            return convertColor(this.drawerBarBorderColor)\r\n        },\r\n\r\n        useNoTransStyle: function() {\r\n            let vo = this\r\n            //拖曳寬度bar時關閉寬度transition, 避免bar位置瞬間更新而抽屜邊緣慢動畫追趕造成的視覺錯位\r\n            return vo.dragging ? 'transition:none;' : ''\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            // console.log('vo.panelWidth', vo.panelWidth)\r\n            // console.log('vo.panelHeight', vo.panelHeight)\r\n\r\n            //wl\r\n            let wl = vo.switchWidth\r\n            // console.log('wl', wl)\r\n\r\n            //mw\r\n            let mw = get(msg, 'smode.width', '')\r\n\r\n            //autoSwitchToHide\r\n            if (vo.autoSwitchToHide) {\r\n                if (vo.valueTrans && mw === 'smaller' && vo.panelWidth < wl) { //已開啟抽屜且為變窄時才隱藏\r\n\r\n                    //toggleValue\r\n                    vo.toggleValue(false)\r\n\r\n                    //emit\r\n                    vo.$emit('input', false)\r\n\r\n                }\r\n            }\r\n\r\n            //autoSwitchToShow\r\n            if (vo.autoSwitchToShow) {\r\n                if (!vo.valueTrans && mw === 'larger' && vo.panelWidth >= wl) { //已隱藏抽屜且為變寬時才顯示\r\n\r\n                    //toggleValue\r\n                    vo.toggleValue(true)\r\n\r\n                    //emit\r\n                    vo.$emit('input', true)\r\n\r\n                }\r\n            }\r\n\r\n            //autoSwitchToFloat\r\n            if (vo.autoSwitchToFloat) {\r\n                if (vo.valueTrans && !vo.afloatTrans && mw === 'smaller' && vo.panelWidth < wl) { //已開啟抽屜且為佔版模式且為變窄時才浮動\r\n\r\n                    //save afloatTrans, 並標記此浮動為自動切換所造成, 供autoSwitchToFix回復\r\n                    vo.___afloatFromAuto___ = true\r\n                    vo.afloatTrans = true\r\n\r\n                    //emit\r\n                    vo.$emit('update:afloat', true)\r\n\r\n                }\r\n            }\r\n\r\n            //autoSwitchToFix\r\n            if (vo.autoSwitchToFix) {\r\n                //不檢核valueTrans, 因toggleValue不寫入valueTrans(唯一寫入處為changeValue), autoSwitchToShow於同輪發出input後valueTrans仍為舊值, 檢核會使抽屜自動顯示時無法同時恢復佔版\r\n                //僅回復由autoSwitchToFloat造成之浮動, 呼叫端以afloat明確指定之浮動不覆寫\r\n                if (vo.___afloatFromAuto___ === true && vo.afloatTrans && mw === 'larger' && vo.panelWidth >= wl) { //已為自動浮動且為變寬時才佔版\r\n\r\n                    //save afloatTrans\r\n                    vo.___afloatFromAuto___ = false\r\n                    vo.afloatTrans = false\r\n\r\n                    //emit\r\n                    vo.$emit('update:afloat', false)\r\n\r\n                }\r\n            }\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.afloatTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 上鎖時禁止觸發\r\n            if (vo.dragging) {\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: async function (value) {\r\n            // console.log('methods toggleValue', value)\r\n\r\n            let vo = this\r\n\r\n            //wait $el\r\n            await waitFun(() => {\r\n                return vo.$el !== undefined\r\n            }, { attemptNum: 800, timeInterval: 250 })\r\n\r\n            //clearTimeout\r\n            clearTimeout(vo.timerAni1Basic)\r\n            clearTimeout(vo.timerAni2Detect)\r\n            clearTimeout(vo.timerAni3Shadow)\r\n            clearTimeout(vo.timerAni4Translate)\r\n            clearTimeout(vo.timerAni5DragDrawerBar)\r\n            clearTimeout(vo.timerAni6State)\r\n\r\n            //切換即標記為未穩定, 待divDrawer(及子樹)動畫真正結束(directive偵測)後才翻true; 避免waitFun讀到殘留true而過早落定\r\n            vo.drawerStable = false\r\n\r\n            //監聽divDrawer自身transform過場之結束, 作為落定state之主要訊號; directive為邊緣觸發, 高負載下可能整段位移皆未取樣到而不再回呼, 若只依賴它會卡在opening/hiding, 詳settleState\r\n            vo.watchDrawerTransition()\r\n\r\n            //此次切換的tag(genID唯一值), 供下方延遲落定的waitFun回呼比對, 避免快速切換時舊的waitFun誤落定\r\n            let tagStateNew = genID()\r\n            vo.tagStateNow = tagStateNew\r\n\r\n            let sec\r\n\r\n            //check\r\n            if (value) {\r\n                //顯示\r\n\r\n                // vo.fsmShowAni.showAni()\r\n                // vo.fsmShowStateAni.showAni()\r\n                sec = 20\r\n\r\n                //state\r\n                vo.state = 'opening'\r\n\r\n                // showAni1Basic: false,\r\n                // effAni1Basic: false,\r\n                vo.showAni1Basic = true\r\n                vo.timerAni1Basic = setTimeout(() => {\r\n                    vo.effAni1Basic = true\r\n                }, sec)\r\n\r\n                // showAni2Detect: false,\r\n                // effAni2Detect: false,\r\n                vo.showAni2Detect = true\r\n\r\n                // showAni3Shadow: false,\r\n                // effAni3Shadow: false,\r\n                vo.showAni3Shadow = true\r\n\r\n                // showAni4Translate: false,\r\n                // effAni4Translate: false,\r\n                // vo.showAni4Translate = true\r\n                vo.timerAni4Translate = setTimeout(() => {\r\n                    vo.effAni4Translate = true\r\n                }, sec)\r\n\r\n                // showAni5DragDrawerBar: false,\r\n                // vo.showAni5DragDrawerBar = true\r\n                vo.timerAni5DragDrawerBar = setTimeout(() => {\r\n                    vo.showAni5DragDrawerBar = true\r\n                }, 300)\r\n\r\n                //待動畫時長後落定state, 詳settleState\r\n                vo.timerAni6State = setTimeout(() => {\r\n                    vo.settleState('opened', sec, tagStateNew)\r\n                }, 300)\r\n\r\n            }\r\n            else {\r\n                //隱藏\r\n\r\n                // vo.fsmShowAni.hideAni()\r\n                // vo.fsmShowStateAni.hideAni()\r\n                sec = 300\r\n\r\n                //state\r\n                vo.state = 'hiding'\r\n\r\n                // showAni1Basic: false,\r\n                // effAni1Basic: false,\r\n                vo.effAni1Basic = false\r\n                vo.timerAni1Basic = setTimeout(() => {\r\n                    vo.showAni1Basic = false\r\n                }, sec)\r\n\r\n                // showAni2Detect: false,\r\n                // effAni2Detect: false,\r\n                vo.timerAni2Detect = setTimeout(() => {\r\n                    vo.showAni2Detect = false\r\n                }, sec)\r\n\r\n                // showAni3Shadow: false,\r\n                // effAni3Shadow: false,\r\n                vo.timerAni3Shadow = setTimeout(() => {\r\n                    vo.showAni3Shadow = false\r\n                }, sec / 2) //提前隱藏陰影\r\n\r\n                // showAni4Translate: false,\r\n                // effAni4Translate: false,\r\n                vo.effAni4Translate = false\r\n                // vo.timerAni4Translate = setTimeout(() => {\r\n                //     vo.showAni4Translate = false\r\n                // }, sec)\r\n\r\n                // showAni5DragDrawerBar: false,\r\n                vo.showAni5DragDrawerBar = false\r\n\r\n                //待動畫時長後落定state, 詳settleState\r\n                vo.timerAni6State = setTimeout(() => {\r\n                    vo.settleState('hidden', sec, tagStateNew)\r\n                }, 300)\r\n\r\n            }\r\n\r\n        },\r\n\r\n        watchDrawerTransition: function() {\r\n            // console.log('methods watchDrawerTransition')\r\n\r\n            let vo = this\r\n\r\n            //unwatch, 快速切換時先移除前次監聽\r\n            vo.unwatchDrawerTransition()\r\n\r\n            //el\r\n            let el = get(vo, '$refs.divDrawer', null)\r\n            if (!el) {\r\n                return\r\n            }\r\n\r\n            //reset\r\n            vo.drawerTransitionDone = false\r\n\r\n            //fn, 過場事件會自子樹冒泡, 須限定為divDrawer自身之transform; 收合時divDrawer會因外層轉為display:none而取消過場, 故transitioncancel亦視為結束\r\n            let fn = (ev) => {\r\n                if (ev.target !== el || ev.propertyName !== 'transform') {\r\n                    return\r\n                }\r\n                vo.drawerTransitionDone = true\r\n            }\r\n            el.addEventListener('transitionend', fn)\r\n            el.addEventListener('transitioncancel', fn)\r\n\r\n            //save\r\n            vo.hdDrawerTransition = { el, fn }\r\n\r\n        },\r\n\r\n        unwatchDrawerTransition: function() {\r\n            // console.log('methods unwatchDrawerTransition')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            let hd = vo.hdDrawerTransition\r\n            if (!hd) {\r\n                return\r\n            }\r\n\r\n            //removeEventListener\r\n            hd.el.removeEventListener('transitionend', hd.fn)\r\n            hd.el.removeEventListener('transitioncancel', hd.fn)\r\n\r\n            //clear\r\n            vo.hdDrawerTransition = null\r\n\r\n        },\r\n\r\n        settleState: function(stateEnd, sec, tagStateNew) {\r\n            // console.log('methods settleState', stateEnd, sec, tagStateNew)\r\n\r\n            let vo = this\r\n\r\n            //settle, 比對tag避免快速切換時舊的落定誤寫\r\n            let settle = () => {\r\n                if (vo.tagStateNow !== tagStateNew) {\r\n                    return\r\n                }\r\n                vo.unwatchDrawerTransition()\r\n                vo.state = stateEnd\r\n            }\r\n\r\n            //以位準判斷落定: divDrawer自身transform過場已結束(drawerTransitionDone), 或directive回報divDrawer及子樹已穩定(drawerStable), 任一成立即落定; 最長等sec+1000ms\r\n            let timeInterval = 50\r\n            let attemptNum = Math.ceil((sec + 1000) / timeInterval)\r\n            waitFun(() => vo.drawerTransitionDone === true || vo.drawerStable === true, { attemptNum, timeInterval })\r\n                .then(settle)\r\n                .catch(async () => {\r\n\r\n                    //兜底: 兩訊號皆未到達(如不位移或無過場時), 若divDrawer此時仍存在transform過場(含尚未開始之pending, 高負載下過場可能延後開始)則等其結束, 上限3000ms, 避免過場中即落定\r\n                    let anims = []\r\n                    try {\r\n                        anims = vo.$refs.divDrawer.getAnimations().filter((a) => a.transitionProperty === 'transform')\r\n                    }\r\n                    catch (err) {}\r\n                    if (anims.length > 0) {\r\n                        await Promise.race([\r\n                            Promise.allSettled(anims.map((a) => a.finished)),\r\n                            new Promise((resolve) => setTimeout(resolve, 3000)),\r\n                        ])\r\n                    }\r\n\r\n                    //settle\r\n                    settle()\r\n\r\n                })\r\n\r\n        },\r\n\r\n        getStableDrawer: function(b) {\r\n            // console.log('methods getStableDrawer', b)\r\n\r\n            let vo = this\r\n\r\n            //更新drawerStable: divDrawer(及子樹)動畫是否已穩定, 由v-domstable(domStable directive)偵測後回呼; 為落定state之輔助訊號, 主要訊號為divDrawer自身之過場事件, 詳settleState\r\n            vo.drawerStable = b\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})},Mf,"data-v-55abd245",false,void 0,!1,o,void 0,void 0);async function _f(n){let e=[],t=wn();return await async function n(t){let r=null;if(t.isFile&&(r=await function(n){let e=wn();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 function(n){let e=wn();try{n.readEntries(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(e);await Be(r,async e=>{await n(e)})}}(n),t.resolve(e),t}async function Kf(n){let e=[];Ie(n,n=>{let t=n.webkitGetAsEntry();t&&e.push(t)});let t=await async function(n){let e=[];return await Be(n,async n=>{Ie(await _f(n),n=>{e.push(n)})}),e}(e);return t}async function $f(n){let e=[],t=[];try{e=await async function(n){let e=[];return Ie(n,n=>{n.type&&e.push({type:"file",name:n.name,file:n})}),e}(mn(n,"files",[])),id()||(t=await Kf(mn(n,"items",[])).catch(n=>{console.log(n)}))}catch(n){return Promise.reject(n)}return{files:e,entries:t}}var Ef={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=wi();function o(n){ld(n),t=!0,!1===e&&(e=!0,r.emit("dropIn",{ev:n}))}function i(n){ld(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),$f(n.dataTransfer).then(t=>{let o=Zo(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?wo(n.borderColorDropIn):n.bMouseIn?wo(n.borderColorHover):wo(n.borderColor)},useBackgroundColor:function(){let n=this;return n.bDropIn?wo(n.backgroundColorDropIn):n.bMouseIn?wo(n.backgroundColorHover):wo(n.backgroundColor)}},methods:{}};const Of=Ef;var Jf=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; box-sizing:border-box; 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)};Jf._withStripped=!0;const Uf=t({render:Jf,staticRenderFns:[]},function(n){n&&n("data-v-792dde94_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})},Of,"data-v-792dde94",false,void 0,!1,o,void 0,void 0);function Qf(n,e){if(!hd(n))return[];if(!bn(e)&&!hd(e))return[];let t=null;t=bn(e)?$t(e," "):e;let r=xo(t);let o=Tt(n,n=>function(n){let e=!1,o=0;for(let i=0;i<r;i++){let l=t[i],a=l,d="+"===ql(l,1),u="-"===ql(l,1);if((d||u)&&(a=or(l,1)),""===Kt(a))continue;let s=n.indexOf(a)>=0;if(d){if(s){e=!0,o=1;break}e=!1,o=0;break}if(u){if(s){e=!1,o=0;break}e=!0,o=1;break}if(s){e=!0;let n=1-i/r;n=n**2,o+=n}}return{hasKeyword:e,weight:o}}(n));return o}function qf(n,e=!1,t={}){let r=mn(t,"returnWithStateAndMsg",null);In(r)||(r=!1);let o=n=>r?{state:"error",msg:n}:"";if(pd(n))return o("invalid v");let i="";try{i=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){return o(n.toString())}return r?{state:"success",msg:i}:i}function nh(n=300){return new function(n){let e=[],t=null,r=Date.now();return dr(n)||(n=300),n=er(n),function(o,...i){Te(o)?(r=Date.now(),e.push({func:o,input:i}),null===t&&(t=setInterval(()=>{if(0===xo(e))return clearInterval(t),void(t=null);if(Date.now()-r>n){let n=e.pop();e=[];try{n.func(...n.input)}catch(n){console.log("m.func catch",n)}}},10))):console.log("func is not a function")}}(n)}let eh=function(n){if(!Te(n))throw new Error("fn is not a function");return function(){let e=wn(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):ur(t)?t.then(n=>{e.resolve({state:"success",msg:n})}).catch(n=>{"cancelled"===mn(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})}):e.resolve({state:"success",msg:t}),e}};function th(){let n=wi(),e=[],t=null,r=!1;return function(o,...i){let l=wn();if(!Te(o))return void console.log("func is not a function");let a=Uo();return e.push({id:a,func:o,input:i}),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=Te(o.func)?await eh(o.func)(...o.input):{state:"error",msg:"fun is not a function"},n.emit(t,e)}r=!1,r||0!==e.length||(clearInterval(t),t=null)},20)),n.once(a,n=>{"success"===n.state?l.resolve(n.msg):"cancelled"===n.state?l.reject({reason:"cancelled"}):l.reject(n.msg)}),l}}function rh(n,e){return n&&n.length?Id(n,It(e),kd):void 0}function oh(n,e){let t=xo(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=Zo(e,n=>n.v<=0),d=rh(e,"v").i,a=!1;break}o*t>0?(r=n,o=t):(i=n,l=t)}return d}let ih={};function lh(){return{set:function(n,e){ih[n]=e},get:function(n){return ih[n]},remove:function(n){delete ih[n]}}}let ah=["attributes","attributeFilter","attributeOldValue","characterData","characterDataOldValue","childList","subtree"];function dh(n,{given:e}){return e?{cfg:n,warns:[]}:{cfg:{attributes:!0,childList:!0,subtree:!0},warns:[]}}function uh(n,e,t){let r=new MutationObserver(function(e){t({ele:n,mutations:e})});try{r.observe(n,e)}catch(n){return r.disconnect(),console.warn(`[v-dommutation] MutationObserver設定無效而不偵測: ${n&&n.message}`),null}return{clear:()=>{r.disconnect()}}}function sh(){return Il({name:"dommutation",attr:"ev-mutation",keys:ah,normalize:dh,create:uh})}function ch(){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}}()||Te(window.IntersectionObserverEntry))}function ph(n){let e=null,t=-1/0;for(let r of n||[]){let n=Number(r&&r.time);Number.isFinite(n)||(n=t),n>=t&&(t=n,e=r)}return e?!!e.isIntersecting:null}function fh(n,e={}){let t=Lf.getMode(e);if(!li(n))return Lf.detectorFail(t,"invalid element");if(ch())return Lf.detectorFail(t,"invalid IntersectionObserver");if("promise"===t){let e=wn();try{let t=new IntersectionObserver(n=>{let r=ph(n);null!==r&&(e.resolve(r),t.disconnect())});t.observe(n)}catch(n){e.reject(n)}return e}return Lf.detectorEvent((e,t)=>{let r=new IntersectionObserver(n=>{let t=ph(n);null!==t&&e("visible",t)});t(()=>{r.disconnect()}),r.observe(n)},{tag:"domIsVisible"})}function hh(n,e,t){let r=fh(n,{mode:"event"}),o=!1;return r.on("visible",n=>{o!==n&&(o=n,t(n))}),r.create(),{clear:()=>{r.dispose()}}}const gh={directives:{domresize:Hl(),dommutation:sh(),domvisible:Il({name:"domvisible",attr:"ev-visible",keys:[],create:hh})},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:nh(),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=mn(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=mn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=mn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let r=mn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},resizeContent:function(n){let e=this,t=mn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio()},mutation:function(n){let e=this,t=mn(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=mn(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 sr(()=>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};Vi(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&mn(e,"$refs.divShell")&&mn(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&&mn(e,"$refs.divShell")&&mn(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}))}}};var mh=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:"\n                position:relative;\n                width:calc( 100% + "+n.nativeBarWidth+"px ); height:"+n.panelHeight+"px;\n                box-sizing:content-box;\n                overflow-x:hidden; overflow-y:scroll;\n            ",on:{domresize:n.resizeShell,scroll:n.scrollShell}},[t("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"},{name:"domresize",rawName:"v-domresize",value:{tolerancePixel:0},expression:"{tolerancePixel:0}"}],ref:"divContent",style:"",on:{dommutation:n.mutation,domvisible:n.visible,domresize:n.resizeContent}},[n._t("default")],2)]),n._v(" "),t("div",{style:"\n            position:absolute; top:0px; right:"+(n.isMobile?-8:0)+"px;\n            width:"+(n.contentHeightEff>0?8:0)+"px;\n            overflow-x:hidden;\n        "},[t("div",{ref:"divBar",staticClass:"sb",style:"\n                    width:8px; height:"+n.panelHeight+"px;\n                    box-sizing:content-box;\n                    overflow-x:hidden; overflow-y:auto;\n                    opacity:"+(n.mouseEntering?n.barOpacityHover:n.barOpacity)+";\n                ",on:{scroll:n.scrollBar}},[t("div",{style:"width:1px; height:"+n.contentHeight+"px;"})])])])])};mh._withStripped=!0;const vh=t({render:mh,staticRenderFns:[]},function(n){n&&n("data-v-3545f53f_0",{source:"\n.sb[data-v-3545f53f] {\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-3545f53f]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-3545f53f]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-3545f53f]::-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:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AAilBA;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!-- 加寬divShell把原生捲軸推出外層overflow-x:hidden裁切殼以隱藏之, 加寬量見useShellExtraWidth --\x3e\r\n            <div\r\n                ref=\"divShell\"\r\n                :style=\"`\r\n                    position:relative;\r\n                    width:calc( 100% + ${nativeBarWidth}px ); height:${panelHeight}px;\r\n                    box-sizing:content-box;\r\n                    overflow-x:hidden; overflow-y:scroll;\r\n                `\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                \x3c!-- 偵測divContent尺寸: divShell高度由contentHeight設定, 內容於無DOM變動下改變高度(如圖片載入)時divShell尺寸不變而偵測不到 --\x3e\r\n                \x3c!-- 容差須給0, 否則contentHeight(取整數offsetHeight)可停在差1px之舊值而面板少1px裁切內容: wsemi 1.9.8起預設容差內之同向逐px變化雖照常回報, 惟同向連續第11次(RUN_MAX)不判定以阻斷單向回授, 內容高度動畫恰於該步結束時末值不回報; 本元件之單向增長受viewHeightMax封頂(panelHeight), 不需該防護 --\x3e\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                    v-domresize=\"{tolerancePixel:0}\"\r\n                    @domresize=\"resizeContent\"\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=\"`\r\n                position:absolute; top:0px; right:${isMobile?-8:0}px;\r\n                width:${contentHeightEff>0?8:0}px;\r\n                overflow-x:hidden;\r\n            `\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`\r\n                        width:8px; height:${panelHeight}px;\r\n                        box-sizing:content-box;\r\n                        overflow-x:hidden; overflow-y:auto;\r\n                        opacity:${mouseEntering?barOpacityHover:barOpacity};\r\n                    `\"\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-es/get.js'\r\nimport isEqual from 'lodash-es/isEqual.js'\r\n// import cloneDeep from 'lodash-es/cloneDeep.js'\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        resizeContent: function(msg) {\r\n            // console.log('methods resizeContent', 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\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeContent 需更新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        },\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})},gh,"data-v-3545f53f",false,void 0,!1,o,void 0,void 0);let yh=lh();var bh={components:{WPanelScrollyCore:vh},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..."},statePaddingStyle:{type:Object,default:()=>({v:12,h:12})},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:th(),dbcRefresh:nh(),mmkey:Uo(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,retryRendered:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,lockedAnchorIdx:null,filterKeywordsTemp:"",rowsTemp:null,itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let n=this;null!==n.mmkey&&yh.remove(n.mmkey),n.rowsTemp=null},watch:{rows:{immediate:!0,deep:!0,handler(n){this.setRows(n)}},show:function(n){let e=this;n&&e.$nextTick(()=>{e.refresh("show")})}},computed:{changeFilterKeyWords:function(){let n=this.filterKeywords;return this.filterDebounce(),n},useStatePadding:function(){return`padding:${dd(this.statePaddingStyle,{ext:{}})};`}},methods:{getRows:function(){return yh.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return e.rowsTemp=n,"deferred"}if(!ke(n)){return e.rowsTemp=null,"rows is not array"}e.rowsTemp=null,null!==e.mmkey&&yh.remove(e.mmkey);let t=Tt(n,(n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n}));yh.set(e.mmkey,t),e.changeDisplay=!0,e.lockedAnchorIdx=null},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=xo(n)<=1e4,e.setRowsCore(n),await e.refreshCore("setRows")}().catch(n=>{console.log(n)}).finally(()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1})},genUseItems:function(){let n=this;if(null===n.mmkey)return;let e=yh.get(n.mmkey),t=xo(e),r=[],o=!1,i=!1;if(t>0){let i=oh(e,t=>{let r=e[t];return n.scrollInfor.t-(r.y+r.height)});null===i&&(i=0);let l=Math.max(i-1,0);null!==n.lockedAnchorIdx&&(l=Math.min(Math.max(n.lockedAnchorIdx,0),t-1));let a=oh(e,t=>{let r=e[t];return n.scrollInfor.b-r.y});null===a&&(a=t-1);let d=Math.min(a+n.itemsPreload,t-1),u=0;for(let n=0;n<l;n++){let t=e[n];t.displayShow&&t.filterShow&&(u+=t.height)}let s=0;for(let n=d+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(s+=t.height)}for(let t=l;t<=d;t++){let o=Sl(e[t]);o.displayShow&&o.filterShow&&(o.nowShow=!0,o.top=o.y-n.scrollInfor.t,r.push(o))}n.itemsHeightPre!==u&&(o=!0,n.itemsHeightPre=u),n.itemsHeightAft!==s&&(o=!0,n.itemsHeightAft=s)}Vi(n.useItems,r)||(i=!0,n.useItems=r);let l=o||i;if(n.$refs.wdsDiv){let e=Tt(r,"row"),t=Tt(r,"row.item");l&&n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),Vi(n.emItemsTemp,t)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:e,items:t}),n.emItemsTemp=t)}return{change:l}},syncItemsHeight:function(n,e){let t=!1;return 0===xo(n)||Ie(mn(this,"$refs.wdsDiv",[]),(r,o)=>{if(!r.getAttribute)return console.log("找不到getAttribute"),!0;let i=r.getAttribute("index");if(!tr(i))return console.log("!isp0int(index)",i),!0;i=er(i);let l=mn(r,"children.0");if(!li(l))return console.log("!isEle(cnode)",l),!0;let a=l.offsetHeight;n[i].height!==a&&(Te(e)&&e(i,a),t=!0)}),t},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=yh.get(n.mmkey),t=xo(e);if(!n.isRendered())return n.retryWhenRendered(),{change:!1,itemsHeight:null};n.changeHeight=n.syncItemsHeight(e,(n,t)=>{e[n].height=t});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.isRendered())return void e.retryWhenRendered();null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});await(async()=>{e.lockFromRefreshUseItems=!0;let n=Sl(e.scrollInfor),t=await(async()=>{e.filterItems();let n=e.genUseItems();return await cr(20),{genUseItems:n,updateItemsHeight:e.updateItemsHeight()}})(),r=mn(t,"genUseItems.change",!1)||mn(t,"updateItemsHeight.change",!1),o=mn(t,"updateItemsHeight.itemsHeight",null);if(Wo(o))if(o<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=o-n.ch);let r=e.scrollTop+t;e.scrollTop!==r&&(e.scrollTop=r),e.itemsHeight=o,e.$emit("change-height-of-items",{height:o})}r&&(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(()=>{})},isRendered:function(){return this.show&&Ii(this.$el)},retryWhenRendered:function(){let n=this;n._isMounted&&(n.retryRendered||(n.retryRendered=!0,("function"==typeof requestAnimationFrame?requestAnimationFrame:n=>setTimeout(n,16))(()=>{n.retryRendered=!1,n._isDestroyed||n.isRendered()&&n.refresh("retryWhenRendered")})))},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;let t=mn(n,"evMsg.from","");if("scroll"===n.evName&&"bar"===t){let n=yh.get(e.mmkey);if(hd(n)){let t=oh(n,t=>{let r=n[t];return e.scrollInfor.t-(r.y+r.height)});null===t&&(t=0),e.lockedAnchorIdx=Math.max(t,0)}}else"wdl-refreshCore"===t||(e.lockedAnchorIdx=null);e.refresh("changeInfor")}))},processItems:async function(n={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let t=yh.get(e.mmkey);if(!ke(t))return;let r=mn(n,"fun",null);if(Te(r)){let n=r(t);ur(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let o=mn(n,"indStart",null),i=mn(n,"indEnd",null);if(Jt(o)&&Jt(i)){let r=mn(n,"displayShow",null);if(In(r)){for(let n=o;n<=i;n++){mn(t,n,null)&&(t[n].displayShow=r)}e.changeDisplay=!0}let l=mn(n,"filterShow",null);if(In(l)){for(let n=o;n<=i;n++){mn(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(()=>{if(e.lockFromProcess=!1,ke(e.rowsTemp)){let n=e.rowsTemp;e.rowsTemp=null,e.setRows(n)}})},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=yh.get(n.mmkey),t=xo(e);if(n.searchingResults=-1,0===xo(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),r=Qf(Tt(e,n=>{let e=n.row,t="";return t=yn(e)?e:xn(e)?pn(e):Qo(e)?lr(wd(e)," "):qf(e),t=t.toLowerCase(),t}),t),o=0;Ie(e,(n,t)=>{let i=r[t];e[t].filterShow=i.hasKeyword,i.hasKeyword&&o++}),n.searchingResults=o}n.changeFilter=!0},triggerEvent:function(n,e){let t=mn(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const Ch=bh;var xh=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",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};xh._withStripped=!0;const Sh=t({render:xh,staticRenderFns:[]},function(n){n&&n("data-v-1c5df7fc_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",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})},Ch,"data-v-1c5df7fc",false,void 0,!1,o,void 0,void 0);const wh={components:{WIconLoading:To},props:{pathItems:{type:Array,default:()=>["base:w-echarts-vue"]},options:{type:Object,default:()=>({})},theme:{type:[String,Object],default:()=>""},initOptions:{type:Object,default:()=>({})},updateOptions:{type:Object,default:()=>({})},group:{type:String,default:()=>""},manualUpdate:{type:Boolean,default:()=>!1},loading:{type:Boolean,default:()=>!1},loadingOptions:{type:Object,default:()=>({})},autoresize:{type:[Boolean,Object],default:()=>!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;yr(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-echarts-vue"];n.default&&(n=n.default),Cr().component("w-echarts-vue",n)}n.cmpName="w-echarts-vue"})},computed:{},methods:{}};var Ih=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,n._g({ref:"$self",tag:"component",attrs:{options:n.options,theme:n.theme,initOptions:n.initOptions,updateOptions:n.updateOptions,group:n.group,manualUpdate:n.manualUpdate,loading:n.loading,loadingOptions:n.loadingOptions,autoresize:n.autoresize}},n.$listeners))};Ih._withStripped=!0;const kh=t({render:Ih,staticRenderFns:[]},function(n){n&&n("data-v-7799a306_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",map:{version:3,sources:[],names:[],mappings:"",file:"WEchartsVueDyn.vue"},media:void 0})},wh,"data-v-7799a306",false,void 0,!1,o,void 0,void 0);var Th=Array.prototype.reverse;function Bh(n){return null==n?n:Th.call(n)}function Hh(n,e){return bn(n)&&tr(e)?0===(e=er(e))?n:ql(n,n.length-e):""}function Ah(n,e){let t=Tt(e,e=>({key:e,value:Ot(n[e])}));return Tt(Eo(t,"value"),"key")}function Wh(n,e){let t=Tt(e,e=>function(n,e={}){let t=mn(e,"excludeString");if(In(t)||(t=!1),!bn(n))return"";let r=n=>n>="0"&&n<="9"||"."===n||"-"===n||"+"===n,o=Kt(n);if(t){let n=o.split("");for(let e=0;e<n.length;e++)if(r(n[e])){o=or(o,e),n=Vn(n,e);break}n=Bh(n);for(let e=0;e<n.length;e++)if(r(n[e])){o=Hh(o,e);break}}return o}(n[e],{excludeString:!0})),r=xo(t)>0&&t.every(n=>xn(n)),o=Tt(e,(e,o)=>({key:e,value:r?Ot(t[o]):na(n[e])}));return Tt(Eo(o,"value"),"key")}function Fh(n,e){let t=Tt(e,e=>({key:e,value:na(n[e])}));return Tt(function(n,e){let t=Sl(n);return t.sort((n,t)=>n[e].localeCompare(t[e],"standard",{numeric:!0})),t}(t,"value"),"key")}function Zh(n,e){let{nums:t,strs:r,others:o}=function(n){let e=[],t=[],r=[];return Ie(n,(n,o)=>{xn(n)?e.push(o):bn(n)&&""!==n.trim()?t.push(o):r.push(o)}),{nums:e,strs:t,others:r}}(n);if(e){let e=[...t,...r].sort((n,e)=>n-e);return[...Fh(n,e),...o]}return[...Ah(n,t),...Wh(n,r),...o]}function Xh(n,e,t){return null==n?n:function(n,e,t,r){if(!B(n))return n;for(var o=-1,i=(e=fn(e,n)).length,l=i-1,a=n;null!=a&&++o<i;){var d=hn(e[o]),u=t;if("__proto__"===d||"constructor"===d||"prototype"===d)return n;if(o!=l){var s=a[d];void 0===(u=r?r(s,d,a):void 0)&&(u=B(s)?s:ne(e[o+1])?[]:{})}Mi(a,d,u),a=a[d]}return n}(n,e,t)}function zh(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}function Rh(n,e,t,r){return xe(n,function(n,o,i){e(r,n,t(n),i)}),r}var Ph,Vh,Lh=Object.prototype.hasOwnProperty,Nh=(Ph=function(n,e,t){Lh.call(n,t)?n[t].push(e):Di(n,t,[e])},function(n,e){var t=s(n)?zh:Rh,r=Vh?Vh():{};return t(n,Ph,It(e),r)}),Dh=Nh;var Gh=Math.max;var Mh,Yh=(Mh=function(n,e,t){var r=null==n?0:n.length;if(!r)return-1;var o=null==t?0:Pn(t);return o<0&&(o=Gh(r+o,0)),Ht(n,It(e),o)},function(n,e,t){var r=Object(n);if(!ye(n)){var o=It(e);n=be(n),e=function(n){return o(r[n],n,r)}}var i=Mh(n,e,t);return i>-1?r[o?n[i]:i]:void 0});function jh(n,e={}){if(!hd(n))return{};let t=mn(e,"delimiter");bn(t)||(t="❯");let r=mn(e,"bindRoot");bn(r)||(r="");let o=bn(r),i="";i=o?r:"root";let l=mn(e,"soryItems"),a=Tt(n,(n,e)=>{"folder"!==n.type&&"file"!==n.type&&(n.type="file");let r=(n=>{let e=$t(n=(n=n.replace(/\\\\/g,"\\")).replace(/\\/g,"/"),"/");return{ss:e,cfp:lr(e,t)}})(n.path);return{ind:e,type:n.type,ss:r.ss,data:Sl(n)}}),d=n=>{let e=xo(n),r=[];for(let o=0;o<e;o++){let e=[];for(let t=0;t<=o;t++)e.push(n[t]);let i=lr(e,t);r.push({id:i,name:n[o]})}return r},u=-1,s=[],c={};Ie(a,n=>{let e=null;e=[i];let r=null;r=i;let o=xo(n.ss)-1;Ie(n.ss,(i,l)=>{let a=l<o||"folder"===n.type;e.push(i);let p=null,f=null;l===o&&(p=n.ind,f=n.data);let h=lr(e,t),g=d(e);if(Sn(c,h)){let e=c[h],t="folder"===mn(e,"_type","");if(!t&&a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] is unrecognized from a file to folder`);if(!t&&!a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] get repeat data from two files`);if(t&&!a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] is unrecognized from a folder to file`);if(Qo(c[h].data)&&Qo(f))throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] get repeat data from two folders`);if(null===c[h].data&&Qo(f)){c[h]._indOri=p,c[h].data=f;let n=c[h]._indNormalize,e=s[n];s[n]={...f,type:e.type,path:e.path}}}else{u++;let n=u,t=null;t=a?{_indOri:p,_indNormalize:n,ns:xo(e),ts:Sl(e),pathInfors:g,_type:"folder",type:"array",numOfChilren:-1,id:h,parentId:r,text:i,children:[],data:f}:{_indOri:p,_indNormalize:n,ns:xo(e),ts:Sl(e),pathInfors:g,_type:"file",type:"node",numOfChilren:-1,id:h,parentId:r,text:i,data:f},c[h]=t,s.push({...mn(c[h],"data",{}),type:c[h]._type,path:"/"+lr(e,"/")})}r=h})});let p=wd(c);if(p=Eo(p,"id"),p=Eo(p,"ns"),Te(l)){let n=[];Ie(Dh(p,"ns"),(e,t)=>{Ie(Dh(e,"parentId"),(e,r)=>{let o=l(e,r,t);n=[...n,...o]})}),p=n}let f=[],h=[];Ie(p,n=>{"folder"===n._type?f.push(n):h.push(n)});let g=Dh(f,"ns"),m=Dh(h,"ns"),v=Td(Tt(f,"ns")),y=Td(Tt(h,"ns")),b=null;{let n=[i];b=[{_indOri:null,_indNormalize:null,ns:xo(n),ts:Sl(n),pathInfors:d(n),_type:"folder",type:"array",numOfChilren:-1,id:i,parentId:"",text:i,children:[],data:null}]}let C={};C[i]="0.children";let x={};x[i]="0";for(let n=2;n<=v;n++){Ie(g[n],n=>{let e=mn(C,n.parentId,"");if(!bn(e))throw console.log("kpPathFd",C),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in folder`);let t=mn(b,e);if(ke(t)||Xh(b,e,[]),t=mn(b,e),!Qo(Yh(t,{id:n.id}))){t.push({...n,children:[]});let r=`${e}.${xo(t)-1}`;C[n.id]=`${r}.children`,x[n.id]=r}})}let S=Sl(b),w={};for(let n=2;n<=y;n++){Ie(m[n],n=>{let e=mn(C,n.parentId,"");if(!bn(e))throw console.log("kpPathFd",C),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in file`);let t=mn(b,e);if(!ke(t))throw console.log("treeItems",b),console.log("k",e),console.log("v",n),new Error("無預先建置資料夾");if(!Qo(Yh(t,{id:n.id}))){t.push(n);let r=`${e}.${xo(t)-1}`;w[n.id]=r,x[n.id]=r}})}return{treeItems:b,treeItemsFolder:S,kpPath:x,fpsNormalize:s}}function _h(n,e,t){return n&&n.length?kn(n,0,(e=t||void 0===e?1:Pn(e))<0?0:e):[]}function Kh(n,e,t){var r=null==n?0:n.length;return r?kn(n,(e=r-(e=t||void 0===e?1:Pn(e)))<0?0:e,r):[]}var $h=Object.prototype.hasOwnProperty;function Eh(n,e){var t=-1,r=(e=fn(e,n)).length;if(!r)return!0;for(;++t<r;){var o=hn(e[t]);if("__proto__"===o&&!$h.call(n,"__proto__"))return!1;if(("constructor"===o||"prototype"===o)&&t<r-1)return!1}var i=function(n,e){return e.length<2?n:gn(n,kn(e,0,-1))}(n,e);return null==i||delete i[hn(yd(e))]}var Oh=Array.prototype.splice;function Jh(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;ne(o)?Oh.call(n,o,1):Eh(n,o)}}return n}function Uh(n){return(null==n?0:n.length)?Ro(n,1):[]}var Qh=function(n){return Ko(No(n,void 0,Uh),n+"")}(function(n,e){var t=null==n?0:n.length,r=function(n,e){for(var t=-1,r=e.length,o=Array(r),i=null==n;++t<r;)o[t]=i?void 0:mn(n,e[t]);return o}(n,e);return Jh(n,dn(e,function(n){return ne(n,t)?+n:n}).sort(Po)),r}),qh=Qh;function ng(n,e,t){var r=null==n?0:n.length;return r?kn(n,0,(e=r-(e=t||void 0===e?1:Pn(e)))<0?0:e):[]}const eg="function"==typeof TextDecoder?new TextDecoder("utf-8",{ignoreBOM:!0}):void 0,tg=("function"==typeof TextEncoder&&new TextEncoder,Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=")),rg=(()=>{let n={};return tg.forEach((e,t)=>n[e]=t),n})(),og=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,ig=String.fromCharCode.bind(String),lg="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):n=>new Uint8Array(Array.prototype.slice.call(n,0)),ag=n=>n.replace(/[^A-Za-z0-9\+\/]/g,""),dg=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,ug=n=>{switch(n.length){case 4:var e=((7&n.charCodeAt(0))<<18|(63&n.charCodeAt(1))<<12|(63&n.charCodeAt(2))<<6|63&n.charCodeAt(3))-65536;return ig((e>>>10)+55296)+ig(56320+(1023&e));case 3:return ig((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return ig((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},sg="function"==typeof atob?n=>atob(ag(n)):n=>{if(n=n.replace(/\s+/g,""),!og.test(n))throw new TypeError("malformed base64.");let e,t,r;n+="==".slice(2-(3&n.length));let o=[];for(let i=0;i<n.length;)e=rg[n.charAt(i++)]<<18|rg[n.charAt(i++)]<<12|(t=rg[n.charAt(i++)])<<6|(r=rg[n.charAt(i++)]),64===t?o.push(ig(e>>16&255)):64===r?o.push(ig(e>>16&255,e>>8&255)):o.push(ig(e>>16&255,e>>8&255,255&e));return o.join("")},cg="function"==typeof Uint8Array.fromBase64?n=>Uint8Array.fromBase64(n):n=>lg(sg(n).split("").map(n=>n.charCodeAt(0))),pg=eg?n=>eg.decode(cg(n)):n=>(n=>n.replace(dg,ug))(sg(n)),fg=n=>pg((n=>ag(n.replace(/[-_]/g,n=>"-"==n?"+":"/")))(n));var hg={exports:{}};!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,u,s=this._events[a],c=arguments.length;if(s.fn){switch(s.once&&this.removeListener(n,s.fn,void 0,!0),c){case 1:return s.fn.call(s.context),!0;case 2:return s.fn.call(s.context,e),!0;case 3:return s.fn.call(s.context,e,r),!0;case 4:return s.fn.call(s.context,e,r,o),!0;case 5:return s.fn.call(s.context,e,r,o,i),!0;case 6:return s.fn.call(s.context,e,r,o,i,l),!0}for(u=1,d=new Array(c-1);u<c;u++)d[u-1]=arguments[u];s.fn.apply(s.context,d)}else{var p,f=s.length;for(u=0;u<f;u++)switch(s[u].once&&this.removeListener(n,s[u].fn,void 0,!0),c){case 1:s[u].fn.call(s[u].context);break;case 2:s[u].fn.call(s[u].context,e);break;case 3:s[u].fn.call(s[u].context,e,r);break;case 4:s[u].fn.call(s[u].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(c-1);p<c;p++)d[p-1]=arguments[p];s[u].fn.apply(s[u].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,u=[],s=a.length;d<s;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&u.push(a[d]);u.length?this._events[i]=1===u.length?u[0]:u: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}(hg);var gg=function(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}(hg.exports);let mg;!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;let n=fg("CgoKInVzZSBzdHJpY3QiO3ZhciB0PUFycmF5LmlzQXJyYXksZT0ib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsJiZnbG9iYWwuT2JqZWN0PT09T2JqZWN0JiZnbG9iYWwscj0ib2JqZWN0Ij09dHlwZW9mIHNlbGYmJnNlbGYmJnNlbGYuT2JqZWN0PT09T2JqZWN0JiZzZWxmLG49ZXx8cnx8RnVuY3Rpb24oInJldHVybiB0aGlzIikoKSxvPW4uU3ltYm9sLHU9T2JqZWN0LnByb3RvdHlwZSxjPXUuaGFzT3duUHJvcGVydHksaT11LnRvU3RyaW5nLGE9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDt2YXIgZj1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO3ZhciBsPW8/by50b1N0cmluZ1RhZzp2b2lkIDA7ZnVuY3Rpb24gcyh0KXtyZXR1cm4gbnVsbD09dD92b2lkIDA9PT10PyJbb2JqZWN0IFVuZGVmaW5lZF0iOiJbb2JqZWN0IE51bGxdIjpsJiZsIGluIE9iamVjdCh0KT9mdW5jdGlvbih0KXt2YXIgZT1jLmNhbGwodCxhKSxyPXRbYV07dHJ5e3RbYV09dm9pZCAwO3ZhciBuPSEwfWNhdGNoKHQpe312YXIgbz1pLmNhbGwodCk7cmV0dXJuIG4mJihlP3RbYV09cjpkZWxldGUgdFthXSksb30odCk6ZnVuY3Rpb24odCl7cmV0dXJuIGYuY2FsbCh0KX0odCl9ZnVuY3Rpb24gcCh0KXtyZXR1cm4gbnVsbCE9dCYmIm9iamVjdCI9PXR5cGVvZiB0fWZ1bmN0aW9uIGIodCl7cmV0dXJuInN5bWJvbCI9PXR5cGVvZiB0fHxwKHQpJiYiW29iamVjdCBTeW1ib2xdIj09cyh0KX12YXIgeT0vXC58XFsoPzpbXltcXV0qfChbIiddKSg/Oig/IVwxKVteXFxdfFxcLikqP1wxKVxdLyx2PS9eXHcqJC87ZnVuY3Rpb24gaCh0KXt2YXIgZT10eXBlb2YgdDtyZXR1cm4gbnVsbCE9dCYmKCJvYmplY3QiPT1lfHwiZnVuY3Rpb24iPT1lKX1mdW5jdGlvbiBqKHQpe2lmKCFoKHQpKXJldHVybiExO3ZhciBlPXModCk7cmV0dXJuIltvYmplY3QgRnVuY3Rpb25dIj09ZXx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09ZXx8IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iPT1lfHwiW29iamVjdCBQcm94eV0iPT1lfXZhciBkLF89blsiX19jb3JlLWpzX3NoYXJlZF9fIl0sZz0oZD0vW14uXSskLy5leGVjKF8mJl8ua2V5cyYmXy5rZXlzLklFX1BST1RPfHwiIikpPyJTeW1ib2woc3JjKV8xLiIrZDoiIjt2YXIgTz1GdW5jdGlvbi5wcm90b3R5cGUudG9TdHJpbmc7ZnVuY3Rpb24gbSh0KXtpZihudWxsIT10KXt0cnl7cmV0dXJuIE8uY2FsbCh0KX1jYXRjaCh0KXt9dHJ5e3JldHVybiB0KyIifWNhdGNoKHQpe319cmV0dXJuIiJ9dmFyIHc9L15cW29iamVjdCAuKz9Db25zdHJ1Y3RvclxdJC8sQT1GdW5jdGlvbi5wcm90b3R5cGUseD1PYmplY3QucHJvdG90eXBlLFM9QS50b1N0cmluZyx6PXguaGFzT3duUHJvcGVydHksUD1SZWdFeHAoIl4iK1MuY2FsbCh6KS5yZXBsYWNlKC9bXFxeJC4qKz8oKVtcXXt9fF0vZywiXFwkJiIpLnJlcGxhY2UoL2hhc093blByb3BlcnR5fChmdW5jdGlvbikuKj8oPz1cXFwoKXwgZm9yIC4rPyg/PVxcXF0pL2csIiQxLio/IikrIiQiKTtmdW5jdGlvbiBJKHQpe3JldHVybiEoIWgodCl8fChlPXQsZyYmZyBpbiBlKSkmJihqKHQpP1A6dykudGVzdChtKHQpKTt2YXIgZX1mdW5jdGlvbiBFKHQsZSl7dmFyIHI9ZnVuY3Rpb24odCxlKXtyZXR1cm4gbnVsbD09dD92b2lkIDA6dFtlXX0odCxlKTtyZXR1cm4gSShyKT9yOnZvaWQgMH12YXIgRj1FKE9iamVjdCwiY3JlYXRlIik7dmFyIFU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTt2YXIgTT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uICQodCl7dmFyIGU9LTEscj1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK2U8cjspe3ZhciBuPXRbZV07dGhpcy5zZXQoblswXSxuWzFdKX19ZnVuY3Rpb24gQih0LGUpe3JldHVybiB0PT09ZXx8dCE9dCYmZSE9ZX1mdW5jdGlvbiBUKHQsZSl7Zm9yKHZhciByPXQubGVuZ3RoO3ItLTspaWYoQih0W3JdWzBdLGUpKXJldHVybiByO3JldHVybi0xfSQucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1GP0YobnVsbCk6e30sdGhpcy5zaXplPTB9LCQucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLmhhcyh0KSYmZGVsZXRlIHRoaXMuX19kYXRhX19bdF07cmV0dXJuIHRoaXMuc2l6ZS09ZT8xOjAsZX0sJC5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX187aWYoRil7dmFyIHI9ZVt0XTtyZXR1cm4iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI9PT1yP3ZvaWQgMDpyfXJldHVybiBVLmNhbGwoZSx0KT9lW3RdOnZvaWQgMH0sJC5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX187cmV0dXJuIEY/dm9pZCAwIT09ZVt0XTpNLmNhbGwoZSx0KX0sJC5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9dGhpcy5fX2RhdGFfXztyZXR1cm4gdGhpcy5zaXplKz10aGlzLmhhcyh0KT8wOjEsclt0XT1GJiZ2b2lkIDA9PT1lPyJfX2xvZGFzaF9oYXNoX3VuZGVmaW5lZF9fIjplLHRoaXN9O3ZhciBOPUFycmF5LnByb3RvdHlwZS5zcGxpY2U7ZnVuY3Rpb24gayh0KXt2YXIgZT0tMSxyPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrZTxyOyl7dmFyIG49dFtlXTt0aGlzLnNldChuWzBdLG5bMV0pfX1rLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189W10sdGhpcy5zaXplPTB9LGsucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLl9fZGF0YV9fLHI9VChlLHQpO3JldHVybiEocjwwKSYmKHI9PWUubGVuZ3RoLTE/ZS5wb3AoKTpOLmNhbGwoZSxyLDEpLC0tdGhpcy5zaXplLCEwKX0say5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX18scj1UKGUsdCk7cmV0dXJuIHI8MD92b2lkIDA6ZVtyXVsxXX0say5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3JldHVybiBUKHRoaXMuX19kYXRhX18sdCk+LTF9LGsucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LGUpe3ZhciByPXRoaXMuX19kYXRhX18sbj1UKHIsdCk7cmV0dXJuIG48MD8oKyt0aGlzLnNpemUsci5wdXNoKFt0LGVdKSk6cltuXVsxXT1lLHRoaXN9O3ZhciBDPUUobiwiTWFwIik7ZnVuY3Rpb24gRCh0LGUpe3ZhciByLG4sbz10Ll9fZGF0YV9fO3JldHVybigic3RyaW5nIj09KG49dHlwZW9mKHI9ZSkpfHwibnVtYmVyIj09bnx8InN5bWJvbCI9PW58fCJib29sZWFuIj09bj8iX19wcm90b19fIiE9PXI6bnVsbD09PXIpP29bInN0cmluZyI9PXR5cGVvZiBlPyJzdHJpbmciOiJoYXNoIl06by5tYXB9ZnVuY3Rpb24gUih0KXt2YXIgZT0tMSxyPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrZTxyOyl7dmFyIG49dFtlXTt0aGlzLnNldChuWzBdLG5bMV0pfX1SLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuc2l6ZT0wLHRoaXMuX19kYXRhX189e2hhc2g6bmV3ICQsbWFwOm5ldyhDfHxrKSxzdHJpbmc6bmV3ICR9fSxSLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIGU9RCh0aGlzLHQpLmRlbGV0ZSh0KTtyZXR1cm4gdGhpcy5zaXplLT1lPzE6MCxlfSxSLnByb3RvdHlwZS5nZXQ9ZnVuY3Rpb24odCl7cmV0dXJuIEQodGhpcyx0KS5nZXQodCl9LFIucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gRCh0aGlzLHQpLmhhcyh0KX0sUi5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9RCh0aGlzLHQpLG49ci5zaXplO3JldHVybiByLnNldCh0LGUpLHRoaXMuc2l6ZSs9ci5zaXplPT1uPzA6MSx0aGlzfTtmdW5jdGlvbiBWKHQsZSl7aWYoImZ1bmN0aW9uIiE9dHlwZW9mIHR8fG51bGwhPWUmJiJmdW5jdGlvbiIhPXR5cGVvZiBlKXRocm93IG5ldyBUeXBlRXJyb3IoIkV4cGVjdGVkIGEgZnVuY3Rpb24iKTt2YXIgcj1mdW5jdGlvbigpe3ZhciBuPWFyZ3VtZW50cyxvPWU/ZS5hcHBseSh0aGlzLG4pOm5bMF0sdT1yLmNhY2hlO2lmKHUuaGFzKG8pKXJldHVybiB1LmdldChvKTt2YXIgYz10LmFwcGx5KHRoaXMsbik7cmV0dXJuIHIuY2FjaGU9dS5zZXQobyxjKXx8dSxjfTtyZXR1cm4gci5jYWNoZT1uZXcoVi5DYWNoZXx8Uikscn1WLkNhY2hlPVI7dmFyIFcsTCxxLEc9L1teLltcXV0rfFxbKD86KC0/XGQrKD86XC5cZCspPyl8KFsiJ10pKCg/Oig/IVwyKVteXFxdfFxcLikqPylcMilcXXwoPz0oPzpcLnxcW1xdKSg/OlwufFxbXF18JCkpL2csSz0vXFwoXFwpPy9nLEg9KFc9ZnVuY3Rpb24odCl7dmFyIGU9W107cmV0dXJuIDQ2PT09dC5jaGFyQ29kZUF0KDApJiZlLnB1c2goIiIpLHQucmVwbGFjZShHLGZ1bmN0aW9uKHQscixuLG8pe2UucHVzaChuP28ucmVwbGFjZShLLCIkMSIpOnJ8fHQpfSksZX0sTD1WKFcsZnVuY3Rpb24odCl7cmV0dXJuIDUwMD09PXEuc2l6ZSYmcS5jbGVhcigpLHR9KSxxPUwuY2FjaGUsTCksSj1IO3ZhciBRPW8/by5wcm90b3R5cGU6dm9pZCAwLFg9UT9RLnRvU3RyaW5nOnZvaWQgMDtmdW5jdGlvbiBZKGUpe2lmKCJzdHJpbmciPT10eXBlb2YgZSlyZXR1cm4gZTtpZih0KGUpKXJldHVybiBmdW5jdGlvbih0LGUpe2Zvcih2YXIgcj0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aCxvPUFycmF5KG4pOysrcjxuOylvW3JdPWUodFtyXSxyLHQpO3JldHVybiBvfShlLFkpKyIiO2lmKGIoZSkpcmV0dXJuIFg/WC5jYWxsKGUpOiIiO3ZhciByPWUrIiI7cmV0dXJuIjAiPT1yJiYxL2U9PS0xLzA/Ii0wIjpyfWZ1bmN0aW9uIFooZSxyKXtyZXR1cm4gdChlKT9lOmZ1bmN0aW9uKGUscil7aWYodChlKSlyZXR1cm4hMTt2YXIgbj10eXBlb2YgZTtyZXR1cm4hKCJudW1iZXIiIT1uJiYic3ltYm9sIiE9biYmImJvb2xlYW4iIT1uJiZudWxsIT1lJiYhYihlKSl8fHYudGVzdChlKXx8IXkudGVzdChlKXx8bnVsbCE9ciYmZSBpbiBPYmplY3Qocil9KGUscik/W2VdOkooZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/IiI6WSh0KX0oZSkpfWZ1bmN0aW9uIHR0KHQpe2lmKCJzdHJpbmciPT10eXBlb2YgdHx8Yih0KSlyZXR1cm4gdDt2YXIgZT10KyIiO3JldHVybiIwIj09ZSYmMS90PT0tMS8wPyItMCI6ZX1mdW5jdGlvbiBldCh0LGUscil7dmFyIG49bnVsbD09dD92b2lkIDA6ZnVuY3Rpb24odCxlKXtmb3IodmFyIHI9MCxuPShlPVooZSx0KSkubGVuZ3RoO251bGwhPXQmJnI8bjspdD10W3R0KGVbcisrXSldO3JldHVybiByJiZyPT1uP3Q6dm9pZCAwfSh0LGUpO3JldHVybiB2b2lkIDA9PT1uP3I6bn12YXIgcnQ9T2JqZWN0LnByb3RvdHlwZTtmdW5jdGlvbiBudCh0KXt2YXIgZT10JiZ0LmNvbnN0cnVjdG9yO3JldHVybiB0PT09KCJmdW5jdGlvbiI9PXR5cGVvZiBlJiZlLnByb3RvdHlwZXx8cnQpfWZ1bmN0aW9uIG90KHQsZSl7cmV0dXJuIGZ1bmN0aW9uKHIpe3JldHVybiB0KGUocikpfX12YXIgdXQ9b3QoT2JqZWN0LmtleXMsT2JqZWN0KSxjdD1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGl0KHQpe2lmKCFudCh0KSlyZXR1cm4gdXQodCk7dmFyIGU9W107Zm9yKHZhciByIGluIE9iamVjdCh0KSljdC5jYWxsKHQscikmJiJjb25zdHJ1Y3RvciIhPXImJmUucHVzaChyKTtyZXR1cm4gZX12YXIgYXQ9RShuLCJEYXRhVmlldyIpLGZ0PUUobiwiUHJvbWlzZSIpLGx0PUUobiwiU2V0Iiksc3Q9RShuLCJXZWFrTWFwIikscHQ9IltvYmplY3QgTWFwXSIsYnQ9IltvYmplY3QgUHJvbWlzZV0iLHl0PSJbb2JqZWN0IFNldF0iLHZ0PSJbb2JqZWN0IFdlYWtNYXBdIixodD0iW29iamVjdCBEYXRhVmlld10iLGp0PW0oYXQpLGR0PW0oQyksX3Q9bShmdCksZ3Q9bShsdCksT3Q9bShzdCksbXQ9czsoYXQmJm10KG5ldyBhdChuZXcgQXJyYXlCdWZmZXIoMSkpKSE9aHR8fEMmJm10KG5ldyBDKSE9cHR8fGZ0JiZtdChmdC5yZXNvbHZlKCkpIT1idHx8bHQmJm10KG5ldyBsdCkhPXl0fHxzdCYmbXQobmV3IHN0KSE9dnQpJiYobXQ9ZnVuY3Rpb24odCl7dmFyIGU9cyh0KSxyPSJbb2JqZWN0IE9iamVjdF0iPT1lP3QuY29uc3RydWN0b3I6dm9pZCAwLG49cj9tKHIpOiIiO2lmKG4pc3dpdGNoKG4pe2Nhc2UganQ6cmV0dXJuIGh0O2Nhc2UgZHQ6cmV0dXJuIHB0O2Nhc2UgX3Q6cmV0dXJuIGJ0O2Nhc2UgZ3Q6cmV0dXJuIHl0O2Nhc2UgT3Q6cmV0dXJuIHZ0fXJldHVybiBlfSk7dmFyIHd0PW10O2Z1bmN0aW9uIEF0KHQpe3JldHVybiJudW1iZXIiPT10eXBlb2YgdCYmdD4tMSYmdCUxPT0wJiZ0PD05MDA3MTk5MjU0NzQwOTkxfWZ1bmN0aW9uIHh0KHQpe3JldHVybiBudWxsIT10JiZBdCh0Lmxlbmd0aCkmJiFqKHQpfXZhciBTdCx6dD0oU3Q9Imxlbmd0aCIsZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/dm9pZCAwOnRbU3RdfSksUHQ9UmVnRXhwKCJbXFx1MjAwZFxcdWQ4MDAtXFx1ZGZmZlxcdTAzMDAtXFx1MDM2ZlxcdWZlMjAtXFx1ZmUyZlxcdTIwZDAtXFx1MjBmZlxcdWZlMGVcXHVmZTBmXSIpO3ZhciBJdD0iXFx1ZDgwMC1cXHVkZmZmIixFdD0iWyIrSXQrIl0iLEZ0PSJbXFx1MDMwMC1cXHUwMzZmXFx1ZmUyMC1cXHVmZTJmXFx1MjBkMC1cXHUyMGZmXSIsVXQ9IlxcdWQ4M2NbXFx1ZGZmYi1cXHVkZmZmXSIsTXQ9IlteIitJdCsiXSIsJHQ9Iig/OlxcdWQ4M2NbXFx1ZGRlNi1cXHVkZGZmXSl7Mn0iLEJ0PSJbXFx1ZDgwMC1cXHVkYmZmXVtcXHVkYzAwLVxcdWRmZmZdIixUdD0iKD86IitGdCsifCIrVXQrIikiKyI/IixOdD0iW1xcdWZlMGVcXHVmZTBmXT8iLGt0PU50K1R0KygiKD86XFx1MjAwZCg/OiIrW010LCR0LEJ0XS5qb2luKCJ8IikrIikiK050K1R0KyIpKiIpLEN0PSIoPzoiK1tNdCtGdCsiPyIsRnQsJHQsQnQsRXRdLmpvaW4oInwiKSsiKSIsRHQ9UmVnRXhwKFV0KyIoPz0iK1V0KyIpfCIrQ3Qra3QsImciKTtmdW5jdGlvbiBSdCh0KXtyZXR1cm4gZnVuY3Rpb24odCl7cmV0dXJuIFB0LnRlc3QodCl9KHQpP2Z1bmN0aW9uKHQpe2Zvcih2YXIgZT1EdC5sYXN0SW5kZXg9MDtEdC50ZXN0KHQpOykrK2U7cmV0dXJuIGV9KHQpOnp0KHQpfWZ1bmN0aW9uIFZ0KGUpe2lmKG51bGw9PWUpcmV0dXJuIDA7aWYoeHQoZSkpcmV0dXJuInN0cmluZyI9PXR5cGVvZihyPWUpfHwhdChyKSYmcChyKSYmIltvYmplY3QgU3RyaW5nXSI9PXMocik/UnQoZSk6ZS5sZW5ndGg7dmFyIHIsbj13dChlKTtyZXR1cm4iW29iamVjdCBNYXBdIj09bnx8IltvYmplY3QgU2V0XSI9PW4/ZS5zaXplOml0KGUpLmxlbmd0aH12YXIgV3Q9TWF0aC5jZWlsLEx0PU1hdGgubWF4O3ZhciBxdD0vXig/OjB8WzEtOV1cZCopJC87ZnVuY3Rpb24gR3QodCxlKXt2YXIgcj10eXBlb2YgdDtyZXR1cm4hIShlPW51bGw9PWU/OTAwNzE5OTI1NDc0MDk5MTplKSYmKCJudW1iZXIiPT1yfHwic3ltYm9sIiE9ciYmcXQudGVzdCh0KSkmJnQ+LTEmJnQlMT09MCYmdDxlfXZhciBLdD0vXHMvO3ZhciBIdD0vXlxzKy87ZnVuY3Rpb24gSnQodCl7cmV0dXJuIHQ/dC5zbGljZSgwLGZ1bmN0aW9uKHQpe2Zvcih2YXIgZT10Lmxlbmd0aDtlLS0mJkt0LnRlc3QodC5jaGFyQXQoZSkpOyk7cmV0dXJuIGV9KHQpKzEpLnJlcGxhY2UoSHQsIiIpOnR9dmFyIFF0PS9eWy0rXTB4WzAtOWEtZl0rJC9pLFh0PS9eMGJbMDFdKyQvaSxZdD0vXjBvWzAtN10rJC9pLFp0PXBhcnNlSW50O3ZhciB0ZT0xLzA7ZnVuY3Rpb24gZWUodCl7cmV0dXJuIHQ/KHQ9ZnVuY3Rpb24odCl7aWYoIm51bWJlciI9PXR5cGVvZiB0KXJldHVybiB0O2lmKGIodCkpcmV0dXJuIE5hTjtpZihoKHQpKXt2YXIgZT0iZnVuY3Rpb24iPT10eXBlb2YgdC52YWx1ZU9mP3QudmFsdWVPZigpOnQ7dD1oKGUpP2UrIiI6ZX1pZigic3RyaW5nIiE9dHlwZW9mIHQpcmV0dXJuIDA9PT10P3Q6K3Q7dD1KdCh0KTt2YXIgcj1YdC50ZXN0KHQpO3JldHVybiByfHxZdC50ZXN0KHQpP1p0KHQuc2xpY2UoMikscj8yOjgpOlF0LnRlc3QodCk/TmFOOit0fSh0KSk9PT10ZXx8dD09PS0xLzA/MTc5NzY5MzEzNDg2MjMxNTdlMjkyKih0PDA/LTE6MSk6dD09dD90OjA6MD09PXQ/dDowfXZhciByZSxuZT1mdW5jdGlvbih0LGUscil7cmV0dXJuIHImJiJudW1iZXIiIT10eXBlb2YgciYmZnVuY3Rpb24odCxlLHIpe2lmKCFoKHIpKXJldHVybiExO3ZhciBuPXR5cGVvZiBlO3JldHVybiEhKCJudW1iZXIiPT1uP3h0KHIpJiZHdChlLHIubGVuZ3RoKToic3RyaW5nIj09biYmZSBpbiByKSYmQihyW2VdLHQpfSh0LGUscikmJihlPXI9dm9pZCAwKSx0PWVlKHQpLHZvaWQgMD09PWU/KGU9dCx0PTApOmU9ZWUoZSksZnVuY3Rpb24odCxlLHIsbil7Zm9yKHZhciBvPS0xLHU9THQoV3QoKGUtdCkvKHJ8fDEpKSwwKSxjPUFycmF5KHUpO3UtLTspY1tuP3U6KytvXT10LHQrPXI7cmV0dXJuIGN9KHQsZSxyPXZvaWQgMD09PXI/dDxlPzE6LTE6ZWUocikscmUpfSxvZT1uZTtmdW5jdGlvbiB1ZSh0KXt2YXIgZT10aGlzLl9fZGF0YV9fPW5ldyBrKHQpO3RoaXMuc2l6ZT1lLnNpemV9dWUucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1uZXcgayx0aGlzLnNpemU9MH0sdWUucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLl9fZGF0YV9fLHI9ZS5kZWxldGUodCk7cmV0dXJuIHRoaXMuc2l6ZT1lLnNpemUscn0sdWUucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5nZXQodCl9LHVlLnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uaGFzKHQpfSx1ZS5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9dGhpcy5fX2RhdGFfXztpZihyIGluc3RhbmNlb2Ygayl7dmFyIG49ci5fX2RhdGFfXztpZighQ3x8bi5sZW5ndGg8MTk5KXJldHVybiBuLnB1c2goW3QsZV0pLHRoaXMuc2l6ZT0rK3Iuc2l6ZSx0aGlzO3I9dGhpcy5fX2RhdGFfXz1uZXcgUihuKX1yZXR1cm4gci5zZXQodCxlKSx0aGlzLnNpemU9ci5zaXplLHRoaXN9O3ZhciBjZT1mdW5jdGlvbigpe3RyeXt2YXIgdD1FKE9iamVjdCwiZGVmaW5lUHJvcGVydHkiKTtyZXR1cm4gdCh7fSwiIix7fSksdH1jYXRjaCh0KXt9fSgpLGllPWNlO2Z1bmN0aW9uIGFlKHQsZSxyKXsiX19wcm90b19fIj09ZSYmaWU/aWUodCxlLHtjb25maWd1cmFibGU6ITAsZW51bWVyYWJsZTohMCx2YWx1ZTpyLHdyaXRhYmxlOiEwfSk6dFtlXT1yfXZhciBmZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGxlKHQsZSxyKXt2YXIgbj10W2VdO2ZlLmNhbGwodCxlKSYmQihuLHIpJiYodm9pZCAwIT09cnx8ZSBpbiB0KXx8YWUodCxlLHIpfWZ1bmN0aW9uIHNlKHQsZSxyLG4pe3ZhciBvPSFyO3J8fChyPXt9KTtmb3IodmFyIHU9LTEsYz1lLmxlbmd0aDsrK3U8Yzspe3ZhciBpPWVbdV0sYT1uP24ocltpXSx0W2ldLGkscix0KTp2b2lkIDA7dm9pZCAwPT09YSYmKGE9dFtpXSksbz9hZShyLGksYSk6bGUocixpLGEpfXJldHVybiByfWZ1bmN0aW9uIHBlKHQpe3JldHVybiBwKHQpJiYiW29iamVjdCBBcmd1bWVudHNdIj09cyh0KX12YXIgYmU9T2JqZWN0LnByb3RvdHlwZSx5ZT1iZS5oYXNPd25Qcm9wZXJ0eSx2ZT1iZS5wcm9wZXJ0eUlzRW51bWVyYWJsZSxoZT1wZShmdW5jdGlvbigpe3JldHVybiBhcmd1bWVudHN9KCkpP3BlOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiZ5ZS5jYWxsKHQsImNhbGxlZSIpJiYhdmUuY2FsbCh0LCJjYWxsZWUiKX07dmFyIGplPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsZGU9amUmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxfZT1kZSYmZGUuZXhwb3J0cz09PWplP24uQnVmZmVyOnZvaWQgMCxnZT0oX2U/X2UuaXNCdWZmZXI6dm9pZCAwKXx8ZnVuY3Rpb24oKXtyZXR1cm4hMX0sT2U9e307ZnVuY3Rpb24gbWUodCl7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB0KGUpfX1PZVsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09T2VbIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPU9lWyJbb2JqZWN0IEludDhBcnJheV0iXT1PZVsiW29iamVjdCBJbnQxNkFycmF5XSJdPU9lWyJbb2JqZWN0IEludDMyQXJyYXldIl09T2VbIltvYmplY3QgVWludDhBcnJheV0iXT1PZVsiW29iamVjdCBVaW50OENsYW1wZWRBcnJheV0iXT1PZVsiW29iamVjdCBVaW50MTZBcnJheV0iXT1PZVsiW29iamVjdCBVaW50MzJBcnJheV0iXT0hMCxPZVsiW29iamVjdCBBcmd1bWVudHNdIl09T2VbIltvYmplY3QgQXJyYXldIl09T2VbIltvYmplY3QgQXJyYXlCdWZmZXJdIl09T2VbIltvYmplY3QgQm9vbGVhbl0iXT1PZVsiW29iamVjdCBEYXRhVmlld10iXT1PZVsiW29iamVjdCBEYXRlXSJdPU9lWyJbb2JqZWN0IEVycm9yXSJdPU9lWyJbb2JqZWN0IEZ1bmN0aW9uXSJdPU9lWyJbb2JqZWN0IE1hcF0iXT1PZVsiW29iamVjdCBOdW1iZXJdIl09T2VbIltvYmplY3QgT2JqZWN0XSJdPU9lWyJbb2JqZWN0IFJlZ0V4cF0iXT1PZVsiW29iamVjdCBTZXRdIl09T2VbIltvYmplY3QgU3RyaW5nXSJdPU9lWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7dmFyIHdlPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsQWU9d2UmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSx4ZT1BZSYmQWUuZXhwb3J0cz09PXdlJiZlLnByb2Nlc3MsU2U9ZnVuY3Rpb24oKXt0cnl7dmFyIHQ9QWUmJkFlLnJlcXVpcmUmJkFlLnJlcXVpcmUoInV0aWwiKS50eXBlcztyZXR1cm4gdHx8eGUmJnhlLmJpbmRpbmcmJnhlLmJpbmRpbmcoInV0aWwiKX1jYXRjaCh0KXt9fSgpLHplPVNlJiZTZS5pc1R5cGVkQXJyYXksUGU9emU/bWUoemUpOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiZBdCh0Lmxlbmd0aCkmJiEhT2Vbcyh0KV19LEllPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7ZnVuY3Rpb24gRWUoZSxyKXt2YXIgbj10KGUpLG89IW4mJmhlKGUpLHU9IW4mJiFvJiZnZShlKSxjPSFuJiYhbyYmIXUmJlBlKGUpLGk9bnx8b3x8dXx8YyxhPWk/ZnVuY3Rpb24odCxlKXtmb3IodmFyIHI9LTEsbj1BcnJheSh0KTsrK3I8dDspbltyXT1lKHIpO3JldHVybiBufShlLmxlbmd0aCxTdHJpbmcpOltdLGY9YS5sZW5ndGg7Zm9yKHZhciBsIGluIGUpIXImJiFJZS5jYWxsKGUsbCl8fGkmJigibGVuZ3RoIj09bHx8dSYmKCJvZmZzZXQiPT1sfHwicGFyZW50Ij09bCl8fGMmJigiYnVmZmVyIj09bHx8ImJ5dGVMZW5ndGgiPT1sfHwiYnl0ZU9mZnNldCI9PWwpfHxHdChsLGYpKXx8YS5wdXNoKGwpO3JldHVybiBhfWZ1bmN0aW9uIEZlKHQpe3JldHVybiB4dCh0KT9FZSh0KTppdCh0KX12YXIgVWU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBNZSh0KXtpZighaCh0KSlyZXR1cm4gZnVuY3Rpb24odCl7dmFyIGU9W107aWYobnVsbCE9dClmb3IodmFyIHIgaW4gT2JqZWN0KHQpKWUucHVzaChyKTtyZXR1cm4gZX0odCk7dmFyIGU9bnQodCkscj1bXTtmb3IodmFyIG4gaW4gdCkoImNvbnN0cnVjdG9yIiE9bnx8IWUmJlVlLmNhbGwodCxuKSkmJnIucHVzaChuKTtyZXR1cm4gcn1mdW5jdGlvbiAkZSh0KXtyZXR1cm4geHQodCk/RWUodCwhMCk6TWUodCl9dmFyIEJlPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsVGU9QmUmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxOZT1UZSYmVGUuZXhwb3J0cz09PUJlP24uQnVmZmVyOnZvaWQgMCxrZT1OZT9OZS5hbGxvY1Vuc2FmZTp2b2lkIDA7ZnVuY3Rpb24gQ2UoKXtyZXR1cm5bXX12YXIgRGU9T2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZSxSZT1PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzLFZlPVJlP2Z1bmN0aW9uKHQpe3JldHVybiBudWxsPT10P1tdOih0PU9iamVjdCh0KSxmdW5jdGlvbih0LGUpe2Zvcih2YXIgcj0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aCxvPTAsdT1bXTsrK3I8bjspe3ZhciBjPXRbcl07ZShjLHIsdCkmJih1W28rK109Yyl9cmV0dXJuIHV9KFJlKHQpLGZ1bmN0aW9uKGUpe3JldHVybiBEZS5jYWxsKHQsZSl9KSl9OkNlLFdlPVZlO2Z1bmN0aW9uIExlKHQsZSl7Zm9yKHZhciByPS0xLG49ZS5sZW5ndGgsbz10Lmxlbmd0aDsrK3I8bjspdFtvK3JdPWVbcl07cmV0dXJuIHR9dmFyIHFlPW90KE9iamVjdC5nZXRQcm90b3R5cGVPZixPYmplY3QpLEdlPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM/ZnVuY3Rpb24odCl7Zm9yKHZhciBlPVtdO3Q7KUxlKGUsV2UodCkpLHQ9cWUodCk7cmV0dXJuIGV9OkNlLEtlPUdlO2Z1bmN0aW9uIEhlKGUscixuKXt2YXIgbz1yKGUpO3JldHVybiB0KGUpP286TGUobyxuKGUpKX1mdW5jdGlvbiBKZSh0KXtyZXR1cm4gSGUodCxGZSxXZSl9ZnVuY3Rpb24gUWUodCl7cmV0dXJuIEhlKHQsJGUsS2UpfXZhciBYZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBZZT1uLlVpbnQ4QXJyYXk7ZnVuY3Rpb24gWmUodCl7dmFyIGU9bmV3IHQuY29uc3RydWN0b3IodC5ieXRlTGVuZ3RoKTtyZXR1cm4gbmV3IFllKGUpLnNldChuZXcgWWUodCkpLGV9dmFyIHRyPS9cdyokLzt2YXIgZXI9bz9vLnByb3RvdHlwZTp2b2lkIDAscnI9ZXI/ZXIudmFsdWVPZjp2b2lkIDA7ZnVuY3Rpb24gbnIodCxlLHIpe3ZhciBuLG89dC5jb25zdHJ1Y3Rvcjtzd2l0Y2goZSl7Y2FzZSJbb2JqZWN0IEFycmF5QnVmZmVyXSI6cmV0dXJuIFplKHQpO2Nhc2UiW29iamVjdCBCb29sZWFuXSI6Y2FzZSJbb2JqZWN0IERhdGVdIjpyZXR1cm4gbmV3IG8oK3QpO2Nhc2UiW29iamVjdCBEYXRhVmlld10iOnJldHVybiBmdW5jdGlvbih0LGUpe3ZhciByPWU/WmUodC5idWZmZXIpOnQuYnVmZmVyO3JldHVybiBuZXcgdC5jb25zdHJ1Y3RvcihyLHQuYnl0ZU9mZnNldCx0LmJ5dGVMZW5ndGgpfSh0LHIpO2Nhc2UiW29iamVjdCBGbG9hdDMyQXJyYXldIjpjYXNlIltvYmplY3QgRmxvYXQ2NEFycmF5XSI6Y2FzZSJbb2JqZWN0IEludDhBcnJheV0iOmNhc2UiW29iamVjdCBJbnQxNkFycmF5XSI6Y2FzZSJbb2JqZWN0IEludDMyQXJyYXldIjpjYXNlIltvYmplY3QgVWludDhBcnJheV0iOmNhc2UiW29iamVjdCBVaW50OENsYW1wZWRBcnJheV0iOmNhc2UiW29iamVjdCBVaW50MTZBcnJheV0iOmNhc2UiW29iamVjdCBVaW50MzJBcnJheV0iOnJldHVybiBmdW5jdGlvbih0LGUpe3ZhciByPWU/WmUodC5idWZmZXIpOnQuYnVmZmVyO3JldHVybiBuZXcgdC5jb25zdHJ1Y3RvcihyLHQuYnl0ZU9mZnNldCx0Lmxlbmd0aCl9KHQscik7Y2FzZSJbb2JqZWN0IE1hcF0iOmNhc2UiW29iamVjdCBTZXRdIjpyZXR1cm4gbmV3IG87Y2FzZSJbb2JqZWN0IE51bWJlcl0iOmNhc2UiW29iamVjdCBTdHJpbmddIjpyZXR1cm4gbmV3IG8odCk7Y2FzZSJbb2JqZWN0IFJlZ0V4cF0iOnJldHVybiBmdW5jdGlvbih0KXt2YXIgZT1uZXcgdC5jb25zdHJ1Y3Rvcih0LnNvdXJjZSx0ci5leGVjKHQpKTtyZXR1cm4gZS5sYXN0SW5kZXg9dC5sYXN0SW5kZXgsZX0odCk7Y2FzZSJbb2JqZWN0IFN5bWJvbF0iOnJldHVybiBuPXQscnI/T2JqZWN0KHJyLmNhbGwobikpOnt9fX12YXIgb3I9T2JqZWN0LmNyZWF0ZSx1cj1mdW5jdGlvbigpe2Z1bmN0aW9uIHQoKXt9cmV0dXJuIGZ1bmN0aW9uKGUpe2lmKCFoKGUpKXJldHVybnt9O2lmKG9yKXJldHVybiBvcihlKTt0LnByb3RvdHlwZT1lO3ZhciByPW5ldyB0O3JldHVybiB0LnByb3RvdHlwZT12b2lkIDAscn19KCksY3I9dXI7dmFyIGlyPVNlJiZTZS5pc01hcCxhcj1pcj9tZShpcik6ZnVuY3Rpb24odCl7cmV0dXJuIHAodCkmJiJbb2JqZWN0IE1hcF0iPT13dCh0KX07dmFyIGZyPVNlJiZTZS5pc1NldCxscj1mcj9tZShmcik6ZnVuY3Rpb24odCl7cmV0dXJuIHAodCkmJiJbb2JqZWN0IFNldF0iPT13dCh0KX0sc3I9IltvYmplY3QgQXJndW1lbnRzXSIscHI9IltvYmplY3QgRnVuY3Rpb25dIixicj0iW29iamVjdCBPYmplY3RdIix5cj17fTtmdW5jdGlvbiB2cihlLHIsbixvLHUsYyl7dmFyIGksYT0xJnIsZj0yJnIsbD00JnI7aWYobiYmKGk9dT9uKGUsbyx1LGMpOm4oZSkpLHZvaWQgMCE9PWkpcmV0dXJuIGk7aWYoIWgoZSkpcmV0dXJuIGU7dmFyIHM9dChlKTtpZihzKXtpZihpPWZ1bmN0aW9uKHQpe3ZhciBlPXQubGVuZ3RoLHI9bmV3IHQuY29uc3RydWN0b3IoZSk7cmV0dXJuIGUmJiJzdHJpbmciPT10eXBlb2YgdFswXSYmWGUuY2FsbCh0LCJpbmRleCIpJiYoci5pbmRleD10LmluZGV4LHIuaW5wdXQ9dC5pbnB1dCkscn0oZSksIWEpcmV0dXJuIGZ1bmN0aW9uKHQsZSl7dmFyIHI9LTEsbj10Lmxlbmd0aDtmb3IoZXx8KGU9QXJyYXkobikpOysrcjxuOyllW3JdPXRbcl07cmV0dXJuIGV9KGUsaSl9ZWxzZXt2YXIgcD13dChlKSxiPXA9PXByfHwiW29iamVjdCBHZW5lcmF0b3JGdW5jdGlvbl0iPT1wO2lmKGdlKGUpKXJldHVybiBmdW5jdGlvbih0LGUpe2lmKGUpcmV0dXJuIHQuc2xpY2UoKTt2YXIgcj10Lmxlbmd0aCxuPWtlP2tlKHIpOm5ldyB0LmNvbnN0cnVjdG9yKHIpO3JldHVybiB0LmNvcHkobiksbn0oZSxhKTtpZihwPT1icnx8cD09c3J8fGImJiF1KXtpZihpPWZ8fGI/e306ZnVuY3Rpb24odCl7cmV0dXJuImZ1bmN0aW9uIiE9dHlwZW9mIHQuY29uc3RydWN0b3J8fG50KHQpP3t9OmNyKHFlKHQpKX0oZSksIWEpcmV0dXJuIGY/ZnVuY3Rpb24odCxlKXtyZXR1cm4gc2UodCxLZSh0KSxlKX0oZSxmdW5jdGlvbih0LGUpe3JldHVybiB0JiZzZShlLCRlKGUpLHQpfShpLGUpKTpmdW5jdGlvbih0LGUpe3JldHVybiBzZSh0LFdlKHQpLGUpfShlLGZ1bmN0aW9uKHQsZSl7cmV0dXJuIHQmJnNlKGUsRmUoZSksdCl9KGksZSkpfWVsc2V7aWYoIXlyW3BdKXJldHVybiB1P2U6e307aT1ucihlLHAsYSl9fWN8fChjPW5ldyB1ZSk7dmFyIHk9Yy5nZXQoZSk7aWYoeSlyZXR1cm4geTtjLnNldChlLGkpLGxyKGUpP2UuZm9yRWFjaChmdW5jdGlvbih0KXtpLmFkZCh2cih0LHIsbix0LGUsYykpfSk6YXIoZSkmJmUuZm9yRWFjaChmdW5jdGlvbih0LG8pe2kuc2V0KG8sdnIodCxyLG4sbyxlLGMpKX0pO3ZhciB2PXM/dm9pZCAwOihsP2Y/UWU6SmU6Zj8kZTpGZSkoZSk7cmV0dXJuIGZ1bmN0aW9uKHQsZSl7Zm9yKHZhciByPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoOysrcjxuJiYhMSE9PWUodFtyXSxyLHQpOyk7fSh2fHxlLGZ1bmN0aW9uKHQsbyl7diYmKHQ9ZVtvPXRdKSxsZShpLG8sdnIodCxyLG4sbyxlLGMpKX0pLGl9eXJbc3JdPXlyWyJbb2JqZWN0IEFycmF5XSJdPXlyWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPXlyWyJbb2JqZWN0IERhdGFWaWV3XSJdPXlyWyJbb2JqZWN0IEJvb2xlYW5dIl09eXJbIltvYmplY3QgRGF0ZV0iXT15clsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09eXJbIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPXlyWyJbb2JqZWN0IEludDhBcnJheV0iXT15clsiW29iamVjdCBJbnQxNkFycmF5XSJdPXlyWyJbb2JqZWN0IEludDMyQXJyYXldIl09eXJbIltvYmplY3QgTWFwXSJdPXlyWyJbb2JqZWN0IE51bWJlcl0iXT15clticl09eXJbIltvYmplY3QgUmVnRXhwXSJdPXlyWyJbb2JqZWN0IFNldF0iXT15clsiW29iamVjdCBTdHJpbmddIl09eXJbIltvYmplY3QgU3ltYm9sXSJdPXlyWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09eXJbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09eXJbIltvYmplY3QgVWludDE2QXJyYXldIl09eXJbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAseXJbIltvYmplY3QgRXJyb3JdIl09eXJbcHJdPXlyWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7ZnVuY3Rpb24gaHIodCl7cmV0dXJuIHZyKHQsNSl9ZnVuY3Rpb24ganIodCl7cmV0dXJuIltvYmplY3QgQXJyYXldIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBkcih0KXtyZXR1cm4iW29iamVjdCBPYmplY3RdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBfcih0KXtyZXR1cm4hMD09PShlPXQpfHwhMT09PWV8fHAoZSkmJiJbb2JqZWN0IEJvb2xlYW5dIj09cyhlKTt2YXIgZX1mdW5jdGlvbiBncih0LGU9bnVsbCxyPXt9KXtqKGUpfHwoZT10PT50KTtsZXQgbj1ldChyLCJmb3JjZSIsITEpO3JldHVybiBfcihuKXx8KG49ITEpLGZ1bmN0aW9uKHQsZSxyPSExKXtsZXQgbj1bXTtpZighanIodCkmJiFkcih0KSlyZXR1cm4gZSh0LG51bGwsW10pO2Z1bmN0aW9uIG8odCl7aWYoanIodCkpcmV0dXJuIG9lKFZ0KHQpKTtpZihkcih0KSl7bGV0IGU9T2JqZWN0LmdldE93blByb3BlcnR5TmFtZXModCksbj1udWxsO3JldHVybiByJiYobj1PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHQpKSxqcihlKXx8KGU9W10pLGpyKG4pfHwobj1bXSksWy4uLmUsLi4ubl19cmV0dXJuIHR9cmV0dXJuIGZ1bmN0aW9uIHQocix1KXtpZihqcihyKSlyZXR1cm4gbyhyKS5tYXAobz0+e2xldCB1PXJbb10sYz1ocihuKTtyZXR1cm4gbi5wdXNoKG8pLHU9ZSh1LG8sYyksdT10KHUpLG4ucG9wKCksdX0pO2lmKGRyKHIpKXtsZXQgdT1vKHIpLGM9e307cmV0dXJuIHUubWFwKG89PntsZXQgdT1yW29dLGk9aHIobik7bi5wdXNoKG8pLHU9ZSh1LG8saSksdT10KHUpLG4ucG9wKCksY1tvXT11fSksY31yZXR1cm4gcn0odCl9KHQsZSxuKX1mdW5jdGlvbiBPcih0KXtyZXR1cm4hKCFmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBTdHJpbmddIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCl8fCIiPT09dCl9ZnVuY3Rpb24gbXIodCxlPXt9KXtpZihqcih0KSl7aWYoMD09PXQubGVuZ3RoKXJldHVybltdfWVsc2V7aWYoIWRyKHQpKXJldHVybltdO2lmKGZ1bmN0aW9uKHQpe2lmKGRyKHQpKXtmb3IobGV0IGUgaW4gdClyZXR1cm4hMTtyZXR1cm4hMH1yZXR1cm4hMX0odCkpcmV0dXJuW119bGV0IHI9ZXQoZSwiYmluZEtleSIsbnVsbCk7T3Iocil8fChyPSJpZCIpO2xldCBuPWV0KGUsImJpbmRDaGlsZHJlbiIsbnVsbCk7T3Iobil8fChuPSJjaGlsZHJlbiIpO2xldCBvPSExO2RyKHQpJiYobz0hMCx0PVt0XSk7bGV0IHU9W107cmV0dXJuIGdyKHQsKHQsZSxvKT0+e2xldCBjPWV0KHQscixudWxsKSxpPWV0KHQsbixudWxsKTtpZihjKXtsZXQgcj1mdW5jdGlvbih0KXtsZXQgZT1bdFswXV07Zm9yKGxldCByPTE7cjx0Lmxlbmd0aDtyKyspe2xldCBvPXRbcl07ZS5wdXNoKG4pLGUucHVzaChvKX1yZXR1cm4gZX0oWy4uLm8sZV0pO2lmKHUucHVzaCh7Li4udCxsZXZlbDooVnQociktMSkvMixuazpyfSksaSlyZXR1cm4gaX19KSxvJiYodT11WzBdKSx1fWxldCBmbGF0dGVuVHJlZVdrPWFzeW5jIGZ1bmN0aW9uKHQsZT17fSl7cmV0dXJuIG1yKHQsZSl9OwoKCmxldCBpbnN0YW5jZSA9IG51bGwKZnVuY3Rpb24gaW5pdChpbnB1dCl7CgogICAgLy9pbml0CiAgICBsZXQgcgogICAgCiAgICAgICAgciA9IHsKICAgICAgICAgICAgbWFpbjogZmxhdHRlblRyZWVXawogICAgICAgIH0KICAgICAgICAKCiAgICAvL29uCiAgICAKCiAgICAvL3NhdmUKICAgIGluc3RhbmNlID0gcgoKfQoKZnVuY3Rpb24gc2VuZE1lc3NhZ2UoZGF0YSkgewogICAgCiAgICAgICAgc2VsZi5wb3N0TWVzc2FnZShkYXRhKQogICAgICAgIAp9Cgphc3luYyBmdW5jdGlvbiBydW4oZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciBydW4nLGRhdGEpCgogICAgLy9tb2RlCiAgICBsZXQgbW9kZSA9IGRhdGEubW9kZQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgIT09ICdpbml0JyAmJiBtb2RlICE9PSAnY2FsbCcpewogICAgICAgIHJldHVybgogICAgfQoKICAgIC8vaW5pdAogICAgaWYobW9kZSA9PT0gJ2luaXQnKXsKICAgICAgICAKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL3R5cGUKICAgICAgICAgICAgbGV0IHR5cGUgPSBkYXRhLnR5cGUKCiAgICAgICAgICAgIC8vaW5wdXQKICAgICAgICAgICAgbGV0IGlucHV0ID0gZGF0YS5pbnB1dAogICAgCiAgICAgICAgICAgIC8vaW5zdGFuY2UKICAgICAgICAgICAgaWYodHlwZSA9PT0gJ2Z1bmN0aW9uJyl7CiAgICAgICAgICAgICAgICBpbml0KC4uLmlucHV0KQogICAgICAgICAgICB9CiAgICAgICAgICAgIGVsc2UgaWYodHlwZSA9PT0gJ29iamVjdCcpewogICAgICAgICAgICAgICAgaW5zdGFuY2UgPSBmbGF0dGVuVHJlZVdrCiAgICAgICAgICAgIH0KCiAgICAgICAgfQogICAgICAgIGNhdGNoKGVycil7CiAgICAgICAgCiAgICAgICAgICAgIC8vc2VuZE1lc3NhZ2UKICAgICAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgICAgIG1vZGU6ICdlbWl0JywKICAgICAgICAgICAgICAgIGV2TmFtZTogJ2Vycm9yJywKICAgICAgICAgICAgICAgIG1zZzogZXJyLAogICAgICAgICAgICB9CiAgICAgICAgICAgIHNlbmRNZXNzYWdlKHJlcykKCiAgICAgICAgfQogICAgICAgICAgICAKICAgIH0KCiAgICAvL2NoZWNrCiAgICBpZihtb2RlID09PSAnY2FsbCcpewogICAgICAgIGxldCBzdGF0ZSA9ICcnCiAgICAgICAgbGV0IG1zZyA9IG51bGwKCiAgICAgICAgdHJ5ewoKICAgICAgICAgICAgLy9mdW4KICAgICAgICAgICAgbGV0IGZ1biA9IGluc3RhbmNlW2RhdGEuZnVuXQoKICAgICAgICAgICAgLy9pbnB1dAogICAgICAgICAgICBsZXQgaW5wdXQgPSBkYXRhLmlucHV0CgogICAgICAgICAgICAvL2V4ZWMKICAgICAgICAgICAgYXdhaXQgZnVuKC4uLmlucHV0KQogICAgICAgICAgICAgICAgLnRoZW4oKHN1YykgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdzdWNjZXNzJwogICAgICAgICAgICAgICAgICAgIG1zZz1zdWMKICAgICAgICAgICAgICAgIH0pCiAgICAgICAgICAgICAgICAuY2F0Y2goKGVycikgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdlcnJvcicKICAgICAgICAgICAgICAgICAgICBtc2c9ZXJyCiAgICAgICAgICAgICAgICB9KQoKICAgICAgICB9CiAgICAgICAgY2F0Y2goZXJyKXsKICAgICAgICAgICAgc3RhdGUgPSAnZXJyb3InCiAgICAgICAgICAgIG1zZyA9IGVycgogICAgICAgIH0KICAgICAgICAKICAgICAgICAvL3NlbmRNZXNzYWdlCiAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgbW9kZTogJ3JldHVybicsCiAgICAgICAgICAgIGlkOiBkYXRhLmlkLAogICAgICAgICAgICBmdW46IGRhdGEuZnVuLAogICAgICAgICAgICBzdGF0ZSwKICAgICAgICAgICAgbXNnLAogICAgICAgIH0KICAgICAgICBzZW5kTWVzc2FnZShyZXMpCgogICAgfQoKfQoKZnVuY3Rpb24gcmVjdk1lc3NhZ2UoZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciByZWN2OicsIGRhdGEpCgogICAgLy9kYXRhUmVjdgogICAgbGV0IGRhdGFSZWN2ID0gZGF0YQoKICAgIC8vcnVuCiAgICBydW4oZGF0YVJlY3YpCgp9CgoKICAgICAgICBzZWxmLm9ubWVzc2FnZSA9IGZ1bmN0aW9uIChlKSB7CiAgICAgICAgICAgIHJlY3ZNZXNzYWdlKGUuZGF0YSkKICAgICAgICB9CiAgICAgICAgCgp0cnl7CgogICAgLy/lg4Xku6V1bmNhdWdodEV4Y2VwdGlvbk1vbml0b3LoqJjpjIQsIOS4jeWPr+iou+WGinVuY2F1Z2h0RXhjZXB0aW9u6IiHdW5oYW5kbGVkUmVqZWN0aW9u55uj6IG9OgogICAgLy/mlrx3b3JrZXLlhafoqLvlhormraTkuoznm6Pogb3mnIPpmLvmraJOb2Rl6aCQ6Kit55qEd29ya2Vy57WC5q2i6KGM54K6LCDkvb93b3JrZXLltKnmvbDlvozku43lrZjmtLvnqbrovYksCiAgICAvL+WkluWxpOaUtuS4jeWIsGVycm9yL2V4aXTkuovku7YsIHBlbmRpbmcgcHJvbWlzZeawuOS5heaHuOe9riwg5LiU5a2Y5rS75q6t5bGNd29ya2Vy5pyD5Luk5a6/5Li756iL5bqP54Sh5rOV6YCA5Ye6OwogICAgLy/np7vpmaTlvox3b3JrZXLkvp3poJDoqK3ooYzngrrmrbvkuqEsIGVycm9y5LqL5Lu25YKz6Iez5aSW5bGkLCDnlLHlpJblsaTmlbTmiblyZWplY3QgcGVuZGluZwogICAgLy8gcHJvY2Vzcy5vbigndW5oYW5kbGVkUmVqZWN0aW9uJywgKGVycikgPT4gewogICAgLy8gICAgIGNvbnNvbGUubG9nKCdpbm5lcjp1bmhhbmRsZWRSZWplY3Rpb24nLCBlcnIpCiAgICAvLyB9KQogICAgLy8gcHJvY2Vzcy5vbigndW5jYXVnaHRFeGNlcHRpb24nLCAoZXJyKSA9PiB7CiAgICAvLyAgICAgY29uc29sZS5sb2coJ2lubmVyOnVuY2F1Z2h0RXhjZXB0aW9uJywgZXJyKQogICAgLy8gfSkKICAgIHByb2Nlc3Mub24oJ3VuY2F1Z2h0RXhjZXB0aW9uTW9uaXRvcicsIChlcnIpID0+IHsKICAgICAgICBjb25zb2xlLmxvZygnaW5uZXI6dW5jYXVnaHRFeGNlcHRpb25Nb25pdG9yJywgZXJyKQogICAgfSkKCn0KY2F0Y2goZXJyKXt9Cgo=");function e(){let e=new gg,t={},r=!1;function o(n){for(let r in t){let o=t[r];delete t[r],e.removeAllListeners(r),o.reject(n)}e.emit("error",n)}function i(n){r||(r=!0,o(n))}let l=function(n){try{let e=new Blob([n]),t=window.URL||window.webkitURL;return new Worker(t.createObjectURL(e))}catch(n){i(n)}}(n);if(!l)return i("invalid worker"),null;function a(){let n=function(){let n,e,t=new Promise(function(){n=arguments[0],e=arguments[1]});return t.resolve=n,t.reject=e,t}();if(r)return n.reject("worker is dead"),n;let o=function(n=10){let e=[],t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),r=t.length;for(let o=0;o<n;o++)e[o]=t[0|Math.random()*r];return e.join("")}();t[o]=n;let i={mode:"call",id:o,fun:"main",input:[...arguments]};return l.postMessage(i),e.once(o,e=>{delete t[o],"success"===e.state?n.resolve(e.msg):n.reject(e.msg)}),n}return l.onmessage=function(n){!function(n){let t=n,r=t.mode;"emit"!==r&&"return"!==r||("emit"===r&&e.emit(t.evName,t.msg),"return"===r&&e.emit(t.id,t))}(n.data)},l.onerror=i,l.onmessageerror=function(n){o(n.data)},function(){let n={mode:"init",type:"function",input:[...arguments]};l.postMessage(n)}([...arguments]),e.main=a,e.main=a,e.terminate=function(){l?(l.terminate(),l=void 0):o("worker has been terminated")},e}mg=async function(){let n=[...arguments],t=e();return await t.main(...n).finally(()=>{t.terminate()})}}();try{process.on("uncaughtExceptionMonitor",n=>{console.log("outer:uncaughtExceptionMonitor",n)})}catch(kv){}var vg=mg;function yg(n={}){let e=null,t=!1,r=mn(n,"attIdentify",null);bn(r)||(r="dragprevid");let o=ki(n,"containerOpacity",.4),i=mn(n,"containerBackground",null);bn(i)||(i="white");let l=ki(n,"containerBorderWidth",1),a=mn(n,"containerBorderColor",null);bn(a)||(a="#f26");let d=`c${Uo(8)}`;function u(n,e,t){let u=function(n,e,t){let o=Ys(n);if(!o)return null;let i=n.cloneNode(!0);i.tShiftX=e-o.left,i.tShiftY=t-o.top,i.tWidth=n.offsetWidth,i.tHeight=n.offsetHeight,i.tParent=n.parentNode,i.setAttribute(r,"");let l=[];try{l=Array.from(i.querySelectorAll("input[type=radio]")),i.matches("input[type=radio]")&&l.push(i)}catch(n){}for(let n of l)n.removeAttribute("name");return i}(n,e,t);if(null===u)return null;let s=document.createElement("div");s.style.position="absolute",s.style.zIndex=1,s.style.top=0,s.style.left=0,s.style.width="100%",s.style.height="100%",s.appendChild(u);let c=document.createElement("div");c.style.position="relative",c.appendChild(s);let p=document.createElement("div");return p.setAttribute("dragpreviewid",d),p.style.position="fixed",p.style.zIndex=1e5,p.style.width=`${u.tWidth+2*l}px`,p.style.height=`${u.tHeight+2*l}px`,p.style.opacity=o,p.style.background=i,p.style.border=`${l}px solid ${a}`,p.style.pointerEvents="none",p.appendChild(c),document.querySelector("body").appendChild(p),{ele:n,node:u,cover:s,shell:c,container:p,timer:null,offs:[]}}function s(n,e,t){window.addEventListener(e,t,!0),n.offs.push(()=>{window.removeEventListener(e,t,!0)})}function c(n,r,o){e&&!t&&(e.container.style.top=r-e.node.tShiftY+"px",e.container.style.left=n-e.node.tShiftX+"px")}function p(){let n=e;if(!n)return;e=null,clearInterval(n.timer);for(let e of n.offs)e();n.offs=[];let t=n.container;t.parentNode&&t.parentNode.removeChild(t)}function f(n,t){if(e)try{for(let r of Object.keys(t))e[n].style[r]=t[r]}catch(n){}}return{createPreview:function(n,t,r){p();let o=null;try{o=u(n,t,r)}catch(n){o=null}null!==o&&(e=o,s(o,"mousemove",n=>{c(n.clientX,n.clientY)}),s(o,"touchmove",n=>{let e=function(n){let e=mn(n,"clientX",null),t=mn(n,"clientY",null),r=mn(n,"pageX",null),o=mn(n,"pageY",null);if(null!==e&&null!==t&&null!==r&&null!==o)return{clientX:e,clientY:t,pageX:r,pageY:o};let i=mn(n,"changedTouches",[]);if(1!==xo(i))return null;let l=i[0];return{clientX:mn(l,"clientX",null),clientY:mn(l,"clientY",null),pageX:mn(l,"pageX",null),pageY:mn(l,"pageY",null)}}(n);e&&c(e.clientX,e.clientY)}),c(t,r),o.timer=setInterval(()=>{e===o?o.ele.isConnected||p():clearInterval(o.timer)},500))},updateDragPreview:c,pauseDragPreview:function(n){t=n},removeDragPreview:p,setNodeStyle:function(n){f("node",n)},setCoverStyle:function(n){f("cover",n)},setSellStyle:function(n){f("shell",n)},setContainerStyle:function(n){f("container",n)},clear:function(){p()}}}let bg=new Map,Cg=null,xg=-1/0;function Sg(){return"undefined"!=typeof performance&&Te(performance.now)?performance.now():Date.now()}function wg(n,e){try{return n.getAttribute(e)}catch(n){return null}}function Ig(n,e){let t=wg(n,e);return xn(t)&&Number.isFinite(Number(t))?er(t):null}function kg(n,e){let t=mn(n,"length",0);if(null===e)return 1===t?n[0]:null;for(let r=0;r<t;r++)if(mn(n[r],"identifier",null)===e)return n[r];return null}function Tg(n){let e=mn(n,"clientX",null),t=mn(n,"clientY",null);return Wo(e)&&Wo(t)?{clientX:e,clientY:t}:null}function Bg(n,e,t,r){return n.addEventListener(e,t,r),()=>{n.removeEventListener(e,t,r)}}function Hg(n){for(;n.length>0;){let e=n.pop();try{e()}catch(n){}}}function Ag(n,e,t,r){let o=e?n.members.get(e):null;if(!o)return;let i=r(o);o.ev.emit("change",{mode:t,...i}),n.members.get(e)===o&&o.ev.emit(t,i)}function Wg(n,e){let t=[];try{t=document.elementsFromPoint(e.clientX,e.clientY)}catch(n){t=[]}for(let e of t){let t=n.members.get(e);if(!t)continue;let r=Ig(e,t.o.attIndex);if(null!==r)return{ele:e,ind:r}}return null}function Fg(n,e=null,t=null){let r=n.drag;if(!r)return;n.drag=null,Cg===n&&(Cg=null),null!==r.timer&&(clearTimeout(r.timer),r.timer=null),Hg(r.offs),r.pv&&(r.pv.clear(),r.pv=null);let o=r.endEle,i=r.endInd;!o||t&&i===t.ind||Ag(n,o,"leave",n=>({event:e,startInd:r.startInd,startEle:r.startEle,endInd:i,endEle:o,tarInd:i,tarEid:n.eid})),t&&Ag(n,t.ele,"drop",n=>({event:e,startInd:r.startInd,startEle:r.startEle,endInd:t.ind,endEle:t.ele,tarInd:t.ind,tarEid:n.eid}))}function Zg(n,e,t){if(n.drag!==e)return;let r=null;if(e.touch)r=Tg(kg(mn(t,"changedTouches",null),e.touchId));else{if(!0===t.isTrusted&&Wo(t.buttons)&&!(1&t.buttons))return void Fg(n,t);r=Tg(t)}if(!r)return;if(!n.members.has(e.startEle))return void Fg(n,t);e.lastP=r,e.pv&&e.pv.updateDragPreview(r.clientX,r.clientY,"domDrag");let o=Wg(n,r),i=e.o,l=()=>{let r=e.endEle,o=e.endInd;e.endEle=null,e.endInd=null,Ag(n,r,"leave",n=>({event:t,startInd:e.startInd,startEle:e.startEle,endInd:o,endEle:r,tarInd:o,tarEid:n.eid})),e.pv&&e.pv.setContainerStyle({opacity:i.previewDisabledOpacity})};if(!o)return void(null!==e.endInd&&l());if(o.ind===e.startInd)return void(null!==e.endInd&&l());if(o.ind!==e.endInd){if(null!==e.endInd&&(l(),n.drag!==e))return;return e.endInd=o.ind,e.endEle=o.ele,Ag(n,o.ele,"enter",n=>({event:t,startInd:e.startInd,startEle:e.startEle,endInd:o.ind,endEle:o.ele,tarInd:o.ind,tarEid:n.eid})),void(e.pv&&e.pv.setContainerStyle({opacity:i.previewOpacity}))}e.endEle=o.ele;let a=function(n,e){if(!Qo(n))return null;if(!Wo(n.clientX)||!Wo(n.clientY))return null;if(!li(e))return null;let t=Ys(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(r,o.ele);if(!a)return;let d=a.w>0?a.x/a.w:0,u=a.h>0?a.y/a.h:0;d>=0&&d<=1&&u>=0&&u<=1&&(Ag(n,o.ele,"move",n=>({event:t,startInd:e.startInd,startEle:e.startEle,endInd:e.endInd,endEle:e.endEle,tarInd:e.endInd,tarEid:n.eid,...a,rx:d,ry:u})),e.pv&&e.pv.setContainerStyle({opacity:i.previewOpacity}))}function Xg(n,e,t){if(n.drag!==e)return;let r=t;if(e.touch){if(r=kg(mn(t,"changedTouches",null),e.touchId),!r)return;xg=Sg()}else if("button"in t&&0!==t.button)return;if(!n.members.has(e.startEle))return void Fg(n,t);e.pv&&(e.pv.clear(),e.pv=null);let o=Tg(r);Fg(n,t,o?Wg(n,o):null)}function zg(n,e,t){n.drag===e&&(null!==e.touchId&&null===kg(mn(t,"changedTouches",null),e.touchId)||Fg(n,t))}function Rg(n,e,t){let r=n.g;if(!n.alive||!r.isActive)return;if(Cg&&Cg.drag&&Cg.drag.pressEvent===e)return;if(!t){if("button"in e&&0!==e.button)return;let n=mn(e,"sourceCapabilities.firesTouchEvents",null);if(!0===n)return;if(!1!==n&&Sg()-xg<800)return}let o=t?mn(e,"changedTouches[0]",null):e,i=t?mn(o,"identifier",null):null;void 0===i&&(i=null);let l=Cg?Cg.drag:null;if(l&&t){if(!l.touch)return;if(null!==l.touchId&&null!==kg(mn(e,"touches",null),l.touchId))return}let a=n.o,d=Ig(n.ele,a.attIndex);if(null===d)return;Cg&&Fg(Cg,e);let u={touch:t,touchId:i,pressEvent:e,o:a,startInd:d,startEle:n.ele,endInd:null,endEle:null,timer:null,pv:null,offs:[],lastEv:null,lastP:null};r.drag=u,Cg=r;let s=n=>e=>{e!==u.lastEv&&(u.lastEv=e,n(r,u,e))},c=s(Zg),p=s(Xg),f=s(zg);if(t){u.offs.push(Bg(window,"touchmove",c,!0)),u.offs.push(Bg(window,"touchend",p,!0)),u.offs.push(Bg(window,"touchcancel",f,!0));let n=mn(e,"target",null);n&&Te(n.addEventListener)&&(u.offs.push(Bg(n,"touchmove",n=>{n.cancelable&&n.preventDefault(),c(n)},{passive:!1})),u.offs.push(Bg(n,"touchend",p)),u.offs.push(Bg(n,"touchcancel",f)))}else u.offs.push(Bg(window,"mousemove",c,!0)),u.offs.push(Bg(window,"mouseup",p,!0));if(u.offs.push(Bg(window,"blur",n=>{r.drag===u&&Fg(r,n)})),Ag(r,u.startEle,"start",n=>({event:e,startInd:u.startInd,startEle:u.startEle,tarInd:u.startInd,tarEid:n.eid})),r.drag!==u)return;let h=Tg(o);h&&(u.timer=setTimeout(()=>{u.timer=null,r.drag===u&&(u.pv=yg({attIdentify:a.attIdentify,containerOpacity:a.previewOpacity,containerBackground:a.previewBackground,containerBorderWidth:a.previewBorderWidth,containerBorderColor:a.previewBorderColor}),u.pv.createPreview(u.startEle,h.clientX,h.clientY),u.lastP&&u.pv.updateDragPreview(u.lastP.clientX,u.lastP.clientY,"domDrag"),u.pv.setContainerStyle({opacity:u.endEle?a.previewOpacity:a.previewDisabledOpacity}))},a.timeDragStartDelay))}function Pg(n,e={}){if(!li(n))return void console.log("ele is not a HTMLElement",n);let t=(n,t)=>{let r=mn(e,n,null);return bn(r)?r:t},r={attIdentify:t("attIdentify","dragid"),attIndex:t("attIndex","dragindex"),attGroup:t("attGroup","draggroup"),group:t("group","group"),previewOpacity:ki(e,"previewOpacity",.4),previewDisabledOpacity:ki(e,"previewDisabledOpacity",.2),previewBackground:t("previewBackground","white"),previewBorderWidth:ki(e,"previewBorderWidth",1),previewBorderColor:t("previewBorderColor","#f26"),timeDragStartDelay:ki(e,"timeDragStartDelay",120,{min:0,below:"clamp",timer:!0})},o=r.group,i=`c${Uo(8)}`,l=bg.get(o);l||(l={gid:o,members:new Map,isActive:!0,drag:null,teardown:!1},bg.set(o,l));let a=wi(),d={eid:i,ele:n,ev:a,o:r,g:l,alive:!0};wg(n,r.attGroup)!==o&&n.setAttribute(r.attGroup,o),n.setAttribute(r.attIdentify,i),l.members.set(n,d);let u=[];function s(){d.alive&&(d.alive=!1,Hg(u),l.members.get(n)===d&&l.members.delete(n),Promise.resolve().then(()=>{wg(n,r.attIdentify)===i&&(n.removeAttribute(r.attIdentify),wg(n,r.attGroup)===o&&n.removeAttribute(r.attGroup))}),l.drag&&l.drag.startEle===n&&function(n,e){Promise.resolve().then(()=>{n.drag!==e||n.members.has(e.startEle)||Fg(n)})}(l,l.drag),0===l.members.size&&function(n){n.teardown||(n.teardown=!0,Promise.resolve().then(()=>{n.teardown=!1,n.members.size>0||(Fg(n),bg.get(n.gid)===n&&bg.delete(n.gid))}))}(l))}return u.push(Bg(n,"mousedown",n=>{Rg(d,n,!1)})),u.push(Bg(n,"touchstart",n=>{Rg(d,n,!0)})),u.push(Bg(n,"dragstart",e=>{l.drag&&l.drag.startEle===n&&e.preventDefault()})),a.setIsActive=function(n){d.alive&&(l.isActive=n,n||Fg(l))},a.unbind=s,a.clear=s,a}function Vg(){let n={};function e(e,t,r,o){let i=e.getAttribute("ev-dragdrop"),l=mn(t,"value");if(l=Qo(l),!l)return;let a=mn(t,"value.group");if(!bn(a))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");let d=mn(t,"value.attIdentify"),u=mn(t,"value.attGroup"),s=mn(t,"value.attIndex"),c=mn(t,"value.previewOpacity"),p=mn(t,"value.previewDisabledOpacity"),f=mn(t,"value.previewBackground"),h=mn(t,"value.previewBorderWidth"),g=mn(t,"value.previewBorderColor"),m=mn(t,"value.timeDragStartDelay"),v=Ni(r,"domdragdrop","domdragdrop",{warn:o}),y=Pg(e,{group:a,attIdentify:d,attGroup:u,attIndex:s,previewOpacity:c,previewDisabledOpacity:p,previewBackground:f,previewBorderWidth:h,previewBorderColor:g,timeDragStartDelay:m});y.on("start",n=>{v.emit({evName:"start",...n})}),y.on("move",n=>{v.emit({evName:"move",...n})}),y.on("enter",n=>{v.emit({evName:"enter",...n})}),y.on("leave",n=>{v.emit({evName:"leave",...n})}),y.on("drop",n=>{v.emit({evName:"drop",...n})}),n[i]={ev:y,em:v}}function t(e){let t=e.getAttribute("ev-dragdrop");n[t]&&(n[t].em.dispose(),n[t].ev.unbind(),n[t]=null,delete n[t])}return{bind:function(n,t,r){let o=`r${Uo()}`;n.setAttribute("ev-dragdrop",o),e(n,t,r,!0)},update:function(n,r,o){t(n),e(n,r,o,!1)},unbind:function(n){t(n),n.setAttribute("ev-dragdrop",null)}}}function Lg(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(!e(n[t],t,n))return!1;return!0}function Ng(n,e){var t=!0;return xe(n,function(n,r,o){return t=!!e(n,r,o)}),t}function Dg(n,e,t){var r=s(n)?Lg:Ng;return t&&to(n,e,t)&&(e=void 0),r(n,It(e))}const Gg={directives:{domresize:Hl()},components:{WPanelScrollyCore:vh},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 Mg=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)};Mg._withStripped=!0;const Yg=t({render:Mg,staticRenderFns:[]},function(n){n&&n("data-v-09786acf_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})},Gg,"data-v-09786acf",false,void 0,!1,o,void 0,void 0);const jg={directives:{domripple:cd()},components:{WIcon:vd},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"},backgroundColorDisabled:{type:String,default:"white"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},textColorDisabled:{type:String,default:"#444"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},iconColorDisabled:{type:String,default:"#444"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"},cursorPointer:{type:Boolean,default:!0}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=He(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){return`padding:${dd(this.paddingStyle,{ext:{}})};`},effBackgroundColor:function(){return wo(this.backgroundColor)},effBackgroundColorHover:function(){return wo(this.backgroundColorHover)},effBackgroundActive:function(){return wo(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return wo(this.backgroundColorDisabled)},useBackgroundColor:function(){let n=this;return n.editable?n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor:n.effBackgroundColorDisabled},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},effTextActive:function(){return wo(this.textColorActive)},effTextColorDisabled:function(){return wo(this.textColorDisabled)},useTextColor:function(){let n=this;return n.editable?n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor:n.effTextColorDisabled},effIconColor:function(){return wo(this.iconColor)},effIconColorHover:function(){return wo(this.iconColorHover)},effIconActive:function(){return wo(this.iconColorActive)},effIconColorDisabled:function(){return wo(this.iconColorDisabled)},useIconColor:function(){let n=this;return n.editable?n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor:n.effIconColorDisabled},effDisabledColor:function(){return wo(this.disabledColor)}},methods:{clickItem:function(){let n=this;n.editable&&n.$emit("click",{icon:n.icon,text:n.text})}}};var _g=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:"position:relative; transition:all 0.3s; border-top-left-radius:"+n.borderRadius+"px; border-top-right-radius:"+n.borderRadius+"px; "+n.usePadding+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"cursor:context-menu;"),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("item",function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("item-left",null,{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-content",function(){return[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",[n._v("\n                        "+n._s(n.text)+"\n                    ")])]},{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-right",null,{isHover:n.mouseEnter,isActive:n.active})],2)]},{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])],2)])};_g._withStripped=!0;const Kg=t({render:_g,staticRenderFns:[]},function(n){n&&n("data-v-f78be616_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",map:{version:3,sources:[],names:[],mappings:"",file:"WListItem.vue"},media:void 0})},jg,"data-v-f78be616",false,void 0,!1,o,void 0,void 0);var $g={directives:{domresize:Hl()},components:{WPanelScrolly:Yg,WListItem:Kg},props:{items:{type:Array,default:()=>[]},enableActive:{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})},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"orange lighten-1"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextFontSize:{type:String,default:"1rem"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0},query:{type:String,default:""},funFilter:{type:Function,default:null}},data:function(){return{panelHeight:0,listHeight:0,queryTrans:"",useItems:[],itemActiveTrans:null}},computed:{changeParams:function(){let n=this;return n.queryTrans=n.query,n.updateUseItems(),""},changeItemActive:function(){let n=this;return n.enableActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==xo(this.items)&&Dg(this.items,n=>vn(n))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,r=mn(e,"$refs.refHeader");li(r)&&(t=r.offsetHeight);let o=0,i=mn(e,"$refs.refFooter");li(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?mn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return mn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Vi(n,e.itemActiveTrans)),t},getEditable:function(n){return mn(n,"editable",!0)},updateUseItems:function(){let n=this;(async function(){let e=[];if(bn(n.queryTrans))for(let t=0;t<xo(n.items);t++){let r=n.items[t],o=!1;if(Te(n.funFilter))o=n.funFilter(r,t),ur(o)&&(o=await o);else{let e=$t(n.queryTrans.toLowerCase()," "),t="";t=n.isObjValue?n.getText(r):na(r),t=t.toLowerCase();for(let n=0;n<xo(e);n++){let r=e[n];if(t.indexOf(r)>=0){o=!0;break}}}o&&e.push(Sl(r))}else e=Sl(n.items);n.useItems=e})().catch(n=>{console.log(n)})},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let r=null;r=t.isObjValue?{...n}:n,t.$emit("click",r,e),t.$emit("update:itemActive",r)}}};const Eg=$g;var Og=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParams:n.changeParams,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.useItems,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,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:!n.getActive(e)&&n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,r)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)}),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};Og._withStripped=!0;const Jg=t({render:Og,staticRenderFns:[]},function(n){n&&n("data-v-91159d74_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",map:{version:3,sources:[],names:[],mappings:"",file:"WListVertical.vue"},media:void 0})},Eg,"data-v-91159d74",false,void 0,!1,o,void 0,void 0);const Ug={components:{},props:{dir:{type:String,default:"right"},iconSize:{type:Number,default:24},iconColor:{type:String,default:"grey"},iconDisabledColor:{type:String,default:"grey lighten-1"},iconBackgroundColor:{type:String,default:"transparent"},iconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},editable:{type:Boolean,default:!0}},data:function(){return{defIconSize:24,hoverTrans:!1}},computed:{useRotate:function(){return mn({left:180,right:0,top:270,bottom:90},this.dir,0)},useScale:function(){return this.iconSize/this.defIconSize},useIconColor:function(){let n=this;return n.editable?wo(n.iconColor):wo(n.iconDisabledColor)},useIconBackgroundColor:function(){return wo(this.iconBackgroundColor)},useIconBackgroundColorHover:function(){return wo(this.iconBackgroundColorHover)},useCircleBackgroundColor:function(){let n=this;return n.editable&&n.hoverTrans?n.useIconBackgroundColorHover:n.useIconBackgroundColor}},methods:{mouseenter:function(){this.hoverTrans=!0},mouseleave:function(){this.hoverTrans=!1},emitClick:function(n){this.editable&&this.$emit("click",n)}}};var Qg=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}},[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",{staticClass:"cc circle",style:"background:"+n.useCircleBackgroundColor+";",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"}})])])])])])])]),n._v(" "),[t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto",opacity:"0.75","pointer-events":"none"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-5px);"},[t("div",{style:"display:inline-block; width:24px; height:1px; 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",opacity:"0.75","pointer-events":"none"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-3px);"},[t("div",{style:"display:inline-block; width:24px; height:1px; border-top:2px solid "+n.useIconColor+";"})])])]],2)])])};Qg._withStripped=!0;const qg=t({render:Qg,staticRenderFns:[]},function(n){n&&n("data-v-65cddf68_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\r\n/* 游標樣式繼承按鈕層(僅編輯模式為pointer), 此處不另給, 否則非編輯模式時移入三角形仍顯示pointer */\n.caretRight[data-v-65cddf68] {\r\n    user-select: none;\r\n    display: inline-block;\n}\n.cc[data-v-65cddf68] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\n}\n.circle[data-v-65cddf68] {\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:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WTreeIconToggle.vue"],names:[],mappings:";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,6DAAA;AACA;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\r\n            <div\r\n                :style="`position:relative; display:inline-block; width:${defIconSize}px; height:${defIconSize}px; user-select:none; ${editable?\'cursor:pointer;\':\'\'} outline:none;`"\r\n                tabindex="0"\r\n                @keyup.enter="emitClick"\r\n                @click="emitClick"\r\n            >\r\n\r\n                \x3c!-- 三角形按鈕 --\x3e\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                        \x3c!-- hover底色由hoverTrans計算, 不直接改元素樣式, 否則點擊切換朝向致重繪時會被:style寫回 --\x3e\r\n                        <div\r\n                            class="cc circle"\r\n                            :style="`background:${useCircleBackgroundColor};`"\r\n                            @mouseenter="mouseenter"\r\n                            @mouseleave="mouseleave"\r\n                        >\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\r\n                    </div>\r\n                </div>\r\n\r\n                \x3c!-- 禁用符號, 容器蓋滿按鈕故不接收指標事件, 否則圓鈕收不到mouseenter而hover底色失效 --\x3e\r\n                <template>\r\n\r\n                    <div\r\n                        style="position:absolute; z-index:1; left:0px; top:0px; bottom:0; right:0; margin:auto; opacity:0.75; pointer-events:none;"\r\n                    >\r\n                        <div :style="`height:${defIconSize}px; transform:rotate(45deg) translateY(-5px);`" v-if="!editable">\r\n                            <div :style="`display:inline-block; width:24px; height:1px; border-top:2px solid #fff;`"></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div style="position:absolute; z-index:1; left:0px; top:0px; bottom:0; right:0; margin:auto; opacity:0.75; pointer-events:none;">\r\n                        <div :style="`height:${defIconSize}px; transform:rotate(45deg) translateY(-3px);`" v-if="!editable">\r\n                            <div :style="`display:inline-block; width:24px; height:1px; border-top:2px solid ${useIconColor};`"></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </template>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from \'lodash-es/get.js\'\r\nimport convertColor from \'../js/convertColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [dir=\'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} [iconDisabledColor=\'grey lighten-1\'] 輸入顯隱icon按鈕禁用時顏色字串，預設\'grey lighten-1\'\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 * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\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        iconDisabledColor: {\r\n            type: String,\r\n            default: \'grey lighten-1\',\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        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            defIconSize: 24,\r\n            hoverTrans: false,\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            if (vo.editable) {\r\n                return convertColor(vo.iconColor)\r\n            }\r\n            return convertColor(vo.iconDisabledColor)\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 convertColor(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 convertColor(vo.iconBackgroundColorHover)\r\n        },\r\n\r\n        useCircleBackgroundColor: function() {\r\n            //console.log(\'computed useCircleBackgroundColor\')\r\n\r\n            let vo = this\r\n\r\n            //非編輯模式不顯示hover底色\r\n            if (vo.editable && vo.hoverTrans) {\r\n                return vo.useIconBackgroundColorHover\r\n            }\r\n            return vo.useIconBackgroundColor\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        mouseenter: function() {\r\n            //console.log(\'mouseenter\')\r\n\r\n            let vo = this\r\n\r\n            vo.hoverTrans = true\r\n\r\n        },\r\n\r\n        mouseleave: function() {\r\n            //console.log(\'mouseleave\')\r\n\r\n            let vo = this\r\n\r\n            vo.hoverTrans = false\r\n\r\n        },\r\n\r\n        emitClick: function(v) {\r\n            //非編輯模式不觸發click, 同WTreeIconCheckbox\r\n            if (!this.editable) {\r\n                return\r\n            }\r\n            this.$emit(\'click\', v)\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n/* 游標樣式繼承按鈕層(僅編輯模式為pointer), 此處不另給, 否則非編輯模式時移入三角形仍顯示pointer */\r\n.caretRight {\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})},Ug,"data-v-65cddf68",false,void 0,!1,o,void 0,void 0);const nm={components:{},props:{mode:{type:String,default:"unchecked"},iconSize:{type:Number,default:24},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"},editable:{type:Boolean,default:!0}},data:function(){return{defIconSize:24}},computed:{useScale:function(){return this.iconSize/this.defIconSize},useDisabledColor:function(){let n=this;return"checked"===n.mode?wo(n.checkedDisabledColor):"unchecked"===n.mode?wo(n.uncheckedDisabledColor):wo(n.checkedPartiallyDisabledColor)},useUncheckedColor:function(){let n=this;return n.editable?wo(n.uncheckedColor):wo(n.uncheckedDisabledColor)},useCheckedColor:function(){let n=this;return n.editable?wo(n.checkedColor):wo(n.checkedDisabledColor)},useCheckedPartiallyColor:function(){let n=this;return n.editable?wo(n.checkedPartiallyColor):wo(n.checkedPartiallyDisabledColor)}},methods:{emitClick:function(n){this.editable&&this.$emit("click",n)}}};var em=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 0 24 24"}},[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 0 24 24"}},[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 0 24 24"}},[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+";"})])])])])])};em._withStripped=!0;const tm=t({render:em,staticRenderFns:[]},function(n){n&&n("data-v-4f07f36f_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:"WTreeIconCheckbox.vue"},media:void 0})},nm,"data-v-4f07f36f",false,void 0,!1,o,void 0,void 0);let rm=lh();var om={directives:{domdragdrop:Vg(),domripple:cd()},components:{WDynamicList:Sh,WButtonCircle:as,WButtonChip:rs,WText:Wc,WPopup:Ks,WDialog:Wf,WListVertical:Jg,WTreeIconToggle:qg,WTreeIconCheckbox:tm,Teleport:u},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"},iconToggleDisabledColor:{type:String,default:"grey lighten-1"},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:""},funFilter:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},statePaddingStyle:{type:Object,default:()=>({v:12,h:12})},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},operateItemTextForRename:{type:String,default:"Rename"},operateItemTextForInsertBefore:{type:String,default:"Insert before"},operateItemTextForInsertChild:{type:String,default:"Insert child"},operateItemTextForInsertAfter:{type:String,default:"Insert after"},operateItemTextForDelete:{type:String,default:"Delete"},operateItemIconForRename:{type:String,default:Jl},operateItemIconForInsertBefore:{type:String,default:"M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z"},operateItemIconForInsertChild:{type:String,default:"M13,8V11H3V13H13V16L17,12L13,8M19,20H21V4H19V20Z"},operateItemIconForInsertAfter:{type:String,default:"M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z"},operateItemIconForDelete:{type:String,default:Gl},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:150},operatePanelHeight:{type:Number,default:null},operateBtnTooltip:{type:String,default:"Operations"},operateBtnIconSize:{type:Number,default:22},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)"},operateItemHeight:{type:Number,default:42},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"},funOperateItem:{type:Function,default:null},editorRenameContentBackgroundColor:{type:String,default:"white"},editorRenameFooterBackgroundColor:{type:String,default:"grey lighten-5"},editorRenameInputTextColor:{type:String,default:"grey darken-3"},editorRenameInputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},editorRenameInputTextBottomLineBorderColorHover:{type:String,default:"grey"},editorRenameInputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},editorRenameCancelBtnText:{type:String,default:"Cancel"},editorRenameCancelBtnTextColor:{type:String,default:"grey darken-3"},editorRenameCancelBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIcon:{type:String,default:Yl},editorRenameCancelBtnIconSize:{type:Number,default:22},editorRenameCancelBtnIconColor:{type:String,default:"grey darken-1"},editorRenameCancelBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameCancelBtnBackgroundColor:{type:String,default:"white"},editorRenameCancelBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},editorRenameSaveBtnText:{type:String,default:"Save"},editorRenameSaveBtnTextColor:{type:String,default:"grey darken-3"},editorRenameSaveBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIcon:{type:String,default:jl},editorRenameSaveBtnIconSize:{type:Number,default:22},editorRenameSaveBtnIconColor:{type:String,default:"grey darken-1"},editorRenameSaveBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameSaveBtnBackgroundColor:{type:String,default:"white"},editorRenameSaveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},labelPanelForOperate:{type:String,default:null},labelDialogForEditor:{type:String,default:null},cmpZIndex:{type:Number,default:2e3},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:nh(),mmkey:Uo(),viewHeightMaxTrans:400,separation:3,defIconSize:24,selectionsTrans:[],filterMode:"keywords",filterKeywordsTrans:"",filterKeywordsTransTemp:"",filterFun:null,filterRunning:!1,filterPending:!1,defaultDisplayLevelTrans:null,dgGroupKey:null,dgTipMode:"",dgTipLeft:0,dgTipTop:0,dgTipWidth:0,dgTipHeight:0,pkActive:"",pkHover:"",operateShow:!1,editorShow:!1,editorPm:null,editorRenameData:null,editorRenameItem:{},editorRenameInputText:""}},beforeDestroy:function(){let n=this;null!==n.mmkey&&rm.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 Wo(n.viewHeightMax)&&(n.viewHeightMaxTrans=n.viewHeightMax),""},changeActiveItem:function(){let n=this,e=mn(n.itemActive,n.keyPrimary);return n.isKey(e)?n.pkActive=e:n.pkActive="",""},changeDefaultDisplayLevel:function(){return this.defaultDisplayLevelTrans=this.defaultDisplayLevel,""},useDraggableOrOperatable:function(){return this.draggable||this.operatable},changeDraggableAndOperatable:function(){let n=this;return n.useDraggableOrOperatable&&(n.defaultDisplayLevelTrans=null,n.filterKeywordsTrans=""),""},changeFilterKeyWords:function(){let n=this;return n.filterKeywordsTrans=n.filterKeywords,n.filterByKeywordsDebounce(),""},useItemHeightMin:function(){return Math.max(this.iconSize,this.defItemHeight)},useIndent:function(){let n=this;return n.indent*(n.defIconSize+2*n.separation)},usePadding:function(){return`padding:${dd(this.paddingStyle)};`},useItemTextColor:function(){return wo(this.itemTextColor)},useItemBackgroundColor:function(){return wo(this.itemBackgroundColor)},useItemTextColorHover:function(){return wo(this.itemTextColorHover)},useItemBackgroundColorHover:function(){return wo(this.itemBackgroundColorHover)},useItemTextColorActive:function(){return wo(this.itemTextColorActive)},useItemBackgroundColorActive:function(){return wo(this.itemBackgroundColorActive)},useDgTextDisabledColor:function(){return wo(this.dgTextDisabledColor)},useDgTextDisabledBackgroundColor:function(){return wo(this.dgTextDisabledBackgroundColor)},useDgInsertLineColor:function(){return wo(this.dgInsertLineColor)},useDgInsertBackgroundColor:function(){return wo(this.dgInsertBackgroundColor)},uesDgBelongBackgroundColor:function(){return wo(this.dgBelongBackgroundColor)},operateItems:function(){let n=this;return[{key:"Rename",text:n.operateItemTextForRename,icon:n.operateItemIconForRename},{key:"InsertBefore",text:n.operateItemTextForInsertBefore,icon:n.operateItemIconForInsertBefore},{key:"InsertChild",text:n.operateItemTextForInsertChild,icon:n.operateItemIconForInsertChild},{key:"InsertAfter",text:n.operateItemTextForInsertAfter,icon:n.operateItemIconForInsertAfter},{key:"Delete",text:n.operateItemTextForDelete,icon:n.operateItemIconForDelete}]},useDraggable:function(){return this.draggable&&!this.operateShow},useEditorContentBackgroundColor:function(){return wo(this.editorRenameContentBackgroundColor)},useEditorFooterBackgroundColor:function(){return wo(this.editorRenameFooterBackgroundColor)}},methods:{getEmitData:function(n,e){return{event:n,ele:mn(n,"currentTarget",null),row:e.row,item:e.row.item,index:e.index}},updateViewHeightMaxTrans:function(n){let e=this;if(Wo(e.viewHeightMax))return;let t=mn(n,"height");Wo(t)&&(e.viewHeightMaxTrans=t)},getRowsFromData:async function(n){return Tt(await vg(n,{bindKey:this.keyPrimary,bindChildren:this.keyChildren}),(n,e)=>({index:e,unfolding:!0,checked:"unchecked",item:n}))},setData:function(n){let e=this;(async function(){if(!ke(n)&&!vn(n)){return"data is not an array or object"}null!==e.mmkey&&rm.remove(e.mmkey),n=Sl(n);let t=await e.getRowsFromData(n);rm.set(e.mmkey,t),await sr(()=>void 0!==e.$refs.wdl,{attemptNum:1e4,timeInterval:20}),e.$refs.wdl&&await e.$refs.wdl.setRows(t),e.defaultToggleItems(),e.updateSelections(),e.filterKeywordsTransTemp="",e.filterItems()})().catch(n=>{console.log(n)})},getText:function(n){let e=mn(n,this.keyText,"");return e=na(e),e},getEditable:function(n){return!mn(n,this.keyLocked,!1)},isKey:function(n){return bn(n)||xn(n)},getUseActivable:function(n){let e=this;if(!e.activable)return!1;let t=!0;if(Te(e.funActive)&&(t=e.funActive(e.getEmitData({},n)),!In(t)))throw new Error("funActive return value is not a boolean");return t},getTextColor:function(n){let e=this,t=mn(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=mn(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=mn(e,"row.item"),o=mn(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=mn(e,"row.item"),o=!0;if(Te(t.funActive)&&(o=t.funActive(t.getEmitData(n,e))),!o)break;let i=mn(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(Vi(n.selectionsTrans,n.selections))return;await sr(()=>void 0!==n.$refs.wdl,{attemptNum:1e4,timeInterval:20});let t={fun:function(t){let r={};Ie(t,(e,o)=>{let i=mn(e,`row.item.${n.keyPrimary}`);if(Sn(r,i))throw new Error(`Duplicate primary key[${n.keyPrimary}] in items`);r[i]=o,t[o].row.checked="unchecked"}),Ie(Sl(n.selections),o=>{let i=o[n.keyPrimary],l=r[i];if(tr(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,Vi(e,n.selections)||setTimeout(()=>{n.$emit("update:selections",Sl(e))},20)})().catch(n=>{console.log(n)})},addSelection:function(n,e){let t=this,r=mn(e,t.keyPrimary,null);if(null!==r){if(!Yh(n,{[t.keyPrimary]:r})){let r={};Ie(e,(n,e)=>{e!==t.keyChildren&&"level"!==e&&"nk"!==e&&"msg"!==e&&(r[e]=Sl(n))}),n.push(r)}}},removeSelection:function(n,e){let t=this,r=mn(e,t.keyPrimary,null);if(null!==r){Yh(n,{[t.keyPrimary]:r})&&function(n,e){var t=[];if(!n||!n.length)return t;var r=-1,o=[],i=n.length;for(e=It(e);++r<i;){var l=n[r];e(l,r,n)&&(t.push(l),o.push(r))}Jh(n,o)}(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 rm.get(this.mmkey)},getLevelDiff:function(n){let e=rm.get(this.mmkey);return this.getLevelDiffFromRows(e,n)},getLevelDiffFromRows:function(n,e){let t=mn(n,`${e}.item.level`,null),r=mn(n,`${e+1}.item.level`,null);return this.calcLevelDiff(t,r)},getLevelDiffFromItems:function(n,e){let t=mn(n,`${e}.row.item.level`,null),r=mn(n,`${e+1}.row.item.level`,null);return this.calcLevelDiff(t,r)},calcLevelDiff:function(n,e){return Et(n)&&Et(e)?e-n:0},getLevel:function(n){return mn(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){let t=mn(n,`${e}.row.item.level`,null);if(null!==t)for(let l=e+1;l<n.length;l++){let e=mn(n,`${l}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(t>=e)break;let a=i();n[l].displayShow=a;let d=r.getLevelDiffFromItems(n,l);if(d>0){let e=mn(n,`${l}.row.unfolding`,null);if(null===e)return void console.log("invalid unfoldingNow");o.push(e)}d<0&&(o=ng(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=mn(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(r>e){let i=mn(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=Bh(o),o=ng(o),Ie(o,e=>{t.toggleItemsCore(n,e,!0)})},defaultToggleItems:function(){let n=this;(async function(){if(!Wo(n.defaultDisplayLevelTrans))return;if(!n.$refs.wdl)return;let e={fun:function(e){let t=er(n.defaultDisplayLevelTrans);Ie(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),Ie(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.useDraggableOrOperatable)return;let r={fun:function(r){let o=mn(n,"index",null);if(null===o)return void console.log("invalid item.index");let i=mn(r,`${o}.row.unfolding`,null);null!==i?(In(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(!Te(n))return;let e=n(this.getRows());ur(e)&&(e=await e);let t=mn(e,"row");if(!Qo(t))return void console.log("invalid row",t);let r=mn(e,"toUnfolding");In(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:lr(Bh(o),"-")}},getParentIndex:function(n,e){let t=mn(n,`${e}.row.item.level`,null);if(null===t)return null;for(let r=e-1;r>=0;r--){let e=mn(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=mn(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=mn(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=mn(e,i,null),a=mn(l,"row.checked",""),d=function(n){let t=mn(e,`${n}.row.item.level`,null);if(null===t)return console.log("invalid items[i].row.item.level"),null;let r=[{ind:n,checked:mn(e,`${n}.row.checked`,"")}];for(let o=n-1;o>=0;o--){let n=mn(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:mn(e,`${o}.row.checked`,"")})}for(let o=n+1;o<e.length;o++){let n=mn(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:mn(e,`${o}.row.checked`,"")})}let o=xo(r),i=0,l=0;return Ie(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=Sl(e.selectionsTrans);if(!e.$refs.wdl)return;let r={fun:function(r){let o=n.index,i=mn(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,Vi(t,e.selections)||setTimeout(()=>{e.$emit("update:selections",Sl(t))},20)})().catch(n=>{console.log(n)})},filterItemsCore:async function(n){let e=this,t=e.filterFun,r="fun"===e.filterMode;if(!r&&e.useDraggableOrOperatable)return-1;if(!r&&e.filterKeywordsTransTemp===e.filterKeywordsTrans)return-1;e.filterKeywordsTransTemp=e.filterKeywordsTrans;let o=0;if(r||0!==xo(e.filterKeywordsTrans)){let i=$t(e.filterKeywordsTrans.toLowerCase()," "),l={};for(let a=0;a<n.length;a++){let d=!1;if(r)d=t(n[a].row.item),ur(d)&&(d=await d);else if(Te(e.funFilter))d=e.funFilter(n[a].row.item,i),ur(d)&&(d=await d);else{let t=e.getText(n[a].row.item);t=t.toLowerCase();for(let n=0;n<i.length;n++){let e=i[n];if(t.indexOf(e)>=0){d=!0;break}}}if(d){n[a].filterShow=!0;let t=e.getAllParentIndex(n,a);""!==t.path&&(Sn(l,t.path)||(Ie(t.inds,e=>{n[e].filterShow=!0}),l[t.path]=t)),o++}else n[a].filterShow=!1}}else{for(let e=0;e<n.length;e++)n[e].filterShow=!0;o=n.length}return o},filterItems:function(){let n=this;(async function(){if(!n.$refs.wdl)return;if(n.filterRunning)return void(n.filterPending=!0);n.filterRunning=!0;let e=-1,t={fun:async function(t){e=await n.filterItemsCore(t)}};n.$refs.wdl.setSearchingResults(-1),n.$refs.wdl&&await n.$refs.wdl.processItems(t),n.$refs.wdl&&n.$refs.wdl.setSearchingResults(e),n.filterRunning=!1,n.filterPending&&(n.filterPending=!1,n.filterItems())})().catch(n=>{console.log(n)})},filterByFun:function(n){let e=this;e.filterMode="fun",e.filterFun=n,e.filterItems()},filterByKeywords:function(){let n=this;n.filterMode="keywords",n.filterFun=null,n.filterItems()},filterByKeywordsDebounce:function(){let n=this;n.dbc(()=>{n.filterByKeywords()})},deleteItem:function(n,e){if(0===xo(e))throw new Error("invalid nk");if(1===xo(e))qh(n,e);else{let t=ng(e),r=Kh(e),o=mn(n,t,[]);qh(o,[r])}},getPathInfors:function(n,e){let t=this,r=[];for(let o=0;o<xo(e);o++){if(e[o]===t.keyChildren)continue;let i=[];for(let n=0;n<=o;n++)i.push(e[n]);let l=mn(n,i),a={};Ie(l,(n,e)=>{if(e===t.keyChildren)return!0;a[e]=n}),r.push(a)}return r},dragItem:function(n,e,t,r){let o=this,i=rm.get(o.mmkey),l=Sl(o.data),a=i[n],d=i[e],u=a.item.nk,s=d.item.nk,c=Sl(mn(l,u)),p=o.getPathInfors(l,u),f=[],h=u,g=[];if("forward"===t&&o.deleteItem(l,u),"before"===r||"after"===r){let n,e=Kh(s)[0];if(1===xo(s))n=l;else{let e=ng(s);n=mn(l,e,[])}"before"===r||"after"===r&&(e+=1),n.splice(e,0,c);let t=ng(s);t=[...t,e],g=t,f=o.getPathInfors(l,t)}else if("belongto"===r){let n=[...s,o.keyChildren],e=mn(l,n,[]);e.push(c),Xh(l,n,e);let t=[...n,xo(e)-1];g=t,f=o.getPathInfors(l,t)}"backward"===t&&o.deleteItem(l,u),o.$nextTick(()=>{o.$emit("update:data",Sl(l)),o.$emit("change-item",{from:"drag",mode:"move",dir:t,kind:r,nkOri:h,pathInforsOri:p,nkNew:g,pathInforsNew:f})})},getUseOperateItems:function(n){let e=this;if(!e.operatable)return[];let t=null;if(Te(e.funOperateItem)){let r=e.funOperateItem(e.getEmitData({},n));if(!In(r)&&!ke(r))throw new Error("funOperateItem return value is not a boolean or an array");!0===r?t=e.operateItems:!1===r?t=[]:(t=[],Ie(r,n=>{let r=Yh(e.operateItems,{key:n});Qo(r)&&t.push(r)}))}else t=e.operateItems;return t},getUseOperatable:function(n){return xo(this.getUseOperateItems(n))>0},getOperatePanelHeight:function(n){let e=this,t="";if(xn(e.operatePanelHeight))t=`height:${e.operatePanelHeight}px;`;else if(bn(e.operatePanelHeight))t=`height:${e.operatePanelHeight};`;else if(xn(e.operateItemHeight)){let r=Ot(e.operateItemHeight);t=`height:${xo(e.getUseOperateItems(n))*r}px;`}return t},operateItem:async function(n,e,t){let r=this;await async function(){let o=rm.get(r.mmkey),i=Sl(r.data),l=o[n],a=l.item.nk,d="",u=[],s=[],c=[],p=[];if("Delete"===e)d="self",c=a,u=r.getPathInfors(i,a),r.deleteItem(i,a),p=[],s=[];else if("Rename"===e){if(r.editorRenameData=i,r.editorRenameItem=mn(l,"item",{}),r.editorRenameInputText=mn(l,`item.${r.keyText}`,""),"save"!==await r.showEditor())return;d="self",c=a,u=r.getPathInfors(r.data,a),i=r.editorRenameData,p=c,s=r.getPathInfors(i,a)}else{if(!Te(t))throw new Error("invalid fun");let n=t();if(ur(n)&&(n=await n),"InsertBefore"===e)d="before";else if("InsertAfter"===e)d="after";else{if("InsertChild"!==e)throw new Error(`invalid mode[${e}]`);d="belongto"}let o=d;if("before"===o||"after"===o){c=[],u=[];let e,t=Kh(a)[0];if(1===xo(a))e=i;else{let n=ng(a);e=mn(i,n,[])}"before"===o||"after"===o&&(t+=1),e.splice(t,0,n);let l=ng(a);l=[...l,t],p=l,s=r.getPathInfors(i,l)}else if("belongto"===o){c=[],u=[];let e=[...a,r.keyChildren],t=mn(i,e,[]);t.push(n),Xh(i,e,t);let o=[...e,xo(t)-1];p=o,s=r.getPathInfors(i,o)}}r.$nextTick(()=>{r.$emit("update:data",Sl(i));let n="";n="Delete"===e?"delete":"Rename"===e?"rename":"add",r.$emit("change-item",{from:"operate",mode:n,dir:"",kind:d,nkOri:c,pathInforsOri:u,nkNew:p,pathInforsNew:s})})}().catch(n=>{console.log(n)})},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Uo()}`),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 xo(n)>=xo(e)&&function(n,e){let t=Is([xo(n),xo(e)]);return Vi(_h(n,t),_h(e,t))}(n,e)},dragdrop:function(n){let e=this;if("move"===n.evName){let t=rm.get(e.mmkey),r=t[n.startInd],o=t[n.endInd],i=e.isBelong(o.item.nk,r.item.nk),l=mn(n,"endEle.parentNode");if(!l.getAttribute)return void console.log("invalud ele.getAttribute",l);e.dgTipTop=Ot(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){Xh(n,e,t),this.setData(n)},saveRename:function(){let n=this,e=[...mn(n.editorRenameItem,"nk",[]),n.keyText],t=n.editorRenameInputText;Xh(n.editorRenameData,e,t),n.editorPm.resolve("save"),n.editorShow=!1},cancelEditor:function(){this.editorPm.resolve("cancel"),this.editorShow=!1},showEditor:async function(){let n=wn();return this.editorShow=!0,this.editorPm=n,n},operateDisableEvent:function(n,e){this.operateShow||n.stopPropagation()},operateDisplayEvent:function(n){let e=this;e.operateShow="show"===n},updateOperateShow:function(n){this.operateShow=n}}};const im=om;var lm=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,statePaddingStyle:n.statePaddingStyle,show:n.show},on:{render:function(e){n.$emit("render",e)},"change-view-items":function(e){n.updateOperateShow(!1),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.useDraggable?n.getDgOpt():null,expression:"useDraggable?getDgOpt():null"},{name:"domripple",rawName:"v-domripple",value:{color:n.itemRippleColor},expression:"{color:itemRippleColor}"}],key:"wt-"+e.index,style:"\n                    transition:all 0.3s; "+(n.draggable?"user-select:none;":"")+"\n                    "+(n.getUseActivable(e)?"cursor:pointer;":"")+"\n                    color:"+n.getTextColor(e.row.item)+";\n                    background:"+n.getBackgroundColor(e.row.item)+";\n                ",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:"min-height:"+n.useItemHeightMin+"px; display:flex; align-items:center; justify-content:center;"},[t("WTreeIconToggle",{attrs:{dir:e.row.unfolding?"bottom":"right",iconSize:n.iconSize,iconColor:n.iconToggleColor,iconDisabledColor:n.iconToggleDisabledColor,iconBackgroundColor:n.iconToggleBackgroundColor,iconBackgroundColorHover:n.iconToggleBackgroundColorHover,editable:!n.useDraggableOrOperatable},on:{click:function(t){return t.stopPropagation(),n.toggleItems(e.row,null)}}})],1):t("div",{style:"min-height:"+n.useItemHeightMin+"px; 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:"min-height:"+n.useItemHeightMin+"px; 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:"min-height:"+n.useItemHeightMin+"px; 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.getUseOperatable(e)?t("div",{style:"position:absolute; top:"+(n.useItemHeightMin-(n.operateBtnIconSize+4))/2+"px; right:8px;",on:{mousedown:function(e){n.operateDisableEvent(e,"mousedown")},touchstart:function(e){n.operateDisableEvent(e,"touchstart")},click:function(e){n.operateDisableEvent(e,"click")}}},[t("WPopup",{attrs:{isolated:!0,displayType:"line",labelContent:n.labelPanelForOperate,cmpZIndex:n.cmpZIndex},on:{show:function(e){return n.operateDisplayEvent("show")},hide:function(e){return n.operateDisplayEvent("hide")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{v:2,h:2},icon:n.mdiDotsVertical,iconSize:n.operateBtnIconSize,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:n.getOperatePanelHeight(e)+" width:"+n.operatePanelWidth+"px;",attrs:{items:n.getUseOperateItems(e),itemTextFontSize:"0.8rem",enableActive:!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})},mousedown:function(n){n.stopPropagation()}}})]}}],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(),n._v(" "),t("Teleport",{attrs:{to:"body"}},[t("WDialog",{attrs:{wtre:n.labelDialogForEditor,show:n.editorShow,minWidth:300,maxWidth:300},on:{"update:show":function(e){n.editorShow=e}},scopedSlots:n._u([{key:"panel",fn:function(){return[t("div",{style:"padding:20px; border-bottom:1px solid #ddd; background:"+n.useEditorContentBackgroundColor+";"},[t("div",{staticStyle:{width:"100%"}},[t("WText",{attrs:{textColor:n.editorRenameInputTextColor,bottomLineBorderColor:n.editorRenameInputTextBottomLineBorderColor,bottomLineBorderColorHover:n.editorRenameInputTextBottomLineBorderColorHover,bottomLineBorderColorFocus:n.editorRenameInputTextBottomLineBorderColorFocus},on:{enter:n.saveRename},model:{value:n.editorRenameInputText,callback:function(e){n.editorRenameInputText=e},expression:"editorRenameInputText"}})],1)]),n._v(" "),t("div",{style:"padding:10px; background:"+n.useEditorFooterBackgroundColor+"; display:flex; justify-content:flex-end;"},[t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.editorRenameCancelBtnIcon,iconColor:n.editorRenameCancelBtnIconColor,iconColorHover:n.editorRenameCancelBtnIconColorHover,iconSize:n.editorRenameCancelBtnIconSize,text:n.editorRenameCancelBtnText,textColor:n.editorRenameCancelBtnTextColor,textColorHover:n.editorRenameCancelBtnTextColorHover,backgroundColor:n.editorRenameCancelBtnBackgroundColor,backgroundColorHover:n.editorRenameCancelBtnBackgroundColorHover,rippleColor:n.editorRenameCancelBtnIconRippleColor},on:{click:n.cancelEditor}}),n._v(" "),t("div",{staticStyle:{"padding-left":"10px"}}),n._v(" "),t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.editorRenameSaveBtnIcon,iconColor:n.editorRenameSaveBtnIconColor,iconColorHover:n.editorRenameSaveBtnIconColorHover,iconSize:n.editorRenameSaveBtnIconSize,text:n.editorRenameSaveBtnText,textColor:n.editorRenameSaveBtnTextColor,textColorHover:n.editorRenameSaveBtnTextColorHover,backgroundColor:n.editorRenameSaveBtnBackgroundColor,backgroundColorHover:n.editorRenameSaveBtnBackgroundColorHover,rippleColor:n.editorRenameSaveBtnIconRippleColor},on:{click:n.saveRename}})],1)]},proxy:!0}])})],1)],1)};lm._withStripped=!0;const am=t({render:lm,staticRenderFns:[]},function(n){n&&n("data-v-2c5e6ea1_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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},im,"data-v-2c5e6ea1",false,void 0,!1,o,void 0,void 0);var dm={directives:{domresize:Hl()},components:{WIcon:vd,WTree:am,WListVertical:Jg,WDrawer:jf,WButtonChip:rs,WButtonCircle:as},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:250},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:Kl},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"},treeToggleIconDisabledColor:{type:String,default:"grey lighten-1"},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:Kl},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:"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"},pathSepIconColor:{type:String,default:"#888"},pathSepIconSize:{type:Number,default:18},pathBackgroundColor:{type:String,default:"#fff"},noSelectedText:{type:String,default:"No selected folder"},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},operateItemTextForRename:{type:String,default:"Rename"},operateItemTextForInsertChild:{type:String,default:"Create sub folder"},operateItemTextForDelete:{type:String,default:"Delete folder"},operateItemIconForRename:{type:String,default:Jl},operateItemIconForInsertChild:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z"},operateItemIconForDelete:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z"},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:170},operatePanelHeight:{type:Number,default:null},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)"},operateItemHeight:{type:Number,default:42},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"},editorRenameContentBackgroundColor:{type:String,default:"white"},editorRenameFooterBackgroundColor:{type:String,default:"grey lighten-5"},editorRenameInputTextColor:{type:String,default:"grey darken-3"},editorRenameInputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},editorRenameInputTextBottomLineBorderColorHover:{type:String,default:"grey"},editorRenameInputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},editorRenameCancelBtnText:{type:String,default:"Cancel"},editorRenameCancelBtnTextColor:{type:String,default:"grey darken-3"},editorRenameCancelBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIcon:{type:String,default:Yl},editorRenameCancelBtnIconSize:{type:Number,default:22},editorRenameCancelBtnIconColor:{type:String,default:"grey darken-1"},editorRenameCancelBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameCancelBtnBackgroundColor:{type:String,default:"white"},editorRenameCancelBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},editorRenameSaveBtnText:{type:String,default:"Save"},editorRenameSaveBtnTextColor:{type:String,default:"grey darken-3"},editorRenameSaveBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIcon:{type:String,default:jl},editorRenameSaveBtnIconSize:{type:Number,default:22},editorRenameSaveBtnIconColor:{type:String,default:"grey darken-1"},editorRenameSaveBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameSaveBtnBackgroundColor:{type:String,default:"white"},editorRenameSaveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},labelPanelForOperate:{type:String,default:null},labelDialogForEditor:{type:String,default:null}},data:function(){return{panelWidth:0,panelHeight:0,pathHeight:0,showTreeTrans:!0,treeWidthTrans:200,itemsTrans:[],kpPath:null,treeItemsFolder:null,treeItems:null,treeItemActive:null,pathInfors:[],listItems:[],listItemActive:null}},computed:{changeShowTree:function(){return this.showTreeTrans=this.showTree,""},changeTreeWidth:function(){return this.treeWidthTrans=this.treeWidth,""},changeItems:function(){return this.convertItems(this.items),""},useTreeItemHeightMin:function(){return Math.max(this.treeToggleIconSize,this.treeDefItemHeight)},effTreeBackgroundColor:function(){return wo(this.treeBackgroundColor)},effListBackgroundColor:function(){return wo(this.listBackgroundColor)},effPathBackgroundColor:function(){return wo(this.pathBackgroundColor)},effLineBetweenPathAndListColor:function(){return wo(this.lineBetweenPathAndListColor)},effTreeFolderIconColor:function(){return wo(this.treeFolderIconColor)},effTreeFolderIconColorHover:function(){return wo(this.treeFolderIconColorHover)},effTreeFolderIconColorActive:function(){return wo(this.treeFolderIconColorActive)},useTreeItemTextFontSize:function(){let n=this.treeItemTextFontSize;return n=He(n,";",""),`font-size:${n};`},useListItemTextFontSize:function(){let n=this.listItemTextFontSize;return n=He(n,";",""),`font-size:${n};`},effListItemIconColor:function(){return wo(this.listItemIconColor)},effListItemIconColorHover:function(){return wo(this.listItemIconColorHover)},effListItemIconColorActive:function(){return wo(this.listItemIconColorActive)},usePathBtnTextFontSize:function(){let n=this.pathBtnTextFontSize;return n=He(n,";",""),`font-size:${n};`},effPathBtnTextColor:function(){return wo(this.pathBtnTextColor)},listHeight:function(){return this.panelHeight-this.pathHeight},btnDisplayTreeInDrawerHeightMin:function(){let n=dd(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},soryItems:function(n,e,t){let r=this;return n=function(n,e={}){if(!hd(n))return[];let t=mn(e,"localeCompare");In(t)||(t=!1);let r=mn(e,"returnIndex");if(In(r)||(r=!1),1===xo(n))return r?[0]:n;let o=mn(e,"compareKey",null),i=n;if(n.every(n=>vn(n))){if(!bn(o))return[];i=Tt(n,n=>mn(n,o,""))}let l=Zh(i,t);return r?l:Tt(l,e=>n[e])}(n,{compareKey:"text",localeCompare:!0}),Te(r.funSortTree)&&(n=r.funSortTree(n)),n},showTreeFirstFolder:function(){let n=this.bindRoot;this.triggerClickTreeFolderById(n)},convertItems:function(){let n=this;(async function(){let e=jh(n.items,{bindRoot:n.bindRoot,soryItems:n.soryItems});n.itemsTrans=e.fpsNormalize,n.treeItemsFolder=e.treeItemsFolder,n.treeItems=e.treeItems,n.kpPath=e.kpPath,n.defaultShowTreeFirst&&n.showTreeFirstFolder()})().catch(n=>{console.log(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=mn(n,"isHover");In(t)||(t=!1);let r=mn(n,"isActive");return In(r)||(r=!1),r?e.effTreeFolderIconColorActive:t?e.effTreeFolderIconColorHover:e.effTreeFolderIconColor},getListItemIconColor:function(n){let e=this,t=mn(n,"isHover");In(t)||(t=!1);let r=mn(n,"isActive");return In(r)||(r=!1),r?e.effListItemIconColorActive:t?e.effListItemIconColorHover:e.effListItemIconColor},listFolder:function(n){let e=this,t=Tt(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,e){let t=this,r=t.kpPath[n],o=mn(t.treeItems,r),i=`${r}.children`,l=mn(t.treeItems,i);t.listFolder(l);let a=mn(o,"pathInfors",[]);t.pathInfors=a},ckTreeFolder:function(n){let e=this,t=mn(n,"data",null),r=mn(n,"data.id","");e.displayFolderById(r,"ckTreeFolder"),bn(r)&&(e.treeItemActive={id: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=mn(n,"item.data",null),r=mn(n,"item.data.id","");"folder"===mn(n,"item.data._type","")?(e.displayFolderById(r,"ckListItem"),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=mn(n,"id","");e.displayFolderById(t,"ckPathFolder"),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(!Te(n))return;let t=[];Ie(e.kpPath,n=>{let r=mn(e.treeItems,n,"");t.push(r)});let r=n({treeItemsFolder:e.treeItemsFolder,treeItems:e.treeItems,kpPath:e.kpPath,treeItemsSpread:t});ur(r)&&(r=await r);let o=mn(r,"id");bn(o)?e.triggerClickTreeFolderById(o):console.log("invalid id",o)},useFunOperateItem:function(n){let e=["Rename","InsertChild","Delete"];return mn(n,"item.id","")===this.bindRoot&&(e=["InsertChild"]),e},changeData:function(n){},changeItem:function(n){let e=this,t=n=>{let e=xo(n)-1;if(e<1)throw new Error(`n1${e} < 1`);let t=e-1;if(t<0)throw new Error(`n2${t} < 0`);let r=mn(n,e,{}),o=mn(r,"text","");if(!bn(o))throw new Error("node.text is not a string");let i=mn(n,t,{}),l="/"+lr([...mn(i,"ts",[]),o],"/");return{...r,type:"folder",path:l}},r=[];if("add"===n.mode){if("belongto"!==n.kind)throw console.log(n),new Error(`kind[${n.kind}] is not supported`);let o=t(n.pathInforsNew);r=Sl(e.itemsTrans),r.push(o)}else if("delete"===n.mode){let o=t(n.pathInforsOri),i=xo(o.path),l=Sl(e.itemsTrans);r=[],Ie(l,n=>{ql(n.path,i)!==o.path&&r.push(n)})}else if("move"===n.mode||"rename"===n.mode){let t=n.pathInforsOri,o=n.pathInforsNew,i="/"+lr(Tt(t,"text"),"/"),l=xo(i),a="/"+lr(Tt(o,"text"),"/");r=Sl(e.itemsTrans),r=Tt(r,n=>{if(ql(n.path,l)===i){let e=or(n.path,l);n.path=a+e}return n})}r=(n=>{let t=xo(e.bindRoot)+1;return n=Tt(n,n=>(n.path=or(n.path,t),n))})(r),e.$emit("update:items",r),e.$emit("change-item",n)},clickOperateItem:function(n){this.$emit("click-operate-item",n)}}};const um=dm;var sm=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:!1,itemActive:n.treeItemActive,paddingStyle:n.treePaddingStyle,indent:n.treeIndent,iconSize:n.treeToggleIconSize,iconToggleColor:n.treeToggleIconColor,iconToggleDisabledColor:n.treeToggleIconDisabledColor,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,draggable:n.draggable,dgTextDisabled:n.dgTextDisabled,dgTextDisabledColor:n.dgTextDisabledColor,dgTextDisabledPaddingLeft:n.dgTextDisabledPaddingLeft,dgTextDisabledFontSize:n.dgTextDisabledFontSize,dgTextDisabledBackgroundColor:n.dgTextDisabledBackgroundColor,dgInsertLineColor:n.dgInsertLineColor,dgInsertBackgroundColor:n.dgInsertBackgroundColor,dgBelongBackgroundColor:n.dgBelongBackgroundColor,dgPreviewOpacity:n.dgPreviewOpacity,dgPreviewDisabledOpacity:n.dgPreviewDisabledOpacity,dgPreviewBorderWidth:n.dgPreviewBorderWidth,dgPreviewBorderColor:n.dgPreviewBorderColor,dgPreviewBackground:n.dgPreviewBackground,operatable:n.operatable,operateItemTextForRename:n.operateItemTextForRename,_operateItemTextForInsertBefore:"operateItemTextForInsertBefore",operateItemTextForInsertChild:n.operateItemTextForInsertChild,_operateItemTextForInsertAfter:"operateItemTextForInsertAfter",operateItemTextForDelete:n.operateItemTextForDelete,operateItemIconForRename:n.operateItemIconForRename,_operateItemIconForInsertBefore:"operateItemIconForInsertBefore",operateItemIconForInsertChild:n.operateItemIconForInsertChild,_operateItemIconForInsertAfter:"operateItemIconForInsertAfter",operateItemIconForDelete:n.operateItemIconForDelete,operateItemPaddingStyle:n.operateItemPaddingStyle,operatePanelWidth:n.operatePanelWidth,operatePanelHeight:n.operatePanelHeight,operateBtnTooltip:n.operateBtnTooltip,operateBtnBackgroundColor:n.operateBtnBackgroundColor,operateBtnBackgroundColorHover:n.operateBtnBackgroundColorHover,operateBtnBackgroundColorFocus:n.operateBtnBackgroundColorFocus,operateItemBackgroundColor:n.operateItemBackgroundColor,operateItemBackgroundColorHover:n.operateItemBackgroundColorHover,operateItemHeight:n.operateItemHeight,operateItemTextColor:n.operateItemTextColor,operateItemTextColorHover:n.operateItemTextColorHover,operateItemIconSize:n.operateItemIconSize,operateItemIconColor:n.operateItemIconColor,operateItemIconColorHover:n.operateItemIconColorHover,funOperateItem:n.useFunOperateItem,editorRenameContentBackgroundColor:n.editorRenameContentBackgroundColor,editorRenameFooterBackgroundColor:n.editorRenameFooterBackgroundColor,editorRenameInputTextColor:n.editorRenameInputTextColor,editorRenameInputTextBottomLineBorderColor:n.editorRenameInputTextBottomLineBorderColor,editorRenameInputTextBottomLineBorderColorHover:n.editorRenameInputTextBottomLineBorderColorHover,editorRenameInputTextBottomLineBorderColorFocus:n.editorRenameInputTextBottomLineBorderColorFocus,editorRenameCancelBtnText:n.editorRenameCancelBtnText,editorRenameCancelBtnTextColor:n.editorRenameCancelBtnTextColor,editorRenameCancelBtnTextColorHover:n.editorRenameCancelBtnTextColorHover,editorRenameCancelBtnIcon:n.editorRenameCancelBtnIcon,editorRenameCancelBtnIconSize:n.editorRenameCancelBtnIconSize,editorRenameCancelBtnIconColor:n.editorRenameCancelBtnIconColor,editorRenameCancelBtnIconColorHover:n.editorRenameCancelBtnIconColorHover,editorRenameCancelBtnIconRippleColor:n.editorRenameCancelBtnIconRippleColor,editorRenameCancelBtnBackgroundColor:n.editorRenameCancelBtnBackgroundColor,editorRenameCancelBtnBackgroundColorHover:n.editorRenameCancelBtnBackgroundColorHover,editorRenameSaveBtnText:n.editorRenameSaveBtnText,editorRenameSaveBtnTextColor:n.editorRenameSaveBtnTextColor,editorRenameSaveBtnTextColorHover:n.editorRenameSaveBtnTextColorHover,editorRenameSaveBtnIcon:n.editorRenameSaveBtnIcon,editorRenameSaveBtnIconSize:n.editorRenameSaveBtnIconSize,editorRenameSaveBtnIconColor:n.editorRenameSaveBtnIconColor,editorRenameSaveBtnIconColorHover:n.editorRenameSaveBtnIconColorHover,editorRenameSaveBtnIconRippleColor:n.editorRenameSaveBtnIconRippleColor,editorRenameSaveBtnBackgroundColor:n.editorRenameSaveBtnBackgroundColor,editorRenameSaveBtnBackgroundColorHover:n.editorRenameSaveBtnBackgroundColorHover,labelPanelForOperate:n.labelPanelForOperate,labelDialogForEditor:n.labelDialogForEditor,_render:"render"},on:{"update:data":[function(e){n.treeItemsFolder=e},n.changeData],"update:itemActive":function(e){n.treeItemActive=e},"update:item-active":function(e){n.treeItemActive=e},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{style:n.useTreeItemTextFontSize+" min-height:"+n.treeDefItemHeight+"px; line-height:"+n.treeDefItemHeight+"px;"},[n._t("folder-item",function(){return[t("div",{style:"display:flex;"},[t("div",{style:"height:"+n.treeDefItemHeight+"px; padding-right:4px; display:flex; align-items:center; cursor:pointer;",on:{click:function(t){return n.ckTreeFolder(e)}}},[t("WIcon",{attrs:{icon:n.treeFolderIcon,color:n.getTreeFolderIconColor(e),colorHover:n.getTreeFolderIconColor(e),size:n.treeFolderIconSize}})],1),n._v(" "),t("div",{style:"cursor:pointer; user-select:none;",on:{click:function(t){return n.ckTreeFolder(e)}}},[n._v("\n                                        "+n._s(e.data.text)+"\n                                    ")])])]},{item:Object.assign({},e.data,{icon:n.treeFolderIcon,iconColor:n.getTreeFolderIconColor(e),iconSize:n.treeFolderIconSize}),isHover:e.isHover,isActive:e.isActive,funClickFolderItem:function(){n.ckTreeFolder(e)}})],2)]}}],null,!0)}),n._v(" "),n.showTreeTrans?t("div",{style:"position:absolute; top:"+(n.useTreeItemHeightMin-(n.btnDisplayTreeIconSize+4))/2+"px; right:"+(8+(n.operatable?n.btnDisplayTreeIconSize+4:0))+"px;"},[t("WButtonCircle",{staticStyle:{display:"block"},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",{staticStyle:{display:"block"},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.pathInfors.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.pathInfors,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,colorHover: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,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; "+n.useListItemTextFontSize+" min-height:"+n.listDefItemHeight+"px; line-height:"+n.listDefItemHeight+"px;"},[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),colorHover: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:"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)}}),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)};sm._withStripped=!0;const cm=t({render:sm,staticRenderFns:[]},function(n){n&&n("data-v-65b33f4c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WExplorer.vue"},media:void 0})},um,"data-v-65b33f4c",false,void 0,!1,o,void 0,void 0);const pm={components:{},props:{},data:function(){return{mouseEnter:!1}},computed:{},methods:{}};var fm=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)};fm._withStripped=!0;const hm=t({render:fm,staticRenderFns:[]},function(n){n&&n("data-v-4da6b92c_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})},pm,"data-v-4da6b92c",false,void 0,!1,o,void 0,void 0);const gm={components:{WGroupBaggageItem:hm},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 wo(this.connLineColor)},effTagTextColor:function(){return wo(this.tagTextColor)},effTagTextColorHover:function(){return wo(this.tagTextColorHover)},effTagBorderColor:function(){return wo(this.tagBorderColor)},effTagBorderColorHover:function(){return wo(this.tagBorderColorHover)},effTagBackgroundColor:function(){return wo(this.tagBackgroundColor)},effTagBackgroundColorHover:function(){return wo(this.tagBackgroundColorHover)},useTagPaddingStyle:function(){return`padding:${dd(this.tagPaddingStyle)};`},usetTagTextFontSize:function(){let n=this.tagTextFontSize;return n=He(n,";",""),`font-size:${n};`},effContentTextColor:function(){return wo(this.contentTextColor)},effContentTextColorHover:function(){return wo(this.contentTextColorHover)},effContentBorderColor:function(){return wo(this.contentBorderColor)},effContentBorderColorHover:function(){return wo(this.contentBorderColorHover)},effContentBackgroundColor:function(){return wo(this.contentBackgroundColor)},effContentBackgroundColorHover:function(){return wo(this.contentBackgroundColorHover)},useContentPaddingStyle:function(){return`padding:${dd(this.contentPaddingStyle)};`},usetContentTextFontSize:function(){let n=this.contentTextFontSize;return n=He(n,";",""),`font-size:${n};`}},methods:{getStyleWidth:function(n){return Wo(n)?`width:${n}px; min-width:${n}px; max-width:${n}px; box-sizing:border-box;`:""},getTag:function(n){return mn(n,this.keyTag,"")},getText:function(n){return mn(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 mm=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)};mm._withStripped=!0;const vm=t({render:mm,staticRenderFns:[]},function(n){n&&n("data-v-559ce922_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",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupBaggage.vue"},media:void 0})},gm,"data-v-559ce922",false,void 0,!1,o,void 0,void 0);const ym={directives:{domdragdrop:Vg()},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!==xo(this.itemsTrans)&&Dg(this.itemsTrans,n=>vn(n))}},methods:{getForKey:function(n){let e=this,t=null;return t=Te(e.keyBinder)?e.keyBinder(n):e.isObjValue?qf(n):n,t},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Uo()}`),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=Sl(e.itemsTrans);if(t>r){let n=qh(o,t)[0];o.splice(r,0,n)}else{let n=Sl(o[t]);o.splice(r+1,0,n),qh(o,t)}e.$nextTick(()=>{e.$emit("input",o)})}e.$nextTick(()=>{e.$emit("dragdrop",n)})}}};var bm=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)};bm._withStripped=!0;const Cm=t({render:bm,staticRenderFns:[]},function(n){n&&n("data-v-7b70be1e_0",{source:"\n.WGroupDragdrop-Trans[data-v-7b70be1e] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-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-es/cloneDeep.js'\nimport every from 'lodash-es/every.js'\nimport pullAt from 'lodash-es/pullAt.js'\nimport size from 'lodash-es/size.js'\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})},ym,"data-v-7b70be1e",false,void 0,!1,o,void 0,void 0);var xm={components:{WButtonCircle:as},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,Object],default:null},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},dir:{type:String,default:"horizontal"},iconColor:{type:String,default:"#222"},iconColorHover:{type:String,default:"#444"},iconColorFocus:{type:String,default:"#666"},iconColorActive:{type:String,default:"#333"},iconSize:{type:Number,default:22},borderWidth:{type:Number,default:0},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"#f2f2f2"},backgroundColorHover:{type:String,default:"#eaeaea"},backgroundColorFocus:{type:String,default:"#e2e2e2"},backgroundColorActive:{type:String,default:"#cecece"},seplineWidth:{type:Number,default:1},seplineColor:{type:String,default:"#ddd"},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)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},shadow:{type:Boolean,default:!1},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)"},editable:{type:Boolean,default:!0}},data:function(){return{get:mn,itemsTrans:[]}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=Sl(n.items),t=Tt(e,e=>{let t=function(e){let t;return t=n.multiCheck?ic(n.value,e):Vi(e,n.value),t}(e);return{active:t,hover:!1}}),r=Tt(e,(n,e)=>{let r={data:n},o=t[e];return r.ia=o,r.active=o.active,r.hover=!1,r});return n.itemsTrans=r,""},useFlexDirection:function(){return"horizontal"===this.dir?"row":"column"},useSeplineStype:function(){let n=this,e="";return e="horizontal"===n.dir?`height:100%; border-left:${n.seplineWidth}px solid ${n.useSeplineColor};`:`width:100%; border-top:${n.seplineWidth}px solid ${n.useSeplineColor};`,e},useSeplineColor:function(){return wo(this.seplineColor)},useShadow:function(){let n=this;return n.shadow&&bn(n.shadowStyle)?"box-shadow:"+function(n,e,t){let r=io(n=He(n,"}","{"),"{");return r=Tt(r,n=>{if(n.indexOf(e)>=0){let e=$t(n,"=")[1];return e=xn(e)?Ot(e):.2,function(n,e){let t=wo(n),r=od.toRgba(t);return r.a=e,od.toRgbaString(r)}(t,e)}return n}),lr(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""}},methods:{getBorderRadiusStyle:function(n){let e=xo(this.itemsTrans)-1,t={};return"horizontal"===this.dir?(0===n&&(t={...t,topLeft:!0,bottomLeft:!0}),n===e&&(t={...t,topRight:!0,bottomRight:!0})):(0===n&&(t={...t,topLeft:!0,topRight:!0}),n===e&&(t={...t,bottomLeft:!0,bottomRight:!0})),t},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=Sl(e.value);if(n.active){let e=[];Ie(t,t=>{Vi(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 Sm=xm;var wm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},[t("div",{style:"display:inline-block; border-radius:"+n.borderRadius+"px; "+n.useShadow},[t("div",{style:"display:flex; flex-direction:"+n.useFlexDirection+";"},[n._l(n.itemsTrans,function(e,r){return[t("div",{key:"kitem-"+r,style:"display:flex; flex-direction:"+n.useFlexDirection+"; align-items:stretch;"},[r>0?t("div",{style:""+n.useSeplineStype}):n._e(),n._v(" "),t("WButtonCircle",{key:r,attrs:{tooltip:n.get(e,"data."+n.keyTooltip),icon:n.get(e,"data."+n.keyIcon),iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorFocus:n.iconColorFocus,iconColorActive:n.iconColorActive,iconSize:n.iconSize,borderWidth:n.borderWidth,borderRadius:n.borderRadius,borderRadiusStyle:n.getBorderRadiusStyle(r),borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,backgroundColorActive:n.backgroundColorActive,tooltipBorderRadius:n.tooltipBorderRadius,tooltipPaddingStyle:n.tooltipPaddingStyle,tooltipTextFontSize:n.tooltipTextFontSize,tooltipTextColor:n.tooltipTextColor,tooltipBackgroundColor:n.tooltipBackgroundColor,rippleColor:n.rippleColor,paddingStyle:n.paddingStyle,shadow:!1,_shadowStyle:"shadowStyle",editable:n.editable,disabledColor:"rgba(255,255,255,0.4)",active:e.active},on:{click:function(t){return n.toggleState(e)}}})],1)]})],2)])])};wm._withStripped=!0;const Im=t({render:wm,staticRenderFns:[]},function(n){n&&n("data-v-05a9a4cc_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",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupIconCheck.vue"},media:void 0})},Sm,"data-v-05a9a4cc",false,void 0,!1,o,void 0,void 0);const km={components:{WGroupIconCheck:Im},props:{items:{type:Array,default:()=>[]},value:{type:[Array,Object],default:null},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},dir:{type:String,default:"horizontal"},iconColor:{type:String,default:"#222"},iconColorHover:{type:String,default:"#444"},iconColorFocus:{type:String,default:"#666"},iconColorActive:{type:String,default:"#333"},iconSize:{type:Number,default:22},borderWidth:{type:Number,default:0},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"#f2f2f2"},backgroundColorHover:{type:String,default:"#eaeaea"},backgroundColorFocus:{type:String,default:"#e2e2e2"},backgroundColorActive:{type:String,default:"#cecece"},seplineWidth:{type:Number,default:1},seplineColor:{type:String,default:"#ddd"},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)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},shadow:{type:Boolean,default:!1},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)"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var Tm=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupIconCheck",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)},"WGroupIconCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};Tm._withStripped=!0;const Bm=t({render:Tm,staticRenderFns:[]},function(n){n&&n("data-v-65c3f350_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",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupIconRadio.vue"},media:void 0})},km,"data-v-65c3f350",false,void 0,!1,o,void 0,void 0);const Hm={components:{WPopup:Ks,WTextCore:Bc,WDynamicList:Sh,WIcon:vd},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:"#444"},itemTextColorHover:{type:String,default:"#333"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},expansionIcon:{type:String,default:El},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},placementDistX:{type:Number,default:0},placementDistY:{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},labelContent:{type:String,default:null},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 xo(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return vn(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=He(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)},useItemBackgroundColor:function(){return wo(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return wo(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=He(n,";",""),`font-size:${n};`},useItemTextColor:function(){return wo(this.itemTextColor)},useItemTextColorHover:function(){return wo(this.itemTextColorHover)},useItemPadding:function(){return`padding:${dd(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return wo(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return vn(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.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(n,e){let t=this;t.editable&&(t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"),t.triggerAll({showPanel:!1,focused:!1},"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=mn(n,"showPanel",null),o=mn(n,"focused",null);setTimeout(()=>{In(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),In(r)&&t.showPanelTrans!==r&&(xo(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,null,"triggerAll"))},20)}}};var Am=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{displayType:"line",minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDistX:n.placementDistX,placementDistY:n.placementDistY,labelContent:n.labelContent,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%; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; "+(n.editable?"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; "+(n.editable?"cursor:pointer;":"")},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.uesExpansionIconColor,colorHover: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)})};Am._withStripped=!0;const Wm=t({render:Am,staticRenderFns:[]},function(n){n&&n("data-v-02a7b925_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggestCore.vue"},media:void 0})},Hm,"data-v-02a7b925",false,void 0,!1,o,void 0,void 0);const Fm={directives:{domresize:Hl()},components:{WShellEllipse:yc,WTextSuggestCore:Wm},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:"#444"},itemTextColorHover:{type:String,default:"#333"},itemTextFontSize:{type:String,default:"0.8rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},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},labelContent:{type:String,default:null},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=dd(e.paddingStyle,{returnObj:!0}).bottom-2,r=mn(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return vn(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 Zm=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,placementDistY:n.useDistY,defItemHeight:n.defItemHeight,labelContent:n.labelContent,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)};Zm._withStripped=!0;const Xm=t({render:Zm,staticRenderFns:[]},function(n){n&&n("data-v-22375fd4_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggest.vue"},media:void 0})},Fm,"data-v-22375fd4",false,void 0,!1,o,void 0,void 0);const zm={directives:{domdragdrop:Vg()},components:{WButtonChip:rs,WTextSuggest:Xm},props:{value:{type:Array,default:()=>[]},enableActive:{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"},enableColorsFromItem:{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:()=>[]},keySuggestText:{type:String,default:"text"},placeholder:{type:String,default:""},noResultsText:{type:String,default:"No results"},addMode:{type:String,default:"auto"},inputTextWidth:{type:Number,default:150},inputKeyText:{type:String,default:"text"},inputTextFontSize:{type:String,default:"0.85rem"},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"},inputTextButtonIcon:{type:String,default:Ol},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"},addButtonIcon:{type:String,default:Ol},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"},addWhenInputByOutside:{type:Boolean,default:!1},closeWithInterceptor:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},labelContentForInputText:{type:String,default:null},editable:{type:Boolean,default:!0},editableClose:{type:Boolean,default:!0},editableInput:{type:Boolean,default:!0},enableCloseEventOnly:{type:Boolean,default:!1},enableNodata:{type:Boolean,default:!1},nodata:{type:String,default:"Empty"}},data:function(){return{get:mn,o2j:qf,mdiPlusCircle:Ol,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userInput:""}},computed:{changeValue:function(){let n=this;return n.itemsTrans=Sl(n.value),n.itemActiveTrans=Sl(n.valueActive),""},isObjValue:function(){return 0!==xo(this.itemsTrans)&&Dg(this.itemsTrans,n=>vn(n))},useMode:function(){let n=this,e="";return e="auto"===n.addMode?n.isObjValue?"button":"input":"button"===n.addMode?"button":"input",e},isDraggable:function(){return this.draggable&&this.editable},useMarginStyle:function(){return`margin:${dd(this.marginStyle)};`}},methods:{getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Uo()}`),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.enableColorsFromItem&&t.isObjValue&&(r=mn(n,e,null)),r||(r=mn(t,e,null)),r},isActive:function(n){return!!this.enableActive&&Vi(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=Sl(e.itemsTrans);if(t>r){let n=qh(o,t)[0];o.splice(r,0,n)}else{let n=Sl(o[t]);o.splice(r+1,0,n),qh(o,t)}e.$nextTick(()=>{e.$emit("input",o)})}},getSuggestText:function(n){let e=this;return vn(n)?n[e.keySuggestText]:n},clickChip:function(n,e,t){let r=this;r.$nextTick(()=>{r.enableActive&&r.$emit("update:valueActive",e);let o={...n,item:e,kitem:t};r.$emit("click",o)})},clickAddBtn:function(){let n=this;if("button"===n.useMode)n.$nextTick(()=>{n.$emit("click-add",null)});else{if(""===Kt(n.userInput))return;if(n.addWhenInputByOutside||n.isObjValue)n.$nextTick(()=>{n.$emit("click-add",n.userInput),n.userInput=""});else{if(xo(Zo(n.itemsTrans,e=>Vi(e,n.userInput)))>=1)return void n.$nextTick(()=>{n.$emit("error","duplicate values"),n.userInput=""});n.$nextTick(()=>{n.itemsTrans.push(Kt(n.userInput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userInput),n.userInput=""})}}},pull:function(n,e){let t=[];return Ie(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=wn(),o={item:n,kitem:e,pm:r};t.$emit("click-close",o),r.then(()=>{t.enableActive&&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.enableActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let o=t.pull(t.itemsTrans,e);t.$emit("input",o)}})}}};var Rm=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("item",null,{item:e,kitem:r,active:n.isActive(e)})],2)],1)]})],2),n._v(" "),n.enableNodata&&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("item",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["button"===n.useMode?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{icon:n.addButtonIcon,iconColor:n.addButtonIconColor,iconColorHover:n.addButtonIconColorHover,text:n.addButtonText,textColor:n.addButtonTextColor,textColorHover:n.addButtonTextColorHover,backgroundColor:n.addButtonBackgroundColor,backgroundColorHover:n.addButtonBackgroundColorHover,tooltip:n.addButtonTooltip,paddingStyle:{v:3,h:12},_shiftLeft:"shiftLeft",_shiftRight:"shiftRight"},on:{click:n.clickAddBtn}})]:[t("WTextSuggest",{style:n.useMarginStyle+" width:"+n.inputTextWidth+"px;",attrs:{expansionIconColor:n.inputExpansionIconColor,keyText:n.inputKeyText,textFontSize:n.inputTextFontSize,textColor:n.inputTextColor,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.inputTextButtonIcon,rightIconColor:n.inputTextButtonColor,rightIconColorHover:n.inputTextButtonColorHover,rightIconColorFocus:n.inputTextButtonColorFocus,rightIconTooltip:n.inputTextButtonTooltip,items:n.suggests,placeholder:n.placeholder,noResultsText:n.noResultsText,labelContent:n.labelContentForInputText},on:{enter:n.clickAddBtn,"click-right":n.clickAddBtn},scopedSlots:n._u([{key:"item",fn:function(e){return[n._t("suggest",function(){return[t("div",[n._v(n._s(n.getSuggestText(e.item)))])]},{item:e.item,index:e.index})]}}],null,!0),model:{value:n.userInput,callback:function(e){n.userInput=e},expression:"userInput"}})]]})],2):n._e()],2)};Rm._withStripped=!0;const Pm=t({render:Rm,staticRenderFns:[]},function(n){n&&n("data-v-045383be_0",{source:"\n.WGroupTags-Trans[data-v-045383be] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-402-6-w-component-vue\\w-component-vue\\src\\components\\WGroupTags.vue"],names:[],mappings:";AAojCA,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=\"item\"\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=\"enableNodata && 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=\"item\"\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=\"useMode==='button'\">\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :icon=\"addButtonIcon\"\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                        :paddingStyle=\"{v:3,h:12}\"\r\n                        _shiftLeft=\"shiftLeft\"\r\n                        _shiftRight=\"shiftRight\"\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                        :expansionIconColor=\"inputExpansionIconColor\"\r\n                        :keyText=\"inputKeyText\"\r\n                        :textFontSize=\"inputTextFontSize\"\r\n                        :textColor=\"inputTextColor\"\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=\"inputTextButtonIcon\"\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                        :labelContent=\"labelContentForInputText\"\r\n                        v-model=\"userInput\"\r\n                        @enter=\"clickAddBtn\"\r\n                        @click-right=\"clickAddBtn\"\r\n                    >\r\n\r\n                        <template v-slot:item=\"props\">\r\n\r\n                            <slot\r\n                                name=\"suggest\"\r\n                                :item=\"props.item\"\r\n                                :index=\"props.index\"\r\n                            >\r\n                                <div>{{getSuggestText(props.item)}}</div>\r\n                            </slot>\r\n\r\n                        </template>\r\n\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-es/get.js'\r\nimport each from 'lodash-es/each.js'\r\nimport cloneDeep from 'lodash-es/cloneDeep.js'\r\nimport trim from 'lodash-es/trim.js'\r\nimport every from 'lodash-es/every.js'\r\nimport pullAt from 'lodash-es/pullAt.js'\r\nimport filter from 'lodash-es/filter.js'\r\nimport isEqual from 'lodash-es/isEqual.js'\r\nimport size from 'lodash-es/size.js'\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} [enableActive=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} [enableColorsFromItem=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} [keySuggestText='text'] 輸入當可選(建議)項目為物件時，存放顯示文字之欄位字串，預設'text'\r\n * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''\r\n * @vue-prop {String} [noResultsText='No results'] 輸入無過濾結果字串，預設'No results'\r\n * @vue-prop {String} [addMode='auto'] 輸入新增模式字串，可使用'auto'、'input'、'button'，預設'auto'\r\n * @vue-prop {Number} [inputTextWidth=150] 輸入新增按鈕或輸入框區寬度數字，單位px，預設150\r\n * @vue-prop {String} [inputKeyText='text'] 輸入若可選(建議)項目為元素陣列時，輸入框之提取選擇項目物件內鍵值字串，預設'text'\r\n * @vue-prop {String} [inputTextFontSize='0.85rem'] 輸入輸入框文字大小字串，預設'0.85rem'\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} [inputTextButtonIcon=mdiPlusCircle] 輸入新增按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiPlusCircle\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.8rem'] 輸入輸入框下拉選單項目顯示文字大小字串，預設'0.8rem'\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} [addButtonIcon=mdiPlusCircle] 輸入新增按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiPlusCircle\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} [addWhenInputByOutside=false] 輸入當指定或自動使用input並新增時，是否強制使用click-add事件進行新增處理布林值，預設false\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 {String} [labelContentForInputText=null] 輸入針對輸入框下拉選單彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null\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 {Boolean} [enableNodata=false] 輸入是否使用nodata展示布林值，預設false\r\n * @vue-prop {String} [nodata='Empty'] 輸入無任何字串陣列時的預設文字字串，預設'Empty'\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        enableActive: {\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        enableColorsFromItem: {\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        keySuggestText: {\r\n            type: String,\r\n            default: 'text',\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        addMode: {\r\n            type: String,\r\n            default: 'auto', //auto, input, button\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 150,\r\n        },\r\n        inputKeyText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        inputTextFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\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        inputTextButtonIcon: {\r\n            type: String,\r\n            default: mdiPlusCircle,\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        addButtonIcon: {\r\n            type: String,\r\n            default: mdiPlusCircle,\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        addWhenInputByOutside: {\r\n            type: Boolean,\r\n            default: false,\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        labelContentForInputText: {\r\n            type: String,\r\n            default: null,\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        enableNodata: {\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        useMode: function() {\r\n            //console.log('computed useMode')\r\n\r\n            let vo = this\r\n\r\n            let mode = ''\r\n            if (vo.addMode === 'auto') {\r\n                mode = vo.isObjValue ? 'button' : 'input'\r\n            }\r\n            else if (vo.addMode === 'button') {\r\n                mode = 'button'\r\n            }\r\n            else {\r\n                mode = 'input'\r\n            }\r\n\r\n            return mode\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.enableColorsFromItem && 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.enableActive) {\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        getSuggestText: function(value) {\r\n            //console.log('methods getSuggestText', getSuggestText)\r\n\r\n            let vo = this\r\n\r\n            //valueTrans\r\n            if (isobj(value)) {\r\n                return value[vo.keySuggestText]\r\n            }\r\n            else {\r\n                return value\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                //enableActive\r\n                if (vo.enableActive) {\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            //useMode\r\n            if (vo.useMode === 'button') {\r\n                //交由外部自行處理push\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('click-add', null)\r\n\r\n                })\r\n\r\n            }\r\n            else { //vo.useMode === 'input'\r\n\r\n                //check\r\n                if (trim(vo.userInput) === '') {\r\n                    return\r\n                }\r\n\r\n                //addWhenInputByOutside || isObjValue\r\n                if (vo.addWhenInputByOutside || vo.isObjValue) {\r\n                    //若指定由外部處理push, 或若為obj則須交由外部處理push\r\n\r\n                    //$nextTick\r\n                    vo.$nextTick(() => {\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                else {\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', '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            }\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                            //enableActive and isActive\r\n                            if (vo.enableActive && 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                    //enableActive and isActive\r\n                    if (vo.enableActive && 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})},zm,"data-v-045383be",false,void 0,!1,o,void 0,void 0);const Vm={components:{WIconLoading:To},props:{pathItems:{type:Array,default:()=>["base:w-highcharts-vue"]},options:{type:Object,default:()=>({})}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;yr(n.pathItems).then(e=>{"loaded"!==e&&Cr().use(window["w-highcharts-vue"]),n.cmpName="w-highcharts-vue"})},computed:{},methods:{}};var Lm=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Lm._withStripped=!0;const Nm=t({render:Lm,staticRenderFns:[]},function(n){n&&n("data-v-0367e278_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})},Vm,"data-v-0367e278",false,void 0,!1,o,void 0,void 0);const Dm={components:{WIconLoading:To},props:{pathItems:{type:Array,default:()=>["base:w-highcharts-vue"]},options:{type:Object,default:()=>({})}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;yr(n.pathItems).then(e=>{"loaded"!==e&&Cr().use(window["w-highcharts-vue"]),n.cmpName="w-highstock-vue"})},computed:{},methods:{}};var Gm=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Gm._withStripped=!0;const Mm=t({render:Gm,staticRenderFns:[]},function(n){n&&n("data-v-0e52759d_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighstockVueDyn.vue"},media:void 0})},Dm,"data-v-0e52759d",false,void 0,!1,o,void 0,void 0);var Ym=4294967295,jm=Math.min;function _m(n,e){if((n=Pn(n))<1||n>9007199254740991)return[];var t=Ym,r=jm(n,Ym);e=we(e),n-=Ym;for(var o=Mn(r,e);++t<n;)e(t);return o}var Km={exports:{}};
 /*!
      * Viewer.js v1.14.0
      * https://fengyuanchen.github.io/viewerjs