npm - w-plot-vue - Versions diffs - 1.0.6 → 1.0.7 - Mend

w-plot-vue 1.0.6 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/docs/examples/app.umd.js CHANGED Viewed

@@ -1,9 +1,9 @@
 /*!
- * app v1.0.6
+ * app v1.0.7
  * (c) 2018-2021 yuda-lyu(semisphere)
  * Released under the MIT License.
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).app=e(t.Vue)}(this,(function(t){"use strict";var e=Array.isArray,n="object"==typeof global&&global&&global.Object===Object&&global,i="object"==typeof self&&self&&self.Object===Object&&self,r=n||i||Function("return this")(),o=r.Symbol,s=Object.prototype,a=s.hasOwnProperty,l=s.toString,c=o?o.toStringTag:void 0;var h=Object.prototype.toString;var u="[object Null]",d="[object Undefined]",p=o?o.toStringTag:void 0;function f(t){return null==t?void 0===t?d:u:p&&p in Object(t)?function(t){var e=a.call(t,c),n=t[c];try{t[c]=void 0;var i=!0}catch(t){}var r=l.call(t);return i&&(e?t[c]=n:delete t[c]),r}(t):function(t){return h.call(t)}(t)}function m(t){return null!=t&&"object"==typeof t}var g="[object Symbol]";function v(t){return"symbol"==typeof t||m(t)&&f(t)==g}var _=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,y=/^\w*$/;function b(t,n){if(e(t))return!1;var i=typeof t;return!("number"!=i&&"symbol"!=i&&"boolean"!=i&&null!=t&&!v(t))||(y.test(t)||!_.test(t)||null!=n&&t in Object(n))}function x(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}var S="[object AsyncFunction]",w="[object Function]",M="[object GeneratorFunction]",T="[object Proxy]";function A(t){if(!x(t))return!1;var e=f(t);return e==w||e==M||e==S||e==T}var E,C=r["__core-js_shared__"],R=(E=/[^.]+$/.exec(C&&C.keys&&C.keys.IE_PROTO||""))?"Symbol(src)_1."+E:"";var P=Function.prototype.toString;function L(t){if(null!=t){try{return P.call(t)}catch(t){}try{return t+""}catch(t){}}return""}var O=/^\[object .+?Constructor\]$/,I=Function.prototype,k=Object.prototype,U=I.toString,D=k.hasOwnProperty,B=RegExp("^"+U.call(D).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function N(t){return!(!x(t)||(e=t,R&&R in e))&&(A(t)?B:O).test(L(t));var e}function F(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return N(n)?n:void 0}var z=F(Object,"create");var H=Object.prototype.hasOwnProperty;var W=Object.prototype.hasOwnProperty;function V(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}function G(t,e){return t===e||t!=t&&e!=e}function j(t,e){for(var n=t.length;n--;)if(G(t[n][0],e))return n;return-1}V.prototype.clear=function(){this.__data__=z?z(null):{},this.size=0},V.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},V.prototype.get=function(t){var e=this.__data__;if(z){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return H.call(e,t)?e[t]:void 0},V.prototype.has=function(t){var e=this.__data__;return z?void 0!==e[t]:W.call(e,t)},V.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=z&&void 0===e?"__lodash_hash_undefined__":e,this};var X=Array.prototype.splice;function $(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}$.prototype.clear=function(){this.__data__=[],this.size=0},$.prototype.delete=function(t){var e=this.__data__,n=j(e,t);return!(n<0)&&(n==e.length-1?e.pop():X.call(e,n,1),--this.size,!0)},$.prototype.get=function(t){var e=this.__data__,n=j(e,t);return n<0?void 0:e[n][1]},$.prototype.has=function(t){return j(this.__data__,t)>-1},$.prototype.set=function(t,e){var n=this.__data__,i=j(n,t);return i<0?(++this.size,n.push([t,e])):n[i][1]=e,this};var Y=F(r,"Map");function q(t,e){var n,i,r=t.__data__;return("string"==(i=typeof(n=e))||"number"==i||"symbol"==i||"boolean"==i?"__proto__"!==n:null===n)?r["string"==typeof e?"string":"hash"]:r.map}function Z(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}Z.prototype.clear=function(){this.size=0,this.__data__={hash:new V,map:new(Y||$),string:new V}},Z.prototype.delete=function(t){var e=q(this,t).delete(t);return this.size-=e?1:0,e},Z.prototype.get=function(t){return q(this,t).get(t)},Z.prototype.has=function(t){return q(this,t).has(t)},Z.prototype.set=function(t,e){var n=q(this,t),i=n.size;return n.set(t,e),this.size+=n.size==i?0:1,this};var K="Expected a function";function J(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError(K);var n=function(){var i=arguments,r=e?e.apply(this,i):i[0],o=n.cache;if(o.has(r))return o.get(r);var s=t.apply(this,i);return n.cache=o.set(r,s)||o,s};return n.cache=new(J.Cache||Z),n}J.Cache=Z;var Q,tt,et,nt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,it=/\\(\\)?/g,rt=(Q=function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(nt,(function(t,n,i,r){e.push(i?r.replace(it,"$1"):n||t)})),e},tt=J(Q,(function(t){return 500===et.size&&et.clear(),t})),et=tt.cache,tt),ot=rt;function st(t,e){for(var n=-1,i=null==t?0:t.length,r=Array(i);++n<i;)r[n]=e(t[n],n,t);return r}var at=1/0,lt=o?o.prototype:void 0,ct=lt?lt.toString:void 0;function ht(t){if("string"==typeof t)return t;if(e(t))return st(t,ht)+"";if(v(t))return ct?ct.call(t):"";var n=t+"";return"0"==n&&1/t==-at?"-0":n}function ut(t){return null==t?"":ht(t)}function dt(t,n){return e(t)?t:b(t,n)?[t]:ot(ut(t))}var pt=1/0;function ft(t){if("string"==typeof t||v(t))return t;var e=t+"";return"0"==e&&1/t==-pt?"-0":e}function mt(t,e){for(var n=0,i=(e=dt(e,t)).length;null!=t&&n<i;)t=t[ft(e[n++])];return n&&n==i?t:void 0}function gt(t,e,n){var i=null==t?void 0:mt(t,e);return void 0===i?n:i}var vt,_t=(vt={"À":"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","Œ":"Oe","œ":"oe","ŉ":"'n","ſ":"s"},function(t){return null==vt?void 0:vt[t]}),yt=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,bt=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var xt=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var St=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var wt="\\ud800-\\udfff",Mt="\\u2700-\\u27bf",Tt="a-z\\xdf-\\xf6\\xf8-\\xff",At="A-Z\\xc0-\\xd6\\xd8-\\xde",Et="\\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",Ct="["+Et+"]",Rt="\\d+",Pt="["+Mt+"]",Lt="["+Tt+"]",Ot="[^"+wt+Et+Rt+Mt+Tt+At+"]",It="(?:\\ud83c[\\udde6-\\uddff]){2}",kt="[\\ud800-\\udbff][\\udc00-\\udfff]",Ut="["+At+"]",Dt="(?:"+Lt+"|"+Ot+")",Bt="(?:"+Ut+"|"+Ot+")",Nt="(?:['’](?:d|ll|m|re|s|t|ve))?",Ft="(?:['’](?:D|LL|M|RE|S|T|VE))?",zt="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",Ht="[\\ufe0e\\ufe0f]?",Wt=Ht+zt+("(?:\\u200d(?:"+["[^"+wt+"]",It,kt].join("|")+")"+Ht+zt+")*"),Vt="(?:"+[Pt,It,kt].join("|")+")"+Wt,Gt=RegExp([Ut+"?"+Lt+"+"+Nt+"(?="+[Ct,Ut,"$"].join("|")+")",Bt+"+"+Ft+"(?="+[Ct,Ut+Dt,"$"].join("|")+")",Ut+"?"+Dt+"+"+Nt,Ut+"+"+Ft,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Rt,Vt].join("|"),"g");function jt(t,e,n){return t=ut(t),void 0===(e=n?void 0:e)?function(t){return St.test(t)}(t)?function(t){return t.match(Gt)||[]}(t):function(t){return t.match(xt)||[]}(t):t.match(e)||[]}var Xt=RegExp("['’]","g");function $t(t){return function(e){return function(t,e,n,i){var r=-1,o=null==t?0:t.length;for(i&&o&&(n=t[++r]);++r<o;)n=e(n,t[r],r,t);return n}(jt(function(t){return(t=ut(t))&&t.replace(yt,_t).replace(bt,"")}(e).replace(Xt,"")),t,"")}}var Yt=$t((function(t,e,n){return t+(n?"-":"")+e.toLowerCase()})),qt=Yt;function Zt(t,e){for(var n=-1,i=null==t?0:t.length;++n<i&&!1!==e(t[n],n,t););return t}var Kt,Jt=function(t,e,n){for(var i=-1,r=Object(t),o=n(t),s=o.length;s--;){var a=o[Kt?s:++i];if(!1===e(r[a],a,r))break}return t},Qt=Jt;function te(t){return m(t)&&"[object Arguments]"==f(t)}var ee=Object.prototype,ne=ee.hasOwnProperty,ie=ee.propertyIsEnumerable,re=te(function(){return arguments}())?te:function(t){return m(t)&&ne.call(t,"callee")&&!ie.call(t,"callee")},oe=re;var se="object"==typeof exports&&exports&&!exports.nodeType&&exports,ae=se&&"object"==typeof module&&module&&!module.nodeType&&module,le=ae&&ae.exports===se?r.Buffer:void 0,ce=(le?le.isBuffer:void 0)||function(){return!1},he=9007199254740991,ue=/^(?:0|[1-9]\d*)$/;function de(t,e){var n=typeof t;return!!(e=null==e?he:e)&&("number"==n||"symbol"!=n&&ue.test(t))&&t>-1&&t%1==0&&t<e}var pe=9007199254740991;function fe(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=pe}var me={};function ge(t){return function(e){return t(e)}}me["[object Float32Array]"]=me["[object Float64Array]"]=me["[object Int8Array]"]=me["[object Int16Array]"]=me["[object Int32Array]"]=me["[object Uint8Array]"]=me["[object Uint8ClampedArray]"]=me["[object Uint16Array]"]=me["[object Uint32Array]"]=!0,me["[object Arguments]"]=me["[object Array]"]=me["[object ArrayBuffer]"]=me["[object Boolean]"]=me["[object DataView]"]=me["[object Date]"]=me["[object Error]"]=me["[object Function]"]=me["[object Map]"]=me["[object Number]"]=me["[object Object]"]=me["[object RegExp]"]=me["[object Set]"]=me["[object String]"]=me["[object WeakMap]"]=!1;var ve="object"==typeof exports&&exports&&!exports.nodeType&&exports,_e=ve&&"object"==typeof module&&module&&!module.nodeType&&module,ye=_e&&_e.exports===ve&&n.process,be=function(){try{var t=_e&&_e.require&&_e.require("util").types;return t||ye&&ye.binding&&ye.binding("util")}catch(t){}}(),xe=be&&be.isTypedArray,Se=xe?ge(xe):function(t){return m(t)&&fe(t.length)&&!!me[f(t)]},we=Object.prototype.hasOwnProperty;function Me(t,n){var i=e(t),r=!i&&oe(t),o=!i&&!r&&ce(t),s=!i&&!r&&!o&&Se(t),a=i||r||o||s,l=a?function(t,e){for(var n=-1,i=Array(t);++n<t;)i[n]=e(n);return i}(t.length,String):[],c=l.length;for(var h in t)!n&&!we.call(t,h)||a&&("length"==h||o&&("offset"==h||"parent"==h)||s&&("buffer"==h||"byteLength"==h||"byteOffset"==h)||de(h,c))||l.push(h);return l}var Te=Object.prototype;function Ae(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||Te)}function Ee(t,e){return function(n){return t(e(n))}}var Ce=Ee(Object.keys,Object),Re=Object.prototype.hasOwnProperty;function Pe(t){if(!Ae(t))return Ce(t);var e=[];for(var n in Object(t))Re.call(t,n)&&"constructor"!=n&&e.push(n);return e}function Le(t){return null!=t&&fe(t.length)&&!A(t)}function Oe(t){return Le(t)?Me(t):Pe(t)}var Ie=function(t,e){return function(n,i){if(null==n)return n;if(!Le(n))return t(n,i);for(var r=n.length,o=e?r:-1,s=Object(n);(e?o--:++o<r)&&!1!==i(s[o],o,s););return n}}((function(t,e){return t&&Qt(t,e,Oe)})),ke=Ie;function Ue(t){return t}function De(t,n){var i;return(e(t)?Zt:ke)(t,"function"==typeof(i=n)?i:Ue)}function Be(t){return"[object String]"===Object.prototype.toString.call(t)}function Ne(t){return!(!Be(t)||""===t)}var Fe=/\s/;var ze=/^\s+/;function He(t){return t?t.slice(0,function(t){for(var e=t.length;e--&&Fe.test(t.charAt(e)););return e}(t)+1).replace(ze,""):t}var We=NaN,Ve=/^[-+]0x[0-9a-f]+$/i,Ge=/^0b[01]+$/i,je=/^0o[0-7]+$/i,Xe=parseInt;function $e(t){if("number"==typeof t)return t;if(v(t))return We;if(x(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=x(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=He(t);var n=Ge.test(t);return n||je.test(t)?Xe(t.slice(2),n?2:8):Ve.test(t)?We:+t}var Ye=1/0,qe=17976931348623157e292;function Ze(t){return t?(t=$e(t))===Ye||t===-Ye?(t<0?-1:1)*qe:t==t?t:0:0===t?t:0}function Ke(t){var e=Ze(t),n=e%1;return e==e?n?e-n:e:0}function Je(t){return t!=t}function Qe(t){let e=!1;if(Ne(t))e=!isNaN(Number(t));else if(function(t){return"[object Number]"===Object.prototype.toString.call(t)}(t)){if(Je(t))return!1;e=!0}return e}function tn(t){if(!Qe(t))return 0;return Ze(t)}function en(t){return!!Qe(t)&&(t=tn(t),"number"==typeof(e=t)&&e==Ke(e));var e}var nn=r.isFinite,rn=Math.min;var on=function(t){var e=Math[t];return function(t,n){if(t=$e(t),(n=null==n?0:rn(Ke(n),292))&&nn(t)){var i=(ut(t)+"e").split("e");return+((i=(ut(e(i[0]+"e"+(+i[1]+n)))+"e").split("e"))[0]+"e"+(+i[1]-n))}return e(t)}}("round"),sn=on;function an(t){if(!Qe(t))return 0;t=tn(t);let e=sn(t);return"0"===String(e)?0:e}function ln(t){if(!en(t))return!1;return an(t)>=0}function cn(t,e){if(!Ne(t))return"";if(!ln(e))return"";if(0===(e=an(e)))return"";let n=t.length-e;return n<0&&(n=0),t.substr(n,e)}function hn(t,e){return Ne(t)&&ln(e)?0===(e=an(e))?"":t.substring(0,e):""}function un(t,e){return Ne(t)&&ln(e)?0===(e=an(e))?t:hn(t,t.length-e):""}function dn(t,e,n){var i=-1,r=t.length;e<0&&(e=-e>r?0:r+e),(n=n>r?r:n)<0&&(n+=r),r=e>n?0:n-e>>>0,e>>>=0;for(var o=Array(r);++i<r;)o[i]=t[i+e];return o}function pn(t,e,n){var i=t.length;return n=void 0===n?i:n,!e&&n>=i?t:dn(t,e,n)}var fn=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");function mn(t){return fn.test(t)}function gn(t,e,n){if(!x(n))return!1;var i=typeof e;return!!("number"==i?Le(n)&&de(e,n.length):"string"==i&&e in n)&&G(n[e],t)}var vn=be&&be.isRegExp,_n=vn?ge(vn):function(t){return m(t)&&"[object RegExp]"==f(t)};var yn="\\ud800-\\udfff",bn="["+yn+"]",xn="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Sn="\\ud83c[\\udffb-\\udfff]",wn="[^"+yn+"]",Mn="(?:\\ud83c[\\udde6-\\uddff]){2}",Tn="[\\ud800-\\udbff][\\udc00-\\udfff]",An="(?:"+xn+"|"+Sn+")"+"?",En="[\\ufe0e\\ufe0f]?",Cn=En+An+("(?:\\u200d(?:"+[wn,Mn,Tn].join("|")+")"+En+An+")*"),Rn="(?:"+[wn+xn+"?",xn,Mn,Tn,bn].join("|")+")",Pn=RegExp(Sn+"(?="+Sn+")|"+Rn+Cn,"g");function Ln(t){return mn(t)?function(t){return t.match(Pn)||[]}(t):function(t){return t.split("")}(t)}var On=4294967295;function In(t,e,n){return n&&"number"!=typeof n&&gn(t,e,n)&&(e=n=void 0),(n=void 0===n?On:n>>>0)?(t=ut(t))&&("string"==typeof e||null!=e&&!_n(e))&&!(e=ht(e))&&mn(t)?pn(Ln(t),0,n):t.split(e,n):[]}function kn(t){var e=this.__data__=new $(t);this.size=e.size}kn.prototype.clear=function(){this.__data__=new $,this.size=0},kn.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},kn.prototype.get=function(t){return this.__data__.get(t)},kn.prototype.has=function(t){return this.__data__.has(t)},kn.prototype.set=function(t,e){var n=this.__data__;if(n instanceof $){var i=n.__data__;if(!Y||i.length<199)return i.push([t,e]),this.size=++n.size,this;n=this.__data__=new Z(i)}return n.set(t,e),this.size=n.size,this};function Un(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new Z;++e<n;)this.add(t[e])}function Dn(t,e){for(var n=-1,i=null==t?0:t.length;++n<i;)if(e(t[n],n,t))return!0;return!1}function Bn(t,e){return t.has(e)}Un.prototype.add=Un.prototype.push=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this},Un.prototype.has=function(t){return this.__data__.has(t)};var Nn=1,Fn=2;function zn(t,e,n,i,r,o){var s=n&Nn,a=t.length,l=e.length;if(a!=l&&!(s&&l>a))return!1;var c=o.get(t),h=o.get(e);if(c&&h)return c==e&&h==t;var u=-1,d=!0,p=n&Fn?new Un:void 0;for(o.set(t,e),o.set(e,t);++u<a;){var f=t[u],m=e[u];if(i)var g=s?i(m,f,u,e,t,o):i(f,m,u,t,e,o);if(void 0!==g){if(g)continue;d=!1;break}if(p){if(!Dn(e,(function(t,e){if(!Bn(p,e)&&(f===t||r(f,t,n,i,o)))return p.push(e)}))){d=!1;break}}else if(f!==m&&!r(f,m,n,i,o)){d=!1;break}}return o.delete(t),o.delete(e),d}var Hn=r.Uint8Array;function Wn(t){var e=-1,n=Array(t.size);return t.forEach((function(t,i){n[++e]=[i,t]})),n}function Vn(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var Gn=1,jn=2,Xn="[object Boolean]",$n="[object Date]",Yn="[object Error]",qn="[object Map]",Zn="[object Number]",Kn="[object RegExp]",Jn="[object Set]",Qn="[object String]",ti="[object Symbol]",ei="[object ArrayBuffer]",ni="[object DataView]",ii=o?o.prototype:void 0,ri=ii?ii.valueOf:void 0;function oi(t,e){for(var n=-1,i=e.length,r=t.length;++n<i;)t[r+n]=e[n];return t}function si(t,n,i){var r=n(t);return e(t)?r:oi(r,i(t))}function ai(t,e){for(var n=-1,i=null==t?0:t.length,r=0,o=[];++n<i;){var s=t[n];e(s,n,t)&&(o[r++]=s)}return o}function li(){return[]}var ci=Object.prototype.propertyIsEnumerable,hi=Object.getOwnPropertySymbols,ui=hi?function(t){return null==t?[]:(t=Object(t),ai(hi(t),(function(e){return ci.call(t,e)})))}:li,di=ui;function pi(t){return si(t,Oe,di)}var fi=1,mi=Object.prototype.hasOwnProperty;var gi=F(r,"DataView"),vi=F(r,"Promise"),_i=F(r,"Set"),yi=F(r,"WeakMap"),bi="[object Map]",xi="[object Promise]",Si="[object Set]",wi="[object WeakMap]",Mi="[object DataView]",Ti=L(gi),Ai=L(Y),Ei=L(vi),Ci=L(_i),Ri=L(yi),Pi=f;(gi&&Pi(new gi(new ArrayBuffer(1)))!=Mi||Y&&Pi(new Y)!=bi||vi&&Pi(vi.resolve())!=xi||_i&&Pi(new _i)!=Si||yi&&Pi(new yi)!=wi)&&(Pi=function(t){var e=f(t),n="[object Object]"==e?t.constructor:void 0,i=n?L(n):"";if(i)switch(i){case Ti:return Mi;case Ai:return bi;case Ei:return xi;case Ci:return Si;case Ri:return wi}return e});var Li=Pi,Oi=1,Ii="[object Arguments]",ki="[object Array]",Ui="[object Object]",Di=Object.prototype.hasOwnProperty;function Bi(t,n,i,r,o,s){var a=e(t),l=e(n),c=a?ki:Li(t),h=l?ki:Li(n),u=(c=c==Ii?Ui:c)==Ui,d=(h=h==Ii?Ui:h)==Ui,p=c==h;if(p&&ce(t)){if(!ce(n))return!1;a=!0,u=!1}if(p&&!u)return s||(s=new kn),a||Se(t)?zn(t,n,i,r,o,s):function(t,e,n,i,r,o,s){switch(n){case ni:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case ei:return!(t.byteLength!=e.byteLength||!o(new Hn(t),new Hn(e)));case Xn:case $n:case Zn:return G(+t,+e);case Yn:return t.name==e.name&&t.message==e.message;case Kn:case Qn:return t==e+"";case qn:var a=Wn;case Jn:var l=i&Gn;if(a||(a=Vn),t.size!=e.size&&!l)return!1;var c=s.get(t);if(c)return c==e;i|=jn,s.set(t,e);var h=zn(a(t),a(e),i,r,o,s);return s.delete(t),h;case ti:if(ri)return ri.call(t)==ri.call(e)}return!1}(t,n,c,i,r,o,s);if(!(i&Oi)){var f=u&&Di.call(t,"__wrapped__"),m=d&&Di.call(n,"__wrapped__");if(f||m){var g=f?t.value():t,v=m?n.value():n;return s||(s=new kn),o(g,v,i,r,s)}}return!!p&&(s||(s=new kn),function(t,e,n,i,r,o){var s=n&fi,a=pi(t),l=a.length;if(l!=pi(e).length&&!s)return!1;for(var c=l;c--;){var h=a[c];if(!(s?h in e:mi.call(e,h)))return!1}var u=o.get(t),d=o.get(e);if(u&&d)return u==e&&d==t;var p=!0;o.set(t,e),o.set(e,t);for(var f=s;++c<l;){var m=t[h=a[c]],g=e[h];if(i)var v=s?i(g,m,h,e,t,o):i(m,g,h,t,e,o);if(!(void 0===v?m===g||r(m,g,n,i,o):v)){p=!1;break}f||(f="constructor"==h)}if(p&&!f){var _=t.constructor,y=e.constructor;_==y||!("constructor"in t)||!("constructor"in e)||"function"==typeof _&&_ instanceof _&&"function"==typeof y&&y instanceof y||(p=!1)}return o.delete(t),o.delete(e),p}(t,n,i,r,o,s))}function Ni(t,e,n,i,r){return t===e||(null==t||null==e||!m(t)&&!m(e)?t!=t&&e!=e:Bi(t,e,n,i,Ni,r))}var Fi=1,zi=2;function Hi(t){return t==t&&!x(t)}function Wi(t,e){return function(n){return null!=n&&(n[t]===e&&(void 0!==e||t in Object(n)))}}function Vi(t){var e=function(t){for(var e=Oe(t),n=e.length;n--;){var i=e[n],r=t[i];e[n]=[i,r,Hi(r)]}return e}(t);return 1==e.length&&e[0][2]?Wi(e[0][0],e[0][1]):function(n){return n===t||function(t,e,n,i){var r=n.length,o=r,s=!i;if(null==t)return!o;for(t=Object(t);r--;){var a=n[r];if(s&&a[2]?a[1]!==t[a[0]]:!(a[0]in t))return!1}for(;++r<o;){var l=(a=n[r])[0],c=t[l],h=a[1];if(s&&a[2]){if(void 0===c&&!(l in t))return!1}else{var u=new kn;if(i)var d=i(c,h,l,t,e,u);if(!(void 0===d?Ni(h,c,Fi|zi,i,u):d))return!1}}return!0}(n,t,e)}}function Gi(t,e){return null!=t&&e in Object(t)}function ji(t,n){return null!=t&&function(t,n,i){for(var r=-1,o=(n=dt(n,t)).length,s=!1;++r<o;){var a=ft(n[r]);if(!(s=null!=t&&i(t,a)))break;t=t[a]}return s||++r!=o?s:!!(o=null==t?0:t.length)&&fe(o)&&de(a,o)&&(e(t)||oe(t))}(t,n,Gi)}var Xi=1,$i=2;function Yi(t){return function(e){return null==e?void 0:e[t]}}function qi(t){return b(t)?Yi(ft(t)):function(t){return function(e){return mt(e,t)}}(t)}function Zi(t){return"function"==typeof t?t:null==t?Ue:"object"==typeof t?e(t)?(n=t[0],i=t[1],b(n)&&Hi(i)?Wi(ft(n),i):function(t){var e=gt(t,n);return void 0===e&&e===i?ji(t,n):Ni(i,e,Xi|$i)}):Vi(t):qi(t);var n,i}function Ki(t,e){var n=-1,i=Le(t)?Array(t.length):[];return ke(t,(function(t,r,o){i[++n]=e(t,r,o)})),i}function Ji(t,n){return(e(t)?st:Ki)(t,Zi(n))}var Qi="[object String]";var tr=Yi("length"),er="\\ud800-\\udfff",nr="["+er+"]",ir="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",rr="\\ud83c[\\udffb-\\udfff]",or="[^"+er+"]",sr="(?:\\ud83c[\\udde6-\\uddff]){2}",ar="[\\ud800-\\udbff][\\udc00-\\udfff]",lr="(?:"+ir+"|"+rr+")"+"?",cr="[\\ufe0e\\ufe0f]?",hr=cr+lr+("(?:\\u200d(?:"+[or,sr,ar].join("|")+")"+cr+lr+")*"),ur="(?:"+[or+ir+"?",ir,sr,ar,nr].join("|")+")",dr=RegExp(rr+"(?="+rr+")|"+ur+hr,"g");function pr(t){return mn(t)?function(t){for(var e=dr.lastIndex=0;dr.test(t);)++e;return e}(t):tr(t)}var fr="[object Map]",mr="[object Set]";function gr(t){if(null==t)return 0;if(Le(t))return"string"==typeof(n=t)||!e(n)&&m(n)&&f(n)==Qi?pr(t):t.length;var n,i=Li(t);return i==fr||i==mr?t.size:Pe(t).length}function vr(t,e){for(var n=-1,i=null==t?0:t.length;++n<i;)if(!e(t[n],n,t))return!1;return!0}function _r(t,e){var n=!0;return ke(t,(function(t,i,r){return n=!!e(t,i,r)})),n}function yr(t,e){return Ni(t,e)}function br(t){return"[object Object]"===Object.prototype.toString.call(t)}function xr(t){return xr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},xr(t)}function Sr(t){var e=function(t,e){if("object"!=xr(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=xr(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==xr(e)?e:String(e)}function wr(t,e,n){return(e=Sr(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Mr=function(){try{var t=F(Object,"defineProperty");return t({},"",{}),t}catch(t){}}(),Tr=Mr;function Ar(t,e,n){"__proto__"==e&&Tr?Tr(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}var Er=Object.prototype.hasOwnProperty;function Cr(t,e,n){var i=t[e];Er.call(t,e)&&G(i,n)&&(void 0!==n||e in t)||Ar(t,e,n)}function Rr(t,e,n,i){var r=!n;n||(n={});for(var o=-1,s=e.length;++o<s;){var a=e[o],l=i?i(n[a],t[a],a,n,t):void 0;void 0===l&&(l=t[a]),r?Ar(n,a,l):Cr(n,a,l)}return n}var Pr=Object.prototype.hasOwnProperty;function Lr(t){if(!x(t))return function(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}(t);var e=Ae(t),n=[];for(var i in t)("constructor"!=i||!e&&Pr.call(t,i))&&n.push(i);return n}function Or(t){return Le(t)?Me(t,!0):Lr(t)}var Ir="object"==typeof exports&&exports&&!exports.nodeType&&exports,kr=Ir&&"object"==typeof module&&module&&!module.nodeType&&module,Ur=kr&&kr.exports===Ir?r.Buffer:void 0,Dr=Ur?Ur.allocUnsafe:void 0;function Br(t,e){if(e)return t.slice();var n=t.length,i=Dr?Dr(n):new t.constructor(n);return t.copy(i),i}function Nr(t,e){var n=-1,i=t.length;for(e||(e=Array(i));++n<i;)e[n]=t[n];return e}var Fr=Ee(Object.getPrototypeOf,Object),zr=Object.getOwnPropertySymbols?function(t){for(var e=[];t;)oi(e,di(t)),t=Fr(t);return e}:li,Hr=zr;function Wr(t){return si(t,Or,Hr)}var Vr=Object.prototype.hasOwnProperty;function Gr(t){var e=new t.constructor(t.byteLength);return new Hn(e).set(new Hn(t)),e}var jr=/\w*$/;var Xr=o?o.prototype:void 0,$r=Xr?Xr.valueOf:void 0;function Yr(t,e){var n=e?Gr(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}var qr="[object Boolean]",Zr="[object Date]",Kr="[object Map]",Jr="[object Number]",Qr="[object RegExp]",to="[object Set]",eo="[object String]",no="[object Symbol]",io="[object ArrayBuffer]",ro="[object DataView]",oo="[object Float32Array]",so="[object Float64Array]",ao="[object Int8Array]",lo="[object Int16Array]",co="[object Int32Array]",ho="[object Uint8Array]",uo="[object Uint8ClampedArray]",po="[object Uint16Array]",fo="[object Uint32Array]";function mo(t,e,n){var i,r=t.constructor;switch(e){case io:return Gr(t);case qr:case Zr:return new r(+t);case ro:return function(t,e){var n=e?Gr(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,n);case oo:case so:case ao:case lo:case co:case ho:case uo:case po:case fo:return Yr(t,n);case Kr:return new r;case Jr:case eo:return new r(t);case Qr:return function(t){var e=new t.constructor(t.source,jr.exec(t));return e.lastIndex=t.lastIndex,e}(t);case to:return new r;case no:return i=t,$r?Object($r.call(i)):{}}}var go=Object.create,vo=function(){function t(){}return function(e){if(!x(e))return{};if(go)return go(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}(),_o=vo;function yo(t){return"function"!=typeof t.constructor||Ae(t)?{}:_o(Fr(t))}var bo=be&&be.isMap,xo=bo?ge(bo):function(t){return m(t)&&"[object Map]"==Li(t)};var So=be&&be.isSet,wo=So?ge(So):function(t){return m(t)&&"[object Set]"==Li(t)},Mo=1,To=2,Ao=4,Eo="[object Arguments]",Co="[object Function]",Ro="[object GeneratorFunction]",Po="[object Object]",Lo={};function Oo(t,n,i,r,o,s){var a,l=n&Mo,c=n&To,h=n&Ao;if(i&&(a=o?i(t,r,o,s):i(t)),void 0!==a)return a;if(!x(t))return t;var u=e(t);if(u){if(a=function(t){var e=t.length,n=new t.constructor(e);return e&&"string"==typeof t[0]&&Vr.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(t),!l)return Nr(t,a)}else{var d=Li(t),p=d==Co||d==Ro;if(ce(t))return Br(t,l);if(d==Po||d==Eo||p&&!o){if(a=c||p?{}:yo(t),!l)return c?function(t,e){return Rr(t,Hr(t),e)}(t,function(t,e){return t&&Rr(e,Or(e),t)}(a,t)):function(t,e){return Rr(t,di(t),e)}(t,function(t,e){return t&&Rr(e,Oe(e),t)}(a,t))}else{if(!Lo[d])return o?t:{};a=mo(t,d,l)}}s||(s=new kn);var f=s.get(t);if(f)return f;s.set(t,a),wo(t)?t.forEach((function(e){a.add(Oo(e,n,i,e,t,s))})):xo(t)&&t.forEach((function(e,r){a.set(r,Oo(e,n,i,r,t,s))}));var m=u?void 0:(h?c?Wr:pi:c?Or:Oe)(t);return Zt(m||t,(function(e,r){m&&(e=t[r=e]),Cr(a,r,Oo(e,n,i,r,t,s))})),a}Lo[Eo]=Lo["[object Array]"]=Lo["[object ArrayBuffer]"]=Lo["[object DataView]"]=Lo["[object Boolean]"]=Lo["[object Date]"]=Lo["[object Float32Array]"]=Lo["[object Float64Array]"]=Lo["[object Int8Array]"]=Lo["[object Int16Array]"]=Lo["[object Int32Array]"]=Lo["[object Map]"]=Lo["[object Number]"]=Lo[Po]=Lo["[object RegExp]"]=Lo["[object Set]"]=Lo["[object String]"]=Lo["[object Symbol]"]=Lo["[object Uint8Array]"]=Lo["[object Uint8ClampedArray]"]=Lo["[object Uint16Array]"]=Lo["[object Uint32Array]"]=!0,Lo["[object Error]"]=Lo[Co]=Lo["[object WeakMap]"]=!1;var Io=1,ko=4;function Uo(t){return Oo(t,Io|ko)}function Do(t){if(!en(t))return!1;return an(t)>0}function Bo(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var No={exports:{}};!function(t){var e=Object.prototype.hasOwnProperty,n="~";function i(){}function r(t,e,n){this.fn=t,this.context=e,this.once=n||!1}function o(t,e,i,o,s){if("function"!=typeof i)throw new TypeError("The listener must be a function");var a=new r(i,o||t,s),l=n?n+e:e;return t._events[l]?t._events[l].fn?t._events[l]=[t._events[l],a]:t._events[l].push(a):(t._events[l]=a,t._eventsCount++),t}function s(t,e){0==--t._eventsCount?t._events=new i:delete t._events[e]}function a(){this._events=new i,this._eventsCount=0}Object.create&&(i.prototype=Object.create(null),(new i).__proto__||(n=!1)),a.prototype.eventNames=function(){var t,i,r=[];if(0===this._eventsCount)return r;for(i in t=this._events)e.call(t,i)&&r.push(n?i.slice(1):i);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(t)):r},a.prototype.listeners=function(t){var e=n?n+t:t,i=this._events[e];if(!i)return[];if(i.fn)return[i.fn];for(var r=0,o=i.length,s=new Array(o);r<o;r++)s[r]=i[r].fn;return s},a.prototype.listenerCount=function(t){var e=n?n+t:t,i=this._events[e];return i?i.fn?1:i.length:0},a.prototype.emit=function(t,e,i,r,o,s){var a=n?n+t:t;if(!this._events[a])return!1;var l,c,h=this._events[a],u=arguments.length;if(h.fn){switch(h.once&&this.removeListener(t,h.fn,void 0,!0),u){case 1:return h.fn.call(h.context),!0;case 2:return h.fn.call(h.context,e),!0;case 3:return h.fn.call(h.context,e,i),!0;case 4:return h.fn.call(h.context,e,i,r),!0;case 5:return h.fn.call(h.context,e,i,r,o),!0;case 6:return h.fn.call(h.context,e,i,r,o,s),!0}for(c=1,l=new Array(u-1);c<u;c++)l[c-1]=arguments[c];h.fn.apply(h.context,l)}else{var d,p=h.length;for(c=0;c<p;c++)switch(h[c].once&&this.removeListener(t,h[c].fn,void 0,!0),u){case 1:h[c].fn.call(h[c].context);break;case 2:h[c].fn.call(h[c].context,e);break;case 3:h[c].fn.call(h[c].context,e,i);break;case 4:h[c].fn.call(h[c].context,e,i,r);break;default:if(!l)for(d=1,l=new Array(u-1);d<u;d++)l[d-1]=arguments[d];h[c].fn.apply(h[c].context,l)}}return!0},a.prototype.on=function(t,e,n){return o(this,t,e,n,!1)},a.prototype.once=function(t,e,n){return o(this,t,e,n,!0)},a.prototype.removeListener=function(t,e,i,r){var o=n?n+t:t;if(!this._events[o])return this;if(!e)return s(this,o),this;var a=this._events[o];if(a.fn)a.fn!==e||r&&!a.once||i&&a.context!==i||s(this,o);else{for(var l=0,c=[],h=a.length;l<h;l++)(a[l].fn!==e||r&&!a[l].once||i&&a[l].context!==i)&&c.push(a[l]);c.length?this._events[o]=1===c.length?c[0]:c:s(this,o)}return this},a.prototype.removeAllListeners=function(t){var e;return t?(e=n?n+t:t,this._events[e]&&s(this,e)):(this._events=new i,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=n,a.EventEmitter=a,t.exports=a}(No);var Fo=Bo(No.exports);function zo(){return new Fo}function Ho(t){let e=Object.prototype.toString.call(t);return"[object Function]"===e||"[object AsyncFunction]"===e}function Wo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Vo(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=gt(e,"timeInterval",null);Do(n)||(n=20);let i=gt(e,"tolerancePixel",null);Do(i)||(i=1);let r,o=zo(),s={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0},a=Uo(s),l={width:"",height:""};if(!Ho(t))return console.log("invalid f",t),null;r=setInterval((()=>{let e=t();if(e){let t={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight,windowWidth:window.innerWidth,windowHeight:window.innerHeight},n=a.offsetWidth-t.offsetWidth,r=a.offsetHeight-t.offsetHeight,c=Math.abs(n)>i,h=Math.abs(r)>i,u="";n>0?u="smaller":n<0&&(u="larger");let d="";if(r>0?d="smaller":r<0&&(d="larger"),l={width:u,height:d},c||h){let n=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wo(Object(n),!0).forEach((function(e){wr(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},a);setTimeout((()=>{t.offsetWidth>0&&t.offsetHeight>0&&(o.emit("resize",{sold:n,snew:t,smode:l,ele:e}),o.emit("resizeWithWindow",{sold:n,snew:t,smode:l,ele:e,from:"dom"}))}),1)}s=a,a=t}}),n);let c=t=>{o.emit("resizeWithWindow",{sold:s,snew:a,smode:l,from:"window"})};return window.addEventListener("resize",c),o.clear=()=>{clearInterval(r),window.removeEventListener("resize",c)},o}let Go="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),jo=Go.length;function Xo(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:32,e=[];t=Do(t)?an(t):32;for(let n=0;n<t;n++)e[n]=Go[0|Math.random()*jo];return e.join("")}function $o(){let t={};return{bind:function(e,n,i){let r=`r${Xo()}`;e.setAttribute("ev-resize",r);let o=Vo((()=>e));o.on("resizeWithWindow",(t=>{!function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"domresize",t)})),t[r]=o},unbind:function(e){let n=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),t[n]&&(t[n].clear(),t[n]=null,delete t[n])}}}var Yo,qo=(Yo="toUpperCase",function(t){var e=mn(t=ut(t))?Ln(t):void 0,n=e?e[0]:t.charAt(0),i=e?pn(e,1).join(""):t.slice(1);return n[Yo]()+i});function Zo(t){return qo(ut(t).toLowerCase())}var Ko=$t((function(t,e,n){return e=e.toLowerCase(),t+(n?Zo(e):e)})),Jo=Ko;let Qo={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 ts(t){if("white"===t)return"#fff";if("black"===t)return"#000";if("transparent"===t)return"rgba(0,0,0,0)";let e=function(t){let e=In(t," ");return 1===gr(e)&&(e[1]=null),e}(t),n=function(t,e,n){let i=gt(Qo,`default.${t}.${e}`,null);return null===i&&(i=n),i}(function(t){let e=t.trim();return e=Jo(e),e}(e[0]),function(t){Ne(t)||(t="base");let e=t.trim();return e=e.replace("-","").trim(),e}(e[1]),t);return n}function es(t,e,n){if(!Ne(t))return"";if(!Ne(e))return"";if(!Be(n))return"";return String(t).replaceAll(e,n)}function ns(t){if(br(t)){for(let e in t)return!0;return!1}return!1}var is="[object Object]",rs=Function.prototype,os=Object.prototype,ss=rs.toString,as=os.hasOwnProperty,ls=ss.call(Object);function cs(t){if(!m(t)||f(t)!=is)return!1;var e=Fr(t);if(null===e)return!0;var n=as.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&ss.call(n)==ls}function hs(t){return m(e=t)&&1===e.nodeType&&!cs(e);var e}function us(t){function e(t){t.parentNode.removeChild(t)}if(hs(t)){return void e(t)}if(!Ne(t))return;let n=function(t){return document.querySelectorAll(t)}(t);De(n,(function(t){e(t)}))}function ds(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=gt(n,"timeDuration",null);Do(i)||(i=1e3);let r=gt(n,"color",null);if(Ne(r)||(r="rgba(255, 255, 255, 0.5)"),!hs(t))return;t.style.position="relative",t.style.overflow="hidden";let o=t.getBoundingClientRect(),s=e.clientX-o.left,a=e.clientY-o.top,l=2*Math.max(t.clientWidth,t.clientHeight),c=document.createElement("div");c.style.width=`${l}px`,c.style.height=`${l}px`,c.style.transition=`all ${i/1e3}s linear`,c.style.position="absolute",c.style.zIndex=1,c.style.left=`${s}px`,c.style.top=`${a}px`,c.style.borderRadius="50%",c.style.transformOrigin="center",c.style.transform="translate(-50%,-50%) scale(0)",c.style.background=r,c.style.userSelect="none",c.style.pointerEvents="none",t.appendChild(c),setTimeout((()=>{c.style.transform="translate(-50%,-50%) scale(2)",c.style.opacity=0}),1),setTimeout((()=>{us(c)}),i)}var ps="[object Boolean]";function fs(t){return!0===(e=t)||!1===e||m(e)&&f(e)==ps;var e}var ms="[object Number]";function gs(t){return"number"==typeof t||m(t)&&f(t)==ms}function vs(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=gt(e,"parse");fs(n)||(n=!0);let i=gt(e,"ext");ns(i)||(i={});let r=gt(e,"semicolon");fs(r)||(r=!0);let o=gt(e,"returnObj");fs(o)||(o=!1);let s=0,a=0,l=0,c=0;if(n){let e=function(t){let e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=gt(n,"def",""),r=gt(n,"type","");"num"!==r&&"text"!==r&&(r="num"),"num"===r?e=gs:"text"===r&&(e=Be);let o=i,s=i,a=i,l=i;return e(gt(t,"h"))&&(o=gt(t,"h"),s=o),e(gt(t,"v"))&&(a=gt(t,"v"),l=a),e(gt(t,"left"))&&(o=gt(t,"left")),e(gt(t,"right"))&&(s=gt(t,"right")),e(gt(t,"top"))&&(a=gt(t,"top")),e(gt(t,"bottom"))&&(l=gt(t,"bottom")),{left:o,right:s,top:a,bottom:l}}(t);s=e.left,a=e.right,l=e.top,c=e.bottom}s+=gt(i,"left",0),a+=gt(i,"right",0),l+=gt(i,"top",0),c+=gt(i,"bottom",0);let h=null;return o?h={left:s,right:a,top:l,bottom:c}:(h=`${l}px ${a}px ${c}px ${s}px`,r&&(h=`${h};`)),h}function _s(t){return"[object Array]"===Object.prototype.toString.call(t)}function ys(t){return"[object Undefined]"===Object.prototype.toString.call(t)}function bs(t){return!!ys(t)||(!!function(t){return"[object Null]"===Object.prototype.toString.call(t)}(t)||(!!function(t){if(br(t)){for(let e in t)return!1;return!0}return!1}(t)||(!!function(t){return!(!Be(t)||""!==t)}(t)||(!!function(t){return!!_s(t)&&0===t.length}(t)||!!Je(t)))))}function xs(t){return!!_s(t)&&(0!==t.length&&(1!==t.length||!bs(t[0])))}var Ss={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 Ne(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 t=this;if(t.isMdi||t.isFa)return!1;let e=Ne(t.icon),n=xs(t.icon);return e||n},usePaths:function(){let t=this;if(!t.isSvg)return[];let e=t.icon;return Ne(t.icon)&&(e=[t.icon]),e},useIconColor:function(){let t=this;return t.mouseEnter?ts(t.colorHover):ts(t.color)},useStyleSize:function(){let t=this;return{width:`${t.size}px`,height:`${t.size}px`,"line-height":`${t.size}px`,"max-height":`${t.size}px`,"min-height":`${t.size}px`}}},methods:{}};function ws(t,e,n,i,r,o,s,a,l,c){"boolean"!=typeof s&&(l=a,a=s,s=!1);const h="function"==typeof n?n.options:n;let u;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,r&&(h.functional=!0)),i&&(h._scopeId=i),o?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(o)},h._ssrRegister=u):e&&(u=s?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),u)if(h.functional){const t=h.render;h.render=function(e,n){return u.call(n),t(e,n)}}else{const t=h.beforeCreate;h.beforeCreate=t?[].concat(t,u):[u]}return n}const Ms="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function Ts(t){return(t,e)=>function(t,e){const n=Ms?e.media||"default":t,i=Es[n]||(Es[n]={ids:new Set,styles:[]});if(!i.ids.has(t)){i.ids.add(t);let n=e.source;if(e.map&&(n+="\n/*# sourceURL="+e.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",e.media&&i.element.setAttribute("media",e.media),void 0===As&&(As=document.head||document.getElementsByTagName("head")[0]),As.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(n),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{const t=i.ids.size-1,e=document.createTextNode(n),r=i.element.childNodes;r[t]&&i.element.removeChild(r[t]),r.length?i.element.insertBefore(e,r[t]):i.element.appendChild(e)}}}(t,e)}let As;const Es={};const Cs=Ss;var Rs=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.icon?n("div",{style:[t.useStyleSize,{display:"flex","align-items":"center","user-select":"none",border:"0px solid #ddd"}],on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.$emit("click",e)}.apply(null,arguments)},click:function(e){t.$emit("click",e)}}},[t.isSvg?n("svg",{style:"transition:all "+t.timeTransition+"s linear; fill:"+t.useIconColor+";",attrs:{width:t.size,height:t.size,viewBox:"0 0 "+t.sizeOriginal+" "+t.sizeOriginal},on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},t._l(t.usePaths,(function(e,i){return n("path",{key:i,attrs:{d:t.icon}})})),0):t._e(),t._v(" "),t.isMdi?n("div",{style:"transition:all "+t.timeTransition+"s linear; width:"+t.size+"px; height:"+t.size+"px; color:"+t.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},[n("span",{class:"mdi "+t.icon,style:"font-size:"+t.size+"px;"})]):t._e(),t._v(" "),t.isFa?n("div",{style:"transition:all "+t.timeTransition+"s linear; width:"+t.size+"px; height:"+t.size+"px; color:"+t.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},[n("div",{style:"width:"+t.size+"px; height:"+t.size+"px; _transform-origin:center; transform:translateX(0px) translateY(0px) scale("+t.r+");"},[n("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n("i",{class:"fas "+t.icon,style:"font-size:"+t.size+"px;"})])])]):t._e()]):t._e()};Rs._withStripped=!0;const Ps=ws({render:Rs,staticRenderFns:[]},(function(t){t&&t("data-v-5ebe755c_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})}),Cs,"data-v-5ebe755c",false,undefined,!1,Ts,void 0,void 0);var Ls={directives:{domripple:function(){let t={};return{bind:function(e,n,i){let r=`r${Xo()}`;e.setAttribute("ev-ripple",r),function(e,n){let i=e.getAttribute("ev-ripple"),r=gt(n,"value");if(r=ns(r),!r)return;let o=gt(n,"value.color");if(!Ne(o))return;o=ts(o);let s=gt(n,"value.timeDuration");Qe(s)||(s=1e3);function a(t){ds(t.currentTarget,t,{color:o,timeDuration:s})}s=tn(s),e.addEventListener("click",a,!1),t[i]=a}(e,n)},unbind:function(e){!function(e){let n=e.getAttribute("ev-ripple");if(t[n]){let i=t[n];e.removeEventListener("click",i,!1),delete t[n]}}(e),e.setAttribute("ev-ripple",null)}}}()},components:{WIcon:Ps},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 t=this.textFontSize;return t=es(t,";",""),`font-size:${t};`},hasIcon:function(){return""!==this.icon},usePadding:function(){let t=this;return`padding:${vs(t.paddingStyle,{ext:{left:t.shiftLeft,right:t.shiftRight}})};`},effBackgroundColor:function(){return ts(this.backgroundColor)},effBackgroundColorHover:function(){return ts(this.backgroundColorHover)},effBackgroundActive:function(){return ts(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return ts(this.backgroundColorDisabled)},useBackgroundColor:function(){let t=this;return t.editable?t.active?t.effBackgroundActive:t.mouseEnter?t.effBackgroundColorHover:t.effBackgroundColor:t.effBackgroundColorDisabled},effTextColor:function(){return ts(this.textColor)},effTextColorHover:function(){return ts(this.textColorHover)},effTextActive:function(){return ts(this.textColorActive)},effTextColorDisabled:function(){return ts(this.textColorDisabled)},useTextColor:function(){let t=this;return t.editable?t.active?t.effTextActive:t.mouseEnter?t.effTextColorHover:t.effTextColor:t.effTextColorDisabled},effIconColor:function(){return ts(this.iconColor)},effIconColorHover:function(){return ts(this.iconColorHover)},effIconActive:function(){return ts(this.iconColorActive)},effIconColorDisabled:function(){return ts(this.iconColorDisabled)},useIconColor:function(){let t=this;return t.editable?t.active?t.effIconActive:t.mouseEnter?t.effIconColorHover:t.effIconColor:t.effIconColorDisabled},effDisabledColor:function(){return ts(this.disabledColor)}},methods:{clickItem:function(){let t=this;t.editable&&t.$emit("click",{icon:t.icon,text:t.text})}}};const Os=Ls;var Is=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:t.rippleColor},expression:"{color:rippleColor}"}],style:"position:relative; transition:all 0.3s; border-top-left-radius:"+t.borderRadius+"px; border-top-right-radius:"+t.borderRadius+"px; "+t.usePadding+" background:"+t.useBackgroundColor+"; "+(t.editable&&t.cursorPointer?"cursor:pointer;":""),on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1},click:t.clickItem}},[n("div",{style:"transition:all 0.3s; color:"+t.useTextColor+"; "+t.useTextFontSize},[t._t("item",(function(){return[n("div",{staticStyle:{display:"flex","align-items":"center"}},[t._t("item-left",null,{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t._t("item-content",(function(){return[t.hasIcon?n("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:t.icon,color:t.useIconColor,colorHover:t.useIconColor,size:t.iconSize}}):t._e(),t._v(" "),n("div",[t._v("\n                        "+t._s(t.text)+"\n                    ")])]}),{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t._t("item-right",null,{isHover:t.mouseEnter,isActive:t.active})],2)]}),{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t.editable?t._e():n("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[n("div",{style:"overflow:hidden; width:100%; height:100%;"},[n("div",{style:"background:"+t.effDisabledColor+"; height:100%;"})])])],2)])};Is._withStripped=!0;const ks=ws({render:Is,staticRenderFns:[]},(function(t){t&&t("data-v-0fdd5376_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})}),Os,"data-v-0fdd5376",false,undefined,!1,Ts,void 0,void 0);var Us={directives:{domresize:$o()},components:{WListItem:ks},props:{items:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},space:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBorderRadius:{type:Number,default:0},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"white"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"orange darken-3"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"orange darken-3"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(245,124,0,0.4)"},borderBottom:{type:Boolean,default:!0},borderBottomSize:{type:Number,default:2},borderBottomColor:{type:String,default:"rgba(245,124,0,0.8)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0}},data:function(){return{borderBottomLeft:0,borderBottomWidth:0,itemActiveTrans:null}},watch:{itemActiveTrans:{handler(t,e){this.updateBorderBottom()},immediate:!0}},computed:{changeItemActive:function(){let t=this;return t.enableActive&&(t.itemActiveTrans=t.itemActive),""},isObjValue:function(){return 0!==gr(this.items)&&function(t,n,i){var r=e(t)?vr:_r;return i&&gn(t,n,i)&&(n=void 0),r(t,Zi(n))}(this.items,(t=>br(t)))},effBorderBottomColor:function(){return ts(this.borderBottomColor)}},methods:{resize:function(t){this.updateBorderBottom()},getIcon:function(t){let e=this;return e.isObjValue?gt(t,e.keyIcon,""):""},getText:function(t){let e=this;if(e.isObjValue){return gt(t,e.keyText,"")}return t},getActive:function(t){let e=this,n=!1;return e.enableActive&&(n=yr(t,e.itemActiveTrans)),n},getEditable:function(t){return gt(t,"editable",!0)},updateBorderBottom:function(){let t=this;if(null==t.itemActiveTrans)return;let e=0,n=[];De(gt(t,"$refs.wli",[]),((i,r)=>{let o=i,s=gt(o,"clientWidth",0),a=gt(o,"clientHeight",0),l=e,c=s,h=a;r>0&&t.space>0&&(l+=t.space,c-=t.space),n.push({left:l,bottom:0,width:c,heiht:h}),e+=s}));let i=-1;if(De(t.items,((e,n)=>{if(yr(e,t.itemActiveTrans))return i=n,!1})),-1===i)return;let r=n[i];t.borderBottomLeft=r.left,t.borderBottomWidth=r.width},ckItem:function(t,e){let n=this;if(!n.getEditable(t))return;n.itemActiveTrans=t;let i=null;i=n.isObjValue?{...t}:t,n.$emit("click",i,e),n.$emit("update:itemActive",i)}}};const Ds=Us;var Bs=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:t.changeItemActive},on:{domresize:t.resize}},[n("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[t.borderBottom?n("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+t.borderBottomLeft+"px; padding-left:"+t.borderBottomWidth+"px; border-bottom:"+t.borderBottomSize+"px solid "+t.effBorderBottomColor+";"}):t._e(),t._v(" "),t._l(t.items,(function(e,i){return n("div",{key:i},[n("div",{ref:"wli",refInFor:!0,style:t.space>0&&i>0?"padding-left:"+t.space+"px;":""},[n("WListItem",{attrs:{icon:t.getIcon(e),text:t.getText(e),textFontSize:t.itemTextFontSize,active:t.getActive(e),paddingStyle:t.paddingStyle,borderRadius:t.itemBorderRadius,backgroundColor:t.itemBackgroundColor,backgroundColorHover:t.itemBackgroundColorHover,backgroundColorActive:t.itemBackgroundColorActive,backgroundColorDisabled:t.itemBackgroundColorDisabled,textColor:t.itemTextColor,textColorHover:t.itemTextColorHover,textColorActive:t.itemTextColorActive,textColorDisabled:t.itemTextColorDisabled,iconSize:t.itemIconSize,iconColor:t.itemIconColor,iconColorHover:t.itemIconColorHover,iconColorActive:t.itemIconColorActive,iconColorDisabled:t.itemIconColorDisabled,rippleColor:t.getEditable(e)?t.itemRippleColor:null,editable:t.getEditable(e),disabledColor:t.itemDisabledColor,cursorPointer:t.itemCursorPointer},on:{click:function(n){return t.ckItem(e,i)}},scopedSlots:t._u([{key:"item",fn:function(n){return[t._t("item",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-left",fn:function(n){return[t._t("item-left",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-content",fn:function(n){return[t._t("item-content",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-right",fn:function(n){return[t._t("item-right",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}}],null,!0)})],1)])}))],2)])};Bs._withStripped=!0;const Ns=ws({render:Bs,staticRenderFns:[]},(function(t){t&&t("data-v-97b6e63c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WListHorizontal.vue"},media:void 0})}),Ds,"data-v-97b6e63c",false,undefined,!1,Ts,void 0,void 0);function Fs(t){return t!=t}function zs(t,e,n){return e==e?function(t,e,n){for(var i=n-1,r=t.length;++i<r;)if(t[i]===e)return i;return-1}(t,e,n):function(t,e,n,i){for(var r=t.length,o=n+(i?1:-1);i?o--:++o<r;)if(e(t[o],o,t))return o;return-1}(t,Fs,n)}function Hs(t,e,n){if((t=ut(t))&&(n||void 0===e))return He(t);if(!t||!(e=ht(e)))return t;var i=Ln(t),r=Ln(e),o=function(t,e){for(var n=-1,i=t.length;++n<i&&zs(e,t[n],0)>-1;);return n}(i,r),s=function(t,e){for(var n=t.length;n--&&zs(e,t[n],0)>-1;);return n}(i,r)+1;return pn(i,o,s).join("")}function Ws(t,e){var n=[];return ke(t,(function(t,i,r){e(t,i,r)&&n.push(t)})),n}function Vs(t){return ut(t).toUpperCase()}var Gs=Array.prototype.join;function js(t,e){return null==t?"":Gs.call(t,e)}function Xs(t){return function(t){let e=In(t,"&");e=Ji(e,(function(t){return Hs(t)}));let n=gr(e);n=Math.min(4,n);let i=[];for(let t=0;t<n;t++)i.push(e[t]);return js(i,"_")}(t)}function $s(t,e){if(!Ne(t))return[];if(!Ne(e))return[];let n=function(t,e){return Ne(t)&&Ne(e)?t.split(e):[]}(t,e);n=Ji(n,Hs);let i=[];return De(n,(function(t){Ne(t)&&i.push(t)})),i}function Ys(){let t,e,n=new Promise((function(){t=arguments[0],e=arguments[1]}));return n.resolve=t,n.reject=e,n}var qs=o?o.isConcatSpreadable:void 0;function Zs(t){return e(t)||oe(t)||!!(qs&&t&&t[qs])}function Ks(t,e,n,i,r){var o=-1,s=t.length;for(n||(n=Zs),r||(r=[]);++o<s;){var a=t[o];e>0&&n(a)?e>1?Ks(a,e-1,n,i,r):oi(r,a):i||(r[r.length]=a)}return r}function Js(t,e){if(t!==e){var n=void 0!==t,i=null===t,r=t==t,o=v(t),s=void 0!==e,a=null===e,l=e==e,c=v(e);if(!a&&!c&&!o&&t>e||o&&s&&l&&!a&&!c||i&&s&&l||!n&&l||!r)return 1;if(!i&&!o&&!c&&t<e||c&&n&&r&&!i&&!o||a&&n&&r||!s&&r||!l)return-1}return 0}function Qs(t,n,i){n=n.length?st(n,(function(t){return e(t)?function(e){return mt(e,1===t.length?t[0]:t)}:t})):[Ue];var r=-1;return n=st(n,ge(Zi)),function(t,e){var n=t.length;for(t.sort(e);n--;)t[n]=t[n].value;return t}(Ki(t,(function(t,e,i){return{criteria:st(n,(function(e){return e(t)})),index:++r,value:t}})),(function(t,e){return function(t,e,n){for(var i=-1,r=t.criteria,o=e.criteria,s=r.length,a=n.length;++i<s;){var l=Js(r[i],o[i]);if(l)return i>=a?l:l*("desc"==n[i]?-1:1)}return t.index-e.index}(t,e,i)}))}var ta=Math.max;var ea=Tr?function(t,e){return Tr(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:Ue,na=ea,ia=Date.now;var ra=function(t){var e=0,n=0;return function(){var i=ia(),r=16-(i-n);if(n=i,r>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}(na),oa=ra;function sa(t,e){return oa(function(t,e,n){return e=ta(void 0===e?t.length-1:e,0),function(){for(var i=arguments,r=-1,o=ta(i.length-e,0),s=Array(o);++r<o;)s[r]=i[e+r];r=-1;for(var a=Array(e+1);++r<e;)a[r]=i[r];return a[e]=n(s),function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}(t,this,a)}}(t,e,Ue),t+"")}var aa=sa((function(t,e){if(null==t)return[];var n=e.length;return n>1&&gn(t,e[0],e[1])?e=[]:n>2&&gn(e[0],e[1],e[2])&&(e=[e[0]]),Qs(t,Ks(e,1),[])}));function la(t){return ut(t).toLowerCase()}function ca(t,e){return Ne(t)&&ln(e)?0===(e=an(e))?t:cn(t,t.length-e):""}function ha(t){if(!Ne(t)&&!Qe(t)&&!v(t))return"";let e="";try{e=String(t)}catch(t){}try{e=t.toString()}catch(t){}return e}function ua(t,e){return!!br(t)&&(!(!Ne(e)&&!Qe(e))&&e in t)}function da(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Ne(t)&&ln(e)?(n=Do(n)?an(n):1,t.substring(e,e+n)):""}let pa={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 fa(t){return ga(t,1)}function ma(t){return ga(t,360)}function ga(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(t.indexOf("%")>=0){if(!Qe(t=es(t,"%","")))throw new Error("invalid color: value is not a number");t=tn(t)/100}else{if(!Qe(t))throw new Error("invalid color: value is not a number");t=tn(t)/e}if(t>1)throw new Error("invalid color: value > 1");if(t<0)throw new Error("invalid color: value < 0");return t}function va(t){if(!Qe(t))throw new Error("invalid color: value is not a number");if((t=tn(t))>1)throw new Error("invalid color: value > 1");if(t<0)throw new Error("invalid color: value < 0");return t}function _a(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba";if(!_s(t))throw new Error("invalid colors array");let n=gt(t,0,0),i=gt(t,1,0),r=gt(t,2,0),o=gt(t,3,1);if(e=e.split(""),4!==gr(e))throw new Error("tar.length !== 4");return{[gt(e,0)]:n,[gt(e,1)]:i,[gt(e,2)]:r,[gt(e,3)]:o}}function ya(t){let e=gr(t=ca(t,1));if(2===e)t=`${t}${t}${t}ff`;else if(3===e){let e=da(t,0,1),n=da(t,1,1),i=da(t,2,1);t=`${e}${e}${n}${n}${i}${i}ff`}else if(6===e)t=`${t}ff`;else if(8!==e)throw new Error("invalid hex color");function n(t){if(2!==gr(t))throw new Error("hex.length of color is not equal to 2");if(!Qe(t=parseInt(t,16)))throw new Error("invalid hex of color");return(t=tn(t))/255}return{r:n(da(t,0,2)),g:n(da(t,2,2)),b:n(da(t,4,2)),a:n(da(t,6,2))}}function ba(t){return t=_a(t=Ji(t,((t,e)=>e<=2?ga(t,255):3===e?va(t):null)),"rgba")}function xa(t){return t=Ra(t=_a(t=Ji(t,((t,e)=>0===e?ma(t):1===e||2===e?fa(t):3===e?va(t):null)),"hsla"))}function Sa(t){return t=Pa(t=_a(t=Ji(t,((t,e)=>0===e?ma(t):1===e||2===e?fa(t):3===e?va(t):null)),"hsva"))}function wa(t){if("transparent"===t)return{r:0,g:0,b:0,a:0};if(function(t){return ua(pa,t)}(t))return ya(t=`#${pa[t]}`);if(function(t){return"#"===hn(t,1)&&(!!/[0-9A-Fa-f]{2}/g.test(t)||(!!/[0-9A-Fa-f]{3}/g.test(t)||(!!/[0-9A-Fa-f]{6}/g.test(t)||!!/[0-9A-Fa-f]{8}/g.test(t))))}(t))return ya(t);if(function(t){return"rgb"===hn(t,3)||"rgba"===hn(t,4)}(t))return function(t){return t=es(t,"rgba",""),t=es(t,"rgb",""),ba($s(t=es(t=t.replace(/[()]/g,""),","," ")," "))}(t);if(function(t){return"hsl"===hn(t,3)||"hsla"===hn(t,4)}(t))return function(t){return t=es(t,"hsla",""),t=es(t,"hsl",""),xa($s(t=es(t=t.replace(/[()]/g,""),","," ")," "))}(t);if(function(t){return"hsv"===hn(t,3)||"hsva"===hn(t,4)}(t))return function(t){return t=es(t,"hsva",""),t=es(t,"hsv",""),Sa($s(t=es(t=t.replace(/[()]/g,""),","," ")," "))}(t);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function Ma(t,e){return!!ua(t,e=la(e))||!!ua(t,e=Vs(e))}function Ta(t,e,n){let i;return i=gt(t,e,null),null!==i?i:(i=gt(t,e=Vs(e),null),null!==i?i:n)}function Aa(t){if(function(t){let e=Ma(t,"r"),n=Ma(t,"g"),i=Ma(t,"b");return e&&n&&i}(t))return function(t){let e=[Ta(t,"r",null),Ta(t,"g",null),Ta(t,"b",null),Ta(t,"a",1)];return e=Ji(e,ha),ba(e)}(t);if(function(t){let e=Ma(t,"h"),n=Ma(t,"s"),i=Ma(t,"l");return e&&n&&i}(t))return function(t){let e=[Ta(t,"h",null),Ta(t,"s",null),Ta(t,"l",null),Ta(t,"a",1)];return e=Ji(e,ha),xa(e)}(t);if(function(t){let e=Ma(t,"h"),n=Ma(t,"s"),i=Ma(t,"v");return e&&n&&i}(t))return function(t){let e=[Ta(t,"h",null),Ta(t,"s",null),Ta(t,"v",null),Ta(t,"a",1)];return e=Ji(e,ha),Sa(e)}(t);throw new Error("color object is not one of rgba, hsla, hsva")}function Ea(t){let e,n,i=t.r,r=t.g,o=t.b,s=Math.max(i,r,o),a=Math.min(i,r,o),l=(s+a)/2;if(s===a)e=n=0;else{let t=s-a;switch(n=l>.5?t/(2-s-a):t/(s+a),s){case i:e=(r-o)/t+(r<o?6:0);break;case r:e=(o-i)/t+2;break;case o:e=(i-r)/t+4}e/=6}return{h:e,s:n,l:l,a:t.a}}function Ca(t){let e,n,i=t.r,r=t.g,o=t.b,s=Math.max(i,r,o),a=Math.min(i,r,o),l=s,c=s-a;if(n=0===s?0:c/s,s===a)e=0;else{switch(s){case i:e=(r-o)/c+(r<o?6:0);break;case r:e=(o-i)/c+2;break;case o:e=(i-r)/c+4}e/=6}return{h:e,s:n,v:l,a:t.a}}function Ra(t){let e,n,i,r=t.h,o=t.s,s=t.l;function a(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}if(0===o)e=n=i=s;else{let t=s<.5?s*(1+o):s+o-s*o,l=2*s-t;e=a(l,t,r+1/3),n=a(l,t,r),i=a(l,t,r-1/3)}return{r:e,g:n,b:i,a:t.a}}function Pa(t){let e,n,i,r=t.h,o=t.s,s=t.v,a=Math.floor(6*r),l=6*r-a,c=s*(1-o),h=s*(1-l*o),u=s*(1-(1-l)*o);switch(a%6){case 0:e=s,n=u,i=c;break;case 1:e=h,n=s,i=c;break;case 2:e=c,n=s,i=u;break;case 3:e=c,n=h,i=s;break;case 4:e=u,n=c,i=s;break;case 5:e=s,n=c,i=h}return{r:e,g:n,b:i,a:t.a}}function La(t){let e=Math.round(255*t).toString(16);if(1===gr(e))return`0${e}`;if(2===gr(e))return e;throw new Error("invalid value")}function Oa(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=t.r,i=t.g,r=t.b,o=t.a,s=`${La(n)}${La(i)}${La(r)}`;return e&&(s=`${s}${La(o)}`),s}function Ia(t){return Math.min(1,Math.max(0,t))}function ka(t,e){if(!Ne(e))throw new Error("fmtOutput is not a string");if(!fl[e])throw console.log(`fmtOutput must be [${Oe(fl)}]`),new Error("invalid fmtOutput");return t=fl[e](t)}function Ua(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=Ea(t);return i.h+=e,i.h=i.h%1,ka(Ra(i),n)}function Da(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"toRgbString";if(e<0||e>1)throw new Error("w1 < 0 or > 1");if(i<0||i>1)throw new Error("w1 < 0 or > 1");return ka({r:t.r*e+n.r*i,g:t.g*e+n.g*i,b:t.b*e+n.b*i,a:t.a*e+n.a*i},r)}function Ba(t){return`${sn(100*t,1)}%`}function Na(t){return sn(t,0)}function Fa(t){return sn(t,3)}function za(t){return{r:Na(255*t.r),g:Na(255*t.g),b:Na(255*t.b)}}function Ha(t){return`rgb(${Na(255*t.r)}, ${Na(255*t.g)}, ${Na(255*t.b)})`}function Wa(t){return{r:Na(255*t.r),g:Na(255*t.g),b:Na(255*t.b),a:Fa(t.a)}}function Va(t){return`rgba(${Na(255*t.r)}, ${Na(255*t.g)}, ${Na(255*t.b)}, ${Fa(t.a)})`}function Ga(t){let e=Ea(t);return{h:Na(360*e.h),s:Fa(e.s),l:Fa(e.l)}}function ja(t){let e=Ea(t);return`hsl(${Na(360*e.h)}, ${Fa(e.s)}, ${Fa(e.l)})`}function Xa(t){let e=Ea(t);return{h:Na(360*e.h),s:Fa(e.s),l:Fa(e.l),a:Fa(e.a)}}function $a(t){let e=Ea(t);return`hsla(${Na(360*e.h)}, ${Fa(e.s)}, ${Fa(e.l)}, ${Fa(e.a)})`}function Ya(t){let e=Ca(t);return{h:Na(360*e.h),s:Fa(e.s),v:Fa(e.v)}}function qa(t){let e=Ca(t);return`hsv(${Na(360*e.h)}, ${Fa(e.s)}, ${Fa(e.v)})`}function Za(t){let e=Ca(t);return{h:Na(360*e.h),s:Fa(e.s),v:Fa(e.v),a:Fa(e.a)}}function Ka(t){let e=Ca(t);return`hsva(${Na(360*e.h)}, ${Fa(e.s)}, ${Fa(e.v)}, ${Fa(e.a)})`}function Ja(t){return{r:Ba(t.r),g:Ba(t.g),b:Ba(t.b)}}function Qa(t){return`rgb(${Ba(t.r)}, ${Ba(t.g)}, ${Ba(t.b)})`}function tl(t){return{r:Ba(t.r),g:Ba(t.g),b:Ba(t.b),a:Fa(t.a)}}function el(t){return`rgba(${Ba(t.r)}, ${Ba(t.g)}, ${Ba(t.b)}, ${Fa(t.a)})`}function nl(t){let e=Ea(t);return{h:Na(360*e.h),s:Ba(e.s),l:Ba(e.l)}}function il(t){let e=Ea(t);return`hsl(${Na(360*e.h)}, ${Ba(e.s)}, ${Ba(e.l)})`}function rl(t){let e=Ea(t);return{h:Na(360*e.h),s:Ba(e.s),l:Ba(e.l),a:Fa(e.a)}}function ol(t){let e=Ea(t);return`hsla(${Na(360*e.h)}, ${Ba(e.s)}, ${Ba(e.l)}, ${Fa(e.a)})`}function sl(t){let e=Ca(t);return{h:Na(360*e.h),s:Ba(e.s),v:Ba(e.v)}}function al(t){let e=Ca(t);return`hsv(${Na(360*e.h)}, ${Ba(e.s)}, ${Ba(e.v)})`}function ll(t){let e=Ca(t);return{h:Na(360*e.h),s:Ba(e.s),v:Ba(e.v),a:Fa(e.a)}}function cl(t){let e=Ca(t);return`hsva(${Na(360*e.h)}, ${Ba(e.s)}, ${Ba(e.v)}, ${Fa(e.a)})`}function hl(t){let e=function(t){return Oa(t,!1)}(t);return`#${e}`}function ul(t){return`#${Oa(t)}`}function dl(t){let e=null,n=null,i=null;if(Ne(t))e=la(Hs(t));else{if(!ns(t))throw console.log("color=",t),new Error("color is not a string or an object");n=t}if(null!==e)try{i=wa(e)}catch(t){throw console.log(t),new Error(`can not parse color: ${e}`)}else if(null!==n)try{i=Aa(n)}catch(t){throw console.log(t),new Error(`can not parse color: ${JSON.stringify(n)}`)}return i}function pl(t){if(!ns(t))return console.log("gradient is not an effective object"),t=>`rgb(${255*(t=Math.min(Math.max(t,0),1))},${255*t},${255*t})`;let e=[];return De(t,((t,n)=>{e.push([tn(n),Wa(dl(t)),t])})),e=aa(e,0),function(t){let n=null;for(let i=1;i<e.length;i++){let r=e[i-1][0],o=e[i-1][1],s=e[i][0],a=e[i][1];if(r<=t&&s>=t){let e=(s-t)/(s-r),i=(t-r)/(s-r);n=Da(dl(o),e,dl(a),i,"toRgbaString");break}}return n}}let fl={toRgb:za,toRgbString:Ha,toRgba:Wa,toRgbaString:Va,toHsl:Ga,toHslString:ja,toHsla:Xa,toHslaString:$a,toHsv:Ya,toHsvString:qa,toHsva:Za,toHsvaString:Ka,toRgbP:Ja,toRgbPString:Qa,toRgbaP:tl,toRgbaPString:el,toHslP:nl,toHslPString:il,toHslaP:rl,toHslaPString:ol,toHsvP:sl,toHsvPString:al,toHsvaP:ll,toHsvaPString:cl,toHexString:hl,toHex8String:ul};var ml=function(){let t={toRgb:t=>za(dl(t)),toRgbString:t=>Ha(dl(t)),toRgba:t=>Wa(dl(t)),toRgbaString:t=>Va(dl(t)),toHsl:t=>Ga(dl(t)),toHslString:t=>ja(dl(t)),toHsla:t=>Xa(dl(t)),toHslaString:t=>$a(dl(t)),toHsv:t=>Ya(dl(t)),toHsvString:t=>qa(dl(t)),toHsva:t=>Za(dl(t)),toHsvaString:t=>Ka(dl(t)),toRgbP:t=>Ja(dl(t)),toRgbPString:t=>Qa(dl(t)),toRgbaP:t=>tl(dl(t)),toRgbaPString:t=>el(dl(t)),toHslP:t=>nl(dl(t)),toHslPString:t=>il(dl(t)),toHslaP:t=>rl(dl(t)),toHslaPString:t=>ol(dl(t)),toHsvP:t=>sl(dl(t)),toHsvPString:t=>al(dl(t)),toHsvaP:t=>ll(dl(t)),toHsvaPString:t=>cl(dl(t)),toHexString:t=>hl(dl(t)),toHex8String:t=>ul(dl(t)),modSaturate:(t,e,n)=>function(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=Ea(t);return i.s+=e,i.s=Ia(i.s),ka(Ra(i),n)}(dl(t),e,n),modGrey:(t,e)=>function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString",n=Ea(t);return n.s=0,ka(Ra(n),e)}(dl(t),e),modLighten:(t,e,n)=>function(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=Ea(t);return i.l+=e,i.l=Ia(i.l),ka(Ra(i),n)}(dl(t),e,n),modBrighten:(t,e,n)=>function(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");return t.r+=e,t.r=Ia(t.r),t.g+=e,t.g=Ia(t.g),t.b+=e,t.b=Ia(t.b),ka(t,n)}(dl(t),e,n),modHue:(t,e,n)=>Ua(dl(t),e,n),modComplement:(t,e)=>function(t){return Ua(t,.5,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString")}(dl(t),e),spreadHue:(t,e,n)=>function(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!en(e))throw new Error("num is not an integer");if((e=an(e))<=1)return[t];let i=Ea(t),r=1/e,o=[];for(let t=0;t<e;t++)o.push(ka(Ra(i),n)),i.h+=r,i.h=i.h%1;return o}(dl(t),e,n),spreadMonochromatic:(t,e,n)=>function(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!en(e))throw new Error("num is not an integer");if((e=an(e))<=1)return[t];let i=Ca(t);i.s=1,i.l=1;let r=1/e,o=[];for(let t=0;t<e;t++)o.push(ka(Pa(i),n)),i.h-=r,i.l-=r;return o}(dl(t),e,n),mix:(t,e,n,i,r)=>Da(dl(t),e,dl(n),i,r),getBrightness:t=>function(t){if(1!==t.a)throw new Error("alpha of color can not be equal to 1");return(299*t.r+587*t.g+114*t.b)/1e3}(dl(t)),getLuminance:t=>function(t){if(1!==t.a)throw new Error("alpha of color can not be equal to 1");let e,n,i,r=t.r,o=t.g,s=t.b;return e=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4),n=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4),i=s<=.03928?s/12.92:Math.pow((s+.055)/1.055,2.4),.2126*e+.7152*n+.0722*i}(dl(t)),interp:pl};return t}();const gl={components:{},props:{name:{type:String,default:"cir-wave"},color:{type:String,default:"grey"},size:{type:Number,default:48}},data:function(){return{}},computed:{effColor:function(){return ts(this.color)}},methods:{}};var vl=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+t.size+"px; width:"+t.size+"px;"},["cir-wave"===t.name?[n("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:t.size,height:t.size}},[n("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[n("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"}}),t._v(" "),n("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"}})]),t._v(" "),n("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[n("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),t._v(" "),n("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"===t.name?[n("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:"+t.size+"px; width:"+t.size+"px;"},[n("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"}},[n("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:t.effColor}})])])]:t._e()],2)};vl._withStripped=!0;const _l=ws({render:vl,staticRenderFns:[]},(function(t){t&&t("data-v-7e2dc0a9_0",{source:"\n.pgc-rotate[data-v-7e2dc0a9] {\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-7e2dc0a9 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-7e2dc0a9] {\r\n    animation: progress-circular-dash-data-v-7e2dc0a9 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-7e2dc0a9 {\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-7e2dc0a9 {\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-7e2dc0a9 {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-7e2dc0a9 {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-106-3-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AA8FA;IACA,WAAA;IACA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,MAAA;IACA,SAAA;IACA,OAAA;IACA,QAAA;IACA,UAAA;IACA,+BAAA;IACA,wEAAA;IACA,+BAAA;AACA;AAEA;IACA,2EAAA;IACA,qBAAA;IACA,wBAAA;IACA,sBAAA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA",file:"WIconLoading.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`">\r\n\r\n        <template v-if="name===\'cir-wave\'">\r\n\r\n            <svg\r\n                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"\r\n                :width="size"\r\n                :height="size"\r\n            >\r\n                <circle cx="50" cy="50" r="14.6699" fill="none" stroke="#420457" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                </circle>\r\n                <circle cx="50" cy="50" r="33.9915" fill="none" stroke="#5a3faa" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate>\r\n                </circle>\r\n            </svg>\r\n\r\n        </template>\r\n\r\n        <template v-else-if="name===\'cir-rotate\'">\r\n\r\n            <div :style="`position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:${size}px; width:${size}px;`">\r\n                <svg\r\n                    class="pgc-rotate"\r\n                    style="transform: rotate(0deg);"\r\n                    xmlns="http://www.w3.org/2000/svg"\r\n                    viewBox="21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"\r\n                >\r\n                        <circle\r\n                            class="pgc-dash"\r\n                            fill="transparent"\r\n                            cx="43.80952380952381"\r\n                            cy="43.80952380952381"\r\n                            r="20"\r\n                            stroke-width="4"\r\n                            stroke-dasharray="100"\r\n                            stroke-dashoffset="50px"\r\n                            :stroke="effColor"\r\n                        ></circle>\r\n                    </svg>\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport 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 */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return 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})}),gl,"data-v-7e2dc0a9",false,undefined,!1,Ts,void 0,void 0);function yl(t,e,n,i){for(var r=n-1,o=t.length;++r<o;)if(i(t[r],e))return r;return-1}var bl=Array.prototype.splice;var xl=sa((function(t,e){return t&&t.length&&e&&e.length?function(t,e,n,i){var r=i?yl:zs,o=-1,s=e.length,a=t;for(t===e&&(e=Nr(e)),n&&(a=st(t,ge(n)));++o<s;)for(var l=0,c=e[o],h=n?n(c):c;(l=r(a,h,l,i))>-1;)a!==t&&bl.call(a,l,1),bl.call(t,l,1);return t}(t,e):t})),Sl=xl;function wl(t,e,n){if(!gs(t))return void console.log("clientX is not a number",t);if(!gs(e))return void console.log("clientY is not a number",e);if(!hs(n))return void console.log("ele is not a HTMLElement",n);let i;try{i=n.getBoundingClientRect()}catch(t){return void console.log("invalid ele for getBoundingClientRect",t)}let r=!1;try{r=t>=i.left&&t<=i.right&&e>=i.top&&e<=i.bottom}catch(t){console.log("catch when calculating page information of element",t)}return r}function Ml(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Tl(t){return t instanceof Ml(t).Element||t instanceof Element}function Al(t){return t instanceof Ml(t).HTMLElement||t instanceof HTMLElement}function El(t){return"undefined"!=typeof ShadowRoot&&(t instanceof Ml(t).ShadowRoot||t instanceof ShadowRoot)}var Cl=Math.max,Rl=Math.min,Pl=Math.round;function Ll(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function Ol(){return!/^((?!chrome|android).)*safari/i.test(Ll())}function Il(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&Al(t)&&(r=t.offsetWidth>0&&Pl(i.width)/t.offsetWidth||1,o=t.offsetHeight>0&&Pl(i.height)/t.offsetHeight||1);var s=(Tl(t)?Ml(t):window).visualViewport,a=!Ol()&&n,l=(i.left+(a&&s?s.offsetLeft:0))/r,c=(i.top+(a&&s?s.offsetTop:0))/o,h=i.width/r,u=i.height/o;return{width:h,height:u,top:c,right:l+h,bottom:c+u,left:l,x:l,y:c}}function kl(t){var e=Ml(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Ul(t){return t?(t.nodeName||"").toLowerCase():null}function Dl(t){return((Tl(t)?t.ownerDocument:t.document)||window.document).documentElement}function Bl(t){return Il(Dl(t)).left+kl(t).scrollLeft}function Nl(t){return Ml(t).getComputedStyle(t)}function Fl(t){var e=Nl(t),n=e.overflow,i=e.overflowX,r=e.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+i)}function zl(t,e,n){void 0===n&&(n=!1);var i,r,o=Al(e),s=Al(e)&&function(t){var e=t.getBoundingClientRect(),n=Pl(e.width)/t.offsetWidth||1,i=Pl(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=Dl(e),l=Il(t,s,n),c={scrollLeft:0,scrollTop:0},h={x:0,y:0};return(o||!o&&!n)&&(("body"!==Ul(e)||Fl(a))&&(c=(i=e)!==Ml(i)&&Al(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:kl(i)),Al(e)?((h=Il(e,!0)).x+=e.clientLeft,h.y+=e.clientTop):a&&(h.x=Bl(a))),{x:l.left+c.scrollLeft-h.x,y:l.top+c.scrollTop-h.y,width:l.width,height:l.height}}function Hl(t){var e=Il(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function Wl(t){return"html"===Ul(t)?t:t.assignedSlot||t.parentNode||(El(t)?t.host:null)||Dl(t)}function Vl(t){return["html","body","#document"].indexOf(Ul(t))>=0?t.ownerDocument.body:Al(t)&&Fl(t)?t:Vl(Wl(t))}function Gl(t,e){var n;void 0===e&&(e=[]);var i=Vl(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=Ml(i),s=r?[o].concat(o.visualViewport||[],Fl(i)?i:[]):i,a=e.concat(s);return r?a:a.concat(Gl(Wl(s)))}function jl(t){return["table","td","th"].indexOf(Ul(t))>=0}function Xl(t){return Al(t)&&"fixed"!==Nl(t).position?t.offsetParent:null}function $l(t){for(var e=Ml(t),n=Xl(t);n&&jl(n)&&"static"===Nl(n).position;)n=Xl(n);return n&&("html"===Ul(n)||"body"===Ul(n)&&"static"===Nl(n).position)?e:n||function(t){var e=/firefox/i.test(Ll());if(/Trident/i.test(Ll())&&Al(t)&&"fixed"===Nl(t).position)return null;var n=Wl(t);for(El(n)&&(n=n.host);Al(n)&&["html","body"].indexOf(Ul(n))<0;){var i=Nl(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}var Yl="top",ql="bottom",Zl="right",Kl="left",Jl="auto",Ql=[Yl,ql,Zl,Kl],tc="start",ec="end",nc="clippingParents",ic="viewport",rc="popper",oc="reference",sc=Ql.reduce((function(t,e){return t.concat([e+"-"+tc,e+"-"+ec])}),[]),ac=[].concat(Ql,[Jl]).reduce((function(t,e){return t.concat([e,e+"-"+tc,e+"-"+ec])}),[]),lc=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function cc(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),i}function hc(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function uc(t,e,n){return e===ic?hc(function(t,e){var n=Ml(t),i=Dl(t),r=n.visualViewport,o=i.clientWidth,s=i.clientHeight,a=0,l=0;if(r){o=r.width,s=r.height;var c=Ol();(c||!c&&"fixed"===e)&&(a=r.offsetLeft,l=r.offsetTop)}return{width:o,height:s,x:a+Bl(t),y:l}}(t,n)):Tl(e)?function(t,e){var n=Il(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):hc(function(t){var e,n=Dl(t),i=kl(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=Cl(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),s=Cl(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-i.scrollLeft+Bl(t),l=-i.scrollTop;return"rtl"===Nl(r||n).direction&&(a+=Cl(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:s,x:a,y:l}}(Dl(t)))}function dc(t){var e=Gl(Wl(t)),n=["absolute","fixed"].indexOf(Nl(t).position)>=0&&Al(t)?$l(t):t;return Tl(n)?e.filter((function(t){return Tl(t)&&function(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&El(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}(t,n)&&"body"!==Ul(t)})):[]}function pc(t){return t.split("-")[0]}function fc(t){return t.split("-")[1]}function mc(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function gc(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?pc(r):null,s=r?fc(r):null,a=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2;switch(o){case Yl:e={x:a,y:n.y-i.height};break;case ql:e={x:a,y:n.y+n.height};break;case Zl:e={x:n.x+n.width,y:l};break;case Kl:e={x:n.x-i.width,y:l};break;default:e={x:n.x,y:n.y}}var c=o?mc(o):null;if(null!=c){var h="y"===c?"height":"width";switch(s){case tc:e[c]=e[c]-(n[h]/2-i[h]/2);break;case ec:e[c]=e[c]+(n[h]/2-i[h]/2)}}return e}function vc(t,e){void 0===e&&(e={});var n=e,i=n.placement,r=void 0===i?t.placement:i,o=n.strategy,s=void 0===o?t.strategy:o,a=n.boundary,l=void 0===a?nc:a,c=n.rootBoundary,h=void 0===c?ic:c,u=n.elementContext,d=void 0===u?rc:u,p=n.altBoundary,f=void 0!==p&&p,m=n.padding,g=void 0===m?0:m,v=function(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}("number"!=typeof g?g:function(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}(g,Ql)),_=d===rc?oc:rc,y=t.rects.popper,b=t.elements[f?_:d],x=function(t,e,n,i){var r="clippingParents"===e?dc(t):[].concat(e),o=[].concat(r,[n]),s=o[0],a=o.reduce((function(e,n){var r=uc(t,n,i);return e.top=Cl(r.top,e.top),e.right=Rl(r.right,e.right),e.bottom=Rl(r.bottom,e.bottom),e.left=Cl(r.left,e.left),e}),uc(t,s,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(Tl(b)?b:b.contextElement||Dl(t.elements.popper),l,h,s),S=Il(t.elements.reference),w=gc({reference:S,element:y,strategy:"absolute",placement:r}),M=hc(Object.assign({},y,w)),T=d===rc?M:S,A={top:x.top-T.top+v.top,bottom:T.bottom-x.bottom+v.bottom,left:x.left-T.left+v.left,right:T.right-x.right+v.right},E=t.modifiersData.offset;if(d===rc&&E){var C=E[r];Object.keys(A).forEach((function(t){var e=[Zl,ql].indexOf(t)>=0?1:-1,n=[Yl,ql].indexOf(t)>=0?"y":"x";A[t]+=C[n]*e}))}return A}var _c={placement:"bottom",modifiers:[],strategy:"absolute"};function yc(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function bc(t){void 0===t&&(t={});var e=t,n=e.defaultModifiers,i=void 0===n?[]:n,r=e.defaultOptions,o=void 0===r?_c:r;return function(t,e,n){void 0===n&&(n=o);var r,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},_c,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,h={state:a,setOptions:function(n){var r="function"==typeof n?n(a.options):n;u(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:Tl(t)?Gl(t):t.contextElement?Gl(t.contextElement):[],popper:Gl(e)};var s,c,d=function(t){var e=cc(t);return lc.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((s=[].concat(i,a.options.modifiers),c=s.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return a.orderedModifiers=d.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.name,n=t.options,i=void 0===n?{}:n,r=t.effect;if("function"==typeof r){var o=r({state:a,name:e,instance:h,options:i}),s=function(){};l.push(o||s)}})),h.update()},forceUpdate:function(){if(!c){var t=a.elements,e=t.reference,n=t.popper;if(yc(e,n)){a.rects={reference:zl(e,$l(n),"fixed"===a.options.strategy),popper:Hl(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var r=a.orderedModifiers[i],o=r.fn,s=r.options,l=void 0===s?{}:s,u=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:u,instance:h})||a)}else a.reset=!1,i=-1}}},update:(r=function(){return new Promise((function(t){h.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(r())}))}))),s}),destroy:function(){u(),c=!0}};if(!yc(t,e))return h;function u(){l.forEach((function(t){return t()})),l=[]}return h.setOptions(n).then((function(t){!c&&n.onFirstUpdate&&n.onFirstUpdate(t)})),h}}var xc={passive:!0};var Sc={top:"auto",right:"auto",bottom:"auto",left:"auto"};function wc(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,s=t.offsets,a=t.position,l=t.gpuAcceleration,c=t.adaptive,h=t.roundOffsets,u=t.isFixed,d=s.x,p=void 0===d?0:d,f=s.y,m=void 0===f?0:f,g="function"==typeof h?h({x:p,y:m}):{x:p,y:m};p=g.x,m=g.y;var v=s.hasOwnProperty("x"),_=s.hasOwnProperty("y"),y=Kl,b=Yl,x=window;if(c){var S=$l(n),w="clientHeight",M="clientWidth";if(S===Ml(n)&&"static"!==Nl(S=Dl(n)).position&&"absolute"===a&&(w="scrollHeight",M="scrollWidth"),r===Yl||(r===Kl||r===Zl)&&o===ec)b=ql,m-=(u&&S===x&&x.visualViewport?x.visualViewport.height:S[w])-i.height,m*=l?1:-1;if(r===Kl||(r===Yl||r===ql)&&o===ec)y=Zl,p-=(u&&S===x&&x.visualViewport?x.visualViewport.width:S[M])-i.width,p*=l?1:-1}var T,A=Object.assign({position:a},c&&Sc),E=!0===h?function(t,e){var n=t.x,i=t.y,r=e.devicePixelRatio||1;return{x:Pl(n*r)/r||0,y:Pl(i*r)/r||0}}({x:p,y:m},Ml(n)):{x:p,y:m};return p=E.x,m=E.y,l?Object.assign({},A,((T={})[b]=_?"0":"",T[y]=v?"0":"",T.transform=(x.devicePixelRatio||1)<=1?"translate("+p+"px, "+m+"px)":"translate3d("+p+"px, "+m+"px, 0)",T)):Object.assign({},A,((e={})[b]=_?m+"px":"",e[y]=v?p+"px":"",e.transform="",e))}var Mc={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i||i,o=n.adaptive,s=void 0===o||o,a=n.roundOffsets,l=void 0===a||a,c={placement:pc(e.placement),variation:fc(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,wc(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,wc(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}};var Tc={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},r=e.elements[t];Al(r)&&Ul(r)&&(Object.assign(r.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});Al(i)&&Ul(i)&&(Object.assign(i.style,o),Object.keys(r).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},Ac=bc({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r||r,s=i.resize,a=void 0===s||s,l=Ml(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",n.update,xc)})),a&&l.addEventListener("resize",n.update,xc),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",n.update,xc)})),a&&l.removeEventListener("resize",n.update,xc)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,n=t.name;e.modifiersData[n]=gc({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},Mc,Tc]}),Ec={left:"right",right:"left",bottom:"top",top:"bottom"};function Cc(t){return t.replace(/left|right|bottom|top/g,(function(t){return Ec[t]}))}var Rc={start:"end",end:"start"};function Pc(t){return t.replace(/start|end/g,(function(t){return Rc[t]}))}function Lc(t,e){void 0===e&&(e={});var n=e,i=n.placement,r=n.boundary,o=n.rootBoundary,s=n.padding,a=n.flipVariations,l=n.allowedAutoPlacements,c=void 0===l?ac:l,h=fc(i),u=h?a?sc:sc.filter((function(t){return fc(t)===h})):Ql,d=u.filter((function(t){return c.indexOf(t)>=0}));0===d.length&&(d=u);var p=d.reduce((function(e,n){return e[n]=vc(t,{placement:n,boundary:r,rootBoundary:o,padding:s})[pc(n)],e}),{});return Object.keys(p).sort((function(t,e){return p[t]-p[e]}))}var Oc={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r||r,s=n.altAxis,a=void 0===s||s,l=n.fallbackPlacements,c=n.padding,h=n.boundary,u=n.rootBoundary,d=n.altBoundary,p=n.flipVariations,f=void 0===p||p,m=n.allowedAutoPlacements,g=e.options.placement,v=pc(g),_=l||(v===g||!f?[Cc(g)]:function(t){if(pc(t)===Jl)return[];var e=Cc(t);return[Pc(t),e,Pc(e)]}(g)),y=[g].concat(_).reduce((function(t,n){return t.concat(pc(n)===Jl?Lc(e,{placement:n,boundary:h,rootBoundary:u,padding:c,flipVariations:f,allowedAutoPlacements:m}):n)}),[]),b=e.rects.reference,x=e.rects.popper,S=new Map,w=!0,M=y[0],T=0;T<y.length;T++){var A=y[T],E=pc(A),C=fc(A)===tc,R=[Yl,ql].indexOf(E)>=0,P=R?"width":"height",L=vc(e,{placement:A,boundary:h,rootBoundary:u,altBoundary:d,padding:c}),O=R?C?Zl:Kl:C?ql:Yl;b[P]>x[P]&&(O=Cc(O));var I=Cc(O),k=[];if(o&&k.push(L[E]<=0),a&&k.push(L[O]<=0,L[I]<=0),k.every((function(t){return t}))){M=A,w=!1;break}S.set(A,k)}if(w)for(var U=function(t){var e=y.find((function(e){var n=S.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return M=e,"break"},D=f?3:1;D>0;D--){if("break"===U(D))break}e.placement!==M&&(e.modifiersData[i]._skip=!0,e.placement=M,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Ic={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.offset,o=void 0===r?[0,0]:r,s=ac.reduce((function(t,n){return t[n]=function(t,e,n){var i=pc(t),r=[Kl,Yl].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=o[0],a=o[1];return s=s||0,a=(a||0)*r,[Kl,Zl].indexOf(i)>=0?{x:a,y:s}:{x:s,y:a}}(n,e.rects,o),t}),{}),a=s[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[i]=s}};function kc(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function Uc(t){return[Yl,Zl,ql,Kl].some((function(e){return t[e]>=0}))}var Dc={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,s=vc(e,{elementContext:"reference"}),a=vc(e,{altBoundary:!0}),l=kc(s,i),c=kc(a,r,o),h=Uc(l),u=Uc(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:h,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":u})}};function Bc(t,e,n){return Cl(t,Rl(e,n))}var Nc={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r||r,s=n.altAxis,a=void 0!==s&&s,l=n.boundary,c=n.rootBoundary,h=n.altBoundary,u=n.padding,d=n.tether,p=void 0===d||d,f=n.tetherOffset,m=void 0===f?0:f,g=vc(e,{boundary:l,rootBoundary:c,padding:u,altBoundary:h}),v=pc(e.placement),_=fc(e.placement),y=!_,b=mc(v),x="x"===b?"y":"x",S=e.modifiersData.popperOffsets,w=e.rects.reference,M=e.rects.popper,T="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,A="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),E=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,C={x:0,y:0};if(S){if(o){var R,P="y"===b?Yl:Kl,L="y"===b?ql:Zl,O="y"===b?"height":"width",I=S[b],k=I+g[P],U=I-g[L],D=p?-M[O]/2:0,B=_===tc?w[O]:M[O],N=_===tc?-M[O]:-w[O],F=e.elements.arrow,z=p&&F?Hl(F):{width:0,height:0},H=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},W=H[P],V=H[L],G=Bc(0,w[O],z[O]),j=y?w[O]/2-D-G-W-A.mainAxis:B-G-W-A.mainAxis,X=y?-w[O]/2+D+G+V+A.mainAxis:N+G+V+A.mainAxis,$=e.elements.arrow&&$l(e.elements.arrow),Y=$?"y"===b?$.clientTop||0:$.clientLeft||0:0,q=null!=(R=null==E?void 0:E[b])?R:0,Z=I+X-q,K=Bc(p?Rl(k,I+j-q-Y):k,I,p?Cl(U,Z):U);S[b]=K,C[b]=K-I}if(a){var J,Q="x"===b?Yl:Kl,tt="x"===b?ql:Zl,et=S[x],nt="y"===x?"height":"width",it=et+g[Q],rt=et-g[tt],ot=-1!==[Yl,Kl].indexOf(v),st=null!=(J=null==E?void 0:E[x])?J:0,at=ot?it:et-w[nt]-M[nt]-st+A.altAxis,lt=ot?et+w[nt]+M[nt]-st-A.altAxis:rt,ct=p&&ot?function(t,e,n){var i=Bc(t,e,n);return i>n?n:i}(at,et,lt):Bc(p?at:it,et,p?lt:rt);S[x]=ct,C[x]=ct-et}e.modifiersData[i]=C}},requiresIfExists:["offset"]};let Fc={tooltip:[],popup:[]};const zc={directives:{domresize:$o()},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"},placementDist:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},paddingStyle:{type:Object,default:()=>({v:2,h:10})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:Xo(),valueTrans:!1,triggerWidth:null,cursorTriggerInner:!1,clickContentInner:!1,windowMousedown:null,windowMouseup:null,windowScroll:null,popperInstance:null,popperShow:!1,contentStyle:"",mouseClientX:0,mouseClientY:0}},mounted:function(){let t=this;t.windowMousemove=e=>{t.mouseClientX=e.clientX,t.mouseClientY=e.clientY},window.addEventListener("mousemove",t.windowMousemove,!1),t.windowMousedown=e=>{let n=gt(t,"$refs.divTrigger",null);t.cursorTriggerInner=!!n&&wl(e.clientX,e.clientY,n);let i=gt(t,"$refs.divContent",null);t.valueTrans&&i?t.clickContentInner=wl(e.clientX,e.clientY,i):t.clickContentInner=!1},window.addEventListener("mousedown",t.windowMousedown,!1),t.windowMouseup=e=>{t.checkTriggerEff(t.mmkey)&&(!t.valueTrans||t.cursorTriggerInner||t.clickContentInner?(t.cursorTriggerInner=!1,t.clickContentInner=!1):t.evHide("click","windowMouseup"))},window.addEventListener("mouseup",t.windowMouseup,!1),t.windowScroll=e=>{if("hover"!==t.kind)return;let n=gt(t,"$refs.divTrigger",null);n&&(t.cursorTriggerInner=!!n&&wl(t.mouseClientX,t.mouseClientY,n),t.cursorTriggerInner?t.valueTrans||t.evShow("hover","windowScroll"):t.valueTrans&&t.evHide("hover","windowScroll"))},window.addEventListener("scroll",t.windowScroll,!1)},beforeDestroy:function(){let t=this;window.removeEventListener("mousemove",t.windowMousemove,!1),window.removeEventListener("mousedown",t.windowMousedown,!1),window.removeEventListener("mouseup",t.windowMouseup,!1),window.removeEventListener("scroll",t.windowMouseup,!1),t.triggerEvent(!1),clearInterval(t.trt)},computed:{changeValue:function(){let t=this,e=t.value;return t.isolated||t.updateValue(e,"changeValue"),""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let t=this;return gs(t.minWidth)?`min-width:${t.minWidth}px;`:t.autoFitMinWidth?`min-width:${t.triggerWidth}px;`:""},useMaxWidth:function(){let t=this;return gs(t.maxWidth)?`max-width:${t.maxWidth}px;`:t.autoFitMaxWidth?`max-width:${t.triggerWidth}px;`:""},useBorderRadius:function(){let t=this;return gs(t.borderRadius)?`border-radius:${t.borderRadius}px;`:""},useTextFontSize:function(){let t=this.textFontSize;return t=es(t,";",""),`font-size:${t};`},useTextColor:function(){return ts(this.textColor)},useBackgroundColor:function(){return ts(this.backgroundColor)},usePadding:function(){return`padding:${vs(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let t=es(this.shadowStyle,";","");return""!==t?`box-shadow:${t};`:""},kind:function(){return"popup"===this.mode?"click":"hover"}},methods:{addTrigger:function(t){return function(t,e){Fc[t].push(e)}(this.mode,t)},checkTriggerEff:function(t){return function(t,e){return n=Fc[t],((i=null==n?0:n.length)?n[i-1]:void 0)===e;var n,i}(this.mode,t)},removeTrigger:function(t){return function(t,e){Sl(Fc[t],e)}(this.mode,t)},showPopper:function(t){let e=this,n=gt(e,"$refs.divTrigger",null);if(null===n)return;e.$nextTick((()=>{e.triggerWidth=n.offsetWidth}));let i=gt(e,"$refs.divContent",null);if(null===i)return;e.addTrigger(e.mmkey);let r={strategy:"fixed",placement:e.placement,modifiers:[Nc,Mc,{name:"computeStyles",options:{gpuAcceleration:!1}},Oc,{name:"flip",options:{fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","top","right-start","right-end","right","left-start","left-end","left"]}},Ic,{name:"offset",options:{offset:[0,e.placementDist]}},Dc]};e.popperInstance=Ac(n,i,r)},hidePopper:function(t){let e=this;e.popperInstance&&(e.popperInstance.destroy(),e.popperInstance=null),setTimeout((()=>{e.removeTrigger(e.mmkey)}),20)},updatePopper:function(t){let e=this;e.popperInstance&&e.popperInstance.update(),e.$emit("resize",t)},displayPopper:function(){let t=this;t.$nextTick((()=>{let e=t.editable&&t.valueTrans;if(e&&!t.popperShow){let e=-15;t.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,t.showPopper("displayPopper"),t.popperShow=!0,t.$emit("show"),setTimeout((()=>{t.contentStyle=`transition:all ${t.transitionTime}ms ease-out; opacity:1; pointer-events:none;`}),1),setTimeout((()=>{t.contentStyle=""}),t.transitionTime)}else!e&&t.popperShow&&(t.hidePopper("displayPopper"),t.popperShow=!1,t.$emit("hide"))}))},updateValue:function(t,e){let n=this;n.editable&&(n.valueTrans=t,n.displayPopper())},triggerEvent:function(t){let e=this;e.editable&&(e.isolated&&e.updateValue(t,"triggerEvent"),e.$nextTick((()=>{e.$emit("input",t)})))},evShow:function(t,e){let n=this;n.editable&&(n.valueTrans||n.kind===t&&n.triggerEvent(!0))},evHide:function(t,e){let n=this;n.editable&&n.valueTrans&&n.kind===t&&n.triggerEvent(!1)}}};var Hc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:""+t.useDisplayType,attrs:{changeValue:t.changeValue}},[n("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return t.evShow("click","click")},mouseenter:function(e){return t.evShow("hover","mouseenter")},mouseleave:function(e){return t.evHide("hover","mouseleave")}}},[t._t("trigger")],2),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:t.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopup-Content",style:"z-index:"+t.cmpZIndex+";",on:{domresize:t.updatePopper}},[t.valueTrans?n("div",{style:t.contentStyle+" "+t.usePadding+" "+t.useTextFontSize+" color:"+t.useTextColor+"; background:"+t.useBackgroundColor+"; "+t.useMinWidth+" "+t.useMaxWidth+" "+t.useBorderRadius+" "+t.useShadow},[t._t("content",null,{funHide:function(){t.updateValue(!1,"slot")}})],2):t._e()])])};Hc._withStripped=!0;const Wc=ws({render:Hc,staticRenderFns:[]},(function(t){t&&t("data-v-07fc82c2_0",{source:"\n.WPopup-Content[data-popper-reference-hidden][data-v-07fc82c2] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-106-3-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AAizBA;IACA,kBAAA;IACA,oBAAA;AACA",file:"WTooltip.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`${useDisplayType}`\"\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <div\r\n            ref=\"divTrigger\"\r\n            style=\"outline:none;\"\r\n            tabindex=\"0\"\r\n            @click=\"evShow('click','click')\"\r\n            @mouseenter=\"evShow('hover','mouseenter')\"\r\n            @mouseleave=\"evHide('hover','mouseleave')\"\r\n        >\r\n\r\n            <slot name=\"trigger\"></slot>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 不能給予position因會被popupjs洗掉, 但可給z-index, 且popupjs會改用transform:translate定位 --\x3e\r\n        \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n        <div\r\n            ref=\"divContent\"\r\n            class=\"WPopup-Content\"\r\n            :style=\"`z-index:${cmpZIndex};`\"\r\n            v-show=\"valueTrans\"\r\n            v-domresize\r\n            @domresize=\"updatePopper\"\r\n        >\r\n            <div\r\n                :style=\"`${contentStyle} ${usePadding} ${useTextFontSize} color:${useTextColor}; background:${useBackgroundColor}; ${useMinWidth} ${useMaxWidth} ${useBorderRadius} ${useShadow}`\"\r\n                v-if=\"valueTrans\"\r\n            >\r\n                <slot\r\n                    name=\"content\"\r\n                    :funHide=\"()=>{updateValue(false,'slot')}\"\r\n                ></slot>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get'\r\nimport last from 'lodash-es/last'\r\nimport pull from 'lodash-es/pull'\r\nimport isNumber from 'lodash-es/isNumber'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport { createPopper } from '@popperjs/core/lib/popper-lite.js' //不用安裝@popperjs/core, 因wsemi安裝tippy.js內有依賴@popperjs/core\r\nimport flip from '@popperjs/core/lib/modifiers/flip.js'\r\nimport offset from '@popperjs/core/lib/modifiers/offset.js'\r\nimport hide from '@popperjs/core/lib/modifiers/hide.js'\r\nimport preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'\r\nimport computeStyles from '@popperjs/core/lib/modifiers/computeStyles'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction addTriggerMode(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction checkTriggerEffMode(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction removeTriggerMode(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='tooltip'] 輸入組件模式字串，可選'tooltip'與'popup'，預設'tooltip'\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [displayType='block'] 輸入display設定字串，可選'block'與'line'，預設'block'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗或彈窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [isolated=false] 輸入提示窗或彈窗當mode為'popup'時是否為獨立顯引狀態布林值，也就是可不接收外部傳入value值，預設false\r\n * @vue-prop {Number} [minWidth=null] 輸入提示窗或彈窗最小寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入提示窗或彈窗最大寬度數字，單位為px，預設null\r\n * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最小寬度布林值，預設false\r\n * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最大寬度布林值，預設false\r\n * @vue-prop {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} [placementDist=5] 輸入提示窗或彈窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {Number} [borderRadius=4] 輸入提示窗或彈窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入提示窗或彈窗文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [textColor='white'] 輸入提示窗或彈窗文字顏色字串，預設'white'\r\n * @vue-prop {String} [backgroundColor='rgba(60,60,60,0.75)'] 輸入提示窗或彈窗背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Object} [paddingStyle={v:2,h:10}] 輸入提示窗或彈窗內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:10}\r\n * @vue-prop {Boolean} [shadow=true] 輸入提示窗或彈窗是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入提示窗或彈窗陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [transitionTime=200] 輸入提示窗或彈窗淡入出現時間數字，單位為ms，預設200\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        mode: {\r\n            type: String,\r\n            default: 'tooltip', //tooltip, popup\r\n        },\r\n        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        placementDist: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'rgba(60,60,60,0.75)',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 2,\r\n                    h: 10,\r\n                }\r\n            },\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        transitionTime: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成\r\n            // mmkey: (() => {\r\n            //     let id = genID()\r\n            //     console.log('data gen mmkey', id)\r\n            //     return id\r\n            // })(),\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null,\r\n            cursorTriggerInner: false,\r\n            clickContentInner: false,\r\n            windowMousedown: null,\r\n            windowMouseup: null,\r\n            windowScroll: null,\r\n\r\n            popperInstance: null,\r\n            popperShow: false,\r\n\r\n            contentStyle: '',\r\n\r\n            mouseClientX: 0,\r\n            mouseClientY: 0,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //windowMousemove\r\n        vo.windowMousemove = (e) => {\r\n            // console.log(vo.mmkey, 'windowMousemove', e)\r\n\r\n            //save\r\n            vo.mouseClientX = e.clientX\r\n            vo.mouseClientY = e.clientY\r\n\r\n        }\r\n        window.addEventListener('mousemove', vo.windowMousemove, false)\r\n\r\n        //windowMousedown\r\n        vo.windowMousedown = (e) => {\r\n            // console.log(vo.mmkey, 'windowMousedown', e)\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n\r\n            //cursorTriggerInner, 滑鼠游標是否點擊於觸發區內\r\n            if (divTrigger) {\r\n                vo.cursorTriggerInner = domIsClientXYIn(e.clientX, e.clientY, divTrigger)\r\n            }\r\n            else {\r\n                vo.cursorTriggerInner = false\r\n            }\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //clickContentInner, 是否當前為顯示且擊於內容區內\r\n            if (vo.valueTrans && divContent) {\r\n                vo.clickContentInner = domIsClientXYIn(e.clientX, e.clientY, divContent)\r\n            }\r\n            else {\r\n                vo.clickContentInner = false\r\n            }\r\n\r\n        }\r\n        window.addEventListener('mousedown', vo.windowMousedown, false)\r\n\r\n        //windowMouseup\r\n        vo.windowMouseup = (e) => {\r\n            // console.log(vo.mmkey, 'windowMouseup', e, vo.checkTriggerEff(vo.mmkey))\r\n\r\n            //check\r\n            if (!vo.checkTriggerEff(vo.mmkey)) {\r\n                return\r\n            }\r\n\r\n            //當前為顯示時, 非點擊於觸發區與內容區, 才觸發隱藏事件\r\n            if (vo.valueTrans && !vo.cursorTriggerInner && !vo.clickContentInner) {\r\n                //console.log(vo.mmkey, 'click隱藏')\r\n\r\n                //evHide\r\n                vo.evHide('click', 'windowMouseup')\r\n\r\n            }\r\n            else {\r\n                //console.log(vo.mmkey, 'click不隱藏')\r\n                vo.cursorTriggerInner = false\r\n                vo.clickContentInner = false\r\n            }\r\n\r\n        }\r\n        window.addEventListener('mouseup', vo.windowMouseup, false)\r\n\r\n        //windowScroll\r\n        vo.windowScroll = (e) => {\r\n            // console.log(vo.mmkey, 'windowScroll', e, vo.checkTriggerEff(vo.mmkey))\r\n\r\n            // //check, 不能偵測checkTriggerEff, 因須支援由隱藏但通過捲動而滑鼠進入組件而顯示機制\r\n            // if (!vo.checkTriggerEff(vo.mmkey)) {\r\n            //     return\r\n            // }\r\n\r\n            //check, 只針對hover做處理\r\n            if (vo.kind !== 'hover') {\r\n                return\r\n            }\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n\r\n            //check\r\n            if (!divTrigger) {\r\n                return\r\n            }\r\n\r\n            //cursorTriggerInner, 滑鼠游標是否點擊於觸發區內\r\n            if (divTrigger) {\r\n                vo.cursorTriggerInner = domIsClientXYIn(vo.mouseClientX, vo.mouseClientY, divTrigger)\r\n                // console.log('domIsClientXYIn vo.cursorTriggerInner', vo.cursorTriggerInner)\r\n            }\r\n            else {\r\n                vo.cursorTriggerInner = false\r\n                // console.log('force vo.cursorTriggerInner', vo.cursorTriggerInner)\r\n            }\r\n\r\n            if (vo.cursorTriggerInner) {\r\n                //滑鼠位於於觸發區\r\n\r\n                if (vo.valueTrans) {\r\n                    //當前為顯示\r\n\r\n                    //不處理\r\n\r\n                }\r\n                else {\r\n                    //當前為隱藏\r\n                    // console.log(vo.mmkey, 'scroll顯示')\r\n\r\n                    //evShow\r\n                    vo.evShow('hover', 'windowScroll')\r\n\r\n                }\r\n\r\n            }\r\n            else {\r\n                //滑鼠非位於於觸發區\r\n\r\n                if (vo.valueTrans) {\r\n                    //當前為顯示\r\n                    // console.log(vo.mmkey, 'scroll隱藏')\r\n\r\n                    //evHide\r\n                    vo.evHide('hover', 'windowScroll')\r\n\r\n                }\r\n                else {\r\n                    //當前為隱藏\r\n\r\n                    //不處理\r\n\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n        window.addEventListener('scroll', vo.windowScroll, false)\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //window remove mousemove, mousedown, mouseup, scroll\r\n        window.removeEventListener('mousemove', vo.windowMousemove, false)\r\n        window.removeEventListener('mousedown', vo.windowMousedown, false)\r\n        window.removeEventListener('mouseup', vo.windowMouseup, false)\r\n        window.removeEventListener('scroll', vo.windowMouseup, false)\r\n\r\n        // //hidePopper, 不論click或hover一律隱藏\r\n        // vo.hidePopper('beforeDestroy')\r\n\r\n        //triggerEvent for hide\r\n        vo.triggerEvent(false)\r\n\r\n        //bbb\r\n        clearInterval(vo.trt)\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(value, 'changeValue')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useDisplayType: function() {\r\n            let vo = this\r\n            if (vo.displayType === 'line') {\r\n                return 'display:block;'\r\n            }\r\n            return 'display:inline-block;'\r\n        },\r\n\r\n        useMinWidth: function() {\r\n            //console.log('computed useMinWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.minWidth)) {\r\n                return `min-width:${vo.minWidth}px;`\r\n            }\r\n            else if (vo.autoFitMinWidth) {\r\n                return `min-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useMaxWidth: function() {\r\n            //console.log('computed useMaxWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.maxWidth)) {\r\n                return `max-width:${vo.maxWidth}px;`\r\n            }\r\n            else if (vo.autoFitMaxWidth) {\r\n                return `max-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useBorderRadius: function() {\r\n            //console.log('computed useBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.borderRadius)) {\r\n                return `border-radius:${vo.borderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.textFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        useTextColor: function() {\r\n            //console.log('computed useTextColor')\r\n\r\n            let vo = this\r\n\r\n            return 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        kind: function() {\r\n            let vo = this\r\n            if (vo.mode === 'popup') {\r\n                return 'click'\r\n            }\r\n            return 'hover'\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        addTrigger: function(mmkey) {\r\n            let vo = this\r\n            return addTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        checkTriggerEff: function(mmkey) {\r\n            let vo = this\r\n            return checkTriggerEffMode(vo.mode, mmkey)\r\n        },\r\n\r\n        removeTrigger: function(mmkey) {\r\n            let vo = this\r\n            return removeTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        showPopper: function(from) {\r\n            // console.log('methods showPopper', this.mmkey, from)\r\n\r\n            let vo = this\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            if (divTrigger === null) {\r\n                return //console.log('無法找到點擊區元素')\r\n            }\r\n\r\n            //$nextTick, 因顯示後popperjs會用divContent撐開導致divTrigger寬度等同於divContent, 需延遲取得offsetWidth才是正確寬度\r\n            vo.$nextTick(() => {\r\n\r\n                //update triggerWidth\r\n                vo.triggerWidth = divTrigger.offsetWidth\r\n\r\n            })\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //check\r\n            if (divContent === null) {\r\n                return //console.log('無法找到顯示元素')\r\n            }\r\n\r\n            //addTrigger, 採同步方式添加, popup顯示前就會mmkey就會進清單\r\n            vo.addTrigger(vo.mmkey)\r\n\r\n            //@popperjs/core 2.x\r\n            let opt = {\r\n                strategy: 'fixed', //盡量使用'fixed'而不用'absolute', 否則位於多層dialog或多層drawer內popup顯示會異常\r\n                placement: vo.placement,\r\n                modifiers: [\r\n                    preventOverflow,\r\n                    computeStyles,\r\n                    {\r\n                        name: 'computeStyles',\r\n                        options: {\r\n                            gpuAcceleration: false, //預設true, 可關閉GPU加速\r\n                        },\r\n                    },\r\n                    flip,\r\n                    {\r\n                        name: 'flip',\r\n                        options: {\r\n                            fallbackPlacements: ['bottom-start', 'bottom-end', 'top-start', 'top-end', 'top', 'right-start', 'right-end', 'right', 'left-start', 'left-end', 'left'],\r\n                        },\r\n                    },\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            offset: [0, vo.placementDist],\r\n                            //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            // offset: ({ placement, reference, popper }) => {\r\n                            //     console.log('offset', placement, reference, popper, vo.placementDist)\r\n                            //     if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {\r\n                            //         return [0, vo.placementDist]\r\n                            //     }\r\n                            //     else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {\r\n                            //         return [0, vo.placementDist]\r\n                            //     }\r\n                            //     else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {\r\n                            //         return [0, vo.placementDist]\r\n                            //     }\r\n                            //     else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {\r\n                            //         return [0, vo.placementDist]\r\n                            //     }\r\n                            //     else {\r\n                            //         return []\r\n                            //     }\r\n                            //     // return [0, vo.placementDist] //[Skidding, Distance]\r\n                            // },\r\n                        },\r\n                    },\r\n                    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        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            //非同步移除用nextTick會太快, 得使用setTimeout\r\n            //不管有沒有popperInstance都進行移除, 於開發階段避免熱更新問題\r\n            setTimeout(() => {\r\n\r\n                //removeTrigger, 需採非同步移除, 避免window事件結束後, 此時會繼續觸發前面popup內的window事件, 若採同步移除就無法讓前面popup判斷是否需屏蔽\r\n                vo.removeTrigger(vo.mmkey)\r\n\r\n            }, 20)\r\n\r\n        },\r\n\r\n        updatePopper: function(msg) {\r\n            //console.log('methods updatePopper', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            if (vo.popperInstance) {\r\n                vo.popperInstance.update()\r\n            }\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        displayPopper: function() {\r\n            //console.log('methods displayPopper')\r\n\r\n            let vo = this\r\n\r\n            //showPopper or hidePopper\r\n            vo.$nextTick(() => {\r\n\r\n                //b\r\n                let b = vo.editable && vo.valueTrans //顯示時valueTrans=true與可編輯時才顯示, 否則一律隱藏\r\n\r\n                if (b && !vo.popperShow) {\r\n                    // console.log('call showPopper', vo.mmkey)\r\n\r\n                    //shift, 暫時無法取得popper自動變更的placement, shift無法即時連動, 待研究\r\n                    let shift = -15\r\n                    // if (vo.placement.indexOf('top') >= 0) {\r\n                    //     shift = 15\r\n                    // }\r\n                    // console.log('vo.placement', vo.placement, vo.placement.indexOf('top'))\r\n                    // console.log('shift', shift)\r\n\r\n                    //contentStyle, 初始化使用pointer-events:none避免彈出區遮蔽驅動區導致觸發隱藏\r\n                    vo.contentStyle = `opacity:0; pointer-events:none; transform:translateY(${shift}px);`\r\n\r\n                    vo.showPopper('displayPopper')\r\n                    vo.popperShow = true\r\n                    vo.$emit('show')\r\n                    // console.log('emit show')\r\n\r\n                    //contentStyle, 顯示才給予transition用以驅動動畫, 動畫期間使用pointer-events:none避免彈出區遮蔽驅動區導致觸發隱藏\r\n                    setTimeout(() => {\r\n                        vo.contentStyle = `transition:all ${vo.transitionTime}ms ease-out; opacity:1; pointer-events:none;`\r\n                    }, 1)\r\n\r\n                    //contentStyle, 動畫結束清除pointer-events:none, 使內部能接收事件\r\n                    setTimeout(() => {\r\n                        vo.contentStyle = ``\r\n                    }, vo.transitionTime)\r\n\r\n                }\r\n                else if (!b && vo.popperShow) {\r\n                    // console.log('call hidePopper', vo.mmkey)\r\n\r\n                    vo.hidePopper('displayPopper')\r\n                    vo.popperShow = false\r\n                    vo.$emit('hide')\r\n                    // console.log('emit hide')\r\n\r\n                }\r\n\r\n            })\r\n\r\n        },\r\n\r\n        updateValue: function (value, from) {\r\n            // console.log('methods updateValue', value, 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            //save\r\n            vo.valueTrans = value\r\n            // console.log('updateValue', vo.valueTrans, from, vo.mmkey)\r\n\r\n            //displayPopper\r\n            vo.displayPopper()\r\n\r\n        },\r\n\r\n        triggerEvent: function(value) {\r\n            // console.log('methods triggerEvent', value)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.isolated) {\r\n\r\n                //updateValue\r\n                vo.updateValue(value, 'triggerEvent')\r\n\r\n            }\r\n\r\n            //$nextTick, 不論是否isolated都須emit\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        evShow: function(kind, from) {\r\n            // console.log('methods evShow', kind, from)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check, 已經顯示就不再顯示\r\n            if (vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 只允許限制模式\r\n            if (vo.kind !== kind) {\r\n                return\r\n            }\r\n\r\n            //triggerEvent for show\r\n            vo.triggerEvent(true)\r\n\r\n        },\r\n\r\n        evHide: function(kind, from) {\r\n            // console.log('methods evHide', kind, from)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check, 已經隱藏就不再隱藏\r\n            if (!vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 只允許限制模式\r\n            if (vo.kind !== kind) {\r\n                return\r\n            }\r\n\r\n            //triggerEvent for hide\r\n            vo.triggerEvent(false)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopup-Content[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),zc,"data-v-07fc82c2",false,undefined,!1,Ts,void 0,void 0);var Vc={components:{WIcon:Ps,WIconLoading:_l,WTooltip:Wc},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 ts(this.iconColor)},effIconColorHover:function(){return ts(this.iconColorHover)},effIconColorFocus:function(){return ts(this.iconColorFocus)},effIconColorActive:function(){return ts(this.iconColorActive)},useIconColor:function(){let t,e=this;return e.loadingTrans?e.effIconColor:(t=e.activeTrans?e.effIconColorActive:e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(t=e.activeTrans?e.effIconColorActive:e.effIconColor),t)},useBorderRadius:function(){let t=this,e="0px";if(Qe(t.borderRadius)){e=`${tn(t.borderRadius)}px;`}else Ne(t.borderRadius)&&(e=t.borderRadius);let n="0px",i="0px",r="0px",o="0px";return!0===gt(t,"borderRadiusStyle.left")&&(n=e,r=e),!0===gt(t,"borderRadiusStyle.right")&&(i=e,o=e),!0===gt(t,"borderRadiusStyle.top")&&(n=e,i=e),!0===gt(t,"borderRadiusStyle.bottom")&&(r=e,o=e),!0!==gt(t,"borderRadiusStyle.topLeft")&&!0!==gt(t,"borderRadiusStyle.top-left")||(n=e),!0!==gt(t,"borderRadiusStyle.topRight")&&!0!==gt(t,"borderRadiusStyle.top-right")||(i=e),!0!==gt(t,"borderRadiusStyle.bottomLeft")&&!0!==gt(t,"borderRadiusStyle.bottom-left")||(r=e),!0!==gt(t,"borderRadiusStyle.bottomRight")&&!0!==gt(t,"borderRadiusStyle.bottom-right")||(o=e),`border-top-left-radius:${n}; border-top-right-radius:${i}; border-bottom-left-radius:${r}; border-bottom-right-radius:${o};`},effBorderColor:function(){return ts(this.borderColor)},effBorderColorHover:function(){return ts(this.borderColorHover)},effBorderColorFocus:function(){return ts(this.borderColorFocus)},effBorderColorActive:function(){return ts(this.borderColorActive)},useBorderColor:function(){let t,e=this;return e.loadingTrans?e.effBorderColor:(t=e.activeTrans?e.effBorderColorActive:e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(t=e.activeTrans?e.effBorderColorActive:e.effBorderColor),t)},effBackgroundColor:function(){return ts(this.backgroundColor)},effBackgroundColorHover:function(){return ts(this.backgroundColorHover)},effBackgroundColorFocus:function(){return ts(this.backgroundColorFocus)},effBackgroundColorActive:function(){return ts(this.backgroundColorActive)},useBackgroundColor:function(){let t,e=this;return e.loadingTrans?e.effBackgroundColor:(t=e.activeTrans?e.effBackgroundColorActive:e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(t=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),t)},effRippleColor:function(){return ts(this.rippleColor)},effLoadingColor:function(){return ts(this.loadingColor)},effDisabledColor:function(){return ts(this.disabledColor)},usePadding:function(){let t=this;return`padding:${vs(t.paddingStyle,{ext:{left:t.shiftLeft,right:t.shiftRight}})};`},useShadow:function(){let t=this;return t.shadow&&Ne(t.shadowStyle)?"box-shadow:"+function(t,e,n){let i=In(t=es(t,"}","{"),"{");return i=Ji(i,(t=>{if(t.indexOf(e)>=0){let e=$s(t,"=")[1];return e=Qe(e)?tn(e):.2,function(t,e){let n=ts(t),i=ml.toRgba(n);return i.a=e,ml.toRgbaString(i)}(n,e)}return t})),js(i,"")}(t.shadowStyle,"backgroundColorAlpha",t.backgroundColor):""},hasTooltop:function(){return Ne(this.tooltip)}},methods:{ripple:function(t){let e=this;e.editable&&(e.loadingTrans||e.$nextTick((()=>{ds(t.currentTarget,t,{color:e.effRippleColor,timeDuration:500})})))},clickBtn:function(t){let e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let t=Ys();e.$nextTick((()=>{e.$emit("click",{pm:t})})),t.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}else e.$nextTick((()=>{e.$emit("click")}))}}};const Gc=Vc;var jc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:t.editable?t.role:"",changeActive:t.changeActive,changeLoading:t.changeLoading}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{style:"position:relative; transition:all 0.3s; "+t.usePadding+" "+t.useBorderRadius+" border:"+t.borderWidth+"px solid "+t.useBorderColor+"; background:"+t.useBackgroundColor+"; "+(t.editable&&t.cursorPointer?"cursor:pointer;":"")+" "+t.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){t.hoverTrans=!0,t.$emit("mouseenter",e)},mouseleave:function(e){t.hoverTrans=!1,t.$emit("mouseleave",e)},focus:function(e){t.focusTrans=!0},blur:function(e){t.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickBtn(e)},click:function(e){t.ripple(e),t.clickBtn(e)}}},[n("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[t.loadingTrans?t._e():n("WIcon",{attrs:{icon:t.icon,color:t.useIconColor,colorHover:t.useIconColor,size:t.iconSize}}),t._v(" "),t.loadingTrans?n("WIconLoading",{attrs:{name:"cir-rotate",color:t.effLoadingColor,size:t.iconSize}}):t._e()],1),t._v(" "),t.editable?t._e():n("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[n("div",{style:t.useBorderRadius+" overflow:hidden; width:100%; height:100%;"},[n("div",{style:"background:"+t.effDisabledColor+"; height:100%;"})])])])]},proxy:!0},{key:"content",fn:function(){return[t._v("\n            "+t._s(t.tooltip)+"\n        ")]},proxy:!0}])})],1)};jc._withStripped=!0;const Xc={components:{WButtonCircle:ws({render:jc,staticRenderFns:[]},(function(t){t&&t("data-v-21c35dde_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",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})}),Gc,"data-v-21c35dde",false,undefined,!1,Ts,void 0,void 0)},props:{kbname:{type:String},casename:{type:String}},data:function(){return{mdiLaunch:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",mdiUnfoldMoreVertical:"M18.17,12L15,8.83L16.41,7.41L21,12L16.41,16.58L15,15.17L18.17,12M5.83,12L9,15.17L7.59,16.59L3,12L7.59,7.42L9,8.83L5.83,12Z"}},mounted:function(){},computed:{fn:function(){let t=`${this.casename}`;return`${this.kbname}_${Xs(t)}`}},methods:{ckExample:function(){let t="https://yuda-lyu.github.io/w-plot-vue/examples/"+this.fn+".html";window.open(t,"_blank")},ckCode:function(){let t="https://github.com/yuda-lyu/w-plot-vue/blob/master/docs/examples/"+this.fn+".html";window.open(t,"_blank")}}};var $c=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"item"},[n("div",{staticStyle:{display:"inline-block"}},[t._v("\n        "+t._s(t.casename)+"\n    ")]),t._v(" "),n("div",{staticStyle:{"padding-left":"5px"}}),t._v(" "),n("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:t.mdiLaunch,iconSize:16,iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"example"},on:{click:t.ckExample}}),t._v(" "),n("div",{staticStyle:{"padding-left":"5px"}}),t._v(" "),n("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:t.mdiUnfoldMoreVertical,iconSize:16,iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"code"},on:{click:t.ckCode}})],1)};$c._withStripped=!0;const Yc=ws({render:$c,staticRenderFns:[]},(function(t){t&&t("data-v-15d6b55e_0",{source:"\n.item[data-v-15d6b55e] {\r\n    border-left: 3px solid #ffba75;\r\n    margin: 5px 5px 8px 0px;\r\n    padding: 3px 3px 5px 10px;\r\n    font-size: 0.9rem;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-106-3-w-plot-vue\\w-plot-vue\\src\\components\\demolink.vue"],names:[],mappings:";AA+FA;IACA,8BAAA;IACA,uBAAA;IACA,yBAAA;IACA,iBAAA;IACA,aAAA;IACA,2BAAA;IACA,mBAAA;AACA",file:"demolink.vue",sourcesContent:['<template>\r\n    <div class="item">\r\n\r\n        <div style="display:inline-block;">\r\n            {{casename}}\r\n        </div>\r\n\r\n        <div style="padding-left:5px;"></div>\r\n\r\n        <w-button-circle\r\n            :paddingStyle="{v:3,h:3}"\r\n            :icon="mdiLaunch"\r\n            :iconSize="16"\r\n            :iconColor="\'red darken-1\'"\r\n            :iconColorHover="\'red darken-1\'"\r\n            :iconColorFocus="\'red darken-1\'"\r\n            :backgroundColor="\'#fff\'"\r\n            :backgroundColorHover="\'#fff5f5\'"\r\n            :backgroundColorFocus="\'#fff2f2\'"\r\n            :tooltip="\'example\'"\r\n            @click="ckExample"\r\n        ></w-button-circle>\r\n\r\n        <div style="padding-left:5px;"></div>\r\n\r\n        <w-button-circle\r\n            :paddingStyle="{v:3,h:3}"\r\n            :icon="mdiUnfoldMoreVertical"\r\n            :iconSize="16"\r\n            :iconColor="\'red darken-1\'"\r\n            :iconColorHover="\'red darken-1\'"\r\n            :iconColorFocus="\'red darken-1\'"\r\n            :backgroundColor="\'#fff\'"\r\n            :backgroundColorHover="\'#fff5f5\'"\r\n            :backgroundColorFocus="\'#fff2f2\'"\r\n            :tooltip="\'code\'"\r\n            @click="ckCode"\r\n        ></w-button-circle>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiLaunch, mdiUnfoldMoreVertical } from \'@mdi/js\'\r\nimport cvCasename from \'../../toolg/cvCasename.mjs\'\r\nimport WButtonCircle from \'w-component-vue/src/components/WButtonCircle.vue\'\r\n\r\n\r\nexport default {\r\n    components: {\r\n        WButtonCircle,\r\n    },\r\n    props: {\r\n        kbname: {\r\n            type: String,\r\n        },\r\n        casename: {\r\n            type: String,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            mdiLaunch,\r\n            mdiUnfoldMoreVertical\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        fn: function() {\r\n            let fnc = `${this.casename}`\r\n            return `${this.kbname}_${cvCasename(fnc)}`\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        ckExample: function() {\r\n            let vo = this\r\n            let url = \'https://yuda-lyu.github.io/w-plot-vue/examples/\' + vo.fn + \'.html\'\r\n            window.open(url, \'_blank\')\r\n        },\r\n\r\n        ckCode: function() {\r\n            let vo = this\r\n            let url = \'https://github.com/yuda-lyu/w-plot-vue/blob/master/docs/examples/\' + vo.fn + \'.html\'\r\n            window.open(url, \'_blank\')\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.item {\r\n    border-left: 3px solid #ffba75;\r\n    margin: 5px 5px 8px 0px;\r\n    padding: 3px 3px 5px 10px;\r\n    font-size: 0.9rem;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n}\r\n</style>\r\n']},media:void 0})}),Xc,"data-v-15d6b55e",false,undefined,!1,Ts,void 0,void 0);function qc(t,e){let n=Ys();if(!_s(t)&&!br(t))return n.reject("rs is not an array or object"),n;let i=!1;if(br(t)){i=!0;let e=[];De(t,((t,n)=>{e.push({k:n,v:t})})),t=e}Ho(e)||(e=function(t){return t});let r=-1,o=[];return t.reduce((function(t,n){return t.then((function(t){o.push(t),r+=1;let s=r,a=n;return i&&(s=n.k,a=n.v),Ho(e)?e(a,s):a}))}),Promise.resolve()).then((function(t){var e,i,r,s;o.push(t),s=null==(e=o)?0:e.length,o=s?dn(e,(i=r||void 0===i?1:Ke(i))<0?0:i,s):[],n.resolve(o)})).catch((function(t){n.reject(t)})),n}function Zc(t){let e,n=Object.prototype.toString.call(t);if(e="[object Promise]"===n,e)return!0;if("[object Function]"!==n)return!1;try{e="function"!=typeof t.subscribe&&"function"==typeof t.then}catch(t){}return e}async function Kc(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,i=Ys();if(!Ho(t))return i.reject("waitfunction需輸入函數f"),i;let r=async()=>{let e=t();return Zc(e)&&(e=await e),e};if(n=await r(),!0===n)return i.resolve(),i;let o=gt(e,"attemptNum",null);Do(o)||(o=200);let s=gt(e,"timeInterval",null);Do(s)||(s=1e3);let a=0,l=setInterval((async()=>{a+=1,n=await r(),!0===n&&(clearInterval(l),i.resolve()),a>o&&(clearInterval(l),i.reject(`exceeded attemptNum[${o}]`))}),s);return i}function Jc(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;Qe(t)||(t=10);let e=Ys();return setTimeout((function(){e.resolve()}),t),e}let Qc={},th={};function eh(t){let{tagName:e,path:n,attributes:i={},func:r}=t,o=Ys();if("done"===Qc[n])return o.resolve("loaded"),o;if("loading"===Qc[n])return Kc((()=>"done"===Qc[n])).then((function(){o.resolve("loaded")})),o;Qc[n]="loading";let s=document.createElement(e);return De(i,((t,e)=>{s.setAttribute(e,t)})),i.rel&&"stylesheet"===i.rel?(s.setAttribute("href",n),setTimeout((()=>{o.resolve(s),Qc[n]="done"}),1)):(s.src=n,s.addEventListener("load",(()=>{let t;Ho(r)?t=Kc(r):(t=Ys(),t.resolve()),t.then((()=>Jc(500))).then((function(){o.resolve(s),Qc[n]="done"}))})),s.addEventListener("error",(()=>{o.reject(s),Qc[n]="done"}))),document.getElementsByTagName("head")[0].appendChild(s),o}function nh(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}t&&!window.Vue&&(window.Vue=t);const ih={components:{WIconLoading:_l},props:{pathItems:{type:Array,default:()=>["https://code.highcharts.com/11/highcharts.js","https://code.highcharts.com/11/highcharts-more.js","https://code.highcharts.com/11/modules/stock.js","https://code.highcharts.com/11/modules/annotations.js","https://code.highcharts.com/11/modules/heatmap.js","https://code.highcharts.com/11/modules/boost.js","https://code.highcharts.com/11/modules/boost-canvas.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js","https://cdn.jsdelivr.net/npm/w-highcharts@1.0.2/dist/w-highcharts.umd.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let e=this;(function(t){let e=Ys();_s(t)||(t=[t]),De(t,((e,n)=>{Be(e)&&(t[n]={path:e})}));let n=js(Ji(t,"path"),"|");return"done"===th[n]?(e.resolve("loaded"),e):"loading"===th[n]?(Kc((()=>"done"===th[n])).then((function(){e.resolve("loaded")})),e):(th[n]="loading",De(t,((t,e)=>{t.type||(".js"===cn(t.path,3)?t.type="js":".css"===cn(t.path,4)?t.type="css":t.type="unknow")})),qc(t,(t=>{let e=Ys();if("js"===t.type)e=eh({tagName:"script",path:t.path,attributes:{type:"text/javascript"},func:t.func});else if("css"===t.type)e=eh({tagName:"link",path:t.path,attributes:{rel:"stylesheet"}});else{let n="invalid pathItem.type: "+t.type;console.log(n),e.reject(n)}return e})).finally((()=>{th[n]="done"})))})(e.pathItems).then((n=>{if("loaded"!==n){let e=window.Highcharts,n=window["w-highcharts"];n.iniMarkers(e),e.setOptions(n.getDefOpt());let i=window.VueHighcharts;i.default&&(i=i.default),function(){let e=nh();return t||e.Vue}().use(i,{Highcharts:e})}e.cmpName="Highcharts"}))},computed:{},methods:{}};var rh=function(){var t=this,e=t.$createElement;return(t._self._c||e)(t.cmpName,{ref:"$self",tag:"component",attrs:{options:t.options}})};rh._withStripped=!0;const oh={components:{WHighchartsVueDyn:ws({render:rh,staticRenderFns:[]},(function(t){t&&t("data-v-1b967790_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})}),ih,"data-v-1b967790",false,undefined,!1,Ts,void 0,void 0)},props:{options:{type:Object,default:()=>{}},width:{type:Number,default:400},height:{type:Number,default:400}},data:function(){return{}},computed:{widthInp:function(){let t=this.width,e=gt(this,"options.chart.width","");return Qe(e)&&(t=tn(e)),t},heightInp:function(){let t=this.height,e=gt(this,"options.chart.height","");return Qe(e)&&(t=tn(e)),t}},methods:{}};var sh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.options?n("div",{style:"display:inline-block; width:"+t.widthInp+"px; min-width:"+t.widthInp+"px; height:"+t.heightInp+"px; overflow-y:hidden;"},[n("WHighchartsVueDyn",{attrs:{options:t.options}})],1):t._e()};sh._withStripped=!0;const ah=ws({render:sh,staticRenderFns:[]},(function(t){t&&t("data-v-93fc6858_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPlot2d.vue"},media:void 0})}),oh,"data-v-93fc6858",false,undefined,!1,Ts,void 0,void 0);const lh={components:{demolink:Yc,WPlot2d:ah},props:{},data:function(){return{WPlot2d:{option1:{title:{text:"AAPL Stock Price"},xAxis:{type:"datetime"},yAxis:{title:{text:"Price"}},tooltip:{headerFormat:'<div style="font-size:8pt;">{point.x:%Y/%m/%d %H:%M}</div><br/>',pointFormat:" Price: <b>{point.y}</b>"},series:[{name:"AAPL",data:window.dataAAPL,tooltip:{valueDecimals:2}}]}}}},methods:{}};var ch=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-plot-2d",casename:"default"}}),t._v(" "),n("w-plot-2d",{attrs:{options:t.WPlot2d.option1}})],1)])])};ch._withStripped=!0;const hh=ws({render:ch,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-plot-2d")])])}]},(function(t){t&&t("data-v-f56a157c_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPlot2d.vue"},media:void 0})}),lh,"data-v-f56a157c",false,undefined,!1,Ts,void 0,void 0);function uh(t,e,n){(void 0!==n&&!G(t[e],n)||void 0===n&&!(e in t))&&Ar(t,e,n)}function dh(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]}function ph(t,n,i,r,o,s,a){var l=dh(t,i),c=dh(n,i),h=a.get(c);if(h)uh(t,i,h);else{var u,d=s?s(l,c,i+"",t,n,a):void 0,p=void 0===d;if(p){var f=e(c),g=!f&&ce(c),v=!f&&!g&&Se(c);d=c,f||g||v?e(l)?d=l:m(u=l)&&Le(u)?d=Nr(l):g?(p=!1,d=Br(c,!0)):v?(p=!1,d=Yr(c,!0)):d=[]:cs(c)||oe(c)?(d=l,oe(l)?d=function(t){return Rr(t,Or(t))}(l):x(l)&&!A(l)||(d=yo(c))):p=!1}p&&(a.set(c,d),o(d,c,r,s,a),a.delete(c)),uh(t,i,d)}}function fh(t,e,n,i,r){t!==e&&Qt(e,(function(o,s){if(r||(r=new kn),x(o))ph(t,e,s,n,fh,i,r);else{var a=i?i(dh(t,s),o,s+"",t,e,r):void 0;void 0===a&&(a=o),uh(t,s,a)}}),Or)}var mh,gh=(mh=function(t,e,n){fh(t,e,n)},sa((function(t,e){var n=-1,i=e.length,r=i>1?e[i-1]:void 0,o=i>2?e[2]:void 0;for(r=mh.length>3&&"function"==typeof r?(i--,r):void 0,o&&gn(e[0],e[1],o)&&(r=i<3?void 0:r,i=1),t=Object(t);++n<i;){var s=e[n];s&&mh(t,s,n,r)}return t}))),vh=gh;function _h(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{credits:{enabled:!1},navigation:{buttonOptions:{enabled:!1}},boost:{enabled:!0},plotOptions:{series:{animation:!1}},title:{text:""},subtitle:{text:""},tooltip:{useHTML:!0,enabled:gt(t,"useTooltip",!0)},legend:{useHTML:!0,enabled:gt(t,"useLegend",!0)}}}function yh(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=gt(t,"marginLeftShift",60),n=gt(t,"marginRightShift",0),i=gt(t,"marginTopShift",10),r=gt(t,"marginBottomShift",60),o=gt(t,"spacingLeft",0),s=gt(t,"spacingRight",0),a=gt(t,"spacingTop",0),l=gt(t,"spacingBottom",0),c=gt(t,"plotBorderColor","#666"),h=gt(t,"plotBorderWidth",1),u=gt(t,"space",5);return{animation:!1,plotBorderColor:c,plotBorderWidth:h,marginLeft:u+e,marginRight:u+n,marginTop:u+i,marginBottom:u+r,spacingLeft:o,spacingRight:s,spacingTop:a,spacingBottom:l}}function bh(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=gt(t,"softMax"),n=gt(t,"vDig"),i={crosshair:!0,title:{useHTML:!0,text:"",style:{fontFamily:gt(t,"titleFontFamily","微軟正黑體"),fontSize:gt(t,"titleFontSize","12pt"),color:gt(t,"titleColor","#000")}},softMax:e,labels:{autoRotation:!1,style:{fontFamily:gt(t,"labelFontFamily","微軟正黑體"),fontSize:gt(t,"labelFontSize","9pt"),color:gt(t,"labelColor","#222")},formatter:function(t){return n?function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return Qe(t)&&ln(e)?(t=tn(t),sn(t,e).toFixed(e)):""}(t.value,n):t.value}},lineColor:"#666",lineWidth:1,gridLineColor:"#eeeeee",gridLineWidth:1,minorGridLineColor:"#eeeeee",minorGridLineWidth:1,tickPosition:"inside",tickColor:"#222222",tickWidth:1,tickLength:5,minorTickPosition:"inside",minorTickColor:"#222222",minorTickWidth:1,minorTickLength:5};return i}function xh(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=gt(t,"legnedFontFamily","微軟正黑體"),n=gt(t,"legnedFontSize","9pt"),i=gt(t,"legnedColor","#222");return{useHTML:!0,enabled:!0,shared:!0,floating:!0,layout:"vertical",backgroundColor:gt(t,"legendBackgroundColor","rgba(255,255,255,0.75)"),borderColor:gt(t,"legnedBorderColor","#aaa"),borderWidth:1,itemStyle:{fontFamily:e,fontSize:n,color:i}}}function Sh(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=gt(e,"legendPosition","topright"),i=gt(t,"chart.marginLeft")||gt(t,"chart.margin-left");i=tn(i);let r=gt(t,"chart.marginRight")||gt(t,"chart.margin-right");r=tn(r);let o=gt(t,"chart.marginTop")||gt(t,"chart.margin-top");o=tn(o);let s=gt(t,"chart.marginBottom")||gt(t,"chart.margin-bottom");s=tn(s),gt(e,"legendIgnoreMargin",!1)&&(i=0,r=0,o=0,s=0);let a=gt(t,"chart.spacingLeft")||gt(t,"chart.spacing-left");a=tn(a);let l=gt(t,"chart.spacingRight")||gt(t,"chart.spacing-right");l=tn(l);let c=gt(t,"chart.spacingTop")||gt(t,"chart.spacing-top");c=tn(c);let h=gt(t,"chart.spacingBottom")||gt(t,"chart.spacing-bottom");h=tn(h),gt(e,"legendIgnoreSpacing",!1)&&(a=0,l=0,c=0,h=0);let u=gt(t,"legend",{});if(t.legend=u,"topleft"===n){t.legend.align="left",t.legend.verticalAlign="top";let e=5,n=5;t.legend.x=i-a+e,t.legend.y=o-c+n}else if("bottomleft"===n){t.legend.align="left",t.legend.verticalAlign="bottom";let e=5,n=-5;t.legend.x=i-a+e,t.legend.y=-s+h+n}else if("bottomright"===n){t.legend.align="right",t.legend.verticalAlign="bottom";let e=-5,n=-5;t.legend.x=-r+l+e,t.legend.y=-s+h+n}else{t.legend.align="right",t.legend.verticalAlign="top";let e=-5,n=5;t.legend.x=-r+l+e,t.legend.y=o-c+n}return t}function wh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Mh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wh(Object(n),!0).forEach((function(e){wr(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Th(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},o=gt(r,"marginLeft",null),s=gt(r,"marginRight",null),a=gt(r,"marginTop",null),l=gt(r,"marginBottom",null),c=gt(r,"direction","vertical");"vertical"!==c&&"horizontal"!==c&&(c="vertical");let h,u=gt(r,"xTitle",""),d=gt(r,"yTitle",""),p=gt(r,"barColor",void 0),f=gt(r,"barKpColor",void 0),m=gt(r,"barGroupWidthRatio",.2),g=gt(r,"barWidthRatio",.2),v=gt(r,"barBorderWidth",1),_=gt(r,"barDisplay","separate");"separate"!==_&&"stackNormal"!==_&&"stackPercent"!==_&&(_="separate"),"stackNormal"===_?h="normal":"stackPercent"===_&&(h="percent");let y=gt(r,"barBorderRadius",4),b=gt(r,"barShowLabels",!0),x=gt(r,"barUseInnerLabelsForHorizontal",!1),S=gt(r,"showLegend",!1),w=n,M=[];De(i,((t,e)=>{let i=gt(t,"name",""),r=p,o=gt(t,"color",void 0),s=gt(t,"data",{}),a=null,l=[];De(n,(t=>{let n=gt(s,t,null),i=n;if(ns(i)){if(!ua(i,"value"))throw new Error("bar data is an object but no value");i=gt(i,"value",null)}let c=gt(f,t,void 0),h=gt(f,`${e}.${t}`,void 0),u=gt(n,"color",void 0),d=(t=>{if(xs(t)){let e=gr(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Ji(t,((t,n)=>[n/(e-1),t]))}}return t})(r||o||c||h||u);null===a&&(a=d),l.push({name:t,y:i,color:d})})),M.push({name:i,data:l,color:a})}));let T=_h(r),A=yh(r),E=bh(r),C=vh(E,{categories:w,labels:{allowOverlap:!0}});C.title.text=u;let R=bh(r),P=vh(R,{});P.title.text=d,P.min=0;let L=xh(r),O=Mh(Mh({},T),{},{chart:Mh(Mh({},A),{},{type:"vertical"===c?"column":"bar",width:t,height:e}),xAxis:C,yAxis:P,legend:L,series:M});return gs(o)&&(O.chart.marginLeft=o),gs(s)&&(O.chart.marginRight=s),gs(a)&&(O.chart.marginTop=a),gs(l)&&(O.chart.marginBottom=l),"stackPercent"===_&&("vertical"===c&&(O.chart.marginLeft+=11),O.yAxis.labels.formatter=t=>`${t.value}%`),"horizontal"===c&&x&&(O.chart.marginLeft=40,O.xAxis.title.margin=21,O.xAxis.labels.enabled=!1,O.xAxis.tickWidth=0,O.xAxis.min=-.25,O.xAxis.tickInterval=1,O.xAxis.plotLines=[{color:O.xAxis.gridLineColor,width:O.xAxis.gridLineWidth,value:-.5}]),O.plotOptions=Mh(Mh({},O.plotOptions),{},{series:{groupPadding:m,pointPadding:g,borderWidth:v,grouping:!0,borderRadius:y,stacking:h,dataLabels:{enabled:b,allowOverlap:!0}}}),O=Sh(O,r),O.legend.enabled=S,O}const Ah={components:{WPlot2d:ah},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return gt(this,"opt.width",0)},picHeight:function(){return gt(this,"opt.height",0)},ks:function(){return gt(this,"opt.keys",[])},hasOptBar:function(){return ns(this.optBar)},optBar:function(){let t=this,e=null;try{let n=gt(t,"opt.rds",[]);e=Th(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e},useInnerLabels:function(){let t="horizontal"===gt(this,"opt.direction",""),e=gt(this,"opt.barUseInnerLabelsForHorizontal",!1);return t&&e},locLeft:function(){return gt(this,"optBar.chart.marginLeft",0)},locTop:function(){return gt(this,"optBar.chart.marginTop",0)},locBottom:function(){return gt(this,"optBar.chart.marginBottom",0)},hTickLableFontFamily:function(){return gt(this,"optBar.xAxis.labels.style.fontFamily","")},hTickLableFontSize:function(){return gt(this,"optBar.xAxis.labels.style.fontSize","")},hTickLableColor:function(){return gt(this,"optBar.xAxis.labels.style.color","")},hAxisMin:function(){return gt(this,"optBar.xAxis.min",0)},hTickLabels:function(){let t=this,e=t.picHeight-t.locTop-t.locBottom;e=Math.max(e,0);let n=gr(t.ks)-t.hAxisMin,i=0;return n>0&&(i=e/n),Ji(t.ks,((e,n)=>({name:e,y:t.locTop+i*(n-t.hAxisMin)})))}},methods:{}};var Eh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptBar?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optBar})],2),t._v(" "),n("div",{staticStyle:{position:"relative"}},[n("WPlot2d",{attrs:{options:t.optBar}}),t._v(" "),t.useInnerLabels?t._l(t.hTickLabels,(function(e,i){return n("div",{key:"ktk-"+i,style:"position:absolute; left:"+t.locLeft+"px; top:"+e.y+"px; font-family:"+t.hTickLableFontFamily+"; font-size:"+t.hTickLableFontSize+"; color:"+t.hTickLableColor+";"},[t._v("\n                "+t._s(e.name)+"\n            ")])})):t._e()],2),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optBar})],2)]):t._e()};Eh._withStripped=!0;const Ch=ws({render:Eh,staticRenderFns:[]},(function(t){t&&t("data-v-59c2c7b6_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",map:{version:3,sources:[],names:[],mappings:"",file:"WBar.vue"},media:void 0})}),Ah,"data-v-59c2c7b6",false,undefined,!1,Ts,void 0,void 0);var Rh={components:{demolink:Yc,WBar:Ch},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WBar:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2b:{width:400,height:400,keys:t,rds:[{name:"Corn",color:"#E91E63",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:"#9C27B0",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2c:{width:400,height:400,keys:t,rds:[{name:"Corn",color:["rgb(243, 150, 199)","rgb(233, 30, 99)"],data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:["rgb(206, 159, 236)","rgb(156, 39, 176)"],data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2d:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#FF8A80"},China:{value:260,color:"#FF80AB"},Brazil:{value:107,color:"#EA80FC"},EU:{value:68.3,color:"#B388FF"},India:{value:27.5,color:"#8C9EFF"},Russia:{value:14.5,color:"#82B1FF"}}},{name:"Wheat",data:{USA:{value:51.086,color:"#F44336"},China:{value:136,color:"#E91E63"},Brazil:{value:5.5,color:"#9C27B0"},EU:{value:141,color:"#673AB7"},India:{value:107.18,color:"#3F51B5"},Russia:{value:77,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2e:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["rgb(255, 205, 210)","rgb(229, 115, 115)"]},China:{value:260,color:["rgb(255, 185, 210)","rgb(229, 95, 115)"]},Brazil:{value:107,color:["rgb(255, 165, 210)","rgb(229, 75, 115)"]},EU:{value:68.3,color:["rgb(255, 145, 210)","rgb(229, 55, 115)"]},India:{value:27.5,color:["rgb(255, 125, 210)","rgb(229, 35, 115)"]},Russia:{value:14.5,color:["rgb(255, 105, 210)","rgb(229, 15, 115)"]}}},{name:"Wheat",data:{USA:{value:51.086,color:["rgb(210, 205, 255)","rgb(115, 115, 229)"]},China:{value:136,color:["rgb(210, 185, 255)","rgb(115, 95, 229)"]},Brazil:{value:5.5,color:["rgb(210, 165, 255)","rgb(115, 75, 229)"]},EU:{value:141,color:["rgb(210, 145, 255)","rgb(115, 55, 229)"]},India:{value:107.18,color:["rgb(210, 125, 255)","rgb(115, 35, 229)"]},Russia:{value:77,color:["rgb(210, 105, 255)","rgb(115, 15, 229)"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const Ph=Rh;var Lh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{marginLeft:85,marginRight:25,marginTop:35,marginBottom:75})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barColor:"#FF9800"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barColor:["#4f95d8","#0058a5"]})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & hide labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & show legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2b,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2c,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2d,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2e,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && show labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && hide legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal) && barShowLabels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackPercent)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:85,marginRight:25,marginTop:35,marginBottom:75,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barUseInnerLabelsForHorizontal"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:"#FF9800"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:["#4f95d8","#0058a5"]})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & hide labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & show legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barUseInnerLabelsForHorizontal & barGroupWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barUseInnerLabelsForHorizontal:!0,barGroupWidthRatio:.25})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2d,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2e,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && show labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && hide legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal) && barShowLabels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackPercent)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1)])])};Lh._withStripped=!0;const Oh=ws({render:Lh,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-bar")])])}]},(function(t){t&&t("data-v-254f3289_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWBar.vue"},media:void 0})}),Ph,"data-v-254f3289",false,undefined,!1,Ts,void 0,void 0);function Ih(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function kh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ih(Object(n),!0).forEach((function(e){wr(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ih(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Uh(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},o=gt(r,"marginLeft",null),s=gt(r,"marginRight",null),a=gt(r,"marginTop",null),l=gt(r,"marginBottom",null),c=gt(r,"pieThicknessRatio",.6);c=Math.min(c,1),c=Math.max(c,0);let h=gt(r,"pieBorderRadius",4),u=gt(r,"pieKpColor",void 0),d=gt(r,"pieBorderWidth",1),p=gt(r,"pieShowLabels",!0),f=gt(r,"showLegend",!0),m=[];De(i,((t,e)=>{let i=gt(t,"name",""),r=gt(t,"color",void 0),o=gt(t,"data",{}),s=null,a=[];De(n,(t=>{let n=gt(o,t,null),i=n;if(ns(i)){if(!ua(i,"value"))throw new Error("pie data is an object but no value");i=gt(i,"value",null)}let l=gt(u,t,void 0),c=gt(u,`${e}.${t}`,void 0),h=gt(n,"color",void 0),d=(t=>{if(xs(t)){let e=gr(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Ji(t,((t,n)=>[n/(e-1),t]))}}return t})(r||l||c||h);null===s&&(s=d),a.push({name:t,y:i,color:d})})),m.push({name:i,data:a,color:s})}));let g=_h(r),v=yh(kh(kh({},r),{},{marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"})),_=xh(r),y=kh(kh({},g),{},{chart:kh(kh({},v),{},{type:"pie",width:t,height:e}),legend:_,series:m});return gs(o)&&(y.chart.marginLeft=o),gs(s)&&(y.chart.marginRight=s),gs(a)&&(y.chart.marginTop=a),gs(l)&&(y.chart.marginBottom=l),y.plotOptions=kh(kh({},y.plotOptions),{},{series:{borderWidth:d,dataLabels:{enabled:p,allowOverlap:!0,format:'\n                        <div style="width:50px;">\n                            <div style="font-weight:bold;">{point.name}</div>\n                            <div style="opacity:0.6;">{point.percentage:.1f}%</div>\n                        </div>\n                    '},innerSize:100*(1-c)+"%",borderRadius:h,showInLegend:f}}),y=Sh(y,kh(kh({},r),{},{legendIgnoreMargin:!0})),y.legend.enabled=f,y}const Dh={components:{WPlot2d:ah},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return gt(this,"opt.width",0)},picHeight:function(){return gt(this,"opt.height",0)},ks:function(){return gt(this,"opt.keys",[])},hasOptPie:function(){return ns(this.optPie)},optPie:function(){let t=this,e=null;try{let n=gt(t,"opt.rds",[]);e=Uh(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e}},methods:{}};var Bh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptPie?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optPie})],2),t._v(" "),n("WPlot2d",{attrs:{options:t.optPie}}),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optPie})],2)],1):t._e()};Bh._withStripped=!0;const Nh=ws({render:Bh,staticRenderFns:[]},(function(t){t&&t("data-v-37803f17_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPie.vue"},media:void 0})}),Dh,"data-v-37803f17",false,undefined,!1,Ts,void 0,void 0);var Fh={components:{demolink:Yc,WPie:Nh},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WPie:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const zh=Fh;var Hh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieThicknessRatio"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieThicknessRatio:.05})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderRadius"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderWidth & pieBorderRadius"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieBorderWidth:0,pieBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor(gradient)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide labels"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide legned"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{showLegend:!1})}})],1)])])};Hh._withStripped=!0;const Wh=ws({render:Hh,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-pie")])])}]},(function(t){t&&t("data-v-32c9b918_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPie.vue"},media:void 0})}),zh,"data-v-32c9b918",false,undefined,!1,Ts,void 0,void 0);function Vh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Gh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vh(Object(n),!0).forEach((function(e){wr(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jh(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},o=gt(r,"marginLeft",null),s=gt(r,"marginRight",null),a=gt(r,"marginTop",null),l=gt(r,"marginBottom",null),c=gt(r,"xLabelFontSize","10pt"),h=gt(r,"yTitle",""),u=gt(r,"yTitleFontSize","10pt"),d=gt(r,"yTitleColor","#444"),p=gt(r,"yLabelFontSize","8pt"),f=gt(r,"yLabelColor","#888"),m=gt(r,"roseKpColor",void 0),g=gt(r,"roseWidthRatio",.25),v=gt(r,"roseBorderWidth",1),_=gt(r,"roseShowLabels",!1),y=gt(r,"showLegend",!1),b=n,x=[];De(i,((t,e)=>{let i=gt(t,"name",""),r=gt(t,"color",void 0),o=gt(t,"data",{}),s=null,a=[];De(n,(t=>{let n=gt(o,t,null),i=n;if(ns(i)){if(!ua(i,"value"))throw new Error("rose data is an object but no value");i=gt(i,"value",null)}let l=gt(m,t,void 0),c=gt(m,`${e}.${t}`,void 0),h=gt(n,"color",void 0),u=(t=>{if(xs(t)){let e=gr(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Ji(t,((t,n)=>[n/(e-1),t]))}}return t})(r||l||c||h);null===s&&(s=u),a.push({name:t,y:i,color:u})})),x.push({name:i,data:a,color:s})}));let S=_h(r),w=yh(Gh(Gh({},r),{},{space:40,marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"})),M=bh(Gh(Gh({},r),{},{labelFontSize:c})),T=vh(M,{categories:b,labels:{allowOverlap:!0}}),A=bh(Gh(Gh({},r),{},{titleFontSize:u,titleColor:d,labelFontSize:p,labelColor:f})),E=vh(A,{});E.title.text=h,E.min=0;let C=xh(r),R=Gh(Gh({},S),{},{chart:Gh(Gh({},w),{},{polar:!0,type:"column",width:t,height:e}),xAxis:T,yAxis:E,legend:C,series:x});return gs(o)&&(R.chart.marginLeft=o),gs(s)&&(R.chart.marginRight=s),gs(a)&&(R.chart.marginTop=a),gs(l)&&(R.chart.marginBottom=l),R.plotOptions=Gh(Gh({},R.plotOptions),{},{series:{stacking:"normal",groupPadding:0,pointPadding:g,borderWidth:v,dataLabels:{enabled:_,allowOverlap:!0,align:"center",y:-10}}}),R=Sh(R,Gh(Gh({},r),{},{legendIgnoreMargin:!0})),R.legend.enabled=y,R}const Xh={components:{WPlot2d:ah},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return gt(this,"opt.width",0)},picHeight:function(){return gt(this,"opt.height",0)},ks:function(){return gt(this,"opt.keys",[])},hasOptRose:function(){return ns(this.optRose)},optRose:function(){let t=this,e=null;try{let n=gt(t,"opt.rds",[]);e=jh(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e}},methods:{}};var $h=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptRose?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optRose})],2),t._v(" "),n("WPlot2d",{attrs:{options:t.optRose}}),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optRose})],2)],1):t._e()};$h._withStripped=!0;const Yh=ws({render:$h,staticRenderFns:[]},(function(t){t&&t("data-v-5a7d70bc_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",map:{version:3,sources:[],names:[],mappings:"",file:"WRose.vue"},media:void 0})}),Xh,"data-v-5a7d70bc",false,undefined,!1,Ts,void 0,void 0);var qh={components:{demolink:Yc,WRose:Yh},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WRose:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2b:{width:400,height:400,keys:t,rds:[{name:"Corn",color:"#E91E63",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:"#9C27B0",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2c:{width:400,height:400,keys:t,rds:[{name:"Corn",color:["rgb(243, 150, 199)","rgb(233, 30, 99)"],data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:["rgb(206, 159, 236)","rgb(156, 39, 176)"],data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2d:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#FF8A80"},China:{value:260,color:"#FF80AB"},Brazil:{value:107,color:"#EA80FC"},EU:{value:68.3,color:"#B388FF"},India:{value:27.5,color:"#8C9EFF"},Russia:{value:14.5,color:"#82B1FF"}}},{name:"Wheat",data:{USA:{value:51.086,color:"#F44336"},China:{value:136,color:"#E91E63"},Brazil:{value:5.5,color:"#9C27B0"},EU:{value:141,color:"#673AB7"},India:{value:107.18,color:"#3F51B5"},Russia:{value:77,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2e:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["rgb(255, 205, 210)","rgb(229, 115, 115)"]},China:{value:260,color:["rgb(255, 185, 210)","rgb(229, 95, 115)"]},Brazil:{value:107,color:["rgb(255, 165, 210)","rgb(229, 75, 115)"]},EU:{value:68.3,color:["rgb(255, 145, 210)","rgb(229, 55, 115)"]},India:{value:27.5,color:["rgb(255, 125, 210)","rgb(229, 35, 115)"]},Russia:{value:14.5,color:["rgb(255, 105, 210)","rgb(229, 15, 115)"]}}},{name:"Wheat",data:{USA:{value:51.086,color:["rgb(210, 205, 255)","rgb(115, 115, 229)"]},China:{value:136,color:["rgb(210, 185, 255)","rgb(115, 95, 229)"]},Brazil:{value:5.5,color:["rgb(210, 165, 255)","rgb(115, 75, 229)"]},EU:{value:141,color:["rgb(210, 145, 255)","rgb(115, 55, 229)"]},India:{value:107.18,color:["rgb(210, 125, 255)","rgb(115, 35, 229)"]},Russia:{value:77,color:["rgb(210, 105, 255)","rgb(115, 15, 229)"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const Zh=qh;var Kh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseBorderWidth"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseWidthRatio"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend & legendPosition"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{showLegend:!0,legendPosition:"topleft"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor(gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseShowLabels"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseShowLabels:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseBorderWidth"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseWidthRatio"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2b,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2c,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2d,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2e,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor(gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && show labels"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && hide legned"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!1})}})],1)])])};Kh._withStripped=!0;const Jh=ws({render:Kh,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-rose")])])}]},(function(t){t&&t("data-v-56e88b2d_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWRose.vue"},media:void 0})}),Zh,"data-v-56e88b2d",false,undefined,!1,Ts,void 0,void 0);const Qh={components:{WIcon:Ps,WTooltip:Wc},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 t=this;return t.hoveredTrans=t.hovered,t.focusedTrans=t.focused,""},useBackgroundColor:function(){let t=this,e={};return t.focusedTrans?(e["background-color"]=ts(t.backgroundColorFocus),e):t.hoveredTrans?(e["background-color"]=ts(t.backgroundColorHover),e):(e["background-color"]=ts(t.backgroundColor),e)},useBorder:function(){let t=this,e={};return t.focusedTrans?(e.border=`${t.borderWidth}px solid ${ts(t.borderColorFocus)}`,e):t.hoveredTrans?(e.border=`${t.borderWidth}px solid ${ts(t.borderColorHover)}`,e):(e.border=`${t.borderWidth}px solid ${ts(t.borderColor)}`,e)},useShadow:function(){let t={};return this.shadow&&(t["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)"),t},useLeftIconColor:function(){let t=this;return t.hoveredTrans?ts(t.leftIconColorHover):t.focusedTrans?ts(t.leftIconColorFocus):ts(t.leftIconColor)},useRightIconColor:function(){let t=this;return t.hoveredTrans?ts(t.rightIconColorHover):t.focusedTrans?ts(t.rightIconColorFocus):ts(t.rightIconColor)},useTitleColor:function(){let t={};return t.color=ts(this.titleColor),t},usePadding:function(){return{padding:vs(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return Ne(this.leftIconTooltip)},hasRightIconTooltop:function(){return Ne(this.rightIconTooltip)},useVerticalAlign:function(){let t=this,e={};return"center"===t.verticalAlign?e["align-items"]="center":"top"===t.verticalAlign?e["align-items"]="flex-start":"bottom"===t.verticalAlign&&(e["align-items"]="flex-end"),e}},methods:{clickIcon:function(t){let e=this;!1!==e.editable&&e.$nextTick((()=>{e.$emit("click-"+t)}))},mouseenter:function(){let t=this;t.hoveredTrans=!0,t.$nextTick((()=>{t.$emit("update:hovered",!0)}))},mouseleave:function(){let t=this;t.hoveredTrans=!1,t.$nextTick((()=>{t.$emit("update:hovered",!1)}))}}};var tu=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeParam:t.changeParam}},[n("div",{style:[{transition:"all 0.3s",display:"flex","justify-content":"flex-start","border-radius":t.borderRadius+"px",opacity:t.editable?1:.6},t.usePadding,t.useBackgroundColor,t.useBorder,t.useShadow,t.useVerticalAlign],on:{mouseenter:t.mouseenter,mouseleave:t.mouseleave}},[t.leftIcon?n("div",{style:"margin-left:"+t.iconShiftOuter+"px; margin-right:"+t.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickIcon("left")},click:function(e){return t.clickIcon("left")}}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasLeftIconTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{attrs:{ShellEllipse:"leftIcon"}},[n("WIcon",{attrs:{icon:t.leftIcon,size:t.leftIconSize,color:t.useLeftIconColor,colorHover:t.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[t._v("\n                    "+t._s(t.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3849071383)})],1):t._e(),t._v(" "),n("div",{style:[{width:"100%"}]},[t._t("default")],2),t._v(" "),t.rightIcon?n("div",{style:"margin-right:"+t.iconShiftOuter+"px; margin-left:"+t.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickIcon("right")},click:function(e){return t.clickIcon("right")}}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasRightIconTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{attrs:{ShellEllipse:"rightIcon"}},[n("WIcon",{attrs:{icon:t.rightIcon,size:t.rightIconSize,color:t.useRightIconColor,colorHover:t.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[t._v("\n                    "+t._s(t.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1563142679)})],1):t._e()])])};tu._withStripped=!0;const eu=ws({render:tu,staticRenderFns:[]},(function(t){t&&t("data-v-7045fbb7_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})}),Qh,"data-v-7045fbb7",false,undefined,!1,Ts,void 0,void 0);const nu={components:{WTooltip:Wc},props:{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-start"},placementDist:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"inherit"},textColor:{type:String,default:"black"},backgroundColor:{type:String,default:"white"},paddingStyle:{type:Object,default:()=>({v:0,h:0})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var iu=function(){var t=this,e=t.$createElement;return(t._self._c||e)("WTooltip",t._g(t._b({scopedSlots:t._u([{key:"trigger",fn:function(){return[t._t("trigger")]},proxy:!0},{key:"content",fn:function(e){return[t._t("content",null,{funHide:e.funHide})]}}],null,!0)},"WTooltip",Object.assign({},t.$props,{mode:"popup"}),!1),t.$listeners))};iu._withStripped=!0;const ru=ws({render:iu,staticRenderFns:[]},(function(t){t&&t("data-v-498e5b69_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:"WPopup.vue"},media:void 0})}),nu,"data-v-498e5b69",false,undefined,!1,Ts,void 0,void 0);function ou(t,e){let n=!1,i="";if("isstr"===e)Be(t)||(n=!0,i="需要為字串",t="");else if("isnum"===e)Qe(t)||(n=!0,i="需要為數字",t=0);else if("isp0num"===e)Qe(r=t)&&tn(r)>=0||(n=!0,i="需要為含0的正浮點數",t=0);else if("isn0num"===e)(function(t){return!!Qe(t)&&tn(t)<=0})(t)||(n=!0,i="需要為含0的負浮點數",t=0);else if("isint"===e)en(t)||(n=!0,i="需要為整數",t=0);else if("ispint"===e)Do(t)||(n=!0,i="需要為不含0正整數",t=0);else if("isp0int"===e)ln(t)||(n=!0,i="需要為含0正整數",t=0);else if("isnint"===e)(function(t){return!!en(t)&&an(t)<0})(t)||(n=!0,i="需要為不含0負整數",t=0);else if("isn0int"===e)(function(t){return!!en(t)&&an(t)<=0})(t)||(n=!0,i="需要為含0負整數",t=0);else if(Ho(e)){t=e(t)}else"any"===e?Qe(t)||Be(t)||(n=!0,i="需要為字串或數字",t=""):(n=!0,i="需要指定驗證類型",t=null);var r;return{value:t,err:n,errmsg:i}}const su={props:{type:{type:[String,Function],default:"any"},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:""},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 t=this,e="";return Qe(t.height)?e=`height:${t.height}px;`:Ne(t.height)&&(e=`height:${t.height}; line-height:${t.height};`),e},useTextFontSize:function(){let t=this.textFontSize;return t=es(t,";",""),`font-size:${t};`},useTextColor:function(){return ts(this.textColor)}},methods:{setValue:function(t){this.valueTrans=t},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(t){let e=this;e.focused!==t&&e.$nextTick((()=>{e.$emit("update:focused",t)}))},updateValue:function(t){let e=this,n=ou(e.valueTrans,e.type);e.valueTrans=n.value,e.errmsg=n.errmsg},trigger:function(t,e){let n=this;n.$nextTick((()=>{n.$emit(t,n.valueTrans,n.errmsg,e)}))}}};var au=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeValue:t.changeValue}},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.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:"+t.useTextColor+"; "+t.useHeight+" text-align:"+t.textAlign+"; "+t.useTextFontSize+" opacity:"+(""!==t.valueTrans||t.focused?1:.6)+";",attrs:{type:"text",readonly:!t.editable,placeholder:t.placeholder},domProps:{value:t.valueTrans},on:{input:[function(e){e.target.composing||(t.valueTrans=e.target.value)},function(e){t.updateValue(e),t.trigger("input",e),t.updateFocused(!0)}],change:function(e){t.trigger("change",e)},focus:function(e){return t.updateFocused(!0)},blur:function(e){t.trigger("blur",e),t.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.trigger("enter",e)}.apply(null,arguments)},select:function(e){t.trigger("select",e)}}})])};au._withStripped=!0;const lu=ws({render:au,staticRenderFns:[]},(function(t){t&&t("data-v-9c3584a4_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextCore.vue"},media:void 0})}),su,"data-v-9c3584a4",false,undefined,!1,Ts,void 0,void 0);function cu(t){return null==t?[]:function(t,e){return st(e,(function(e){return t[e]}))}(t,Oe(t))}function hu(t,e){if(!xs(t))return[];if(!Ne(e)&&!xs(e))return[];let n=null;n=Ne(e)?$s(e," "):e;let i=gr(n);return Ji(t,(t=>function(t){let e=!1,r=0;for(let o=0;o<i;o++){let s=n[o],a=s,l="+"===hn(s,1),c="-"===hn(s,1);if((l||c)&&(a=ca(s,1)),""===Hs(a))continue;let h=t.indexOf(a)>=0;if(l){if(h){e=!0,r=1;break}e=!1,r=0;break}if(c){if(h){e=!1,r=0;break}e=!0,r=1;break}if(h){e=!0;let t=1-o/i;t=t**2,r+=t}}return{hasKeyword:e,weight:r}}(t)))}function uu(){return new function(t){let e=[],n=null,i=null;return Do(t)||(t=300),t=an(t),function(r){if(Ho(r)){i=Date.now();for(var o=arguments.length,s=new Array(o>1?o-1:0),a=1;a<o;a++)s[a-1]=arguments[a];e.push({func:r,input:s}),null===n&&(n=setInterval((()=>{if(Date.now()-i>t){let t=e.pop();e=[],t.func(...t.input)}0===e.length&&(clearInterval(n),n=null)}),10))}else console.log("func is not a function")}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:300)}let du=function(t){if(!Ho(t))throw new Error("fn is not a function");return function(){let e=Ys(),n=null,i=null;try{n=t.apply(this,arguments)}catch(t){i=t}return null!==i?e.resolve({state:"error",msg:i}):Zc(n)?n.then((t=>{e.resolve({state:"success",msg:t})})).catch((t=>{"cancelled"===gt(t,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:t})})):e.resolve({state:"success",msg:n}),e}};function pu(){let t=zo(),e=[],n=null,i=!1;return function(r){let o=Ys();if(!Ho(r))return void console.log("func is not a function");let s=Xo();for(var a=arguments.length,l=new Array(a>1?a-1:0),c=1;c<a;c++)l[c-1]=arguments[c];return e.push({id:s,func:r,input:l}),null===n&&(n=setInterval((async()=>{if(i)return;i=!0;let r=e.pop();for(let n=0;n<e.length;n++){let i=e[n].id,r={state:"cancelled"};t.emit(i,r)}if(e=[],r){let e,n=r.id;e=Ho(r.func)?await du(r.func)(...r.input):{state:"error",msg:"fun is not a function"},t.emit(n,e)}i=!1,i||0!==e.length||(clearInterval(n),n=null)}),10)),t.once(s,(t=>{"success"===t.state?o.resolve(t.msg):"cancelled"===t.state?o.reject({reason:"cancelled"}):o.reject(t.msg)})),o}}function fu(t,e,n){for(var i=-1,r=t.length;++i<r;){var o=t[i],s=e(o);if(null!=s&&(void 0===a?s==s&&!v(s):n(s,a)))var a=s,l=o}return l}function mu(t,e){return t>e}function gu(t,n){let i=gr(t),r=0,o=n(r),s=i-1,a=n(s),l=!0,c=null;for(;l;){let t=Math.floor((s+r)/2),i=n(t);if(o<0&&i<0&&a<0){c=null,l=!1;break}if(o>0&&i>0&&a>0){c=null,l=!1;break}if(0===o){c=r,l=!1;break}if(0===i){c=t,l=!1;break}if(0===a){c=s,l=!1;break}if(t===r||t===s){let n=[{i:r,v:o},{i:t,v:i},{i:s,v:a}];p=t=>t.v<=0,n=(e(d=n)?ai:Ws)(d,Zi(p)),c=(u="v",(h=n)&&h.length?fu(h,Zi(u),mu):void 0).i,l=!1;break}o*i>0?(r=t,o=i):(s=t,a=i)}var h,u,d,p;return c}let vu={};function _u(){return!function(){try{return"IntersectionObserver"in window}catch(t){return!1}}()||!function(){try{return"IntersectionObserverEntry"in window}catch(t){return!1}}()||!(function(){try{return"intersectionRatio"in window.IntersectionObserverEntry.prototype}catch(t){return!1}}()||Ho(window.IntersectionObserverEntry))}const yu={directives:{domresize:$o(),dommutation:function(){let t={};return{bind:function(e,n,i){let r=`r${Xo()}`;e.setAttribute("ev-mutation",r);let o=new MutationObserver((function(t){!function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"dommutation",{ele:e,mutations:t})}));o.observe(e,{attributes:!0,childList:!0,subtree:!0}),t[r]=o},unbind:function(e){let n=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),t[n]&&(t[n].disconnect(),delete t[n])}}}(),domvisible:function(){let t={};return{bind:function(e,n,i){let r=`r${Xo()}`;e.setAttribute("ev-visible",r);let o=!1,s=setInterval((()=>{(function(t){if(!hs(t))return Promise.reject("invalid element");if(_u())return Promise.reject("invalid IntersectionObserver");let e=Ys();try{let n=new IntersectionObserver((t=>{e.resolve(t[0].isIntersecting),n.disconnect()}));n.observe(t)}catch(t){e.reject(t)}return e})(e).then((t=>{o!==t&&(o=t,function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"domvisible",t))})).catch((()=>{}))}),20);t[r]=s},unbind:function(e){let n=e.getAttribute("ev-visible");e.setAttribute("ev-visible",null),t[n]&&(clearInterval(t[n]),t[n]=null,delete t[n])}}}()},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:uu(),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(t){let e=this,n=gt(e,"$refs.divDetect");if(n){let t=n.offsetWidth-n.clientWidth;e.nativeBarWidth!==t&&(e.nativeBarWidth=t)}e.viewHeight!==t.snew.offsetHeight&&(e.viewHeight=t.snew.offsetHeight);let i=gt(e,"$refs.divShell");i&&e.$emit("update:scrollTop",i.scrollTop),e.triggerEvent("resize",{...t,from:"panel"})},resizeShell:function(t){let e=this,n=gt(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight);let i=gt(e,"$refs.divShell");i&&e.$emit("update:scrollTop",i.scrollTop),e.triggerEvent("resize",{...t,from:"shell"})},mutation:function(t){let e=this,n=gt(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...t,from:"content"})},visible:function(t){let e=this,n=gt(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:t,from:"content"})},updateRatio:function(){let t=this;if(!t.$refs.divShell)return;let e=0;t.contentHeightEff>0&&(e=t.$refs.divShell.scrollTop/t.contentHeightEff),t.ratio=e},updateScrollTop:function(t){let e=this;(async function(){await Kc((()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar),{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=t),e.$refs.divBar&&(e.$refs.divBar.scrollTop=t)})().catch((t=>{console.log(t)}))},updateScrollInfor:function(){let t=this;if(!t.$refs.divShell)return;let e={r:t.ratio,sti:t.scrollTop,stn:t.$refs.divShell.scrollTop,dir:t.scrollTop>t.$refs.divShell.scrollTop?"up":"down",t:t.viewTop,b:t.viewBottom,ch:t.contentHeight,che:t.contentHeightEff};yr(t.scrollInfor,e)||(t.scrollInfor=e)},scrollShell:function(t){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&gt(e,"$refs.divShell")&&gt(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:t,from:"shell"}),e.dbc((()=>{e.mouseLoc=""})))},scrollBar:function(t){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&gt(e,"$refs.divShell")&&gt(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:t,from:"bar"}),e.dbc((()=>{e.mouseLoc=""})))},triggerEvent:function(t,e){let n=this;n.useEmitEvent&&(n.$emit(t,e),n.updateScrollInfor(),n.$emit("change-infor",{evName:t,evMsg:e,...n.scrollInfor}))}}};var bu=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:t.changeScrollTop},on:{domresize:t.resizePanel,mouseenter:function(e){t.mouseEntering=!0},mouseleave:function(e){t.mouseEntering=!1}}},[n("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[n("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[n("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"scroll"}},[n("div",{staticStyle:{width:"100px",height:"100px"}})])])]),t._v(" "),n("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"position:relative; width:calc( 100% + "+(t.nativeBarWidth+1)+"px ); height:"+t.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;",attrs:{_class:"sb"},on:{domresize:t.resizeShell,scroll:t.scrollShell}},[n("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"}],ref:"divContent",style:"",on:{dommutation:t.mutation,domvisible:t.visible}},[t._t("default")],2)]),t._v(" "),n("div",{style:"position:absolute; top:0px; right:"+(t.isMobile?-8:0)+"px; width:8px;"},[n("div",{ref:"divBar",staticClass:"sb",style:"width:8px; height:"+t.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:"+(t.mouseEntering?t.barOpacityHover:t.barOpacity)+";",on:{scroll:t.scrollBar}},[n("div",{style:"width:1px; height:"+t.contentHeight+"px;"})])])])])};bu._withStripped=!0;let xu={set:function(t,e){vu[t]=e},get:function(t){return vu[t]},remove:function(t){delete vu[t]}};var Su={components:{WPanelScrollyCore:ws({render:bu,staticRenderFns:[]},(function(t){t&&t("data-v-5cc8b186_0",{source:"\n.sb[data-v-5cc8b186] {\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-5cc8b186]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-5cc8b186]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-5cc8b186]::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-106-3-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AA0iBA;IACA,wBAAA;IACA,qBAAA;IACA,qBAAA;IACA,4CAAA;AACA;AACA,sCAAA;AACA;IACA,UAAA;IACA,WAAA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,2BAAA;IACA,mBAAA;IACA,6BAAA;AACA",file:"WPanelScrollyCore.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`box-sizing:content-box;`\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n        @mouseenter=\"mouseEntering=true\"\r\n        @mouseleave=\"mouseEntering=false\"\r\n        :changeScrollTop=\"changeScrollTop\"\r\n    >\r\n\r\n        \x3c!-- 計算nativeBarWidth, 需使用overflow:scroll否則firefox無法順利顯示右側捲軸 --\x3e\r\n        <div style=\"position:relative; width:0px; height:0px; opacity:0;\">\r\n            <div style=\"position:absolute; left:0; top:0;\">\r\n                <div ref=\"divDetect\" style=\"width:50px; height:50px; overflow:scroll;\">\r\n                    <div style=\"width:100px; height:100px;\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            :style=\"`position:relative; width:100%; overflow-x:hidden;`\"\r\n        >\r\n\r\n            \x3c!-- 因瀏覽器計算誤差100%+nativeBarWidth仍會出現捲軸邊界, 故需+1px使捲軸能完全隱藏 --\x3e\r\n            <div\r\n                ref=\"divShell\"\r\n                _class=\"sb\"\r\n                :style=\"`position:relative; width:calc( 100% + ${nativeBarWidth+1}px ); height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;`\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                <div\r\n                    ref=\"divContent\"\r\n                    :style=\"``\"\r\n                    v-dommutation\r\n                    @dommutation=\"mutation\"\r\n                    v-domvisible\r\n                    @domvisible=\"visible\"\r\n                >\r\n                    <slot></slot>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- isMobile時divBar仍要存在, 因通用檢測時才會有效, 故isMobile時需於移至右側之外 --\x3e\r\n            <div :style=\"`position:absolute; top:0px; right:${isMobile?-8:0}px; width:8px;`\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`width:8px; height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:${mouseEntering?barOpacityHover:barOpacity};`\"\r\n                    @scroll=\"scrollBar\"\r\n                >\r\n\r\n                    <div :style=\"`width:1px; height:${contentHeight}px;`\"></div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get'\r\nimport isEqual from 'lodash-es/isEqual'\r\n// import cloneDeep from 'lodash-es/cloneDeep'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domMutation from '../js/domMutation.mjs'\r\nimport domVisible from '../js/domVisible.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，預設400\r\n * @vue-prop {Number} [scrollTop=0] 輸入目前捲動值數字，預設0\r\n * @vue-prop {Number} [barOpacity=0.6] 輸入捲軸透明度數字，預設0.6\r\n * @vue-prop {Number} [barOpacityHover=1] 輸入滑鼠移入時捲軸透明度數字，預設1\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        dommutation: domMutation(),\r\n        domvisible: domVisible(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        viewHeightMax: {\r\n            type: Number,\r\n            default: 400,\r\n        },\r\n        scrollTop: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        barOpacity: {\r\n            type: Number,\r\n            default: 0.6,\r\n        },\r\n        barOpacityHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            nativeBarWidth: 16, //預設bar寬度, 先給大值避免初始化時會顯示原本bar條\r\n\r\n            useEmitEvent: true, //是否可觸發事件\r\n            mouseEntering: false,\r\n            mouseLoc: '',\r\n\r\n            viewHeight: 0, //外框區高度px\r\n            contentHeight: 2, //內容區高度px, 一定要給>=2值(至少可能渲染2border)才能避免初始化無高度導致無法觸發後續事件\r\n\r\n            ratio: 0,\r\n            scrollInfor: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeScrollTop: function () {\r\n            //console.log('computed changeScrollTop')\r\n\r\n            let vo = this\r\n\r\n            //updateScrollTop\r\n            vo.updateScrollTop(vo.scrollTop)\r\n\r\n            return ''\r\n        },\r\n\r\n        panelHeight: function () {\r\n            //console.log('computed panelHeight')\r\n\r\n            let vo = this\r\n\r\n            return Math.min(vo.contentHeight, vo.viewHeightMax)\r\n        },\r\n\r\n        isMobile: function() {\r\n            //console.log('computed isMobile')\r\n\r\n            let vo = this\r\n\r\n            return vo.nativeBarWidth <= 0\r\n        },\r\n\r\n        contentHeightEff: function() {\r\n            let vo = this\r\n            return Math.max(vo.contentHeight - vo.panelHeight, 0)\r\n        },\r\n\r\n        viewTop: function() {\r\n            let vo = this\r\n            return vo.ratio * vo.contentHeightEff\r\n        },\r\n\r\n        viewBottom: function() {\r\n            let vo = this\r\n            return vo.viewTop + vo.viewHeightMax\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //nativeBarWidth\r\n            let divDetect = get(vo, '$refs.divDetect')\r\n            if (divDetect) {\r\n\r\n                //save nativeBarWidth\r\n                let w = divDetect.offsetWidth - divDetect.clientWidth\r\n                if (vo.nativeBarWidth !== w) {\r\n                    // console.log('resizePanel 需更新nativeBarWidth', w, '<-', vo.nativeBarWidth)\r\n                    vo.nativeBarWidth = w\r\n                }\r\n\r\n            }\r\n\r\n            //save\r\n            if (vo.viewHeight !== msg.snew.offsetHeight) {\r\n                // console.log('resizePanel 需更新viewHeight', msg.snew.offsetHeight, '<-', vo.viewHeight)\r\n                vo.viewHeight = msg.snew.offsetHeight\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'panel' })\r\n\r\n        },\r\n\r\n        resizeShell: function(msg) {\r\n            // console.log('methods resizeShell', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('resizeShell divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeShell 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'shell' })\r\n\r\n        },\r\n\r\n        mutation: function(msg) {\r\n            // console.log('methods mutation', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('mutation divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('mutation 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('mutation', { ...msg, from: 'content' })\r\n\r\n        },\r\n\r\n        visible: function(v) {\r\n            // console.log('methods visible', v)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('visible divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('visible 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('visible', { visible: v, from: 'content' })\r\n\r\n        },\r\n\r\n        updateRatio: function() {\r\n            // console.log('methods updateRatio')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //ratio\r\n            let ratio = 0\r\n            if (vo.contentHeightEff > 0) {\r\n                ratio = vo.$refs.divShell.scrollTop / vo.contentHeightEff\r\n            }\r\n\r\n            //save\r\n            vo.ratio = ratio\r\n\r\n        },\r\n\r\n        // updateScrollTopByRatio: function(r) {\r\n        //     // console.log('methods updateScrollTopByRatio', r)\r\n\r\n        //     let vo = this\r\n\r\n        //     //divShell\r\n        //     let divShell = get(vo, '$refs.divShell')\r\n\r\n        //     //check\r\n        //     if (!divShell) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //divBar\r\n        //     let divBar = get(vo, '$refs.divBar')\r\n\r\n        //     //check\r\n        //     if (!divBar) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //scrollTop\r\n        //     let h = vo.contentHeight - vo.panelHeight\r\n        //     let scrollTop = 0\r\n        //     if (h > 0) {\r\n        //         scrollTop = r * h\r\n        //     }\r\n\r\n        //     //update scrollTop\r\n        //     vo.$refs.divShell.scrollTop = scrollTop\r\n        //     vo.$refs.divBar.scrollTop = scrollTop\r\n\r\n        // },\r\n\r\n        updateScrollTop: function(scrollTop) {\r\n            // console.log('methods updateScrollTop', scrollTop)\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait divShell與divBar, 組件初始化時會先觸發computed才會有實體元素出現, 故得用waitFun等待\r\n                await waitFun(() => {\r\n                    return vo.$refs.divShell !== undefined && vo.$refs.divBar !== undefined\r\n                }, { timeInterval: 20 })\r\n\r\n                //update scrollTop\r\n                if (vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divShell.scrollTop = scrollTop\r\n                }\r\n                if (vo.$refs.divBar) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divBar.scrollTop = scrollTop\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        updateScrollInfor: function() {\r\n            //console.log('methods updateScrollInfor')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //scrollInfor\r\n            let scrollInfor = {\r\n                r: vo.ratio,\r\n                sti: vo.scrollTop, //輸入給予scrollTop\r\n                stn: vo.$refs.divShell.scrollTop, //目前scrollTop, 要等emit scrollTop出去後才會與sti同值\r\n                dir: vo.scrollTop > vo.$refs.divShell.scrollTop ? 'up' : 'down', //判斷是往上還往下捲\r\n                t: vo.viewTop,\r\n                b: vo.viewBottom,\r\n                ch: vo.contentHeight,\r\n                che: vo.contentHeightEff,\r\n                // ph: vo.panelHeight,\r\n            }\r\n\r\n            //save\r\n            if (!isEqual(vo.scrollInfor, scrollInfor)) {\r\n                vo.scrollInfor = scrollInfor\r\n            }\r\n\r\n        },\r\n\r\n        scrollShell: function(ev) {\r\n            // console.log('methods scrollShell', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter shell'\r\n            }\r\n            if (vo.mouseLoc !== 'enter shell') {\r\n                return\r\n            }\r\n            // console.log('scrollShell')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divBar\r\n            vo.$refs.divBar.scrollTop = vo.$refs.divShell.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'shell' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'shell' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollShell clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        scrollBar: function(ev) {\r\n            // console.log('methods scrollBar', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter bar'\r\n            }\r\n            if (vo.mouseLoc !== 'enter bar') {\r\n                return\r\n            }\r\n            // console.log('scrollBar')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divShell\r\n            vo.$refs.divShell.scrollTop = vo.$refs.divBar.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'bar' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'bar' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollBar clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        triggerEvent: function(name, msg) {\r\n            // console.log('methods triggerEvent', name, msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.useEmitEvent) {\r\n                return\r\n            }\r\n\r\n            //emit\r\n            vo.$emit(name, msg)\r\n\r\n            //updateScrollInfor\r\n            vo.updateScrollInfor()\r\n\r\n            //emit\r\n            vo.$emit('change-infor', {\r\n                evName: name,\r\n                evMsg: msg,\r\n                ...vo.scrollInfor,\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.sb {\r\n    transition: opacity 0.3s;\r\n    /* Works on Firefox */\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0,0,0,0.3) transparent;\r\n}\r\n/* Works on Chrome, Edge, and Safari */\r\n.sb::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n.sb::-webkit-scrollbar-track {\r\n    background: transparent;\r\n}\r\n.sb::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),yu,"data-v-5cc8b186",false,undefined,!1,Ts,void 0,void 0)},props:{rows:{type:Array,default:()=>[]},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:pu(),dbcRefresh:uu(),dbcSetRows:uu(),mmkey:Xo(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,filterKeywordsTemp:"",itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let t=this;null!==t.mmkey&&xu.remove(t.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler(t){this.setRows(t)}}},computed:{changeFilterKeyWords:function(){let t=this.filterKeywords;return this.filterDebounce(),t}},methods:{getRows:function(){return xu.get(this.mmkey)},setRowsCore:function(t){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!_s(t)){return"rows is not array"}null!==e.mmkey&&xu.remove(e.mmkey);let n=Ji(t,((t,n)=>({index:n,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:n*e.itemMinHeight,row:t})));xu.set(e.mmkey,n),e.changeDisplay=!0},setRows:async function(t){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=gr(t)<=1e4,e.setRowsCore(t),await e.refreshCore("setRows")}().catch((t=>{console.log(t)})).finally((()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1}))},setRowsDebounce:function(t){let e=this;e.lockFromSetRows=!0,e.dbcSetRows((()=>{e.setRows(t)}))},genUseItems:function(){let t=this;if(null===t.mmkey)return;let e=xu.get(t.mmkey),n=gr(e),i=[],r=!1,o=!1;if(n>0){let o=gu(e,(n=>{let i=e[n];return t.scrollInfor.t-(i.y+i.height)}));null===o&&(o=0);let s=Math.max(o-1,0),a=gu(e,(n=>{let i=e[n];return t.scrollInfor.b-i.y}));null===a&&(a=n-1);let l=Math.min(a+t.itemsPreload,n-1),c=0;for(let t=0;t<s;t++){let n=e[t];n.displayShow&&n.filterShow&&(c+=n.height)}let h=0;for(let t=l+1;t<=n-1;t++){let n=e[t];n.displayShow&&n.filterShow&&(h+=n.height)}for(let n=s;n<=l;n++){let r=Uo(e[n]);r.displayShow&&r.filterShow&&(r.nowShow=!0,r.top=r.y-t.scrollInfor.t,i.push(r))}t.itemsHeightPre!==c&&(r=!0,t.itemsHeightPre=c),t.itemsHeightAft!==h&&(r=!0,t.itemsHeightAft=h)}if(yr(t.useItems,i)||(o=!0,t.useItems=i),t.$refs.wdsDiv){let e=Ji(i,"row"),n=Ji(i,"row.item");t.$emit("render",{eles:t.$refs.wdsDiv,rows:e,items:n}),yr(t.emItemsTemp,n)||(t.$emit("change-view-items",{eles:t.$refs.wdsDiv,rows:e,items:n}),t.emItemsTemp=n)}return{change:r||o}},syncItemsHeight:function(t,e){let n=!1;return 0===gr(t)||De(gt(this,"$refs.wdsDiv",[]),((i,r)=>{if(!i.getAttribute)return console.log("找不到getAttribute"),!0;let o=i.getAttribute("index");if(!ln(o))return console.log("!isp0int(index)",o),!0;o=an(o);let s=gt(i,"children.0");if(!hs(s))return console.log("!isEle(cnode)",s),!0;let a=s.offsetHeight;t[o].height!==a&&(Ho(e)&&e(o,a),n=!0)})),n},updateItemsHeight:function(){let t=this;if(null===t.mmkey)return!1;let e=xu.get(t.mmkey),n=gr(e);t.changeHeight=t.syncItemsHeight(e,((t,n)=>{e[t].height=n})),t.show||(t.changeHeight=!1);let i=null,r=t.changeHeight||t.changeDisplay||t.changeFilter;if(r){let r=0;for(let t=0;t<n;t++){let n=e[t];n.y!==r&&(e[t].y=r),n.displayShow&&n.filterShow&&(r+=n.height)}i=t.itemsHeight,i!==r&&(i=r),0===i&&(i=43),t.changeHeight=!1,t.changeDisplay=!1,t.changeFilter=!1}return{change:r,itemsHeight:i}},refreshCore:async function(t){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let n=0,i=3;await async function(){e.lockFromRefreshUseItems=!0;let t=Uo(e.scrollInfor),r=await async function(){let t=Ys();if(n+=1,n>i)return t.resolve(null),t;e.filterItems();let r=e.genUseItems();await Jc(20);let o=e.updateItemsHeight();return t.resolve({genUseItems:r,updateItemsHeight:o}),t}(),o=gt(r,"genUseItems.change",!1)||gt(r,"updateItemsHeight.change",!1),s=gt(r,"updateItemsHeight.itemsHeight",null);if(gs(s))if(s<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let n=0;"up"===t.dir&&(n=s-t.ch);let i=e.scrollTop+n;e.scrollTop!==i&&(e.scrollTop=i),e.itemsHeight=s,e.$emit("change-height-of-items",{height:s})}o&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))}().catch((t=>{console.log(t)})).finally((()=>{e.lockFromRefreshUseItems=!1}))},refresh:function(t){this.pmtRefresh(this.refreshCore,t).catch((()=>{}))},filterDebounce:function(){let t=this;t.dbcRefresh((()=>{t.refreshCore("filterDebounce")}))},changeInfor:function(t){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((()=>{e.scrollInfor=t,e.refresh("changeInfor")})))},processItems:async function(t={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let n=xu.get(e.mmkey);if(!_s(n))return;let i=gt(t,"fun",null);if(Ho(i)){let t=i(n);Zc(t)&&(t=await t),e.changeDisplay=!0,e.changeFilter=!0}let r=gt(t,"indStart",null),o=gt(t,"indEnd",null);if(en(r)&&en(o)){let i=gt(t,"displayShow",null);if(fs(i)){for(let t=r;t<=o;t++){gt(n,t,null)&&(n[t].displayShow=i)}e.changeDisplay=!0}let s=gt(t,"filterShow",null);if(fs(s)){for(let t=r;t<=o;t++){gt(n,t,null)&&(n[t].filterShow=s)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch((t=>{console.log(t)})).finally((()=>{e.lockFromProcess=!1}))},setSearchingResults:function(t){this.searchingResults=t},filterItems:function(){let t=this;if(null===t.mmkey)return;if(t.filterKeywordsTemp===t.filterKeywords)return;t.filterKeywordsTemp=t.filterKeywords;let e=xu.get(t.mmkey),n=gr(e);if(t.searchingResults=-1,0===gr(t.filterKeywords)){for(let t=0;t<n;t++)e[t].filterShow=!0;t.searchingResults=1}else{let n=t.filterKeywords.toLowerCase(),i=Ji(e,(t=>{let e=t.row,n="";return n=Be(e)?e:Qe(e)?ut(e):ns(e)?js(cu(e)," "):function(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(ys(t))return"";let n="";try{n=e?JSON.stringify(t,null,2):JSON.stringify(t)}catch(t){n=""}return n}(e),n=n.toLowerCase(),n})),r=hu(i,n),o=0;De(e,((t,n)=>{let i=r[n];e[n].filterShow=i.hasKeyword,i.hasKeyword&&o++})),t.searchingResults=o}t.changeFilter=!0},triggerEvent:function(t,e){let n=gt(this,"$refs.wpsc.triggerEvent",null);n&&n(t,e)}}};const wu=Su;var Mu=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:t.scrollTop,viewHeightMax:t.viewHeightMax,changeFilterKeyWords:t.changeFilterKeyWords},on:{"update:scrollTop":function(e){t.scrollTop=e},"update:scroll-top":function(e){t.scrollTop=e},"change-infor":t.changeInfor}},[n("div",{style:"padding-top:"+t.itemsHeightPre+"px; padding-bottom:"+t.itemsHeightAft+"px;"},[t._l(t.useItems,(function(e,i){return[n("div",{key:"kitem-"+i,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:i,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[t._t("default",null,{row:e.row,index:e.index})],2)]}))],2),t._v(" "),!t.disableLoadingText&&t.lockFromSetRows?n("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[t._v("\n        "+t._s(t.loadingText)+"\n    ")]):[0===t.useItems.length&&t.searchingResults>0?n("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[t._v("\n            "+t._s(t.searchingText)+"\n        ")]):[0===t.searchingResults&&""!==t.noResultsText?n("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[t._v("\n                "+t._s(t.noResultsText)+"\n            ")]):t._e()]]],2)};Mu._withStripped=!0;const Tu={components:{WPopup:ru,WTextCore:lu,WDynamicList:ws({render:Mu,staticRenderFns:[]},(function(t){t&&t("data-v-3fbc8874_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",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})}),wu,"data-v-3fbc8874",false,undefined,!1,Ts,void 0,void 0),WIcon:Ps},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:"M8,5.14V19.14L19,12.14L8,5.14Z"},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},placementDist:{type:Number,default:5},placeholder:{type:String,default:""},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,showPanelTrans:!1,valueTrans:null}},computed:{changeFocusedFromPopup:function(){return this.focusedTrans=this.focused,""},changeShowPanelFromPopup:function(){let t=this;return gr(t.items)>0?t.showPanelTrans=t.showPanel:t.showPanelTrans=!1,""},changeValueFromPopup:function(){let t=this;return br(t.value)?t.valueTrans=t.value[t.keyText]:t.valueTrans=t.value,""},useTextFontSize:function(){let t=this.textFontSize;return t=es(t,";",""),`font-size:${t};`},useTextColor:function(){return ts(this.textColor)},useItemBackgroundColor:function(){return ts(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return ts(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let t=this.itemTextFontSize;return t=es(t,";",""),`font-size:${t};`},useItemTextColor:function(){return ts(this.itemTextColor)},useItemTextColorHover:function(){return ts(this.itemTextColorHover)},useItemPadding:function(){return`padding:${vs(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return ts(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(t){let e=this;return br(t)?t[e.keyText]:t},selectText:function(){let t=this;t.editable&&(t.showPanelTrans||t.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let t=this;t.editable&&(t.showPanelTrans||t.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(t,e){this.editable&&this.triggerAll({focused:t},"updateFocused")},updateShowPanel:function(t,e){this.editable&&this.triggerAll({showPanel:t,focused:t},"updateShowPanel")},updateValue:function(t){let e=this;e.editable&&(e.valueTrans=t,e.triggerEvent("input",t,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(t,e){let n=this;n.editable&&(n.triggerEvent("input",t,e,"clickItem"),n.triggerEvent("click-item",t,e,"clickItem"),n.triggerAll({showPanel:!1,focused:!1},"clickItem"))},triggerEvent:function(t,e,n,i){let r=this;r.editable&&r.$nextTick((()=>{r.$emit(t,e,n)}))},triggerAll:function(t,e){let n=this;if(!n.editable)return;let i=gt(t,"showPanel",null),r=gt(t,"focused",null);setTimeout((()=>{fs(r)&&n.focusedTrans!==r&&(n.focusedTrans=r,n.triggerEvent("update:focused",r,null,"triggerAll")),fs(i)&&n.showPanelTrans!==i&&(gr(n.items)>0?n.showPanelTrans=i:n.showPanelTrans=!1,n.triggerEvent("update:showPanel",i,null,"triggerAll"))}),20)}}};var Au=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("WPopup",{attrs:{displayType:"line",minWidth:t.minWidth,maxWidth:t.maxWidth,autoFitMinWidth:t.autoFitMinWidth,autoFitMaxWidth:t.autoFitMaxWidth,placementDist:t.placementDist,editable:t.editable,value:t.showPanelTrans,changeValueFromPopup:t.changeValueFromPopup,changeFocusedFromPopup:t.changeFocusedFromPopup,changeShowPanelFromPopup:t.changeShowPanelFromPopup},on:{input:function(e){t.updateShowPanel(e,"WPopup")}},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",[n("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===t.mode?n("div",{style:"width:100%; color:"+t.useTextColor+"; "+t.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{_tabindex:"0"},on:{focus:t.focusText}},[t._t("select",(function(){return[t._v("\n                        "+t._s(t.valueTrans)+"\n                    ")]}),{item:t.value,text:t.valueTrans})],2):t._e(),t._v(" "),"suggest"===t.mode?n("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:t.textFontSize,textColor:t.useTextColor,textAlign:t.textAlign,placeholder:t.placeholder,height:t.height,editable:t.editable,focused:t.focusedTrans,value:t.valueTrans},on:{"update:focused":function(e){t.updateFocused(e,"update:focused"),t.triggerEvent("blur",t.value,null,"blur")},enter:function(e){return t.triggerEvent("enter",t.value,null,"enter")},input:t.updateValue,select:t.selectText}}):t._e(),t._v(" "),n("div",{},[n("div",{style:"transform:rotate("+(t.useRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[n("WIcon",{attrs:{icon:t.expansionIcon,color:t.uesExpansionIconColor,colorHover:t.uesExpansionIconColor,size:t.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[n("div",[n("WDynamicList",{attrs:{rows:t.items,filterKeywords:"suggest"===t.mode?t.valueTrans:"",viewHeightMax:t.maxHeight,itemMinHeight:t.defItemHeight,loadingText:t.loadingText,noResultsText:t.noResultsText,searchingText:t.searchingText,show:t.showPanelTrans},scopedSlots:t._u([{key:"default",fn:function(e){return[n("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+t.useItemBackgroundColor+"; color:"+t.useItemTextColor+"; "+t.useItemTextFontSize+" "+t.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(n){return!n.type.indexOf("key")&&t._k(n.keyCode,"enter",13,n.key,"Enter")?null:t.clickItem(e.row,e.index)},click:function(n){return t.clickItem(e.row,e.index)},mouseenter:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColorHover,n.color=t.useItemTextColorHover},mouseleave:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColor,n.color=t.useItemTextColor},focus:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColorHover,n.color=t.useItemTextColorHover},blur:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColor,n.color=t.useItemTextColor}}},[t._t("item",(function(){return[n("div",[t._v(t._s(t.getText(e.row)))])]}),{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};Au._withStripped=!0;const Eu=ws({render:Au,staticRenderFns:[]},(function(t){t&&t("data-v-b26f3630_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggestCore.vue"},media:void 0})}),Tu,"data-v-b26f3630",false,undefined,!1,Ts,void 0,void 0);const Cu={directives:{domresize:$o()},components:{WShellEllipse:eu,WTextSuggestCore:Eu},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"},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})},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},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{resize:function(t){let e=this,n=vs(e.paddingStyle,{returnObj:!0}).bottom-2,i=gt(e,"$el.offsetHeight",0)-26-2*n;i/=2;e.useDistY=n+i+5},getText:function(t){let e=this;return br(t)?t[e.keyText]:t},updateFocused:function(t){let e=this;e.focusedTrans=t,e.$nextTick((()=>{e.$emit("update:focused",t)}))},updateShowPanel:function(t){let e=this;e.showPanelTrans=t,e.$nextTick((()=>{e.$emit("update:showPanel",t)}))}}};var Ru=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:t.changeParam},on:{domresize:t.resize}},[n("WShellEllipse",{attrs:{paddingStyle:t.paddingStyle,borderWidth:t.constBorderWidth,borderRadius:t.borderRadius,shadow:t.shadow,leftIcon:t.leftIcon,leftIconSize:t.leftIconSize,leftIconColor:t.leftIconColor,leftIconColorHover:t.leftIconColorHover,leftIconColorFocus:t.leftIconColorFocus,leftIconTooltip:t.leftIconTooltip,rightIcon:t.rightIcon,rightIconSize:t.rightIconSize,rightIconColor:t.rightIconColor,rightIconColorHover:t.rightIconColorHover,rightIconColorFocus:t.rightIconColorFocus,rightIconTooltip:t.rightIconTooltip,iconShiftOuter:t.iconShiftOuter,iconShiftInner:t.iconShiftInner,backgroundColor:t.backgroundColor,backgroundColorHover:t.backgroundColorHover,backgroundColorFocus:t.backgroundColorFocus,borderColor:t.borderColor,borderColorHover:t.borderColorHover,borderColorFocus:t.borderColorFocus,editable:t.editable,focused:t.focusedTrans},on:{"click-left":function(e){return t.$emit("click-left")},"click-right":function(e){return t.$emit("click-right")}}},[n("div",{staticStyle:{"margin-right":"-5px"}},[n("WTextSuggestCore",{attrs:{mode:"select",items:t.items,value:t.value,keyText:t.keyText,textFontSize:t.textFontSize,textColor:t.textColor,itemTextFontSize:t.itemTextFontSize,itemTextColor:t.itemTextColor,itemTextColorHover:t.itemTextColorHover,itemBackgroundColor:t.itemBackgroundColor,itemBackgroundColorHover:t.itemBackgroundColorHover,itemPaddingStyle:t.itemPaddingStyle,expansionIcon:t.showExpansionIcon?void 0:"",expansionIconSize:t.expansionIconSize,expansionIconColor:t.expansionIconColor,maxHeight:t.maxHeight,minWidth:t.minWidth,maxWidth:t.maxWidth,autoFitMinWidth:t.autoFitMinWidth,autoFitMaxWidth:t.autoFitMaxWidth,placementDist:t.useDistY,defItemHeight:t.defItemHeight,editable:t.editable,focused:t.focusedTrans,showPanel:t.showPanelTrans},on:{"update:focused":function(e){t.updateFocused(e),t.$emit("blur",null,null)},"update:showPanel":t.updateShowPanel,input:function(e,n){t.$emit("input",e,n)},"click-item":function(e,n){t.$emit("click-item",e,n)}},scopedSlots:t._u([{key:"select",fn:function(e){return[t._t("select",(function(){return[t._v("\n                        "+t._s(e.text)+"\n                    ")]}),{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[t._t("item",(function(){return[n("div",[t._v(t._s(t.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};Ru._withStripped=!0;const Pu={components:{WTextSelect:ws({render:Ru,staticRenderFns:[]},(function(t){t&&t("data-v-673b2298_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSelect.vue"},media:void 0})}),Cu,"data-v-673b2298",false,undefined,!1,Ts,void 0,void 0),WBar:Ch,WPie:Nh,WRose:Yh},props:{mode:{type:String,default:"multi"},opt:{type:Object,default:()=>{}},textPlotType:{type:String,default:"Plot type"},widthSelect:{type:Number,default:260},keySelect:{type:String,default:"bar-v-normal"},kpSelectText:{type:Object,default:()=>{}}},data:function(){return{typeItemsDefOne:[{key:"bar-v-normal",type:"bar",text:"Vertical bars",optExt:{}},{key:"bar-h-normal",type:"bar",text:"Horizontal bars",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"}},{key:"bar-h-normal-dense",type:"bar",text:"Horizontal bars with dense",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0}},{key:"pie-normal",type:"pie",text:"Pies",optExt:{}},{key:"rose-normal",type:"rose",text:"Roses",optExt:{}}],typeItemsDefMulti:[{key:"bar-v-normal",type:"bar",text:"Vertical bars",optExt:{}},{key:"bar-v-stack-normal",type:"bar",text:"Vertical bars with normal stack",optExt:{barDisplay:"stackNormal"}},{key:"bar-v-stack-percent",type:"bar",text:"Vertical bars with percent stack",optExt:{barDisplay:"stackPercent"}},{key:"bar-h-normal",type:"bar",text:"Horizontal bars",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"}},{key:"bar-h-normal-dense",type:"bar",text:"Horizontal bars with dense",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0,barGroupWidthRatio:.25}},{key:"bar-h-stack-normal",type:"bar",text:"Horizontal bars with normal stack",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barDisplay:"stackNormal"}},{key:"bar-h-stack-percent",type:"bar",text:"Horizontal bars with percent stack",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barDisplay:"stackPercent"}},{key:"rose-normal",type:"rose",text:"Roses",optExt:{}}],typeItems:[],keySelectTrans:null,typeSelect:null}},computed:{typeItemsDef:function(){let t=this;return"one"===t.mode?t.typeItemsDefOne:t.typeItemsDefMulti},changeTypeItems:function(){let t=this,e=[];return ns(t.kpSelectText)?De(t.typeItemsDef,(n=>{if(!ua(t.kpSelectText,n.key))return!0;let i=t.kpSelectText[n.key];e.push({...n,text:i})})):e=t.typeItemsDef,t.typeItems=e,""},changeKeySelect:function(){return this.updateTypeSelectByKey(this.keySelect),""},picWidth:function(){return gt(this,"opt.width",0)},picHeight:function(){return gt(this,"opt.height",0)},ks:function(){return gt(this,"opt.keys",[])},hasOptTar:function(){return ns(this.optTar)},cmp:function(){let t=gt(this,"typeSelect.type","");return t=Zo(t),`W${t}`},optTar:function(){let t=this,e=gt(t,"opt.showLabels",!0),n=e,i=e,r=e,o=gt(t,"opt.showLegend",!1),s=gt(t,"opt.rds",[]),a=gr(s);if(0===a)return console.log("no data, size(opt.rds)=0"),null;"one"===t.mode&&a>1&&(console.log("size(opt.rds)>1"),s=[s[0]]);let l=null;try{l=t.opt,l=Uo(l);let e=gt(t,"typeSelect.optExt",{});e=Uo(e);let s={barShowLabels:n,pieShowLabels:i,roseShowLabels:r,showLegend:o};l=vh(l,e),l=vh(l,s)}catch(t){console.log(t)}return l}},methods:{updateTypeSelectByKey:function(t){let e=this;e.keySelectTrans=t;let n=null;De(e.typeItems,(e=>{if(e.key===t)return n=e,!1})),e.typeSelect=n},updateTypeSelectAndEmitKeySelect:function(t){let e=this;e.typeSelect=t;let n=gt(t,"key","");e.updateTypeSelectByKey(n),e.$emit("update:keySelect",n)}}};var Lu=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticStyle:{display:"inline-block"},attrs:{changeTypeItems:t.changeTypeItems,changeKeySelect:t.changeKeySelect}},[n("div",{staticStyle:{"padding-bottom":"5px"}},[n("div",{staticStyle:{display:"flex","align-items":"flex-end"}},[n("div",{style:""},[t._t("head")],2),t._v(" "),n("div",{staticStyle:{display:"flex","align-items":"center"}},[n("div",{staticStyle:{"padding-right":"10px","font-size":"0.85rem",color:"#666"}},[t._v("\n                    "+t._s(t.textPlotType)+":\n                ")]),t._v(" "),n("WTextSelect",{style:"width:"+t.widthSelect+"px;",attrs:{paddingStyle:{v:3,h:10},borderRadius:4,items:t.typeItems,value:t.typeSelect},on:{input:t.updateTypeSelectAndEmitKeySelect}})],1)])]),t._v(" "),t.hasOptTar?n("div",{attrs:{name:"tarp"}},[n(t.cmp,{tag:"component",attrs:{opt:t.optTar}})],1):t._e()])};Lu._withStripped=!0;const Ou=ws({render:Lu,staticRenderFns:[]},(function(t){t&&t("data-v-65c20120_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",map:{version:3,sources:[],names:[],mappings:"",file:"WSetMulti.vue"},media:void 0})}),Pu,"data-v-65c20120",false,undefined,!1,Ts,void 0,void 0);const Iu={components:{WSetMulti:Ou},props:{opt:{type:Object,default:()=>{}},textPlotType:{type:String,default:"Plot type"},widthSelect:{type:Number,default:215},keySelect:{type:String,default:"bar-v-normal"},kpSelectText:{type:Object,default:()=>{}}},data:function(){return{}},computed:{},methods:{}};var ku=function(){var t=this,e=t.$createElement;return(t._self._c||e)("WSetMulti",t._g(t._b({scopedSlots:t._u([{key:"head",fn:function(){return[t._t("head")]},proxy:!0}],null,!0)},"WSetMulti",Object.assign({},t.$props,{mode:"one"}),!1),t.$listeners))};ku._withStripped=!0;const Uu={components:{demolink:Yc,WSetOne:ws({render:ku,staticRenderFns:[]},(function(t){t&&t("data-v-1ed91c2b_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",map:{version:3,sources:[],names:[],mappings:"",file:"WSetOne.vue"},media:void 0})}),Iu,"data-v-1ed91c2b",false,undefined,!1,Ts,void 0,void 0)},props:{},data:function(){return{WSetOne:{keySelect:"bar-v-normal",opt1c:{width:400,height:400,keys:["USA","China","Brazil","EU","India","Russia"],rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};var Du=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"default"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"keySelect"}}),t._v(" "),n("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[t._v("\n                keySelect: "+t._s(t.WSetOne.keySelect)+"\n            ")]),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c),keySelect:t.WSetOne.keySelect},on:{"update:keySelect":function(e){return t.$set(t.WSetOne,"keySelect",e)},"update:key-select":function(e){return t.$set(t.WSetOne,"keySelect",e)}}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"textPlotType & kpSelectText & widthSelect"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c),textPlotType:"繪圖類型",kpSelectText:{"bar-v-normal":"垂直直條圖","bar-h-normal":"水平直條圖","bar-h-normal-dense":"水平直條圖(緊密)","pie-normal":"圓餅圖","rose-normal":"玫瑰圖"},widthSelect:160}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"hide labels"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c,{showLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"show legned"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"slot head"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c)},scopedSlots:t._u([{key:"head",fn:function(){return[n("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[t._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Du._withStripped=!0;const Bu=ws({render:Du,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-set-one")])])}]},(function(t){t&&t("data-v-70596d8e_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWSetOne.vue"},media:void 0})}),Uu,"data-v-70596d8e",false,undefined,!1,Ts,void 0,void 0);const Nu={components:{demolink:Yc,WSetMulti:Ou},props:{},data:function(){return{WSetMulti:{keySelect:"bar-v-normal",opt2e:{width:400,height:400,keys:["USA","China","Brazil","EU","India","Russia"],rds:[{name:"Corn",data:{USA:{value:406.292,color:["rgb(255, 205, 210)","rgb(229, 115, 115)"]},China:{value:260,color:["rgb(255, 185, 210)","rgb(229, 95, 115)"]},Brazil:{value:107,color:["rgb(255, 165, 210)","rgb(229, 75, 115)"]},EU:{value:68.3,color:["rgb(255, 145, 210)","rgb(229, 55, 115)"]},India:{value:27.5,color:["rgb(255, 125, 210)","rgb(229, 35, 115)"]},Russia:{value:14.5,color:["rgb(255, 105, 210)","rgb(229, 15, 115)"]}}},{name:"Wheat",data:{USA:{value:51.086,color:["rgb(210, 205, 255)","rgb(115, 115, 229)"]},China:{value:136,color:["rgb(210, 185, 255)","rgb(115, 95, 229)"]},Brazil:{value:5.5,color:["rgb(210, 165, 255)","rgb(115, 75, 229)"]},EU:{value:141,color:["rgb(210, 145, 255)","rgb(115, 55, 229)"]},India:{value:107.18,color:["rgb(210, 125, 255)","rgb(115, 35, 229)"]},Russia:{value:77,color:["rgb(210, 105, 255)","rgb(115, 15, 229)"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};var Fu=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"default"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"keySelect"}}),t._v(" "),n("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[t._v("\n                keySelect: "+t._s(t.WSetMulti.keySelect)+"\n            ")]),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e),keySelect:t.WSetMulti.keySelect},on:{"update:keySelect":function(e){return t.$set(t.WSetMulti,"keySelect",e)},"update:key-select":function(e){return t.$set(t.WSetMulti,"keySelect",e)}}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"textPlotType & kpSelectText & widthSelect"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e),textPlotType:"繪圖類型",kpSelectText:{"bar-v-normal":"垂直直條圖","bar-v-stack-normal":"垂直堆疊直條圖","bar-v-stack-percent":"垂直堆疊佔比直條圖","bar-h-normal":"水平直條圖","bar-h-normal-dense":"水平直條圖(緊密)","bar-h-stack-normal":"水平堆疊直條圖","bar-h-stack-percent":"水平堆疊佔比直條圖","rose-normal":"玫瑰圖"},widthSelect:170}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"hide labels"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e,{showLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"hide legned"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e,{showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"slot head"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e)},scopedSlots:t._u([{key:"head",fn:function(){return[n("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[t._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Fu._withStripped=!0;const zu=ws({render:Fu,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-set-multi")])])}]},(function(t){t&&t("data-v-4dce664a_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWSetMulti.vue"},media:void 0})}),Nu,"data-v-4dce664a",false,undefined,!1,Ts,void 0,void 0);function Hu(t,e,n){return null==t?t:function(t,e,n,i){if(!x(t))return t;for(var r=-1,o=(e=dt(e,t)).length,s=o-1,a=t;null!=a&&++r<o;){var l=ft(e[r]),c=n;if("__proto__"===l||"constructor"===l||"prototype"===l)return t;if(r!=s){var h=a[l];void 0===(c=i?i(h,l,a):void 0)&&(c=x(h)?h:de(e[r+1])?[]:{})}Cr(a,l,c),a=a[l]}return t}(t,e,n)}function Wu(t,e){return t<e}function Vu(t){return t&&t.length?fu(t,Ue,Wu):void 0}function Gu(t){return t&&t.length?fu(t,Ue,mu):void 0}function ju(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Xu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ju(Object(n),!0).forEach((function(e){wr(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ju(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).app=e(t.Vue)}(this,(function(t){"use strict";var e=Array.isArray,n="object"==typeof global&&global&&global.Object===Object&&global,i="object"==typeof self&&self&&self.Object===Object&&self,r=n||i||Function("return this")(),o=r.Symbol,s=Object.prototype,a=s.hasOwnProperty,l=s.toString,c=o?o.toStringTag:void 0;var h=Object.prototype.toString;var u="[object Null]",d="[object Undefined]",p=o?o.toStringTag:void 0;function f(t){return null==t?void 0===t?d:u:p&&p in Object(t)?function(t){var e=a.call(t,c),n=t[c];try{t[c]=void 0;var i=!0}catch(t){}var r=l.call(t);return i&&(e?t[c]=n:delete t[c]),r}(t):function(t){return h.call(t)}(t)}function m(t){return null!=t&&"object"==typeof t}var g="[object Symbol]";function v(t){return"symbol"==typeof t||m(t)&&f(t)==g}var _=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,y=/^\w*$/;function b(t,n){if(e(t))return!1;var i=typeof t;return!("number"!=i&&"symbol"!=i&&"boolean"!=i&&null!=t&&!v(t))||(y.test(t)||!_.test(t)||null!=n&&t in Object(n))}function x(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}var S="[object AsyncFunction]",w="[object Function]",M="[object GeneratorFunction]",T="[object Proxy]";function A(t){if(!x(t))return!1;var e=f(t);return e==w||e==M||e==S||e==T}var E,C=r["__core-js_shared__"],R=(E=/[^.]+$/.exec(C&&C.keys&&C.keys.IE_PROTO||""))?"Symbol(src)_1."+E:"";var P=Function.prototype.toString;function L(t){if(null!=t){try{return P.call(t)}catch(t){}try{return t+""}catch(t){}}return""}var O=/^\[object .+?Constructor\]$/,I=Function.prototype,k=Object.prototype,U=I.toString,D=k.hasOwnProperty,B=RegExp("^"+U.call(D).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function N(t){return!(!x(t)||(e=t,R&&R in e))&&(A(t)?B:O).test(L(t));var e}function F(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return N(n)?n:void 0}var z=F(Object,"create");var H=Object.prototype.hasOwnProperty;var W=Object.prototype.hasOwnProperty;function V(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}function G(t,e){return t===e||t!=t&&e!=e}function j(t,e){for(var n=t.length;n--;)if(G(t[n][0],e))return n;return-1}V.prototype.clear=function(){this.__data__=z?z(null):{},this.size=0},V.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},V.prototype.get=function(t){var e=this.__data__;if(z){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return H.call(e,t)?e[t]:void 0},V.prototype.has=function(t){var e=this.__data__;return z?void 0!==e[t]:W.call(e,t)},V.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=z&&void 0===e?"__lodash_hash_undefined__":e,this};var X=Array.prototype.splice;function $(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}$.prototype.clear=function(){this.__data__=[],this.size=0},$.prototype.delete=function(t){var e=this.__data__,n=j(e,t);return!(n<0)&&(n==e.length-1?e.pop():X.call(e,n,1),--this.size,!0)},$.prototype.get=function(t){var e=this.__data__,n=j(e,t);return n<0?void 0:e[n][1]},$.prototype.has=function(t){return j(this.__data__,t)>-1},$.prototype.set=function(t,e){var n=this.__data__,i=j(n,t);return i<0?(++this.size,n.push([t,e])):n[i][1]=e,this};var Y=F(r,"Map");function q(t,e){var n,i,r=t.__data__;return("string"==(i=typeof(n=e))||"number"==i||"symbol"==i||"boolean"==i?"__proto__"!==n:null===n)?r["string"==typeof e?"string":"hash"]:r.map}function Z(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}Z.prototype.clear=function(){this.size=0,this.__data__={hash:new V,map:new(Y||$),string:new V}},Z.prototype.delete=function(t){var e=q(this,t).delete(t);return this.size-=e?1:0,e},Z.prototype.get=function(t){return q(this,t).get(t)},Z.prototype.has=function(t){return q(this,t).has(t)},Z.prototype.set=function(t,e){var n=q(this,t),i=n.size;return n.set(t,e),this.size+=n.size==i?0:1,this};var K="Expected a function";function J(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError(K);var n=function(){var i=arguments,r=e?e.apply(this,i):i[0],o=n.cache;if(o.has(r))return o.get(r);var s=t.apply(this,i);return n.cache=o.set(r,s)||o,s};return n.cache=new(J.Cache||Z),n}J.Cache=Z;var Q,tt,et,nt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,it=/\\(\\)?/g,rt=(Q=function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(nt,(function(t,n,i,r){e.push(i?r.replace(it,"$1"):n||t)})),e},tt=J(Q,(function(t){return 500===et.size&&et.clear(),t})),et=tt.cache,tt),ot=rt;function st(t,e){for(var n=-1,i=null==t?0:t.length,r=Array(i);++n<i;)r[n]=e(t[n],n,t);return r}var at=1/0,lt=o?o.prototype:void 0,ct=lt?lt.toString:void 0;function ht(t){if("string"==typeof t)return t;if(e(t))return st(t,ht)+"";if(v(t))return ct?ct.call(t):"";var n=t+"";return"0"==n&&1/t==-at?"-0":n}function ut(t){return null==t?"":ht(t)}function dt(t,n){return e(t)?t:b(t,n)?[t]:ot(ut(t))}var pt=1/0;function ft(t){if("string"==typeof t||v(t))return t;var e=t+"";return"0"==e&&1/t==-pt?"-0":e}function mt(t,e){for(var n=0,i=(e=dt(e,t)).length;null!=t&&n<i;)t=t[ft(e[n++])];return n&&n==i?t:void 0}function gt(t,e,n){var i=null==t?void 0:mt(t,e);return void 0===i?n:i}var vt,_t=(vt={"À":"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","Œ":"Oe","œ":"oe","ŉ":"'n","ſ":"s"},function(t){return null==vt?void 0:vt[t]}),yt=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,bt=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var xt=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var St=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var wt="\\ud800-\\udfff",Mt="\\u2700-\\u27bf",Tt="a-z\\xdf-\\xf6\\xf8-\\xff",At="A-Z\\xc0-\\xd6\\xd8-\\xde",Et="\\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",Ct="["+Et+"]",Rt="\\d+",Pt="["+Mt+"]",Lt="["+Tt+"]",Ot="[^"+wt+Et+Rt+Mt+Tt+At+"]",It="(?:\\ud83c[\\udde6-\\uddff]){2}",kt="[\\ud800-\\udbff][\\udc00-\\udfff]",Ut="["+At+"]",Dt="(?:"+Lt+"|"+Ot+")",Bt="(?:"+Ut+"|"+Ot+")",Nt="(?:['’](?:d|ll|m|re|s|t|ve))?",Ft="(?:['’](?:D|LL|M|RE|S|T|VE))?",zt="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",Ht="[\\ufe0e\\ufe0f]?",Wt=Ht+zt+("(?:\\u200d(?:"+["[^"+wt+"]",It,kt].join("|")+")"+Ht+zt+")*"),Vt="(?:"+[Pt,It,kt].join("|")+")"+Wt,Gt=RegExp([Ut+"?"+Lt+"+"+Nt+"(?="+[Ct,Ut,"$"].join("|")+")",Bt+"+"+Ft+"(?="+[Ct,Ut+Dt,"$"].join("|")+")",Ut+"?"+Dt+"+"+Nt,Ut+"+"+Ft,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Rt,Vt].join("|"),"g");function jt(t,e,n){return t=ut(t),void 0===(e=n?void 0:e)?function(t){return St.test(t)}(t)?function(t){return t.match(Gt)||[]}(t):function(t){return t.match(xt)||[]}(t):t.match(e)||[]}var Xt=RegExp("['’]","g");function $t(t){return function(e){return function(t,e,n,i){var r=-1,o=null==t?0:t.length;for(i&&o&&(n=t[++r]);++r<o;)n=e(n,t[r],r,t);return n}(jt(function(t){return(t=ut(t))&&t.replace(yt,_t).replace(bt,"")}(e).replace(Xt,"")),t,"")}}var Yt=$t((function(t,e,n){return t+(n?"-":"")+e.toLowerCase()})),qt=Yt;function Zt(t,e){for(var n=-1,i=null==t?0:t.length;++n<i&&!1!==e(t[n],n,t););return t}var Kt,Jt=function(t,e,n){for(var i=-1,r=Object(t),o=n(t),s=o.length;s--;){var a=o[Kt?s:++i];if(!1===e(r[a],a,r))break}return t},Qt=Jt;function te(t){return m(t)&&"[object Arguments]"==f(t)}var ee=Object.prototype,ne=ee.hasOwnProperty,ie=ee.propertyIsEnumerable,re=te(function(){return arguments}())?te:function(t){return m(t)&&ne.call(t,"callee")&&!ie.call(t,"callee")},oe=re;var se="object"==typeof exports&&exports&&!exports.nodeType&&exports,ae=se&&"object"==typeof module&&module&&!module.nodeType&&module,le=ae&&ae.exports===se?r.Buffer:void 0,ce=(le?le.isBuffer:void 0)||function(){return!1},he=9007199254740991,ue=/^(?:0|[1-9]\d*)$/;function de(t,e){var n=typeof t;return!!(e=null==e?he:e)&&("number"==n||"symbol"!=n&&ue.test(t))&&t>-1&&t%1==0&&t<e}var pe=9007199254740991;function fe(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=pe}var me={};function ge(t){return function(e){return t(e)}}me["[object Float32Array]"]=me["[object Float64Array]"]=me["[object Int8Array]"]=me["[object Int16Array]"]=me["[object Int32Array]"]=me["[object Uint8Array]"]=me["[object Uint8ClampedArray]"]=me["[object Uint16Array]"]=me["[object Uint32Array]"]=!0,me["[object Arguments]"]=me["[object Array]"]=me["[object ArrayBuffer]"]=me["[object Boolean]"]=me["[object DataView]"]=me["[object Date]"]=me["[object Error]"]=me["[object Function]"]=me["[object Map]"]=me["[object Number]"]=me["[object Object]"]=me["[object RegExp]"]=me["[object Set]"]=me["[object String]"]=me["[object WeakMap]"]=!1;var ve="object"==typeof exports&&exports&&!exports.nodeType&&exports,_e=ve&&"object"==typeof module&&module&&!module.nodeType&&module,ye=_e&&_e.exports===ve&&n.process,be=function(){try{var t=_e&&_e.require&&_e.require("util").types;return t||ye&&ye.binding&&ye.binding("util")}catch(t){}}(),xe=be&&be.isTypedArray,Se=xe?ge(xe):function(t){return m(t)&&fe(t.length)&&!!me[f(t)]},we=Object.prototype.hasOwnProperty;function Me(t,n){var i=e(t),r=!i&&oe(t),o=!i&&!r&&ce(t),s=!i&&!r&&!o&&Se(t),a=i||r||o||s,l=a?function(t,e){for(var n=-1,i=Array(t);++n<t;)i[n]=e(n);return i}(t.length,String):[],c=l.length;for(var h in t)!n&&!we.call(t,h)||a&&("length"==h||o&&("offset"==h||"parent"==h)||s&&("buffer"==h||"byteLength"==h||"byteOffset"==h)||de(h,c))||l.push(h);return l}var Te=Object.prototype;function Ae(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||Te)}function Ee(t,e){return function(n){return t(e(n))}}var Ce=Ee(Object.keys,Object),Re=Object.prototype.hasOwnProperty;function Pe(t){if(!Ae(t))return Ce(t);var e=[];for(var n in Object(t))Re.call(t,n)&&"constructor"!=n&&e.push(n);return e}function Le(t){return null!=t&&fe(t.length)&&!A(t)}function Oe(t){return Le(t)?Me(t):Pe(t)}var Ie=function(t,e){return function(n,i){if(null==n)return n;if(!Le(n))return t(n,i);for(var r=n.length,o=e?r:-1,s=Object(n);(e?o--:++o<r)&&!1!==i(s[o],o,s););return n}}((function(t,e){return t&&Qt(t,e,Oe)})),ke=Ie;function Ue(t){return t}function De(t,n){var i;return(e(t)?Zt:ke)(t,"function"==typeof(i=n)?i:Ue)}function Be(t){return"[object String]"===Object.prototype.toString.call(t)}function Ne(t){return!(!Be(t)||""===t)}var Fe=/\s/;var ze=/^\s+/;function He(t){return t?t.slice(0,function(t){for(var e=t.length;e--&&Fe.test(t.charAt(e)););return e}(t)+1).replace(ze,""):t}var We=NaN,Ve=/^[-+]0x[0-9a-f]+$/i,Ge=/^0b[01]+$/i,je=/^0o[0-7]+$/i,Xe=parseInt;function $e(t){if("number"==typeof t)return t;if(v(t))return We;if(x(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=x(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=He(t);var n=Ge.test(t);return n||je.test(t)?Xe(t.slice(2),n?2:8):Ve.test(t)?We:+t}var Ye=1/0,qe=17976931348623157e292;function Ze(t){return t?(t=$e(t))===Ye||t===-Ye?(t<0?-1:1)*qe:t==t?t:0:0===t?t:0}function Ke(t){var e=Ze(t),n=e%1;return e==e?n?e-n:e:0}function Je(t){return t!=t}function Qe(t){let e=!1;if(Ne(t))e=!isNaN(Number(t));else if(function(t){return"[object Number]"===Object.prototype.toString.call(t)}(t)){if(Je(t))return!1;e=!0}return e}function tn(t){if(!Qe(t))return 0;return Ze(t)}function en(t){return!!Qe(t)&&(t=tn(t),"number"==typeof(e=t)&&e==Ke(e));var e}var nn=r.isFinite,rn=Math.min;var on=function(t){var e=Math[t];return function(t,n){if(t=$e(t),(n=null==n?0:rn(Ke(n),292))&&nn(t)){var i=(ut(t)+"e").split("e");return+((i=(ut(e(i[0]+"e"+(+i[1]+n)))+"e").split("e"))[0]+"e"+(+i[1]-n))}return e(t)}}("round"),sn=on;function an(t){if(!Qe(t))return 0;t=tn(t);let e=sn(t);return"0"===String(e)?0:e}function ln(t){if(!en(t))return!1;return an(t)>=0}function cn(t,e){if(!Ne(t))return"";if(!ln(e))return"";if(0===(e=an(e)))return"";let n=t.length-e;return n<0&&(n=0),t.substr(n,e)}function hn(t,e){return Ne(t)&&ln(e)?0===(e=an(e))?"":t.substring(0,e):""}function un(t,e){return Ne(t)&&ln(e)?0===(e=an(e))?t:hn(t,t.length-e):""}function dn(t,e,n){var i=-1,r=t.length;e<0&&(e=-e>r?0:r+e),(n=n>r?r:n)<0&&(n+=r),r=e>n?0:n-e>>>0,e>>>=0;for(var o=Array(r);++i<r;)o[i]=t[i+e];return o}function pn(t,e,n){var i=t.length;return n=void 0===n?i:n,!e&&n>=i?t:dn(t,e,n)}var fn=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");function mn(t){return fn.test(t)}function gn(t,e,n){if(!x(n))return!1;var i=typeof e;return!!("number"==i?Le(n)&&de(e,n.length):"string"==i&&e in n)&&G(n[e],t)}var vn=be&&be.isRegExp,_n=vn?ge(vn):function(t){return m(t)&&"[object RegExp]"==f(t)};var yn="\\ud800-\\udfff",bn="["+yn+"]",xn="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Sn="\\ud83c[\\udffb-\\udfff]",wn="[^"+yn+"]",Mn="(?:\\ud83c[\\udde6-\\uddff]){2}",Tn="[\\ud800-\\udbff][\\udc00-\\udfff]",An="(?:"+xn+"|"+Sn+")"+"?",En="[\\ufe0e\\ufe0f]?",Cn=En+An+("(?:\\u200d(?:"+[wn,Mn,Tn].join("|")+")"+En+An+")*"),Rn="(?:"+[wn+xn+"?",xn,Mn,Tn,bn].join("|")+")",Pn=RegExp(Sn+"(?="+Sn+")|"+Rn+Cn,"g");function Ln(t){return mn(t)?function(t){return t.match(Pn)||[]}(t):function(t){return t.split("")}(t)}var On=4294967295;function In(t,e,n){return n&&"number"!=typeof n&&gn(t,e,n)&&(e=n=void 0),(n=void 0===n?On:n>>>0)?(t=ut(t))&&("string"==typeof e||null!=e&&!_n(e))&&!(e=ht(e))&&mn(t)?pn(Ln(t),0,n):t.split(e,n):[]}function kn(t){var e=this.__data__=new $(t);this.size=e.size}kn.prototype.clear=function(){this.__data__=new $,this.size=0},kn.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},kn.prototype.get=function(t){return this.__data__.get(t)},kn.prototype.has=function(t){return this.__data__.has(t)},kn.prototype.set=function(t,e){var n=this.__data__;if(n instanceof $){var i=n.__data__;if(!Y||i.length<199)return i.push([t,e]),this.size=++n.size,this;n=this.__data__=new Z(i)}return n.set(t,e),this.size=n.size,this};function Un(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new Z;++e<n;)this.add(t[e])}function Dn(t,e){for(var n=-1,i=null==t?0:t.length;++n<i;)if(e(t[n],n,t))return!0;return!1}function Bn(t,e){return t.has(e)}Un.prototype.add=Un.prototype.push=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this},Un.prototype.has=function(t){return this.__data__.has(t)};var Nn=1,Fn=2;function zn(t,e,n,i,r,o){var s=n&Nn,a=t.length,l=e.length;if(a!=l&&!(s&&l>a))return!1;var c=o.get(t),h=o.get(e);if(c&&h)return c==e&&h==t;var u=-1,d=!0,p=n&Fn?new Un:void 0;for(o.set(t,e),o.set(e,t);++u<a;){var f=t[u],m=e[u];if(i)var g=s?i(m,f,u,e,t,o):i(f,m,u,t,e,o);if(void 0!==g){if(g)continue;d=!1;break}if(p){if(!Dn(e,(function(t,e){if(!Bn(p,e)&&(f===t||r(f,t,n,i,o)))return p.push(e)}))){d=!1;break}}else if(f!==m&&!r(f,m,n,i,o)){d=!1;break}}return o.delete(t),o.delete(e),d}var Hn=r.Uint8Array;function Wn(t){var e=-1,n=Array(t.size);return t.forEach((function(t,i){n[++e]=[i,t]})),n}function Vn(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var Gn=1,jn=2,Xn="[object Boolean]",$n="[object Date]",Yn="[object Error]",qn="[object Map]",Zn="[object Number]",Kn="[object RegExp]",Jn="[object Set]",Qn="[object String]",ti="[object Symbol]",ei="[object ArrayBuffer]",ni="[object DataView]",ii=o?o.prototype:void 0,ri=ii?ii.valueOf:void 0;function oi(t,e){for(var n=-1,i=e.length,r=t.length;++n<i;)t[r+n]=e[n];return t}function si(t,n,i){var r=n(t);return e(t)?r:oi(r,i(t))}function ai(t,e){for(var n=-1,i=null==t?0:t.length,r=0,o=[];++n<i;){var s=t[n];e(s,n,t)&&(o[r++]=s)}return o}function li(){return[]}var ci=Object.prototype.propertyIsEnumerable,hi=Object.getOwnPropertySymbols,ui=hi?function(t){return null==t?[]:(t=Object(t),ai(hi(t),(function(e){return ci.call(t,e)})))}:li,di=ui;function pi(t){return si(t,Oe,di)}var fi=1,mi=Object.prototype.hasOwnProperty;var gi=F(r,"DataView"),vi=F(r,"Promise"),_i=F(r,"Set"),yi=F(r,"WeakMap"),bi="[object Map]",xi="[object Promise]",Si="[object Set]",wi="[object WeakMap]",Mi="[object DataView]",Ti=L(gi),Ai=L(Y),Ei=L(vi),Ci=L(_i),Ri=L(yi),Pi=f;(gi&&Pi(new gi(new ArrayBuffer(1)))!=Mi||Y&&Pi(new Y)!=bi||vi&&Pi(vi.resolve())!=xi||_i&&Pi(new _i)!=Si||yi&&Pi(new yi)!=wi)&&(Pi=function(t){var e=f(t),n="[object Object]"==e?t.constructor:void 0,i=n?L(n):"";if(i)switch(i){case Ti:return Mi;case Ai:return bi;case Ei:return xi;case Ci:return Si;case Ri:return wi}return e});var Li=Pi,Oi=1,Ii="[object Arguments]",ki="[object Array]",Ui="[object Object]",Di=Object.prototype.hasOwnProperty;function Bi(t,n,i,r,o,s){var a=e(t),l=e(n),c=a?ki:Li(t),h=l?ki:Li(n),u=(c=c==Ii?Ui:c)==Ui,d=(h=h==Ii?Ui:h)==Ui,p=c==h;if(p&&ce(t)){if(!ce(n))return!1;a=!0,u=!1}if(p&&!u)return s||(s=new kn),a||Se(t)?zn(t,n,i,r,o,s):function(t,e,n,i,r,o,s){switch(n){case ni:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case ei:return!(t.byteLength!=e.byteLength||!o(new Hn(t),new Hn(e)));case Xn:case $n:case Zn:return G(+t,+e);case Yn:return t.name==e.name&&t.message==e.message;case Kn:case Qn:return t==e+"";case qn:var a=Wn;case Jn:var l=i&Gn;if(a||(a=Vn),t.size!=e.size&&!l)return!1;var c=s.get(t);if(c)return c==e;i|=jn,s.set(t,e);var h=zn(a(t),a(e),i,r,o,s);return s.delete(t),h;case ti:if(ri)return ri.call(t)==ri.call(e)}return!1}(t,n,c,i,r,o,s);if(!(i&Oi)){var f=u&&Di.call(t,"__wrapped__"),m=d&&Di.call(n,"__wrapped__");if(f||m){var g=f?t.value():t,v=m?n.value():n;return s||(s=new kn),o(g,v,i,r,s)}}return!!p&&(s||(s=new kn),function(t,e,n,i,r,o){var s=n&fi,a=pi(t),l=a.length;if(l!=pi(e).length&&!s)return!1;for(var c=l;c--;){var h=a[c];if(!(s?h in e:mi.call(e,h)))return!1}var u=o.get(t),d=o.get(e);if(u&&d)return u==e&&d==t;var p=!0;o.set(t,e),o.set(e,t);for(var f=s;++c<l;){var m=t[h=a[c]],g=e[h];if(i)var v=s?i(g,m,h,e,t,o):i(m,g,h,t,e,o);if(!(void 0===v?m===g||r(m,g,n,i,o):v)){p=!1;break}f||(f="constructor"==h)}if(p&&!f){var _=t.constructor,y=e.constructor;_==y||!("constructor"in t)||!("constructor"in e)||"function"==typeof _&&_ instanceof _&&"function"==typeof y&&y instanceof y||(p=!1)}return o.delete(t),o.delete(e),p}(t,n,i,r,o,s))}function Ni(t,e,n,i,r){return t===e||(null==t||null==e||!m(t)&&!m(e)?t!=t&&e!=e:Bi(t,e,n,i,Ni,r))}var Fi=1,zi=2;function Hi(t){return t==t&&!x(t)}function Wi(t,e){return function(n){return null!=n&&(n[t]===e&&(void 0!==e||t in Object(n)))}}function Vi(t){var e=function(t){for(var e=Oe(t),n=e.length;n--;){var i=e[n],r=t[i];e[n]=[i,r,Hi(r)]}return e}(t);return 1==e.length&&e[0][2]?Wi(e[0][0],e[0][1]):function(n){return n===t||function(t,e,n,i){var r=n.length,o=r,s=!i;if(null==t)return!o;for(t=Object(t);r--;){var a=n[r];if(s&&a[2]?a[1]!==t[a[0]]:!(a[0]in t))return!1}for(;++r<o;){var l=(a=n[r])[0],c=t[l],h=a[1];if(s&&a[2]){if(void 0===c&&!(l in t))return!1}else{var u=new kn;if(i)var d=i(c,h,l,t,e,u);if(!(void 0===d?Ni(h,c,Fi|zi,i,u):d))return!1}}return!0}(n,t,e)}}function Gi(t,e){return null!=t&&e in Object(t)}function ji(t,n){return null!=t&&function(t,n,i){for(var r=-1,o=(n=dt(n,t)).length,s=!1;++r<o;){var a=ft(n[r]);if(!(s=null!=t&&i(t,a)))break;t=t[a]}return s||++r!=o?s:!!(o=null==t?0:t.length)&&fe(o)&&de(a,o)&&(e(t)||oe(t))}(t,n,Gi)}var Xi=1,$i=2;function Yi(t){return function(e){return null==e?void 0:e[t]}}function qi(t){return b(t)?Yi(ft(t)):function(t){return function(e){return mt(e,t)}}(t)}function Zi(t){return"function"==typeof t?t:null==t?Ue:"object"==typeof t?e(t)?(n=t[0],i=t[1],b(n)&&Hi(i)?Wi(ft(n),i):function(t){var e=gt(t,n);return void 0===e&&e===i?ji(t,n):Ni(i,e,Xi|$i)}):Vi(t):qi(t);var n,i}function Ki(t,e){var n=-1,i=Le(t)?Array(t.length):[];return ke(t,(function(t,r,o){i[++n]=e(t,r,o)})),i}function Ji(t,n){return(e(t)?st:Ki)(t,Zi(n))}var Qi="[object String]";var tr=Yi("length"),er="\\ud800-\\udfff",nr="["+er+"]",ir="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",rr="\\ud83c[\\udffb-\\udfff]",or="[^"+er+"]",sr="(?:\\ud83c[\\udde6-\\uddff]){2}",ar="[\\ud800-\\udbff][\\udc00-\\udfff]",lr="(?:"+ir+"|"+rr+")"+"?",cr="[\\ufe0e\\ufe0f]?",hr=cr+lr+("(?:\\u200d(?:"+[or,sr,ar].join("|")+")"+cr+lr+")*"),ur="(?:"+[or+ir+"?",ir,sr,ar,nr].join("|")+")",dr=RegExp(rr+"(?="+rr+")|"+ur+hr,"g");function pr(t){return mn(t)?function(t){for(var e=dr.lastIndex=0;dr.test(t);)++e;return e}(t):tr(t)}var fr="[object Map]",mr="[object Set]";function gr(t){if(null==t)return 0;if(Le(t))return"string"==typeof(n=t)||!e(n)&&m(n)&&f(n)==Qi?pr(t):t.length;var n,i=Li(t);return i==fr||i==mr?t.size:Pe(t).length}function vr(t,e){for(var n=-1,i=null==t?0:t.length;++n<i;)if(!e(t[n],n,t))return!1;return!0}function _r(t,e){var n=!0;return ke(t,(function(t,i,r){return n=!!e(t,i,r)})),n}function yr(t,e){return Ni(t,e)}function br(t){return"[object Object]"===Object.prototype.toString.call(t)}function xr(t){return xr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},xr(t)}function Sr(t){var e=function(t,e){if("object"!=xr(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=xr(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==xr(e)?e:String(e)}function wr(t,e,n){return(e=Sr(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Mr=function(){try{var t=F(Object,"defineProperty");return t({},"",{}),t}catch(t){}}(),Tr=Mr;function Ar(t,e,n){"__proto__"==e&&Tr?Tr(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}var Er=Object.prototype.hasOwnProperty;function Cr(t,e,n){var i=t[e];Er.call(t,e)&&G(i,n)&&(void 0!==n||e in t)||Ar(t,e,n)}function Rr(t,e,n,i){var r=!n;n||(n={});for(var o=-1,s=e.length;++o<s;){var a=e[o],l=i?i(n[a],t[a],a,n,t):void 0;void 0===l&&(l=t[a]),r?Ar(n,a,l):Cr(n,a,l)}return n}var Pr=Object.prototype.hasOwnProperty;function Lr(t){if(!x(t))return function(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}(t);var e=Ae(t),n=[];for(var i in t)("constructor"!=i||!e&&Pr.call(t,i))&&n.push(i);return n}function Or(t){return Le(t)?Me(t,!0):Lr(t)}var Ir="object"==typeof exports&&exports&&!exports.nodeType&&exports,kr=Ir&&"object"==typeof module&&module&&!module.nodeType&&module,Ur=kr&&kr.exports===Ir?r.Buffer:void 0,Dr=Ur?Ur.allocUnsafe:void 0;function Br(t,e){if(e)return t.slice();var n=t.length,i=Dr?Dr(n):new t.constructor(n);return t.copy(i),i}function Nr(t,e){var n=-1,i=t.length;for(e||(e=Array(i));++n<i;)e[n]=t[n];return e}var Fr=Ee(Object.getPrototypeOf,Object),zr=Object.getOwnPropertySymbols?function(t){for(var e=[];t;)oi(e,di(t)),t=Fr(t);return e}:li,Hr=zr;function Wr(t){return si(t,Or,Hr)}var Vr=Object.prototype.hasOwnProperty;function Gr(t){var e=new t.constructor(t.byteLength);return new Hn(e).set(new Hn(t)),e}var jr=/\w*$/;var Xr=o?o.prototype:void 0,$r=Xr?Xr.valueOf:void 0;function Yr(t,e){var n=e?Gr(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}var qr="[object Boolean]",Zr="[object Date]",Kr="[object Map]",Jr="[object Number]",Qr="[object RegExp]",to="[object Set]",eo="[object String]",no="[object Symbol]",io="[object ArrayBuffer]",ro="[object DataView]",oo="[object Float32Array]",so="[object Float64Array]",ao="[object Int8Array]",lo="[object Int16Array]",co="[object Int32Array]",ho="[object Uint8Array]",uo="[object Uint8ClampedArray]",po="[object Uint16Array]",fo="[object Uint32Array]";function mo(t,e,n){var i,r=t.constructor;switch(e){case io:return Gr(t);case qr:case Zr:return new r(+t);case ro:return function(t,e){var n=e?Gr(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,n);case oo:case so:case ao:case lo:case co:case ho:case uo:case po:case fo:return Yr(t,n);case Kr:return new r;case Jr:case eo:return new r(t);case Qr:return function(t){var e=new t.constructor(t.source,jr.exec(t));return e.lastIndex=t.lastIndex,e}(t);case to:return new r;case no:return i=t,$r?Object($r.call(i)):{}}}var go=Object.create,vo=function(){function t(){}return function(e){if(!x(e))return{};if(go)return go(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}(),_o=vo;function yo(t){return"function"!=typeof t.constructor||Ae(t)?{}:_o(Fr(t))}var bo=be&&be.isMap,xo=bo?ge(bo):function(t){return m(t)&&"[object Map]"==Li(t)};var So=be&&be.isSet,wo=So?ge(So):function(t){return m(t)&&"[object Set]"==Li(t)},Mo=1,To=2,Ao=4,Eo="[object Arguments]",Co="[object Function]",Ro="[object GeneratorFunction]",Po="[object Object]",Lo={};function Oo(t,n,i,r,o,s){var a,l=n&Mo,c=n&To,h=n&Ao;if(i&&(a=o?i(t,r,o,s):i(t)),void 0!==a)return a;if(!x(t))return t;var u=e(t);if(u){if(a=function(t){var e=t.length,n=new t.constructor(e);return e&&"string"==typeof t[0]&&Vr.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(t),!l)return Nr(t,a)}else{var d=Li(t),p=d==Co||d==Ro;if(ce(t))return Br(t,l);if(d==Po||d==Eo||p&&!o){if(a=c||p?{}:yo(t),!l)return c?function(t,e){return Rr(t,Hr(t),e)}(t,function(t,e){return t&&Rr(e,Or(e),t)}(a,t)):function(t,e){return Rr(t,di(t),e)}(t,function(t,e){return t&&Rr(e,Oe(e),t)}(a,t))}else{if(!Lo[d])return o?t:{};a=mo(t,d,l)}}s||(s=new kn);var f=s.get(t);if(f)return f;s.set(t,a),wo(t)?t.forEach((function(e){a.add(Oo(e,n,i,e,t,s))})):xo(t)&&t.forEach((function(e,r){a.set(r,Oo(e,n,i,r,t,s))}));var m=u?void 0:(h?c?Wr:pi:c?Or:Oe)(t);return Zt(m||t,(function(e,r){m&&(e=t[r=e]),Cr(a,r,Oo(e,n,i,r,t,s))})),a}Lo[Eo]=Lo["[object Array]"]=Lo["[object ArrayBuffer]"]=Lo["[object DataView]"]=Lo["[object Boolean]"]=Lo["[object Date]"]=Lo["[object Float32Array]"]=Lo["[object Float64Array]"]=Lo["[object Int8Array]"]=Lo["[object Int16Array]"]=Lo["[object Int32Array]"]=Lo["[object Map]"]=Lo["[object Number]"]=Lo[Po]=Lo["[object RegExp]"]=Lo["[object Set]"]=Lo["[object String]"]=Lo["[object Symbol]"]=Lo["[object Uint8Array]"]=Lo["[object Uint8ClampedArray]"]=Lo["[object Uint16Array]"]=Lo["[object Uint32Array]"]=!0,Lo["[object Error]"]=Lo[Co]=Lo["[object WeakMap]"]=!1;var Io=1,ko=4;function Uo(t){return Oo(t,Io|ko)}function Do(t){if(!en(t))return!1;return an(t)>0}function Bo(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var No={exports:{}};!function(t){var e=Object.prototype.hasOwnProperty,n="~";function i(){}function r(t,e,n){this.fn=t,this.context=e,this.once=n||!1}function o(t,e,i,o,s){if("function"!=typeof i)throw new TypeError("The listener must be a function");var a=new r(i,o||t,s),l=n?n+e:e;return t._events[l]?t._events[l].fn?t._events[l]=[t._events[l],a]:t._events[l].push(a):(t._events[l]=a,t._eventsCount++),t}function s(t,e){0==--t._eventsCount?t._events=new i:delete t._events[e]}function a(){this._events=new i,this._eventsCount=0}Object.create&&(i.prototype=Object.create(null),(new i).__proto__||(n=!1)),a.prototype.eventNames=function(){var t,i,r=[];if(0===this._eventsCount)return r;for(i in t=this._events)e.call(t,i)&&r.push(n?i.slice(1):i);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(t)):r},a.prototype.listeners=function(t){var e=n?n+t:t,i=this._events[e];if(!i)return[];if(i.fn)return[i.fn];for(var r=0,o=i.length,s=new Array(o);r<o;r++)s[r]=i[r].fn;return s},a.prototype.listenerCount=function(t){var e=n?n+t:t,i=this._events[e];return i?i.fn?1:i.length:0},a.prototype.emit=function(t,e,i,r,o,s){var a=n?n+t:t;if(!this._events[a])return!1;var l,c,h=this._events[a],u=arguments.length;if(h.fn){switch(h.once&&this.removeListener(t,h.fn,void 0,!0),u){case 1:return h.fn.call(h.context),!0;case 2:return h.fn.call(h.context,e),!0;case 3:return h.fn.call(h.context,e,i),!0;case 4:return h.fn.call(h.context,e,i,r),!0;case 5:return h.fn.call(h.context,e,i,r,o),!0;case 6:return h.fn.call(h.context,e,i,r,o,s),!0}for(c=1,l=new Array(u-1);c<u;c++)l[c-1]=arguments[c];h.fn.apply(h.context,l)}else{var d,p=h.length;for(c=0;c<p;c++)switch(h[c].once&&this.removeListener(t,h[c].fn,void 0,!0),u){case 1:h[c].fn.call(h[c].context);break;case 2:h[c].fn.call(h[c].context,e);break;case 3:h[c].fn.call(h[c].context,e,i);break;case 4:h[c].fn.call(h[c].context,e,i,r);break;default:if(!l)for(d=1,l=new Array(u-1);d<u;d++)l[d-1]=arguments[d];h[c].fn.apply(h[c].context,l)}}return!0},a.prototype.on=function(t,e,n){return o(this,t,e,n,!1)},a.prototype.once=function(t,e,n){return o(this,t,e,n,!0)},a.prototype.removeListener=function(t,e,i,r){var o=n?n+t:t;if(!this._events[o])return this;if(!e)return s(this,o),this;var a=this._events[o];if(a.fn)a.fn!==e||r&&!a.once||i&&a.context!==i||s(this,o);else{for(var l=0,c=[],h=a.length;l<h;l++)(a[l].fn!==e||r&&!a[l].once||i&&a[l].context!==i)&&c.push(a[l]);c.length?this._events[o]=1===c.length?c[0]:c:s(this,o)}return this},a.prototype.removeAllListeners=function(t){var e;return t?(e=n?n+t:t,this._events[e]&&s(this,e)):(this._events=new i,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=n,a.EventEmitter=a,t.exports=a}(No);var Fo=Bo(No.exports);function zo(){return new Fo}function Ho(t){let e=Object.prototype.toString.call(t);return"[object Function]"===e||"[object AsyncFunction]"===e}function Wo(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Vo(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=gt(e,"timeInterval",null);Do(n)||(n=20);let i=gt(e,"tolerancePixel",null);Do(i)||(i=1);let r,o=zo(),s={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0},a=Uo(s),l={width:"",height:""};if(!Ho(t))return console.log("invalid f",t),null;r=setInterval((()=>{let e=t();if(e){let t={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight,windowWidth:window.innerWidth,windowHeight:window.innerHeight},n=a.offsetWidth-t.offsetWidth,r=a.offsetHeight-t.offsetHeight,c=Math.abs(n)>i,h=Math.abs(r)>i,u="";n>0?u="smaller":n<0&&(u="larger");let d="";if(r>0?d="smaller":r<0&&(d="larger"),l={width:u,height:d},c||h){let n=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wo(Object(n),!0).forEach((function(e){wr(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wo(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},a);setTimeout((()=>{t.offsetWidth>0&&t.offsetHeight>0&&(o.emit("resize",{sold:n,snew:t,smode:l,ele:e}),o.emit("resizeWithWindow",{sold:n,snew:t,smode:l,ele:e,from:"dom"}))}),1)}s=a,a=t}}),n);let c=t=>{o.emit("resizeWithWindow",{sold:s,snew:a,smode:l,from:"window"})};return window.addEventListener("resize",c),o.clear=()=>{clearInterval(r),window.removeEventListener("resize",c)},o}let Go="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),jo=Go.length;function Xo(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:32,e=[];t=Do(t)?an(t):32;for(let n=0;n<t;n++)e[n]=Go[0|Math.random()*jo];return e.join("")}function $o(){let t={};return{bind:function(e,n,i){let r=`r${Xo()}`;e.setAttribute("ev-resize",r);let o=Vo((()=>e));o.on("resizeWithWindow",(t=>{!function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"domresize",t)})),t[r]=o},unbind:function(e){let n=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),t[n]&&(t[n].clear(),t[n]=null,delete t[n])}}}var Yo,qo=(Yo="toUpperCase",function(t){var e=mn(t=ut(t))?Ln(t):void 0,n=e?e[0]:t.charAt(0),i=e?pn(e,1).join(""):t.slice(1);return n[Yo]()+i});function Zo(t){return qo(ut(t).toLowerCase())}var Ko=$t((function(t,e,n){return e=e.toLowerCase(),t+(n?Zo(e):e)})),Jo=Ko;let Qo={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 ts(t){if("white"===t)return"#fff";if("black"===t)return"#000";if("transparent"===t)return"rgba(0,0,0,0)";let e=function(t){let e=In(t," ");return 1===gr(e)&&(e[1]=null),e}(t),n=function(t,e,n){let i=gt(Qo,`default.${t}.${e}`,null);return null===i&&(i=n),i}(function(t){let e=t.trim();return e=Jo(e),e}(e[0]),function(t){Ne(t)||(t="base");let e=t.trim();return e=e.replace("-","").trim(),e}(e[1]),t);return n}function es(t,e,n){if(!Ne(t))return"";if(!Ne(e))return"";if(!Be(n))return"";return String(t).replaceAll(e,n)}function ns(t){if(br(t)){for(let e in t)return!0;return!1}return!1}var is="[object Object]",rs=Function.prototype,os=Object.prototype,ss=rs.toString,as=os.hasOwnProperty,ls=ss.call(Object);function cs(t){if(!m(t)||f(t)!=is)return!1;var e=Fr(t);if(null===e)return!0;var n=as.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&ss.call(n)==ls}function hs(t){return m(e=t)&&1===e.nodeType&&!cs(e);var e}function us(t){function e(t){t.parentNode.removeChild(t)}if(hs(t)){return void e(t)}if(!Ne(t))return;let n=function(t){return document.querySelectorAll(t)}(t);De(n,(function(t){e(t)}))}function ds(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=gt(n,"timeDuration",null);Do(i)||(i=1e3);let r=gt(n,"color",null);if(Ne(r)||(r="rgba(255, 255, 255, 0.5)"),!hs(t))return;t.style.position="relative",t.style.overflow="hidden";let o=t.getBoundingClientRect(),s=e.clientX-o.left,a=e.clientY-o.top,l=2*Math.max(t.clientWidth,t.clientHeight),c=document.createElement("div");c.style.width=`${l}px`,c.style.height=`${l}px`,c.style.transition=`all ${i/1e3}s linear`,c.style.position="absolute",c.style.zIndex=1,c.style.left=`${s}px`,c.style.top=`${a}px`,c.style.borderRadius="50%",c.style.transformOrigin="center",c.style.transform="translate(-50%,-50%) scale(0)",c.style.background=r,c.style.userSelect="none",c.style.pointerEvents="none",t.appendChild(c),setTimeout((()=>{c.style.transform="translate(-50%,-50%) scale(2)",c.style.opacity=0}),1),setTimeout((()=>{us(c)}),i)}var ps="[object Boolean]";function fs(t){return!0===(e=t)||!1===e||m(e)&&f(e)==ps;var e}var ms="[object Number]";function gs(t){return"number"==typeof t||m(t)&&f(t)==ms}function vs(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=gt(e,"parse");fs(n)||(n=!0);let i=gt(e,"ext");ns(i)||(i={});let r=gt(e,"semicolon");fs(r)||(r=!0);let o=gt(e,"returnObj");fs(o)||(o=!1);let s=0,a=0,l=0,c=0;if(n){let e=function(t){let e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=gt(n,"def",""),r=gt(n,"type","");"num"!==r&&"text"!==r&&(r="num"),"num"===r?e=gs:"text"===r&&(e=Be);let o=i,s=i,a=i,l=i;return e(gt(t,"h"))&&(o=gt(t,"h"),s=o),e(gt(t,"v"))&&(a=gt(t,"v"),l=a),e(gt(t,"left"))&&(o=gt(t,"left")),e(gt(t,"right"))&&(s=gt(t,"right")),e(gt(t,"top"))&&(a=gt(t,"top")),e(gt(t,"bottom"))&&(l=gt(t,"bottom")),{left:o,right:s,top:a,bottom:l}}(t);s=e.left,a=e.right,l=e.top,c=e.bottom}s+=gt(i,"left",0),a+=gt(i,"right",0),l+=gt(i,"top",0),c+=gt(i,"bottom",0);let h=null;return o?h={left:s,right:a,top:l,bottom:c}:(h=`${l}px ${a}px ${c}px ${s}px`,r&&(h=`${h};`)),h}function _s(t){return"[object Array]"===Object.prototype.toString.call(t)}function ys(t){return"[object Undefined]"===Object.prototype.toString.call(t)}function bs(t){return!!ys(t)||(!!function(t){return"[object Null]"===Object.prototype.toString.call(t)}(t)||(!!function(t){if(br(t)){for(let e in t)return!1;return!0}return!1}(t)||(!!function(t){return!(!Be(t)||""!==t)}(t)||(!!function(t){return!!_s(t)&&0===t.length}(t)||!!Je(t)))))}function xs(t){return!!_s(t)&&(0!==t.length&&(1!==t.length||!bs(t[0])))}var Ss={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 Ne(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 t=this;if(t.isMdi||t.isFa)return!1;let e=Ne(t.icon),n=xs(t.icon);return e||n},usePaths:function(){let t=this;if(!t.isSvg)return[];let e=t.icon;return Ne(t.icon)&&(e=[t.icon]),e},useIconColor:function(){let t=this;return t.mouseEnter?ts(t.colorHover):ts(t.color)},useStyleSize:function(){let t=this;return{width:`${t.size}px`,height:`${t.size}px`,"line-height":`${t.size}px`,"max-height":`${t.size}px`,"min-height":`${t.size}px`}}},methods:{}};function ws(t,e,n,i,r,o,s,a,l,c){"boolean"!=typeof s&&(l=a,a=s,s=!1);const h="function"==typeof n?n.options:n;let u;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,r&&(h.functional=!0)),i&&(h._scopeId=i),o?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(o)},h._ssrRegister=u):e&&(u=s?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),u)if(h.functional){const t=h.render;h.render=function(e,n){return u.call(n),t(e,n)}}else{const t=h.beforeCreate;h.beforeCreate=t?[].concat(t,u):[u]}return n}const Ms="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function Ts(t){return(t,e)=>function(t,e){const n=Ms?e.media||"default":t,i=Es[n]||(Es[n]={ids:new Set,styles:[]});if(!i.ids.has(t)){i.ids.add(t);let n=e.source;if(e.map&&(n+="\n/*# sourceURL="+e.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",e.media&&i.element.setAttribute("media",e.media),void 0===As&&(As=document.head||document.getElementsByTagName("head")[0]),As.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(n),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{const t=i.ids.size-1,e=document.createTextNode(n),r=i.element.childNodes;r[t]&&i.element.removeChild(r[t]),r.length?i.element.insertBefore(e,r[t]):i.element.appendChild(e)}}}(t,e)}let As;const Es={};const Cs=Ss;var Rs=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.icon?n("div",{style:[t.useStyleSize,{display:"flex","align-items":"center","user-select":"none",border:"0px solid #ddd"}],on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.$emit("click",e)}.apply(null,arguments)},click:function(e){t.$emit("click",e)}}},[t.isSvg?n("svg",{style:"transition:all "+t.timeTransition+"s linear; fill:"+t.useIconColor+";",attrs:{width:t.size,height:t.size,viewBox:"0 0 "+t.sizeOriginal+" "+t.sizeOriginal},on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},t._l(t.usePaths,(function(e,i){return n("path",{key:i,attrs:{d:t.icon}})})),0):t._e(),t._v(" "),t.isMdi?n("div",{style:"transition:all "+t.timeTransition+"s linear; width:"+t.size+"px; height:"+t.size+"px; color:"+t.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},[n("span",{class:"mdi "+t.icon,style:"font-size:"+t.size+"px;"})]):t._e(),t._v(" "),t.isFa?n("div",{style:"transition:all "+t.timeTransition+"s linear; width:"+t.size+"px; height:"+t.size+"px; color:"+t.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},[n("div",{style:"width:"+t.size+"px; height:"+t.size+"px; _transform-origin:center; transform:translateX(0px) translateY(0px) scale("+t.r+");"},[n("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n("i",{class:"fas "+t.icon,style:"font-size:"+t.size+"px;"})])])]):t._e()]):t._e()};Rs._withStripped=!0;const Ps=ws({render:Rs,staticRenderFns:[]},(function(t){t&&t("data-v-5ebe755c_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})}),Cs,"data-v-5ebe755c",false,undefined,!1,Ts,void 0,void 0);var Ls={directives:{domripple:function(){let t={};return{bind:function(e,n,i){let r=`r${Xo()}`;e.setAttribute("ev-ripple",r),function(e,n){let i=e.getAttribute("ev-ripple"),r=gt(n,"value");if(r=ns(r),!r)return;let o=gt(n,"value.color");if(!Ne(o))return;o=ts(o);let s=gt(n,"value.timeDuration");Qe(s)||(s=1e3);function a(t){ds(t.currentTarget,t,{color:o,timeDuration:s})}s=tn(s),e.addEventListener("click",a,!1),t[i]=a}(e,n)},unbind:function(e){!function(e){let n=e.getAttribute("ev-ripple");if(t[n]){let i=t[n];e.removeEventListener("click",i,!1),delete t[n]}}(e),e.setAttribute("ev-ripple",null)}}}()},components:{WIcon:Ps},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 t=this.textFontSize;return t=es(t,";",""),`font-size:${t};`},hasIcon:function(){return""!==this.icon},usePadding:function(){let t=this;return`padding:${vs(t.paddingStyle,{ext:{left:t.shiftLeft,right:t.shiftRight}})};`},effBackgroundColor:function(){return ts(this.backgroundColor)},effBackgroundColorHover:function(){return ts(this.backgroundColorHover)},effBackgroundActive:function(){return ts(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return ts(this.backgroundColorDisabled)},useBackgroundColor:function(){let t=this;return t.editable?t.active?t.effBackgroundActive:t.mouseEnter?t.effBackgroundColorHover:t.effBackgroundColor:t.effBackgroundColorDisabled},effTextColor:function(){return ts(this.textColor)},effTextColorHover:function(){return ts(this.textColorHover)},effTextActive:function(){return ts(this.textColorActive)},effTextColorDisabled:function(){return ts(this.textColorDisabled)},useTextColor:function(){let t=this;return t.editable?t.active?t.effTextActive:t.mouseEnter?t.effTextColorHover:t.effTextColor:t.effTextColorDisabled},effIconColor:function(){return ts(this.iconColor)},effIconColorHover:function(){return ts(this.iconColorHover)},effIconActive:function(){return ts(this.iconColorActive)},effIconColorDisabled:function(){return ts(this.iconColorDisabled)},useIconColor:function(){let t=this;return t.editable?t.active?t.effIconActive:t.mouseEnter?t.effIconColorHover:t.effIconColor:t.effIconColorDisabled},effDisabledColor:function(){return ts(this.disabledColor)}},methods:{clickItem:function(){let t=this;t.editable&&t.$emit("click",{icon:t.icon,text:t.text})}}};const Os=Ls;var Is=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:t.rippleColor},expression:"{color:rippleColor}"}],style:"position:relative; transition:all 0.3s; border-top-left-radius:"+t.borderRadius+"px; border-top-right-radius:"+t.borderRadius+"px; "+t.usePadding+" background:"+t.useBackgroundColor+"; "+(t.editable&&t.cursorPointer?"cursor:pointer;":""),on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1},click:t.clickItem}},[n("div",{style:"transition:all 0.3s; color:"+t.useTextColor+"; "+t.useTextFontSize},[t._t("item",(function(){return[n("div",{staticStyle:{display:"flex","align-items":"center"}},[t._t("item-left",null,{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t._t("item-content",(function(){return[t.hasIcon?n("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:t.icon,color:t.useIconColor,colorHover:t.useIconColor,size:t.iconSize}}):t._e(),t._v(" "),n("div",[t._v("\n                        "+t._s(t.text)+"\n                    ")])]}),{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t._t("item-right",null,{isHover:t.mouseEnter,isActive:t.active})],2)]}),{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t.editable?t._e():n("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[n("div",{style:"overflow:hidden; width:100%; height:100%;"},[n("div",{style:"background:"+t.effDisabledColor+"; height:100%;"})])])],2)])};Is._withStripped=!0;const ks=ws({render:Is,staticRenderFns:[]},(function(t){t&&t("data-v-0fdd5376_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})}),Os,"data-v-0fdd5376",false,undefined,!1,Ts,void 0,void 0);var Us={directives:{domresize:$o()},components:{WListItem:ks},props:{items:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},space:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBorderRadius:{type:Number,default:0},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"white"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"orange darken-3"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"orange darken-3"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(245,124,0,0.4)"},borderBottom:{type:Boolean,default:!0},borderBottomSize:{type:Number,default:2},borderBottomColor:{type:String,default:"rgba(245,124,0,0.8)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0}},data:function(){return{borderBottomLeft:0,borderBottomWidth:0,itemActiveTrans:null}},watch:{itemActiveTrans:{handler(t,e){this.updateBorderBottom()},immediate:!0}},computed:{changeItemActive:function(){let t=this;return t.enableActive&&(t.itemActiveTrans=t.itemActive),""},isObjValue:function(){return 0!==gr(this.items)&&function(t,n,i){var r=e(t)?vr:_r;return i&&gn(t,n,i)&&(n=void 0),r(t,Zi(n))}(this.items,(t=>br(t)))},effBorderBottomColor:function(){return ts(this.borderBottomColor)}},methods:{resize:function(t){this.updateBorderBottom()},getIcon:function(t){let e=this;return e.isObjValue?gt(t,e.keyIcon,""):""},getText:function(t){let e=this;if(e.isObjValue){return gt(t,e.keyText,"")}return t},getActive:function(t){let e=this,n=!1;return e.enableActive&&(n=yr(t,e.itemActiveTrans)),n},getEditable:function(t){return gt(t,"editable",!0)},updateBorderBottom:function(){let t=this;if(null==t.itemActiveTrans)return;let e=0,n=[];De(gt(t,"$refs.wli",[]),((i,r)=>{let o=i,s=gt(o,"clientWidth",0),a=gt(o,"clientHeight",0),l=e,c=s,h=a;r>0&&t.space>0&&(l+=t.space,c-=t.space),n.push({left:l,bottom:0,width:c,heiht:h}),e+=s}));let i=-1;if(De(t.items,((e,n)=>{if(yr(e,t.itemActiveTrans))return i=n,!1})),-1===i)return;let r=n[i];t.borderBottomLeft=r.left,t.borderBottomWidth=r.width},ckItem:function(t,e){let n=this;if(!n.getEditable(t))return;n.itemActiveTrans=t;let i=null;i=n.isObjValue?{...t}:t,n.$emit("click",i,e),n.$emit("update:itemActive",i)}}};const Ds=Us;var Bs=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:t.changeItemActive},on:{domresize:t.resize}},[n("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[t.borderBottom?n("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+t.borderBottomLeft+"px; padding-left:"+t.borderBottomWidth+"px; border-bottom:"+t.borderBottomSize+"px solid "+t.effBorderBottomColor+";"}):t._e(),t._v(" "),t._l(t.items,(function(e,i){return n("div",{key:i},[n("div",{ref:"wli",refInFor:!0,style:t.space>0&&i>0?"padding-left:"+t.space+"px;":""},[n("WListItem",{attrs:{icon:t.getIcon(e),text:t.getText(e),textFontSize:t.itemTextFontSize,active:t.getActive(e),paddingStyle:t.paddingStyle,borderRadius:t.itemBorderRadius,backgroundColor:t.itemBackgroundColor,backgroundColorHover:t.itemBackgroundColorHover,backgroundColorActive:t.itemBackgroundColorActive,backgroundColorDisabled:t.itemBackgroundColorDisabled,textColor:t.itemTextColor,textColorHover:t.itemTextColorHover,textColorActive:t.itemTextColorActive,textColorDisabled:t.itemTextColorDisabled,iconSize:t.itemIconSize,iconColor:t.itemIconColor,iconColorHover:t.itemIconColorHover,iconColorActive:t.itemIconColorActive,iconColorDisabled:t.itemIconColorDisabled,rippleColor:t.getEditable(e)?t.itemRippleColor:null,editable:t.getEditable(e),disabledColor:t.itemDisabledColor,cursorPointer:t.itemCursorPointer},on:{click:function(n){return t.ckItem(e,i)}},scopedSlots:t._u([{key:"item",fn:function(n){return[t._t("item",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-left",fn:function(n){return[t._t("item-left",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-content",fn:function(n){return[t._t("item-content",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-right",fn:function(n){return[t._t("item-right",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}}],null,!0)})],1)])}))],2)])};Bs._withStripped=!0;const Ns=ws({render:Bs,staticRenderFns:[]},(function(t){t&&t("data-v-02f8ae2c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WListHorizontal.vue"},media:void 0})}),Ds,"data-v-02f8ae2c",false,undefined,!1,Ts,void 0,void 0);function Fs(t){return t!=t}function zs(t,e,n){return e==e?function(t,e,n){for(var i=n-1,r=t.length;++i<r;)if(t[i]===e)return i;return-1}(t,e,n):function(t,e,n,i){for(var r=t.length,o=n+(i?1:-1);i?o--:++o<r;)if(e(t[o],o,t))return o;return-1}(t,Fs,n)}function Hs(t,e,n){if((t=ut(t))&&(n||void 0===e))return He(t);if(!t||!(e=ht(e)))return t;var i=Ln(t),r=Ln(e),o=function(t,e){for(var n=-1,i=t.length;++n<i&&zs(e,t[n],0)>-1;);return n}(i,r),s=function(t,e){for(var n=t.length;n--&&zs(e,t[n],0)>-1;);return n}(i,r)+1;return pn(i,o,s).join("")}function Ws(t,e){var n=[];return ke(t,(function(t,i,r){e(t,i,r)&&n.push(t)})),n}function Vs(t){return ut(t).toUpperCase()}var Gs=Array.prototype.join;function js(t,e){return null==t?"":Gs.call(t,e)}function Xs(t){return function(t){let e=In(t,"&");e=Ji(e,(function(t){return Hs(t)}));let n=gr(e);n=Math.min(4,n);let i=[];for(let t=0;t<n;t++)i.push(e[t]);return js(i,"_")}(t)}function $s(t,e){if(!Ne(t))return[];if(!Ne(e))return[];let n=function(t,e){return Ne(t)&&Ne(e)?t.split(e):[]}(t,e);n=Ji(n,Hs);let i=[];return De(n,(function(t){Ne(t)&&i.push(t)})),i}function Ys(){let t,e,n=new Promise((function(){t=arguments[0],e=arguments[1]}));return n.resolve=t,n.reject=e,n}var qs=o?o.isConcatSpreadable:void 0;function Zs(t){return e(t)||oe(t)||!!(qs&&t&&t[qs])}function Ks(t,e,n,i,r){var o=-1,s=t.length;for(n||(n=Zs),r||(r=[]);++o<s;){var a=t[o];e>0&&n(a)?e>1?Ks(a,e-1,n,i,r):oi(r,a):i||(r[r.length]=a)}return r}function Js(t,e){if(t!==e){var n=void 0!==t,i=null===t,r=t==t,o=v(t),s=void 0!==e,a=null===e,l=e==e,c=v(e);if(!a&&!c&&!o&&t>e||o&&s&&l&&!a&&!c||i&&s&&l||!n&&l||!r)return 1;if(!i&&!o&&!c&&t<e||c&&n&&r&&!i&&!o||a&&n&&r||!s&&r||!l)return-1}return 0}function Qs(t,n,i){n=n.length?st(n,(function(t){return e(t)?function(e){return mt(e,1===t.length?t[0]:t)}:t})):[Ue];var r=-1;return n=st(n,ge(Zi)),function(t,e){var n=t.length;for(t.sort(e);n--;)t[n]=t[n].value;return t}(Ki(t,(function(t,e,i){return{criteria:st(n,(function(e){return e(t)})),index:++r,value:t}})),(function(t,e){return function(t,e,n){for(var i=-1,r=t.criteria,o=e.criteria,s=r.length,a=n.length;++i<s;){var l=Js(r[i],o[i]);if(l)return i>=a?l:l*("desc"==n[i]?-1:1)}return t.index-e.index}(t,e,i)}))}var ta=Math.max;var ea=Tr?function(t,e){return Tr(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:Ue,na=ea,ia=Date.now;var ra=function(t){var e=0,n=0;return function(){var i=ia(),r=16-(i-n);if(n=i,r>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}(na),oa=ra;function sa(t,e){return oa(function(t,e,n){return e=ta(void 0===e?t.length-1:e,0),function(){for(var i=arguments,r=-1,o=ta(i.length-e,0),s=Array(o);++r<o;)s[r]=i[e+r];r=-1;for(var a=Array(e+1);++r<e;)a[r]=i[r];return a[e]=n(s),function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}(t,this,a)}}(t,e,Ue),t+"")}var aa=sa((function(t,e){if(null==t)return[];var n=e.length;return n>1&&gn(t,e[0],e[1])?e=[]:n>2&&gn(e[0],e[1],e[2])&&(e=[e[0]]),Qs(t,Ks(e,1),[])}));function la(t){return ut(t).toLowerCase()}function ca(t,e){return Ne(t)&&ln(e)?0===(e=an(e))?t:cn(t,t.length-e):""}function ha(t){if(!Ne(t)&&!Qe(t)&&!v(t))return"";let e="";try{e=String(t)}catch(t){}try{e=t.toString()}catch(t){}return e}function ua(t,e){return!!br(t)&&(!(!Ne(e)&&!Qe(e))&&e in t)}function da(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Ne(t)&&ln(e)?(n=Do(n)?an(n):1,t.substring(e,e+n)):""}let pa={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 fa(t){return ga(t,1)}function ma(t){return ga(t,360)}function ga(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(t.indexOf("%")>=0){if(!Qe(t=es(t,"%","")))throw new Error("invalid color: value is not a number");t=tn(t)/100}else{if(!Qe(t))throw new Error("invalid color: value is not a number");t=tn(t)/e}if(t>1)throw new Error("invalid color: value > 1");if(t<0)throw new Error("invalid color: value < 0");return t}function va(t){if(!Qe(t))throw new Error("invalid color: value is not a number");if((t=tn(t))>1)throw new Error("invalid color: value > 1");if(t<0)throw new Error("invalid color: value < 0");return t}function _a(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba";if(!_s(t))throw new Error("invalid colors array");let n=gt(t,0,0),i=gt(t,1,0),r=gt(t,2,0),o=gt(t,3,1);if(e=e.split(""),4!==gr(e))throw new Error("tar.length !== 4");return{[gt(e,0)]:n,[gt(e,1)]:i,[gt(e,2)]:r,[gt(e,3)]:o}}function ya(t){let e=gr(t=ca(t,1));if(2===e)t=`${t}${t}${t}ff`;else if(3===e){let e=da(t,0,1),n=da(t,1,1),i=da(t,2,1);t=`${e}${e}${n}${n}${i}${i}ff`}else if(6===e)t=`${t}ff`;else if(8!==e)throw new Error("invalid hex color");function n(t){if(2!==gr(t))throw new Error("hex.length of color is not equal to 2");if(!Qe(t=parseInt(t,16)))throw new Error("invalid hex of color");return(t=tn(t))/255}return{r:n(da(t,0,2)),g:n(da(t,2,2)),b:n(da(t,4,2)),a:n(da(t,6,2))}}function ba(t){return t=_a(t=Ji(t,((t,e)=>e<=2?ga(t,255):3===e?va(t):null)),"rgba")}function xa(t){return t=Ra(t=_a(t=Ji(t,((t,e)=>0===e?ma(t):1===e||2===e?fa(t):3===e?va(t):null)),"hsla"))}function Sa(t){return t=Pa(t=_a(t=Ji(t,((t,e)=>0===e?ma(t):1===e||2===e?fa(t):3===e?va(t):null)),"hsva"))}function wa(t){if("transparent"===t)return{r:0,g:0,b:0,a:0};if(function(t){return ua(pa,t)}(t))return ya(t=`#${pa[t]}`);if(function(t){return"#"===hn(t,1)&&(!!/[0-9A-Fa-f]{2}/g.test(t)||(!!/[0-9A-Fa-f]{3}/g.test(t)||(!!/[0-9A-Fa-f]{6}/g.test(t)||!!/[0-9A-Fa-f]{8}/g.test(t))))}(t))return ya(t);if(function(t){return"rgb"===hn(t,3)||"rgba"===hn(t,4)}(t))return function(t){return t=es(t,"rgba",""),t=es(t,"rgb",""),ba($s(t=es(t=t.replace(/[()]/g,""),","," ")," "))}(t);if(function(t){return"hsl"===hn(t,3)||"hsla"===hn(t,4)}(t))return function(t){return t=es(t,"hsla",""),t=es(t,"hsl",""),xa($s(t=es(t=t.replace(/[()]/g,""),","," ")," "))}(t);if(function(t){return"hsv"===hn(t,3)||"hsva"===hn(t,4)}(t))return function(t){return t=es(t,"hsva",""),t=es(t,"hsv",""),Sa($s(t=es(t=t.replace(/[()]/g,""),","," ")," "))}(t);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function Ma(t,e){return!!ua(t,e=la(e))||!!ua(t,e=Vs(e))}function Ta(t,e,n){let i;return i=gt(t,e,null),null!==i?i:(i=gt(t,e=Vs(e),null),null!==i?i:n)}function Aa(t){if(function(t){let e=Ma(t,"r"),n=Ma(t,"g"),i=Ma(t,"b");return e&&n&&i}(t))return function(t){let e=[Ta(t,"r",null),Ta(t,"g",null),Ta(t,"b",null),Ta(t,"a",1)];return e=Ji(e,ha),ba(e)}(t);if(function(t){let e=Ma(t,"h"),n=Ma(t,"s"),i=Ma(t,"l");return e&&n&&i}(t))return function(t){let e=[Ta(t,"h",null),Ta(t,"s",null),Ta(t,"l",null),Ta(t,"a",1)];return e=Ji(e,ha),xa(e)}(t);if(function(t){let e=Ma(t,"h"),n=Ma(t,"s"),i=Ma(t,"v");return e&&n&&i}(t))return function(t){let e=[Ta(t,"h",null),Ta(t,"s",null),Ta(t,"v",null),Ta(t,"a",1)];return e=Ji(e,ha),Sa(e)}(t);throw new Error("color object is not one of rgba, hsla, hsva")}function Ea(t){let e,n,i=t.r,r=t.g,o=t.b,s=Math.max(i,r,o),a=Math.min(i,r,o),l=(s+a)/2;if(s===a)e=n=0;else{let t=s-a;switch(n=l>.5?t/(2-s-a):t/(s+a),s){case i:e=(r-o)/t+(r<o?6:0);break;case r:e=(o-i)/t+2;break;case o:e=(i-r)/t+4}e/=6}return{h:e,s:n,l:l,a:t.a}}function Ca(t){let e,n,i=t.r,r=t.g,o=t.b,s=Math.max(i,r,o),a=Math.min(i,r,o),l=s,c=s-a;if(n=0===s?0:c/s,s===a)e=0;else{switch(s){case i:e=(r-o)/c+(r<o?6:0);break;case r:e=(o-i)/c+2;break;case o:e=(i-r)/c+4}e/=6}return{h:e,s:n,v:l,a:t.a}}function Ra(t){let e,n,i,r=t.h,o=t.s,s=t.l;function a(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}if(0===o)e=n=i=s;else{let t=s<.5?s*(1+o):s+o-s*o,l=2*s-t;e=a(l,t,r+1/3),n=a(l,t,r),i=a(l,t,r-1/3)}return{r:e,g:n,b:i,a:t.a}}function Pa(t){let e,n,i,r=t.h,o=t.s,s=t.v,a=Math.floor(6*r),l=6*r-a,c=s*(1-o),h=s*(1-l*o),u=s*(1-(1-l)*o);switch(a%6){case 0:e=s,n=u,i=c;break;case 1:e=h,n=s,i=c;break;case 2:e=c,n=s,i=u;break;case 3:e=c,n=h,i=s;break;case 4:e=u,n=c,i=s;break;case 5:e=s,n=c,i=h}return{r:e,g:n,b:i,a:t.a}}function La(t){let e=Math.round(255*t).toString(16);if(1===gr(e))return`0${e}`;if(2===gr(e))return e;throw new Error("invalid value")}function Oa(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=t.r,i=t.g,r=t.b,o=t.a,s=`${La(n)}${La(i)}${La(r)}`;return e&&(s=`${s}${La(o)}`),s}function Ia(t){return Math.min(1,Math.max(0,t))}function ka(t,e){if(!Ne(e))throw new Error("fmtOutput is not a string");if(!fl[e])throw console.log(`fmtOutput must be [${Oe(fl)}]`),new Error("invalid fmtOutput");return t=fl[e](t)}function Ua(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=Ea(t);return i.h+=e,i.h=i.h%1,ka(Ra(i),n)}function Da(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"toRgbString";if(e<0||e>1)throw new Error("w1 < 0 or > 1");if(i<0||i>1)throw new Error("w1 < 0 or > 1");return ka({r:t.r*e+n.r*i,g:t.g*e+n.g*i,b:t.b*e+n.b*i,a:t.a*e+n.a*i},r)}function Ba(t){return`${sn(100*t,1)}%`}function Na(t){return sn(t,0)}function Fa(t){return sn(t,3)}function za(t){return{r:Na(255*t.r),g:Na(255*t.g),b:Na(255*t.b)}}function Ha(t){return`rgb(${Na(255*t.r)}, ${Na(255*t.g)}, ${Na(255*t.b)})`}function Wa(t){return{r:Na(255*t.r),g:Na(255*t.g),b:Na(255*t.b),a:Fa(t.a)}}function Va(t){return`rgba(${Na(255*t.r)}, ${Na(255*t.g)}, ${Na(255*t.b)}, ${Fa(t.a)})`}function Ga(t){let e=Ea(t);return{h:Na(360*e.h),s:Fa(e.s),l:Fa(e.l)}}function ja(t){let e=Ea(t);return`hsl(${Na(360*e.h)}, ${Fa(e.s)}, ${Fa(e.l)})`}function Xa(t){let e=Ea(t);return{h:Na(360*e.h),s:Fa(e.s),l:Fa(e.l),a:Fa(e.a)}}function $a(t){let e=Ea(t);return`hsla(${Na(360*e.h)}, ${Fa(e.s)}, ${Fa(e.l)}, ${Fa(e.a)})`}function Ya(t){let e=Ca(t);return{h:Na(360*e.h),s:Fa(e.s),v:Fa(e.v)}}function qa(t){let e=Ca(t);return`hsv(${Na(360*e.h)}, ${Fa(e.s)}, ${Fa(e.v)})`}function Za(t){let e=Ca(t);return{h:Na(360*e.h),s:Fa(e.s),v:Fa(e.v),a:Fa(e.a)}}function Ka(t){let e=Ca(t);return`hsva(${Na(360*e.h)}, ${Fa(e.s)}, ${Fa(e.v)}, ${Fa(e.a)})`}function Ja(t){return{r:Ba(t.r),g:Ba(t.g),b:Ba(t.b)}}function Qa(t){return`rgb(${Ba(t.r)}, ${Ba(t.g)}, ${Ba(t.b)})`}function tl(t){return{r:Ba(t.r),g:Ba(t.g),b:Ba(t.b),a:Fa(t.a)}}function el(t){return`rgba(${Ba(t.r)}, ${Ba(t.g)}, ${Ba(t.b)}, ${Fa(t.a)})`}function nl(t){let e=Ea(t);return{h:Na(360*e.h),s:Ba(e.s),l:Ba(e.l)}}function il(t){let e=Ea(t);return`hsl(${Na(360*e.h)}, ${Ba(e.s)}, ${Ba(e.l)})`}function rl(t){let e=Ea(t);return{h:Na(360*e.h),s:Ba(e.s),l:Ba(e.l),a:Fa(e.a)}}function ol(t){let e=Ea(t);return`hsla(${Na(360*e.h)}, ${Ba(e.s)}, ${Ba(e.l)}, ${Fa(e.a)})`}function sl(t){let e=Ca(t);return{h:Na(360*e.h),s:Ba(e.s),v:Ba(e.v)}}function al(t){let e=Ca(t);return`hsv(${Na(360*e.h)}, ${Ba(e.s)}, ${Ba(e.v)})`}function ll(t){let e=Ca(t);return{h:Na(360*e.h),s:Ba(e.s),v:Ba(e.v),a:Fa(e.a)}}function cl(t){let e=Ca(t);return`hsva(${Na(360*e.h)}, ${Ba(e.s)}, ${Ba(e.v)}, ${Fa(e.a)})`}function hl(t){let e=function(t){return Oa(t,!1)}(t);return`#${e}`}function ul(t){return`#${Oa(t)}`}function dl(t){let e=null,n=null,i=null;if(Ne(t))e=la(Hs(t));else{if(!ns(t))throw console.log("color=",t),new Error("color is not a string or an object");n=t}if(null!==e)try{i=wa(e)}catch(t){throw console.log(t),new Error(`can not parse color: ${e}`)}else if(null!==n)try{i=Aa(n)}catch(t){throw console.log(t),new Error(`can not parse color: ${JSON.stringify(n)}`)}return i}function pl(t){if(!ns(t))return console.log("gradient is not an effective object"),t=>`rgb(${255*(t=Math.min(Math.max(t,0),1))},${255*t},${255*t})`;let e=[];return De(t,((t,n)=>{e.push([tn(n),Wa(dl(t)),t])})),e=aa(e,0),function(t){let n=null;for(let i=1;i<e.length;i++){let r=e[i-1][0],o=e[i-1][1],s=e[i][0],a=e[i][1];if(r<=t&&s>=t){let e=(s-t)/(s-r),i=(t-r)/(s-r);n=Da(dl(o),e,dl(a),i,"toRgbaString");break}}return n}}let fl={toRgb:za,toRgbString:Ha,toRgba:Wa,toRgbaString:Va,toHsl:Ga,toHslString:ja,toHsla:Xa,toHslaString:$a,toHsv:Ya,toHsvString:qa,toHsva:Za,toHsvaString:Ka,toRgbP:Ja,toRgbPString:Qa,toRgbaP:tl,toRgbaPString:el,toHslP:nl,toHslPString:il,toHslaP:rl,toHslaPString:ol,toHsvP:sl,toHsvPString:al,toHsvaP:ll,toHsvaPString:cl,toHexString:hl,toHex8String:ul};var ml=function(){let t={toRgb:t=>za(dl(t)),toRgbString:t=>Ha(dl(t)),toRgba:t=>Wa(dl(t)),toRgbaString:t=>Va(dl(t)),toHsl:t=>Ga(dl(t)),toHslString:t=>ja(dl(t)),toHsla:t=>Xa(dl(t)),toHslaString:t=>$a(dl(t)),toHsv:t=>Ya(dl(t)),toHsvString:t=>qa(dl(t)),toHsva:t=>Za(dl(t)),toHsvaString:t=>Ka(dl(t)),toRgbP:t=>Ja(dl(t)),toRgbPString:t=>Qa(dl(t)),toRgbaP:t=>tl(dl(t)),toRgbaPString:t=>el(dl(t)),toHslP:t=>nl(dl(t)),toHslPString:t=>il(dl(t)),toHslaP:t=>rl(dl(t)),toHslaPString:t=>ol(dl(t)),toHsvP:t=>sl(dl(t)),toHsvPString:t=>al(dl(t)),toHsvaP:t=>ll(dl(t)),toHsvaPString:t=>cl(dl(t)),toHexString:t=>hl(dl(t)),toHex8String:t=>ul(dl(t)),modSaturate:(t,e,n)=>function(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=Ea(t);return i.s+=e,i.s=Ia(i.s),ka(Ra(i),n)}(dl(t),e,n),modGrey:(t,e)=>function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString",n=Ea(t);return n.s=0,ka(Ra(n),e)}(dl(t),e),modLighten:(t,e,n)=>function(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=Ea(t);return i.l+=e,i.l=Ia(i.l),ka(Ra(i),n)}(dl(t),e,n),modBrighten:(t,e,n)=>function(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");return t.r+=e,t.r=Ia(t.r),t.g+=e,t.g=Ia(t.g),t.b+=e,t.b=Ia(t.b),ka(t,n)}(dl(t),e,n),modHue:(t,e,n)=>Ua(dl(t),e,n),modComplement:(t,e)=>function(t){return Ua(t,.5,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString")}(dl(t),e),spreadHue:(t,e,n)=>function(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!en(e))throw new Error("num is not an integer");if((e=an(e))<=1)return[t];let i=Ea(t),r=1/e,o=[];for(let t=0;t<e;t++)o.push(ka(Ra(i),n)),i.h+=r,i.h=i.h%1;return o}(dl(t),e,n),spreadMonochromatic:(t,e,n)=>function(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!en(e))throw new Error("num is not an integer");if((e=an(e))<=1)return[t];let i=Ca(t);i.s=1,i.l=1;let r=1/e,o=[];for(let t=0;t<e;t++)o.push(ka(Pa(i),n)),i.h-=r,i.l-=r;return o}(dl(t),e,n),mix:(t,e,n,i,r)=>Da(dl(t),e,dl(n),i,r),getBrightness:t=>function(t){if(1!==t.a)throw new Error("alpha of color can not be equal to 1");return(299*t.r+587*t.g+114*t.b)/1e3}(dl(t)),getLuminance:t=>function(t){if(1!==t.a)throw new Error("alpha of color can not be equal to 1");let e,n,i,r=t.r,o=t.g,s=t.b;return e=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4),n=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4),i=s<=.03928?s/12.92:Math.pow((s+.055)/1.055,2.4),.2126*e+.7152*n+.0722*i}(dl(t)),interp:pl};return t}();const gl={components:{},props:{name:{type:String,default:"cir-wave"},color:{type:String,default:"grey"},size:{type:Number,default:48}},data:function(){return{}},computed:{effColor:function(){return ts(this.color)}},methods:{}};var vl=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+t.size+"px; width:"+t.size+"px;"},["cir-wave"===t.name?[n("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:t.size,height:t.size}},[n("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[n("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"}}),t._v(" "),n("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"}})]),t._v(" "),n("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[n("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),t._v(" "),n("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"===t.name?[n("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:"+t.size+"px; width:"+t.size+"px;"},[n("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"}},[n("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:t.effColor}})])])]:t._e()],2)};vl._withStripped=!0;const _l=ws({render:vl,staticRenderFns:[]},(function(t){t&&t("data-v-7e2dc0a9_0",{source:"\n.pgc-rotate[data-v-7e2dc0a9] {\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-7e2dc0a9 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-7e2dc0a9] {\r\n    animation: progress-circular-dash-data-v-7e2dc0a9 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-7e2dc0a9 {\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-7e2dc0a9 {\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-7e2dc0a9 {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-7e2dc0a9 {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-106-3-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AA8FA;IACA,WAAA;IACA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,MAAA;IACA,SAAA;IACA,OAAA;IACA,QAAA;IACA,UAAA;IACA,+BAAA;IACA,wEAAA;IACA,+BAAA;AACA;AAEA;IACA,2EAAA;IACA,qBAAA;IACA,wBAAA;IACA,sBAAA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA",file:"WIconLoading.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`">\r\n\r\n        <template v-if="name===\'cir-wave\'">\r\n\r\n            <svg\r\n                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"\r\n                :width="size"\r\n                :height="size"\r\n            >\r\n                <circle cx="50" cy="50" r="14.6699" fill="none" stroke="#420457" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                </circle>\r\n                <circle cx="50" cy="50" r="33.9915" fill="none" stroke="#5a3faa" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate>\r\n                </circle>\r\n            </svg>\r\n\r\n        </template>\r\n\r\n        <template v-else-if="name===\'cir-rotate\'">\r\n\r\n            <div :style="`position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:${size}px; width:${size}px;`">\r\n                <svg\r\n                    class="pgc-rotate"\r\n                    style="transform: rotate(0deg);"\r\n                    xmlns="http://www.w3.org/2000/svg"\r\n                    viewBox="21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"\r\n                >\r\n                        <circle\r\n                            class="pgc-dash"\r\n                            fill="transparent"\r\n                            cx="43.80952380952381"\r\n                            cy="43.80952380952381"\r\n                            r="20"\r\n                            stroke-width="4"\r\n                            stroke-dasharray="100"\r\n                            stroke-dashoffset="50px"\r\n                            :stroke="effColor"\r\n                        ></circle>\r\n                    </svg>\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport 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 */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return 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})}),gl,"data-v-7e2dc0a9",false,undefined,!1,Ts,void 0,void 0);function yl(t,e,n,i){for(var r=n-1,o=t.length;++r<o;)if(i(t[r],e))return r;return-1}var bl=Array.prototype.splice;var xl=sa((function(t,e){return t&&t.length&&e&&e.length?function(t,e,n,i){var r=i?yl:zs,o=-1,s=e.length,a=t;for(t===e&&(e=Nr(e)),n&&(a=st(t,ge(n)));++o<s;)for(var l=0,c=e[o],h=n?n(c):c;(l=r(a,h,l,i))>-1;)a!==t&&bl.call(a,l,1),bl.call(t,l,1);return t}(t,e):t})),Sl=xl;function wl(t,e,n){if(!gs(t))return void console.log("clientX is not a number",t);if(!gs(e))return void console.log("clientY is not a number",e);if(!hs(n))return void console.log("ele is not a HTMLElement",n);let i;try{i=n.getBoundingClientRect()}catch(t){return void console.log("invalid ele for getBoundingClientRect",t)}let r=!1;try{r=t>=i.left&&t<=i.right&&e>=i.top&&e<=i.bottom}catch(t){console.log("catch when calculating page information of element",t)}return r}function Ml(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Tl(t){return t instanceof Ml(t).Element||t instanceof Element}function Al(t){return t instanceof Ml(t).HTMLElement||t instanceof HTMLElement}function El(t){return"undefined"!=typeof ShadowRoot&&(t instanceof Ml(t).ShadowRoot||t instanceof ShadowRoot)}var Cl=Math.max,Rl=Math.min,Pl=Math.round;function Ll(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function Ol(){return!/^((?!chrome|android).)*safari/i.test(Ll())}function Il(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&Al(t)&&(r=t.offsetWidth>0&&Pl(i.width)/t.offsetWidth||1,o=t.offsetHeight>0&&Pl(i.height)/t.offsetHeight||1);var s=(Tl(t)?Ml(t):window).visualViewport,a=!Ol()&&n,l=(i.left+(a&&s?s.offsetLeft:0))/r,c=(i.top+(a&&s?s.offsetTop:0))/o,h=i.width/r,u=i.height/o;return{width:h,height:u,top:c,right:l+h,bottom:c+u,left:l,x:l,y:c}}function kl(t){var e=Ml(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Ul(t){return t?(t.nodeName||"").toLowerCase():null}function Dl(t){return((Tl(t)?t.ownerDocument:t.document)||window.document).documentElement}function Bl(t){return Il(Dl(t)).left+kl(t).scrollLeft}function Nl(t){return Ml(t).getComputedStyle(t)}function Fl(t){var e=Nl(t),n=e.overflow,i=e.overflowX,r=e.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+i)}function zl(t,e,n){void 0===n&&(n=!1);var i,r,o=Al(e),s=Al(e)&&function(t){var e=t.getBoundingClientRect(),n=Pl(e.width)/t.offsetWidth||1,i=Pl(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=Dl(e),l=Il(t,s,n),c={scrollLeft:0,scrollTop:0},h={x:0,y:0};return(o||!o&&!n)&&(("body"!==Ul(e)||Fl(a))&&(c=(i=e)!==Ml(i)&&Al(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:kl(i)),Al(e)?((h=Il(e,!0)).x+=e.clientLeft,h.y+=e.clientTop):a&&(h.x=Bl(a))),{x:l.left+c.scrollLeft-h.x,y:l.top+c.scrollTop-h.y,width:l.width,height:l.height}}function Hl(t){var e=Il(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function Wl(t){return"html"===Ul(t)?t:t.assignedSlot||t.parentNode||(El(t)?t.host:null)||Dl(t)}function Vl(t){return["html","body","#document"].indexOf(Ul(t))>=0?t.ownerDocument.body:Al(t)&&Fl(t)?t:Vl(Wl(t))}function Gl(t,e){var n;void 0===e&&(e=[]);var i=Vl(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=Ml(i),s=r?[o].concat(o.visualViewport||[],Fl(i)?i:[]):i,a=e.concat(s);return r?a:a.concat(Gl(Wl(s)))}function jl(t){return["table","td","th"].indexOf(Ul(t))>=0}function Xl(t){return Al(t)&&"fixed"!==Nl(t).position?t.offsetParent:null}function $l(t){for(var e=Ml(t),n=Xl(t);n&&jl(n)&&"static"===Nl(n).position;)n=Xl(n);return n&&("html"===Ul(n)||"body"===Ul(n)&&"static"===Nl(n).position)?e:n||function(t){var e=/firefox/i.test(Ll());if(/Trident/i.test(Ll())&&Al(t)&&"fixed"===Nl(t).position)return null;var n=Wl(t);for(El(n)&&(n=n.host);Al(n)&&["html","body"].indexOf(Ul(n))<0;){var i=Nl(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}var Yl="top",ql="bottom",Zl="right",Kl="left",Jl="auto",Ql=[Yl,ql,Zl,Kl],tc="start",ec="end",nc="clippingParents",ic="viewport",rc="popper",oc="reference",sc=Ql.reduce((function(t,e){return t.concat([e+"-"+tc,e+"-"+ec])}),[]),ac=[].concat(Ql,[Jl]).reduce((function(t,e){return t.concat([e,e+"-"+tc,e+"-"+ec])}),[]),lc=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function cc(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),i}function hc(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function uc(t,e,n){return e===ic?hc(function(t,e){var n=Ml(t),i=Dl(t),r=n.visualViewport,o=i.clientWidth,s=i.clientHeight,a=0,l=0;if(r){o=r.width,s=r.height;var c=Ol();(c||!c&&"fixed"===e)&&(a=r.offsetLeft,l=r.offsetTop)}return{width:o,height:s,x:a+Bl(t),y:l}}(t,n)):Tl(e)?function(t,e){var n=Il(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):hc(function(t){var e,n=Dl(t),i=kl(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=Cl(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),s=Cl(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-i.scrollLeft+Bl(t),l=-i.scrollTop;return"rtl"===Nl(r||n).direction&&(a+=Cl(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:s,x:a,y:l}}(Dl(t)))}function dc(t){var e=Gl(Wl(t)),n=["absolute","fixed"].indexOf(Nl(t).position)>=0&&Al(t)?$l(t):t;return Tl(n)?e.filter((function(t){return Tl(t)&&function(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&El(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}(t,n)&&"body"!==Ul(t)})):[]}function pc(t){return t.split("-")[0]}function fc(t){return t.split("-")[1]}function mc(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function gc(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?pc(r):null,s=r?fc(r):null,a=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2;switch(o){case Yl:e={x:a,y:n.y-i.height};break;case ql:e={x:a,y:n.y+n.height};break;case Zl:e={x:n.x+n.width,y:l};break;case Kl:e={x:n.x-i.width,y:l};break;default:e={x:n.x,y:n.y}}var c=o?mc(o):null;if(null!=c){var h="y"===c?"height":"width";switch(s){case tc:e[c]=e[c]-(n[h]/2-i[h]/2);break;case ec:e[c]=e[c]+(n[h]/2-i[h]/2)}}return e}function vc(t,e){void 0===e&&(e={});var n=e,i=n.placement,r=void 0===i?t.placement:i,o=n.strategy,s=void 0===o?t.strategy:o,a=n.boundary,l=void 0===a?nc:a,c=n.rootBoundary,h=void 0===c?ic:c,u=n.elementContext,d=void 0===u?rc:u,p=n.altBoundary,f=void 0!==p&&p,m=n.padding,g=void 0===m?0:m,v=function(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}("number"!=typeof g?g:function(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}(g,Ql)),_=d===rc?oc:rc,y=t.rects.popper,b=t.elements[f?_:d],x=function(t,e,n,i){var r="clippingParents"===e?dc(t):[].concat(e),o=[].concat(r,[n]),s=o[0],a=o.reduce((function(e,n){var r=uc(t,n,i);return e.top=Cl(r.top,e.top),e.right=Rl(r.right,e.right),e.bottom=Rl(r.bottom,e.bottom),e.left=Cl(r.left,e.left),e}),uc(t,s,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(Tl(b)?b:b.contextElement||Dl(t.elements.popper),l,h,s),S=Il(t.elements.reference),w=gc({reference:S,element:y,strategy:"absolute",placement:r}),M=hc(Object.assign({},y,w)),T=d===rc?M:S,A={top:x.top-T.top+v.top,bottom:T.bottom-x.bottom+v.bottom,left:x.left-T.left+v.left,right:T.right-x.right+v.right},E=t.modifiersData.offset;if(d===rc&&E){var C=E[r];Object.keys(A).forEach((function(t){var e=[Zl,ql].indexOf(t)>=0?1:-1,n=[Yl,ql].indexOf(t)>=0?"y":"x";A[t]+=C[n]*e}))}return A}var _c={placement:"bottom",modifiers:[],strategy:"absolute"};function yc(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function bc(t){void 0===t&&(t={});var e=t,n=e.defaultModifiers,i=void 0===n?[]:n,r=e.defaultOptions,o=void 0===r?_c:r;return function(t,e,n){void 0===n&&(n=o);var r,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},_c,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,h={state:a,setOptions:function(n){var r="function"==typeof n?n(a.options):n;u(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:Tl(t)?Gl(t):t.contextElement?Gl(t.contextElement):[],popper:Gl(e)};var s,c,d=function(t){var e=cc(t);return lc.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((s=[].concat(i,a.options.modifiers),c=s.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return a.orderedModifiers=d.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.name,n=t.options,i=void 0===n?{}:n,r=t.effect;if("function"==typeof r){var o=r({state:a,name:e,instance:h,options:i}),s=function(){};l.push(o||s)}})),h.update()},forceUpdate:function(){if(!c){var t=a.elements,e=t.reference,n=t.popper;if(yc(e,n)){a.rects={reference:zl(e,$l(n),"fixed"===a.options.strategy),popper:Hl(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var r=a.orderedModifiers[i],o=r.fn,s=r.options,l=void 0===s?{}:s,u=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:u,instance:h})||a)}else a.reset=!1,i=-1}}},update:(r=function(){return new Promise((function(t){h.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(r())}))}))),s}),destroy:function(){u(),c=!0}};if(!yc(t,e))return h;function u(){l.forEach((function(t){return t()})),l=[]}return h.setOptions(n).then((function(t){!c&&n.onFirstUpdate&&n.onFirstUpdate(t)})),h}}var xc={passive:!0};var Sc={top:"auto",right:"auto",bottom:"auto",left:"auto"};function wc(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,s=t.offsets,a=t.position,l=t.gpuAcceleration,c=t.adaptive,h=t.roundOffsets,u=t.isFixed,d=s.x,p=void 0===d?0:d,f=s.y,m=void 0===f?0:f,g="function"==typeof h?h({x:p,y:m}):{x:p,y:m};p=g.x,m=g.y;var v=s.hasOwnProperty("x"),_=s.hasOwnProperty("y"),y=Kl,b=Yl,x=window;if(c){var S=$l(n),w="clientHeight",M="clientWidth";if(S===Ml(n)&&"static"!==Nl(S=Dl(n)).position&&"absolute"===a&&(w="scrollHeight",M="scrollWidth"),r===Yl||(r===Kl||r===Zl)&&o===ec)b=ql,m-=(u&&S===x&&x.visualViewport?x.visualViewport.height:S[w])-i.height,m*=l?1:-1;if(r===Kl||(r===Yl||r===ql)&&o===ec)y=Zl,p-=(u&&S===x&&x.visualViewport?x.visualViewport.width:S[M])-i.width,p*=l?1:-1}var T,A=Object.assign({position:a},c&&Sc),E=!0===h?function(t,e){var n=t.x,i=t.y,r=e.devicePixelRatio||1;return{x:Pl(n*r)/r||0,y:Pl(i*r)/r||0}}({x:p,y:m},Ml(n)):{x:p,y:m};return p=E.x,m=E.y,l?Object.assign({},A,((T={})[b]=_?"0":"",T[y]=v?"0":"",T.transform=(x.devicePixelRatio||1)<=1?"translate("+p+"px, "+m+"px)":"translate3d("+p+"px, "+m+"px, 0)",T)):Object.assign({},A,((e={})[b]=_?m+"px":"",e[y]=v?p+"px":"",e.transform="",e))}var Mc={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i||i,o=n.adaptive,s=void 0===o||o,a=n.roundOffsets,l=void 0===a||a,c={placement:pc(e.placement),variation:fc(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,wc(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,wc(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}};var Tc={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},r=e.elements[t];Al(r)&&Ul(r)&&(Object.assign(r.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});Al(i)&&Ul(i)&&(Object.assign(i.style,o),Object.keys(r).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},Ac=bc({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r||r,s=i.resize,a=void 0===s||s,l=Ml(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",n.update,xc)})),a&&l.addEventListener("resize",n.update,xc),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",n.update,xc)})),a&&l.removeEventListener("resize",n.update,xc)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,n=t.name;e.modifiersData[n]=gc({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},Mc,Tc]}),Ec={left:"right",right:"left",bottom:"top",top:"bottom"};function Cc(t){return t.replace(/left|right|bottom|top/g,(function(t){return Ec[t]}))}var Rc={start:"end",end:"start"};function Pc(t){return t.replace(/start|end/g,(function(t){return Rc[t]}))}function Lc(t,e){void 0===e&&(e={});var n=e,i=n.placement,r=n.boundary,o=n.rootBoundary,s=n.padding,a=n.flipVariations,l=n.allowedAutoPlacements,c=void 0===l?ac:l,h=fc(i),u=h?a?sc:sc.filter((function(t){return fc(t)===h})):Ql,d=u.filter((function(t){return c.indexOf(t)>=0}));0===d.length&&(d=u);var p=d.reduce((function(e,n){return e[n]=vc(t,{placement:n,boundary:r,rootBoundary:o,padding:s})[pc(n)],e}),{});return Object.keys(p).sort((function(t,e){return p[t]-p[e]}))}var Oc={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r||r,s=n.altAxis,a=void 0===s||s,l=n.fallbackPlacements,c=n.padding,h=n.boundary,u=n.rootBoundary,d=n.altBoundary,p=n.flipVariations,f=void 0===p||p,m=n.allowedAutoPlacements,g=e.options.placement,v=pc(g),_=l||(v===g||!f?[Cc(g)]:function(t){if(pc(t)===Jl)return[];var e=Cc(t);return[Pc(t),e,Pc(e)]}(g)),y=[g].concat(_).reduce((function(t,n){return t.concat(pc(n)===Jl?Lc(e,{placement:n,boundary:h,rootBoundary:u,padding:c,flipVariations:f,allowedAutoPlacements:m}):n)}),[]),b=e.rects.reference,x=e.rects.popper,S=new Map,w=!0,M=y[0],T=0;T<y.length;T++){var A=y[T],E=pc(A),C=fc(A)===tc,R=[Yl,ql].indexOf(E)>=0,P=R?"width":"height",L=vc(e,{placement:A,boundary:h,rootBoundary:u,altBoundary:d,padding:c}),O=R?C?Zl:Kl:C?ql:Yl;b[P]>x[P]&&(O=Cc(O));var I=Cc(O),k=[];if(o&&k.push(L[E]<=0),a&&k.push(L[O]<=0,L[I]<=0),k.every((function(t){return t}))){M=A,w=!1;break}S.set(A,k)}if(w)for(var U=function(t){var e=y.find((function(e){var n=S.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return M=e,"break"},D=f?3:1;D>0;D--){if("break"===U(D))break}e.placement!==M&&(e.modifiersData[i]._skip=!0,e.placement=M,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Ic={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.offset,o=void 0===r?[0,0]:r,s=ac.reduce((function(t,n){return t[n]=function(t,e,n){var i=pc(t),r=[Kl,Yl].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=o[0],a=o[1];return s=s||0,a=(a||0)*r,[Kl,Zl].indexOf(i)>=0?{x:a,y:s}:{x:s,y:a}}(n,e.rects,o),t}),{}),a=s[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[i]=s}};function kc(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function Uc(t){return[Yl,Zl,ql,Kl].some((function(e){return t[e]>=0}))}var Dc={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,s=vc(e,{elementContext:"reference"}),a=vc(e,{altBoundary:!0}),l=kc(s,i),c=kc(a,r,o),h=Uc(l),u=Uc(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:h,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":u})}};function Bc(t,e,n){return Cl(t,Rl(e,n))}var Nc={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r||r,s=n.altAxis,a=void 0!==s&&s,l=n.boundary,c=n.rootBoundary,h=n.altBoundary,u=n.padding,d=n.tether,p=void 0===d||d,f=n.tetherOffset,m=void 0===f?0:f,g=vc(e,{boundary:l,rootBoundary:c,padding:u,altBoundary:h}),v=pc(e.placement),_=fc(e.placement),y=!_,b=mc(v),x="x"===b?"y":"x",S=e.modifiersData.popperOffsets,w=e.rects.reference,M=e.rects.popper,T="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,A="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),E=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,C={x:0,y:0};if(S){if(o){var R,P="y"===b?Yl:Kl,L="y"===b?ql:Zl,O="y"===b?"height":"width",I=S[b],k=I+g[P],U=I-g[L],D=p?-M[O]/2:0,B=_===tc?w[O]:M[O],N=_===tc?-M[O]:-w[O],F=e.elements.arrow,z=p&&F?Hl(F):{width:0,height:0},H=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},W=H[P],V=H[L],G=Bc(0,w[O],z[O]),j=y?w[O]/2-D-G-W-A.mainAxis:B-G-W-A.mainAxis,X=y?-w[O]/2+D+G+V+A.mainAxis:N+G+V+A.mainAxis,$=e.elements.arrow&&$l(e.elements.arrow),Y=$?"y"===b?$.clientTop||0:$.clientLeft||0:0,q=null!=(R=null==E?void 0:E[b])?R:0,Z=I+X-q,K=Bc(p?Rl(k,I+j-q-Y):k,I,p?Cl(U,Z):U);S[b]=K,C[b]=K-I}if(a){var J,Q="x"===b?Yl:Kl,tt="x"===b?ql:Zl,et=S[x],nt="y"===x?"height":"width",it=et+g[Q],rt=et-g[tt],ot=-1!==[Yl,Kl].indexOf(v),st=null!=(J=null==E?void 0:E[x])?J:0,at=ot?it:et-w[nt]-M[nt]-st+A.altAxis,lt=ot?et+w[nt]+M[nt]-st-A.altAxis:rt,ct=p&&ot?function(t,e,n){var i=Bc(t,e,n);return i>n?n:i}(at,et,lt):Bc(p?at:it,et,p?lt:rt);S[x]=ct,C[x]=ct-et}e.modifiersData[i]=C}},requiresIfExists:["offset"]};let Fc={tooltip:[],popup:[]};const zc={directives:{domresize:$o()},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"},placementDist:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},paddingStyle:{type:Object,default:()=>({v:2,h:10})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:Xo(),valueTrans:!1,triggerWidth:null,cursorTriggerInner:!1,clickContentInner:!1,windowMousedown:null,windowMouseup:null,windowScroll:null,popperInstance:null,popperShow:!1,contentStyle:"",mouseClientX:0,mouseClientY:0}},mounted:function(){let t=this;t.windowMousemove=e=>{t.mouseClientX=e.clientX,t.mouseClientY=e.clientY},window.addEventListener("mousemove",t.windowMousemove,!1),t.windowMousedown=e=>{let n=gt(t,"$refs.divTrigger",null);t.cursorTriggerInner=!!n&&wl(e.clientX,e.clientY,n);let i=gt(t,"$refs.divContent",null);t.valueTrans&&i?t.clickContentInner=wl(e.clientX,e.clientY,i):t.clickContentInner=!1},window.addEventListener("mousedown",t.windowMousedown,!1),t.windowMouseup=e=>{t.checkTriggerEff(t.mmkey)&&(!t.valueTrans||t.cursorTriggerInner||t.clickContentInner?(t.cursorTriggerInner=!1,t.clickContentInner=!1):t.evHide("click","windowMouseup"))},window.addEventListener("mouseup",t.windowMouseup,!1),t.windowScroll=e=>{if("hover"!==t.kind)return;let n=gt(t,"$refs.divTrigger",null);n&&(t.cursorTriggerInner=!!n&&wl(t.mouseClientX,t.mouseClientY,n),t.cursorTriggerInner?t.valueTrans||t.evShow("hover","windowScroll"):t.valueTrans&&t.evHide("hover","windowScroll"))},window.addEventListener("scroll",t.windowScroll,!1)},beforeDestroy:function(){let t=this;window.removeEventListener("mousemove",t.windowMousemove,!1),window.removeEventListener("mousedown",t.windowMousedown,!1),window.removeEventListener("mouseup",t.windowMouseup,!1),window.removeEventListener("scroll",t.windowMouseup,!1),t.triggerEvent(!1),clearInterval(t.trt)},computed:{changeValue:function(){let t=this,e=t.value;return t.isolated||t.updateValue(e,"changeValue"),""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let t=this;return gs(t.minWidth)?`min-width:${t.minWidth}px;`:t.autoFitMinWidth?`min-width:${t.triggerWidth}px;`:""},useMaxWidth:function(){let t=this;return gs(t.maxWidth)?`max-width:${t.maxWidth}px;`:t.autoFitMaxWidth?`max-width:${t.triggerWidth}px;`:""},useBorderRadius:function(){let t=this;return gs(t.borderRadius)?`border-radius:${t.borderRadius}px;`:""},useTextFontSize:function(){let t=this.textFontSize;return t=es(t,";",""),`font-size:${t};`},useTextColor:function(){return ts(this.textColor)},useBackgroundColor:function(){return ts(this.backgroundColor)},usePadding:function(){return`padding:${vs(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let t=es(this.shadowStyle,";","");return""!==t?`box-shadow:${t};`:""},kind:function(){return"popup"===this.mode?"click":"hover"}},methods:{addTrigger:function(t){return function(t,e){Fc[t].push(e)}(this.mode,t)},checkTriggerEff:function(t){return function(t,e){return n=Fc[t],((i=null==n?0:n.length)?n[i-1]:void 0)===e;var n,i}(this.mode,t)},removeTrigger:function(t){return function(t,e){Sl(Fc[t],e)}(this.mode,t)},showPopper:function(t){let e=this,n=gt(e,"$refs.divTrigger",null);if(null===n)return;e.$nextTick((()=>{e.triggerWidth=n.offsetWidth}));let i=gt(e,"$refs.divContent",null);if(null===i)return;e.addTrigger(e.mmkey);let r={strategy:"fixed",placement:e.placement,modifiers:[Nc,Mc,{name:"computeStyles",options:{gpuAcceleration:!1}},Oc,{name:"flip",options:{fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","top","right-start","right-end","right","left-start","left-end","left"]}},Ic,{name:"offset",options:{offset:[0,e.placementDist]}},Dc]};e.popperInstance=Ac(n,i,r)},hidePopper:function(t){let e=this;e.popperInstance&&(e.popperInstance.destroy(),e.popperInstance=null),setTimeout((()=>{e.removeTrigger(e.mmkey)}),20)},updatePopper:function(t){let e=this;e.popperInstance&&e.popperInstance.update(),e.$emit("resize",t)},displayPopper:function(){let t=this;t.$nextTick((()=>{let e=t.editable&&t.valueTrans;if(e&&!t.popperShow){let e=-15;t.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,t.showPopper("displayPopper"),t.popperShow=!0,t.$emit("show"),setTimeout((()=>{t.contentStyle=`transition:all ${t.transitionTime}ms ease-out; opacity:1; pointer-events:none;`}),1),setTimeout((()=>{t.contentStyle=""}),t.transitionTime)}else!e&&t.popperShow&&(t.hidePopper("displayPopper"),t.popperShow=!1,t.$emit("hide"))}))},updateValue:function(t,e){let n=this;n.editable&&(n.valueTrans=t,n.displayPopper())},triggerEvent:function(t){let e=this;e.editable&&(e.isolated&&e.updateValue(t,"triggerEvent"),e.$nextTick((()=>{e.$emit("input",t)})))},evShow:function(t,e){let n=this;n.editable&&(n.valueTrans||n.kind===t&&n.triggerEvent(!0))},evHide:function(t,e){let n=this;n.editable&&n.valueTrans&&n.kind===t&&n.triggerEvent(!1)}}};var Hc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:""+t.useDisplayType,attrs:{changeValue:t.changeValue}},[n("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return t.evShow("click","click")},mouseenter:function(e){return t.evShow("hover","mouseenter")},mouseleave:function(e){return t.evHide("hover","mouseleave")}}},[t._t("trigger")],2),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:t.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopup-Content",style:"z-index:"+t.cmpZIndex+";",on:{domresize:t.updatePopper}},[t.valueTrans?n("div",{style:t.contentStyle+" "+t.usePadding+" "+t.useTextFontSize+" color:"+t.useTextColor+"; background:"+t.useBackgroundColor+"; "+t.useMinWidth+" "+t.useMaxWidth+" "+t.useBorderRadius+" "+t.useShadow},[t._t("content",null,{funHide:function(){t.updateValue(!1,"slot")}})],2):t._e()])])};Hc._withStripped=!0;const Wc=ws({render:Hc,staticRenderFns:[]},(function(t){t&&t("data-v-5098c6c2_0",{source:"\n.WPopup-Content[data-popper-reference-hidden][data-v-5098c6c2] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-106-3-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AAizBA;IACA,kBAAA;IACA,oBAAA;AACA",file:"WTooltip.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`${useDisplayType}`\"\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <div\r\n            ref=\"divTrigger\"\r\n            style=\"outline:none;\"\r\n            tabindex=\"0\"\r\n            @click=\"evShow('click','click')\"\r\n            @mouseenter=\"evShow('hover','mouseenter')\"\r\n            @mouseleave=\"evHide('hover','mouseleave')\"\r\n        >\r\n\r\n            <slot name=\"trigger\"></slot>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 不能給予position因會被popupjs洗掉, 但可給z-index, 且popupjs會改用transform:translate定位 --\x3e\r\n        \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n        <div\r\n            ref=\"divContent\"\r\n            class=\"WPopup-Content\"\r\n            :style=\"`z-index:${cmpZIndex};`\"\r\n            v-show=\"valueTrans\"\r\n            v-domresize\r\n            @domresize=\"updatePopper\"\r\n        >\r\n            <div\r\n                :style=\"`${contentStyle} ${usePadding} ${useTextFontSize} color:${useTextColor}; background:${useBackgroundColor}; ${useMinWidth} ${useMaxWidth} ${useBorderRadius} ${useShadow}`\"\r\n                v-if=\"valueTrans\"\r\n            >\r\n                <slot\r\n                    name=\"content\"\r\n                    :funHide=\"()=>{updateValue(false,'slot')}\"\r\n                ></slot>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\nimport last from 'lodash-es/last.js'\nimport pull from 'lodash-es/pull.js'\nimport isNumber from 'lodash-es/isNumber.js'\nimport genID from 'wsemi/src/genID.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport { createPopper } from '@popperjs/core/lib/popper-lite.js' //不用安裝@popperjs/core, 因wsemi安裝tippy.js內有依賴@popperjs/core\r\nimport flip from '@popperjs/core/lib/modifiers/flip.js'\r\nimport offset from '@popperjs/core/lib/modifiers/offset.js'\r\nimport hide from '@popperjs/core/lib/modifiers/hide.js'\r\nimport preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'\r\nimport computeStyles from '@popperjs/core/lib/modifiers/computeStyles'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction addTriggerMode(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction checkTriggerEffMode(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction removeTriggerMode(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='tooltip'] 輸入組件模式字串，可選'tooltip'與'popup'，預設'tooltip'\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [displayType='block'] 輸入display設定字串，可選'block'與'line'，預設'block'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗或彈窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [isolated=false] 輸入提示窗或彈窗當mode為'popup'時是否為獨立顯引狀態布林值，也就是可不接收外部傳入value值，預設false\r\n * @vue-prop {Number} [minWidth=null] 輸入提示窗或彈窗最小寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入提示窗或彈窗最大寬度數字，單位為px，預設null\r\n * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最小寬度布林值，預設false\r\n * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最大寬度布林值，預設false\r\n * @vue-prop {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} [placementDist=5] 輸入提示窗或彈窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {Number} [borderRadius=4] 輸入提示窗或彈窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入提示窗或彈窗文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [textColor='white'] 輸入提示窗或彈窗文字顏色字串，預設'white'\r\n * @vue-prop {String} [backgroundColor='rgba(60,60,60,0.75)'] 輸入提示窗或彈窗背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Object} [paddingStyle={v:2,h:10}] 輸入提示窗或彈窗內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:10}\r\n * @vue-prop {Boolean} [shadow=true] 輸入提示窗或彈窗是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入提示窗或彈窗陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [transitionTime=200] 輸入提示窗或彈窗淡入出現時間數字，單位為ms，預設200\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        mode: {\r\n            type: String,\r\n            default: 'tooltip', //tooltip, popup\r\n        },\r\n        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        placementDist: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'rgba(60,60,60,0.75)',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 2,\r\n                    h: 10,\r\n                }\r\n            },\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        transitionTime: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成\r\n            // mmkey: (() => {\r\n            //     let id = genID()\r\n            //     console.log('data gen mmkey', id)\r\n            //     return id\r\n            // })(),\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null,\r\n            cursorTriggerInner: false,\r\n            clickContentInner: false,\r\n            windowMousedown: null,\r\n            windowMouseup: null,\r\n            windowScroll: null,\r\n\r\n            popperInstance: null,\r\n            popperShow: false,\r\n\r\n            contentStyle: '',\r\n\r\n            mouseClientX: 0,\r\n            mouseClientY: 0,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //windowMousemove\r\n        vo.windowMousemove = (e) => {\r\n            // console.log(vo.mmkey, 'windowMousemove', e)\r\n\r\n            //save\r\n            vo.mouseClientX = e.clientX\r\n            vo.mouseClientY = e.clientY\r\n\r\n        }\r\n        window.addEventListener('mousemove', vo.windowMousemove, false)\r\n\r\n        //windowMousedown\r\n        vo.windowMousedown = (e) => {\r\n            // console.log(vo.mmkey, 'windowMousedown', e)\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n\r\n            //cursorTriggerInner, 滑鼠游標是否點擊於觸發區內\r\n            if (divTrigger) {\r\n                vo.cursorTriggerInner = domIsClientXYIn(e.clientX, e.clientY, divTrigger)\r\n            }\r\n            else {\r\n                vo.cursorTriggerInner = false\r\n            }\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //clickContentInner, 是否當前為顯示且擊於內容區內\r\n            if (vo.valueTrans && divContent) {\r\n                vo.clickContentInner = domIsClientXYIn(e.clientX, e.clientY, divContent)\r\n            }\r\n            else {\r\n                vo.clickContentInner = false\r\n            }\r\n\r\n        }\r\n        window.addEventListener('mousedown', vo.windowMousedown, false)\r\n\r\n        //windowMouseup\r\n        vo.windowMouseup = (e) => {\r\n            // console.log(vo.mmkey, 'windowMouseup', e, vo.checkTriggerEff(vo.mmkey))\r\n\r\n            //check\r\n            if (!vo.checkTriggerEff(vo.mmkey)) {\r\n                return\r\n            }\r\n\r\n            //當前為顯示時, 非點擊於觸發區與內容區, 才觸發隱藏事件\r\n            if (vo.valueTrans && !vo.cursorTriggerInner && !vo.clickContentInner) {\r\n                //console.log(vo.mmkey, 'click隱藏')\r\n\r\n                //evHide\r\n                vo.evHide('click', 'windowMouseup')\r\n\r\n            }\r\n            else {\r\n                //console.log(vo.mmkey, 'click不隱藏')\r\n                vo.cursorTriggerInner = false\r\n                vo.clickContentInner = false\r\n            }\r\n\r\n        }\r\n        window.addEventListener('mouseup', vo.windowMouseup, false)\r\n\r\n        //windowScroll\r\n        vo.windowScroll = (e) => {\r\n            // console.log(vo.mmkey, 'windowScroll', e, vo.checkTriggerEff(vo.mmkey))\r\n\r\n            // //check, 不能偵測checkTriggerEff, 因須支援由隱藏但通過捲動而滑鼠進入組件而顯示機制\r\n            // if (!vo.checkTriggerEff(vo.mmkey)) {\r\n            //     return\r\n            // }\r\n\r\n            //check, 只針對hover做處理\r\n            if (vo.kind !== 'hover') {\r\n                return\r\n            }\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n\r\n            //check\r\n            if (!divTrigger) {\r\n                return\r\n            }\r\n\r\n            //cursorTriggerInner, 滑鼠游標是否點擊於觸發區內\r\n            if (divTrigger) {\r\n                vo.cursorTriggerInner = domIsClientXYIn(vo.mouseClientX, vo.mouseClientY, divTrigger)\r\n                // console.log('domIsClientXYIn vo.cursorTriggerInner', vo.cursorTriggerInner)\r\n            }\r\n            else {\r\n                vo.cursorTriggerInner = false\r\n                // console.log('force vo.cursorTriggerInner', vo.cursorTriggerInner)\r\n            }\r\n\r\n            if (vo.cursorTriggerInner) {\r\n                //滑鼠位於於觸發區\r\n\r\n                if (vo.valueTrans) {\r\n                    //當前為顯示\r\n\r\n                    //不處理\r\n\r\n                }\r\n                else {\r\n                    //當前為隱藏\r\n                    // console.log(vo.mmkey, 'scroll顯示')\r\n\r\n                    //evShow\r\n                    vo.evShow('hover', 'windowScroll')\r\n\r\n                }\r\n\r\n            }\r\n            else {\r\n                //滑鼠非位於於觸發區\r\n\r\n                if (vo.valueTrans) {\r\n                    //當前為顯示\r\n                    // console.log(vo.mmkey, 'scroll隱藏')\r\n\r\n                    //evHide\r\n                    vo.evHide('hover', 'windowScroll')\r\n\r\n                }\r\n                else {\r\n                    //當前為隱藏\r\n\r\n                    //不處理\r\n\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n        window.addEventListener('scroll', vo.windowScroll, false)\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //window remove mousemove, mousedown, mouseup, scroll\r\n        window.removeEventListener('mousemove', vo.windowMousemove, false)\r\n        window.removeEventListener('mousedown', vo.windowMousedown, false)\r\n        window.removeEventListener('mouseup', vo.windowMouseup, false)\r\n        window.removeEventListener('scroll', vo.windowMouseup, false)\r\n\r\n        // //hidePopper, 不論click或hover一律隱藏\r\n        // vo.hidePopper('beforeDestroy')\r\n\r\n        //triggerEvent for hide\r\n        vo.triggerEvent(false)\r\n\r\n        //bbb\r\n        clearInterval(vo.trt)\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(value, 'changeValue')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useDisplayType: function() {\r\n            let vo = this\r\n            if (vo.displayType === 'line') {\r\n                return 'display:block;'\r\n            }\r\n            return 'display:inline-block;'\r\n        },\r\n\r\n        useMinWidth: function() {\r\n            //console.log('computed useMinWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.minWidth)) {\r\n                return `min-width:${vo.minWidth}px;`\r\n            }\r\n            else if (vo.autoFitMinWidth) {\r\n                return `min-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useMaxWidth: function() {\r\n            //console.log('computed useMaxWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.maxWidth)) {\r\n                return `max-width:${vo.maxWidth}px;`\r\n            }\r\n            else if (vo.autoFitMaxWidth) {\r\n                return `max-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useBorderRadius: function() {\r\n            //console.log('computed useBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.borderRadius)) {\r\n                return `border-radius:${vo.borderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.textFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        useTextColor: function() {\r\n            //console.log('computed useTextColor')\r\n\r\n            let vo = this\r\n\r\n            return 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        kind: function() {\r\n            let vo = this\r\n            if (vo.mode === 'popup') {\r\n                return 'click'\r\n            }\r\n            return 'hover'\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        addTrigger: function(mmkey) {\r\n            let vo = this\r\n            return addTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        checkTriggerEff: function(mmkey) {\r\n            let vo = this\r\n            return checkTriggerEffMode(vo.mode, mmkey)\r\n        },\r\n\r\n        removeTrigger: function(mmkey) {\r\n            let vo = this\r\n            return removeTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        showPopper: function(from) {\r\n            // console.log('methods showPopper', this.mmkey, from)\r\n\r\n            let vo = this\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            if (divTrigger === null) {\r\n                return //console.log('無法找到點擊區元素')\r\n            }\r\n\r\n            //$nextTick, 因顯示後popperjs會用divContent撐開導致divTrigger寬度等同於divContent, 需延遲取得offsetWidth才是正確寬度\r\n            vo.$nextTick(() => {\r\n\r\n                //update triggerWidth\r\n                vo.triggerWidth = divTrigger.offsetWidth\r\n\r\n            })\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //check\r\n            if (divContent === null) {\r\n                return //console.log('無法找到顯示元素')\r\n            }\r\n\r\n            //addTrigger, 採同步方式添加, popup顯示前就會mmkey就會進清單\r\n            vo.addTrigger(vo.mmkey)\r\n\r\n            //@popperjs/core 2.x\r\n            let opt = {\r\n                strategy: 'fixed', //盡量使用'fixed'而不用'absolute', 否則位於多層dialog或多層drawer內popup顯示會異常\r\n                placement: vo.placement,\r\n                modifiers: [\r\n                    preventOverflow,\r\n                    computeStyles,\r\n                    {\r\n                        name: 'computeStyles',\r\n                        options: {\r\n                            gpuAcceleration: false, //預設true, 可關閉GPU加速\r\n                        },\r\n                    },\r\n                    flip,\r\n                    {\r\n                        name: 'flip',\r\n                        options: {\r\n                            fallbackPlacements: ['bottom-start', 'bottom-end', 'top-start', 'top-end', 'top', 'right-start', 'right-end', 'right', 'left-start', 'left-end', 'left'],\r\n                        },\r\n                    },\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            offset: [0, vo.placementDist],\r\n                            //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            // offset: ({ placement, reference, popper }) => {\r\n                            //     console.log('offset', placement, reference, popper, vo.placementDist)\r\n                            //     if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {\r\n                            //         return [0, vo.placementDist]\r\n                            //     }\r\n                            //     else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {\r\n                            //         return [0, vo.placementDist]\r\n                            //     }\r\n                            //     else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {\r\n                            //         return [0, vo.placementDist]\r\n                            //     }\r\n                            //     else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {\r\n                            //         return [0, vo.placementDist]\r\n                            //     }\r\n                            //     else {\r\n                            //         return []\r\n                            //     }\r\n                            //     // return [0, vo.placementDist] //[Skidding, Distance]\r\n                            // },\r\n                        },\r\n                    },\r\n                    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        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            //非同步移除用nextTick會太快, 得使用setTimeout\r\n            //不管有沒有popperInstance都進行移除, 於開發階段避免熱更新問題\r\n            setTimeout(() => {\r\n\r\n                //removeTrigger, 需採非同步移除, 避免window事件結束後, 此時會繼續觸發前面popup內的window事件, 若採同步移除就無法讓前面popup判斷是否需屏蔽\r\n                vo.removeTrigger(vo.mmkey)\r\n\r\n            }, 20)\r\n\r\n        },\r\n\r\n        updatePopper: function(msg) {\r\n            //console.log('methods updatePopper', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            if (vo.popperInstance) {\r\n                vo.popperInstance.update()\r\n            }\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        displayPopper: function() {\r\n            //console.log('methods displayPopper')\r\n\r\n            let vo = this\r\n\r\n            //showPopper or hidePopper\r\n            vo.$nextTick(() => {\r\n\r\n                //b\r\n                let b = vo.editable && vo.valueTrans //顯示時valueTrans=true與可編輯時才顯示, 否則一律隱藏\r\n\r\n                if (b && !vo.popperShow) {\r\n                    // console.log('call showPopper', vo.mmkey)\r\n\r\n                    //shift, 暫時無法取得popper自動變更的placement, shift無法即時連動, 待研究\r\n                    let shift = -15\r\n                    // if (vo.placement.indexOf('top') >= 0) {\r\n                    //     shift = 15\r\n                    // }\r\n                    // console.log('vo.placement', vo.placement, vo.placement.indexOf('top'))\r\n                    // console.log('shift', shift)\r\n\r\n                    //contentStyle, 初始化使用pointer-events:none避免彈出區遮蔽驅動區導致觸發隱藏\r\n                    vo.contentStyle = `opacity:0; pointer-events:none; transform:translateY(${shift}px);`\r\n\r\n                    vo.showPopper('displayPopper')\r\n                    vo.popperShow = true\r\n                    vo.$emit('show')\r\n                    // console.log('emit show')\r\n\r\n                    //contentStyle, 顯示才給予transition用以驅動動畫, 動畫期間使用pointer-events:none避免彈出區遮蔽驅動區導致觸發隱藏\r\n                    setTimeout(() => {\r\n                        vo.contentStyle = `transition:all ${vo.transitionTime}ms ease-out; opacity:1; pointer-events:none;`\r\n                    }, 1)\r\n\r\n                    //contentStyle, 動畫結束清除pointer-events:none, 使內部能接收事件\r\n                    setTimeout(() => {\r\n                        vo.contentStyle = ``\r\n                    }, vo.transitionTime)\r\n\r\n                }\r\n                else if (!b && vo.popperShow) {\r\n                    // console.log('call hidePopper', vo.mmkey)\r\n\r\n                    vo.hidePopper('displayPopper')\r\n                    vo.popperShow = false\r\n                    vo.$emit('hide')\r\n                    // console.log('emit hide')\r\n\r\n                }\r\n\r\n            })\r\n\r\n        },\r\n\r\n        updateValue: function (value, from) {\r\n            // console.log('methods updateValue', value, 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            //save\r\n            vo.valueTrans = value\r\n            // console.log('updateValue', vo.valueTrans, from, vo.mmkey)\r\n\r\n            //displayPopper\r\n            vo.displayPopper()\r\n\r\n        },\r\n\r\n        triggerEvent: function(value) {\r\n            // console.log('methods triggerEvent', value)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.isolated) {\r\n\r\n                //updateValue\r\n                vo.updateValue(value, 'triggerEvent')\r\n\r\n            }\r\n\r\n            //$nextTick, 不論是否isolated都須emit\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        evShow: function(kind, from) {\r\n            // console.log('methods evShow', kind, from)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check, 已經顯示就不再顯示\r\n            if (vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 只允許限制模式\r\n            if (vo.kind !== kind) {\r\n                return\r\n            }\r\n\r\n            //triggerEvent for show\r\n            vo.triggerEvent(true)\r\n\r\n        },\r\n\r\n        evHide: function(kind, from) {\r\n            // console.log('methods evHide', kind, from)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check, 已經隱藏就不再隱藏\r\n            if (!vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 只允許限制模式\r\n            if (vo.kind !== kind) {\r\n                return\r\n            }\r\n\r\n            //triggerEvent for hide\r\n            vo.triggerEvent(false)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopup-Content[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),zc,"data-v-5098c6c2",false,undefined,!1,Ts,void 0,void 0);var Vc={components:{WIcon:Ps,WIconLoading:_l,WTooltip:Wc},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 ts(this.iconColor)},effIconColorHover:function(){return ts(this.iconColorHover)},effIconColorFocus:function(){return ts(this.iconColorFocus)},effIconColorActive:function(){return ts(this.iconColorActive)},useIconColor:function(){let t,e=this;return e.loadingTrans?e.effIconColor:(t=e.activeTrans?e.effIconColorActive:e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(t=e.activeTrans?e.effIconColorActive:e.effIconColor),t)},useBorderRadius:function(){let t=this,e="0px";if(Qe(t.borderRadius)){e=`${tn(t.borderRadius)}px;`}else Ne(t.borderRadius)&&(e=t.borderRadius);let n="0px",i="0px",r="0px",o="0px";return!0===gt(t,"borderRadiusStyle.left")&&(n=e,r=e),!0===gt(t,"borderRadiusStyle.right")&&(i=e,o=e),!0===gt(t,"borderRadiusStyle.top")&&(n=e,i=e),!0===gt(t,"borderRadiusStyle.bottom")&&(r=e,o=e),!0!==gt(t,"borderRadiusStyle.topLeft")&&!0!==gt(t,"borderRadiusStyle.top-left")||(n=e),!0!==gt(t,"borderRadiusStyle.topRight")&&!0!==gt(t,"borderRadiusStyle.top-right")||(i=e),!0!==gt(t,"borderRadiusStyle.bottomLeft")&&!0!==gt(t,"borderRadiusStyle.bottom-left")||(r=e),!0!==gt(t,"borderRadiusStyle.bottomRight")&&!0!==gt(t,"borderRadiusStyle.bottom-right")||(o=e),`border-top-left-radius:${n}; border-top-right-radius:${i}; border-bottom-left-radius:${r}; border-bottom-right-radius:${o};`},effBorderColor:function(){return ts(this.borderColor)},effBorderColorHover:function(){return ts(this.borderColorHover)},effBorderColorFocus:function(){return ts(this.borderColorFocus)},effBorderColorActive:function(){return ts(this.borderColorActive)},useBorderColor:function(){let t,e=this;return e.loadingTrans?e.effBorderColor:(t=e.activeTrans?e.effBorderColorActive:e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(t=e.activeTrans?e.effBorderColorActive:e.effBorderColor),t)},effBackgroundColor:function(){return ts(this.backgroundColor)},effBackgroundColorHover:function(){return ts(this.backgroundColorHover)},effBackgroundColorFocus:function(){return ts(this.backgroundColorFocus)},effBackgroundColorActive:function(){return ts(this.backgroundColorActive)},useBackgroundColor:function(){let t,e=this;return e.loadingTrans?e.effBackgroundColor:(t=e.activeTrans?e.effBackgroundColorActive:e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(t=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),t)},effRippleColor:function(){return ts(this.rippleColor)},effLoadingColor:function(){return ts(this.loadingColor)},effDisabledColor:function(){return ts(this.disabledColor)},usePadding:function(){let t=this;return`padding:${vs(t.paddingStyle,{ext:{left:t.shiftLeft,right:t.shiftRight}})};`},useShadow:function(){let t=this;return t.shadow&&Ne(t.shadowStyle)?"box-shadow:"+function(t,e,n){let i=In(t=es(t,"}","{"),"{");return i=Ji(i,(t=>{if(t.indexOf(e)>=0){let e=$s(t,"=")[1];return e=Qe(e)?tn(e):.2,function(t,e){let n=ts(t),i=ml.toRgba(n);return i.a=e,ml.toRgbaString(i)}(n,e)}return t})),js(i,"")}(t.shadowStyle,"backgroundColorAlpha",t.backgroundColor):""},hasTooltop:function(){return Ne(this.tooltip)}},methods:{ripple:function(t){let e=this;e.editable&&(e.loadingTrans||e.$nextTick((()=>{ds(t.currentTarget,t,{color:e.effRippleColor,timeDuration:500})})))},clickBtn:function(t){let e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let t=Ys();e.$nextTick((()=>{e.$emit("click",{pm:t})})),t.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}else e.$nextTick((()=>{e.$emit("click")}))}}};const Gc=Vc;var jc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:t.editable?t.role:"",changeActive:t.changeActive,changeLoading:t.changeLoading}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{style:"position:relative; transition:all 0.3s; "+t.usePadding+" "+t.useBorderRadius+" border:"+t.borderWidth+"px solid "+t.useBorderColor+"; background:"+t.useBackgroundColor+"; "+(t.editable&&t.cursorPointer?"cursor:pointer;":"")+" "+t.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){t.hoverTrans=!0,t.$emit("mouseenter",e)},mouseleave:function(e){t.hoverTrans=!1,t.$emit("mouseleave",e)},focus:function(e){t.focusTrans=!0},blur:function(e){t.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickBtn(e)},click:function(e){t.ripple(e),t.clickBtn(e)}}},[n("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[t.loadingTrans?t._e():n("WIcon",{attrs:{icon:t.icon,color:t.useIconColor,colorHover:t.useIconColor,size:t.iconSize}}),t._v(" "),t.loadingTrans?n("WIconLoading",{attrs:{name:"cir-rotate",color:t.effLoadingColor,size:t.iconSize}}):t._e()],1),t._v(" "),t.editable?t._e():n("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[n("div",{style:t.useBorderRadius+" overflow:hidden; width:100%; height:100%;"},[n("div",{style:"background:"+t.effDisabledColor+"; height:100%;"})])])])]},proxy:!0},{key:"content",fn:function(){return[t._v("\n            "+t._s(t.tooltip)+"\n        ")]},proxy:!0}])})],1)};jc._withStripped=!0;const Xc={components:{WButtonCircle:ws({render:jc,staticRenderFns:[]},(function(t){t&&t("data-v-0d8a41de_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",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})}),Gc,"data-v-0d8a41de",false,undefined,!1,Ts,void 0,void 0)},props:{kbname:{type:String},casename:{type:String}},data:function(){return{mdiLaunch:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",mdiUnfoldMoreVertical:"M18.17,12L15,8.83L16.41,7.41L21,12L16.41,16.58L15,15.17L18.17,12M5.83,12L9,15.17L7.59,16.59L3,12L7.59,7.42L9,8.83L5.83,12Z"}},mounted:function(){},computed:{fn:function(){let t=`${this.casename}`;return`${this.kbname}_${Xs(t)}`}},methods:{ckExample:function(){let t="https://yuda-lyu.github.io/w-plot-vue/examples/"+this.fn+".html";window.open(t,"_blank")},ckCode:function(){let t="https://github.com/yuda-lyu/w-plot-vue/blob/master/docs/examples/"+this.fn+".html";window.open(t,"_blank")}}};var $c=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"item"},[n("div",{staticStyle:{display:"inline-block"}},[t._v("\n        "+t._s(t.casename)+"\n    ")]),t._v(" "),n("div",{staticStyle:{"padding-left":"5px"}}),t._v(" "),n("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:t.mdiLaunch,iconSize:16,iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"example"},on:{click:t.ckExample}}),t._v(" "),n("div",{staticStyle:{"padding-left":"5px"}}),t._v(" "),n("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:t.mdiUnfoldMoreVertical,iconSize:16,iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"code"},on:{click:t.ckCode}})],1)};$c._withStripped=!0;const Yc=ws({render:$c,staticRenderFns:[]},(function(t){t&&t("data-v-15d6b55e_0",{source:"\n.item[data-v-15d6b55e] {\r\n    border-left: 3px solid #ffba75;\r\n    margin: 5px 5px 8px 0px;\r\n    padding: 3px 3px 5px 10px;\r\n    font-size: 0.9rem;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-106-3-w-plot-vue\\w-plot-vue\\src\\components\\demolink.vue"],names:[],mappings:";AA+FA;IACA,8BAAA;IACA,uBAAA;IACA,yBAAA;IACA,iBAAA;IACA,aAAA;IACA,2BAAA;IACA,mBAAA;AACA",file:"demolink.vue",sourcesContent:['<template>\r\n    <div class="item">\r\n\r\n        <div style="display:inline-block;">\r\n            {{casename}}\r\n        </div>\r\n\r\n        <div style="padding-left:5px;"></div>\r\n\r\n        <w-button-circle\r\n            :paddingStyle="{v:3,h:3}"\r\n            :icon="mdiLaunch"\r\n            :iconSize="16"\r\n            :iconColor="\'red darken-1\'"\r\n            :iconColorHover="\'red darken-1\'"\r\n            :iconColorFocus="\'red darken-1\'"\r\n            :backgroundColor="\'#fff\'"\r\n            :backgroundColorHover="\'#fff5f5\'"\r\n            :backgroundColorFocus="\'#fff2f2\'"\r\n            :tooltip="\'example\'"\r\n            @click="ckExample"\r\n        ></w-button-circle>\r\n\r\n        <div style="padding-left:5px;"></div>\r\n\r\n        <w-button-circle\r\n            :paddingStyle="{v:3,h:3}"\r\n            :icon="mdiUnfoldMoreVertical"\r\n            :iconSize="16"\r\n            :iconColor="\'red darken-1\'"\r\n            :iconColorHover="\'red darken-1\'"\r\n            :iconColorFocus="\'red darken-1\'"\r\n            :backgroundColor="\'#fff\'"\r\n            :backgroundColorHover="\'#fff5f5\'"\r\n            :backgroundColorFocus="\'#fff2f2\'"\r\n            :tooltip="\'code\'"\r\n            @click="ckCode"\r\n        ></w-button-circle>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiLaunch, mdiUnfoldMoreVertical } from \'@mdi/js\'\r\nimport cvCasename from \'../../toolg/cvCasename.mjs\'\r\nimport WButtonCircle from \'w-component-vue/src/components/WButtonCircle.vue\'\r\n\r\n\r\nexport default {\r\n    components: {\r\n        WButtonCircle,\r\n    },\r\n    props: {\r\n        kbname: {\r\n            type: String,\r\n        },\r\n        casename: {\r\n            type: String,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            mdiLaunch,\r\n            mdiUnfoldMoreVertical\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        fn: function() {\r\n            let fnc = `${this.casename}`\r\n            return `${this.kbname}_${cvCasename(fnc)}`\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        ckExample: function() {\r\n            let vo = this\r\n            let url = \'https://yuda-lyu.github.io/w-plot-vue/examples/\' + vo.fn + \'.html\'\r\n            window.open(url, \'_blank\')\r\n        },\r\n\r\n        ckCode: function() {\r\n            let vo = this\r\n            let url = \'https://github.com/yuda-lyu/w-plot-vue/blob/master/docs/examples/\' + vo.fn + \'.html\'\r\n            window.open(url, \'_blank\')\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.item {\r\n    border-left: 3px solid #ffba75;\r\n    margin: 5px 5px 8px 0px;\r\n    padding: 3px 3px 5px 10px;\r\n    font-size: 0.9rem;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n}\r\n</style>\r\n']},media:void 0})}),Xc,"data-v-15d6b55e",false,undefined,!1,Ts,void 0,void 0);function qc(t,e){let n=Ys();if(!_s(t)&&!br(t))return n.reject("rs is not an array or object"),n;let i=!1;if(br(t)){i=!0;let e=[];De(t,((t,n)=>{e.push({k:n,v:t})})),t=e}Ho(e)||(e=function(t){return t});let r=-1,o=[];return t.reduce((function(t,n){return t.then((function(t){o.push(t),r+=1;let s=r,a=n;return i&&(s=n.k,a=n.v),Ho(e)?e(a,s):a}))}),Promise.resolve()).then((function(t){var e,i,r,s;o.push(t),s=null==(e=o)?0:e.length,o=s?dn(e,(i=r||void 0===i?1:Ke(i))<0?0:i,s):[],n.resolve(o)})).catch((function(t){n.reject(t)})),n}function Zc(t){let e,n=Object.prototype.toString.call(t);if(e="[object Promise]"===n,e)return!0;if("[object Function]"!==n)return!1;try{e="function"!=typeof t.subscribe&&"function"==typeof t.then}catch(t){}return e}async function Kc(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,i=Ys();if(!Ho(t))return i.reject("waitfunction需輸入函數f"),i;let r=async()=>{let e=t();return Zc(e)&&(e=await e),e};if(n=await r(),!0===n)return i.resolve(),i;let o=gt(e,"attemptNum",null);Do(o)||(o=200);let s=gt(e,"timeInterval",null);Do(s)||(s=1e3);let a=0,l=setInterval((async()=>{a+=1,n=await r(),!0===n&&(clearInterval(l),i.resolve()),a>o&&(clearInterval(l),i.reject(`exceeded attemptNum[${o}]`))}),s);return i}function Jc(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;Qe(t)||(t=10);let e=Ys();return setTimeout((function(){e.resolve()}),t),e}let Qc={},th={};function eh(t){let{tagName:e,path:n,attributes:i={},func:r}=t,o=Ys();if("done"===Qc[n])return o.resolve("loaded"),o;if("loading"===Qc[n])return Kc((()=>"done"===Qc[n])).then((function(){o.resolve("loaded")})),o;Qc[n]="loading";let s=document.createElement(e);return De(i,((t,e)=>{s.setAttribute(e,t)})),i.rel&&"stylesheet"===i.rel?(s.setAttribute("href",n),setTimeout((()=>{o.resolve(s),Qc[n]="done"}),1)):(s.src=n,s.addEventListener("load",(()=>{let t;Ho(r)?t=Kc(r):(t=Ys(),t.resolve()),t.then((()=>Jc(500))).then((function(){o.resolve(s),Qc[n]="done"}))})),s.addEventListener("error",(()=>{o.reject(s),Qc[n]="done"}))),document.getElementsByTagName("head")[0].appendChild(s),o}function nh(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}t&&!window.Vue&&(window.Vue=t);const ih={components:{WIconLoading:_l},props:{pathItems:{type:Array,default:()=>["https://code.highcharts.com/11/highcharts.js","https://code.highcharts.com/11/highcharts-more.js","https://code.highcharts.com/11/modules/stock.js","https://code.highcharts.com/11/modules/annotations.js","https://code.highcharts.com/11/modules/heatmap.js","https://code.highcharts.com/11/modules/boost.js","https://code.highcharts.com/11/modules/boost-canvas.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js","https://cdn.jsdelivr.net/npm/w-highcharts@1.0.2/dist/w-highcharts.umd.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let e=this;(function(t){let e=Ys();_s(t)||(t=[t]),De(t,((e,n)=>{Be(e)&&(t[n]={path:e})}));let n=js(Ji(t,"path"),"|");return"done"===th[n]?(e.resolve("loaded"),e):"loading"===th[n]?(Kc((()=>"done"===th[n])).then((function(){e.resolve("loaded")})),e):(th[n]="loading",De(t,((t,e)=>{t.type||(".js"===cn(t.path,3)?t.type="js":".css"===cn(t.path,4)?t.type="css":t.type="unknow")})),qc(t,(t=>{let e=Ys();if("js"===t.type)e=eh({tagName:"script",path:t.path,attributes:{type:"text/javascript"},func:t.func});else if("css"===t.type)e=eh({tagName:"link",path:t.path,attributes:{rel:"stylesheet"}});else{let n="invalid pathItem.type: "+t.type;console.log(n),e.reject(n)}return e})).finally((()=>{th[n]="done"})))})(e.pathItems).then((n=>{if("loaded"!==n){let e=window.Highcharts,n=window["w-highcharts"];n.iniMarkers(e),e.setOptions(n.getDefOpt());let i=window.VueHighcharts;i.default&&(i=i.default),function(){let e=nh();return t||e.Vue}().use(i,{Highcharts:e})}e.cmpName="Highcharts"}))},computed:{},methods:{}};var rh=function(){var t=this,e=t.$createElement;return(t._self._c||e)(t.cmpName,{ref:"$self",tag:"component",attrs:{options:t.options}})};rh._withStripped=!0;const oh={components:{WHighchartsVueDyn:ws({render:rh,staticRenderFns:[]},(function(t){t&&t("data-v-1b967790_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})}),ih,"data-v-1b967790",false,undefined,!1,Ts,void 0,void 0)},props:{options:{type:Object,default:()=>{}},width:{type:Number,default:400},height:{type:Number,default:400}},data:function(){return{}},computed:{widthInp:function(){let t=this.width,e=gt(this,"options.chart.width","");return Qe(e)&&(t=tn(e)),t},heightInp:function(){let t=this.height,e=gt(this,"options.chart.height","");return Qe(e)&&(t=tn(e)),t}},methods:{}};var sh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.options?n("div",{style:"display:inline-block; width:"+t.widthInp+"px; min-width:"+t.widthInp+"px; height:"+t.heightInp+"px; overflow-y:hidden;"},[n("WHighchartsVueDyn",{attrs:{options:t.options}})],1):t._e()};sh._withStripped=!0;const ah=ws({render:sh,staticRenderFns:[]},(function(t){t&&t("data-v-a8f1adc4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPlot2d.vue"},media:void 0})}),oh,"data-v-a8f1adc4",false,undefined,!1,Ts,void 0,void 0);const lh={components:{demolink:Yc,WPlot2d:ah},props:{},data:function(){return{WPlot2d:{option1:{title:{text:"AAPL Stock Price"},xAxis:{type:"datetime"},yAxis:{title:{text:"Price"}},tooltip:{headerFormat:'<div style="font-size:8pt;">{point.x:%Y/%m/%d %H:%M}</div><br/>',pointFormat:" Price: <b>{point.y}</b>"},series:[{name:"AAPL",data:window.dataAAPL,tooltip:{valueDecimals:2}}]}}}},methods:{}};var ch=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-plot-2d",casename:"default"}}),t._v(" "),n("w-plot-2d",{attrs:{options:t.WPlot2d.option1}})],1)])])};ch._withStripped=!0;const hh=ws({render:ch,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-plot-2d")])])}]},(function(t){t&&t("data-v-f56a157c_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPlot2d.vue"},media:void 0})}),lh,"data-v-f56a157c",false,undefined,!1,Ts,void 0,void 0);function uh(t,e,n){(void 0!==n&&!G(t[e],n)||void 0===n&&!(e in t))&&Ar(t,e,n)}function dh(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]}function ph(t,n,i,r,o,s,a){var l=dh(t,i),c=dh(n,i),h=a.get(c);if(h)uh(t,i,h);else{var u,d=s?s(l,c,i+"",t,n,a):void 0,p=void 0===d;if(p){var f=e(c),g=!f&&ce(c),v=!f&&!g&&Se(c);d=c,f||g||v?e(l)?d=l:m(u=l)&&Le(u)?d=Nr(l):g?(p=!1,d=Br(c,!0)):v?(p=!1,d=Yr(c,!0)):d=[]:cs(c)||oe(c)?(d=l,oe(l)?d=function(t){return Rr(t,Or(t))}(l):x(l)&&!A(l)||(d=yo(c))):p=!1}p&&(a.set(c,d),o(d,c,r,s,a),a.delete(c)),uh(t,i,d)}}function fh(t,e,n,i,r){t!==e&&Qt(e,(function(o,s){if(r||(r=new kn),x(o))ph(t,e,s,n,fh,i,r);else{var a=i?i(dh(t,s),o,s+"",t,e,r):void 0;void 0===a&&(a=o),uh(t,s,a)}}),Or)}var mh,gh=(mh=function(t,e,n){fh(t,e,n)},sa((function(t,e){var n=-1,i=e.length,r=i>1?e[i-1]:void 0,o=i>2?e[2]:void 0;for(r=mh.length>3&&"function"==typeof r?(i--,r):void 0,o&&gn(e[0],e[1],o)&&(r=i<3?void 0:r,i=1),t=Object(t);++n<i;){var s=e[n];s&&mh(t,s,n,r)}return t}))),vh=gh;function _h(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{credits:{enabled:!1},navigation:{buttonOptions:{enabled:!1}},boost:{enabled:!0},plotOptions:{series:{animation:!1}},title:{text:""},subtitle:{text:""},tooltip:{useHTML:!0,enabled:gt(t,"useTooltip",!0)},legend:{useHTML:!0,enabled:gt(t,"useLegend",!0)}}}function yh(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=gt(t,"marginLeftShift",60),n=gt(t,"marginRightShift",0),i=gt(t,"marginTopShift",10),r=gt(t,"marginBottomShift",60),o=gt(t,"spacingLeft",0),s=gt(t,"spacingRight",0),a=gt(t,"spacingTop",0),l=gt(t,"spacingBottom",0),c=gt(t,"plotBorderColor","#666"),h=gt(t,"plotBorderWidth",1),u=gt(t,"space",5);return{animation:!1,plotBorderColor:c,plotBorderWidth:h,marginLeft:u+e,marginRight:u+n,marginTop:u+i,marginBottom:u+r,spacingLeft:o,spacingRight:s,spacingTop:a,spacingBottom:l}}function bh(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=gt(t,"softMax"),n=gt(t,"vDig"),i={crosshair:!0,title:{useHTML:!0,text:"",style:{fontFamily:gt(t,"titleFontFamily","微軟正黑體"),fontSize:gt(t,"titleFontSize","12pt"),color:gt(t,"titleColor","#000")}},softMax:e,labels:{autoRotation:!1,style:{fontFamily:gt(t,"labelFontFamily","微軟正黑體"),fontSize:gt(t,"labelFontSize","9pt"),color:gt(t,"labelColor","#222")},formatter:function(t){return n?function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return Qe(t)&&ln(e)?(t=tn(t),sn(t,e).toFixed(e)):""}(t.value,n):t.value}},lineColor:"#666",lineWidth:1,gridLineColor:"#eeeeee",gridLineWidth:1,minorGridLineColor:"#eeeeee",minorGridLineWidth:1,tickPosition:"inside",tickColor:"#222222",tickWidth:1,tickLength:5,minorTickPosition:"inside",minorTickColor:"#222222",minorTickWidth:1,minorTickLength:5};return i}function xh(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=gt(t,"legnedFontFamily","微軟正黑體"),n=gt(t,"legnedFontSize","9pt"),i=gt(t,"legnedColor","#222");return{useHTML:!0,enabled:!0,shared:!0,floating:!0,layout:"vertical",backgroundColor:gt(t,"legendBackgroundColor","rgba(255,255,255,0.75)"),borderColor:gt(t,"legnedBorderColor","#aaa"),borderWidth:1,itemStyle:{fontFamily:e,fontSize:n,color:i}}}function Sh(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=gt(e,"legendPosition","topright"),i=gt(t,"chart.marginLeft")||gt(t,"chart.margin-left");i=tn(i);let r=gt(t,"chart.marginRight")||gt(t,"chart.margin-right");r=tn(r);let o=gt(t,"chart.marginTop")||gt(t,"chart.margin-top");o=tn(o);let s=gt(t,"chart.marginBottom")||gt(t,"chart.margin-bottom");s=tn(s),gt(e,"legendIgnoreMargin",!1)&&(i=0,r=0,o=0,s=0);let a=gt(t,"chart.spacingLeft")||gt(t,"chart.spacing-left");a=tn(a);let l=gt(t,"chart.spacingRight")||gt(t,"chart.spacing-right");l=tn(l);let c=gt(t,"chart.spacingTop")||gt(t,"chart.spacing-top");c=tn(c);let h=gt(t,"chart.spacingBottom")||gt(t,"chart.spacing-bottom");h=tn(h),gt(e,"legendIgnoreSpacing",!1)&&(a=0,l=0,c=0,h=0);let u=gt(t,"legend",{});if(t.legend=u,"topleft"===n){t.legend.align="left",t.legend.verticalAlign="top";let e=5,n=5;t.legend.x=i-a+e,t.legend.y=o-c+n}else if("bottomleft"===n){t.legend.align="left",t.legend.verticalAlign="bottom";let e=5,n=-5;t.legend.x=i-a+e,t.legend.y=-s+h+n}else if("bottomright"===n){t.legend.align="right",t.legend.verticalAlign="bottom";let e=-5,n=-5;t.legend.x=-r+l+e,t.legend.y=-s+h+n}else{t.legend.align="right",t.legend.verticalAlign="top";let e=-5,n=5;t.legend.x=-r+l+e,t.legend.y=o-c+n}return t}function wh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Mh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?wh(Object(n),!0).forEach((function(e){wr(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):wh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Th(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},o=gt(r,"marginLeft",null),s=gt(r,"marginRight",null),a=gt(r,"marginTop",null),l=gt(r,"marginBottom",null),c=gt(r,"direction","vertical");"vertical"!==c&&"horizontal"!==c&&(c="vertical");let h,u=gt(r,"xTitle",""),d=gt(r,"yTitle",""),p=gt(r,"barColor",void 0),f=gt(r,"barKpColor",void 0),m=gt(r,"barGroupWidthRatio",.2),g=gt(r,"barWidthRatio",.2),v=gt(r,"barBorderWidth",1),_=gt(r,"barDisplay","separate");"separate"!==_&&"stackNormal"!==_&&"stackPercent"!==_&&(_="separate"),"stackNormal"===_?h="normal":"stackPercent"===_&&(h="percent");let y=gt(r,"barBorderRadius",4),b=gt(r,"barShowLabels",!0),x=gt(r,"barUseInnerLabelsForHorizontal",!1),S=gt(r,"showLegend",!1),w=n,M=[];De(i,((t,e)=>{let i=gt(t,"name",""),r=p,o=gt(t,"color",void 0),s=gt(t,"data",{}),a=null,l=[];De(n,(t=>{let n=gt(s,t,null),i=n;if(ns(i)){if(!ua(i,"value"))throw new Error("bar data is an object but no value");i=gt(i,"value",null)}let c=gt(f,t,void 0),h=gt(f,`${e}.${t}`,void 0),u=gt(n,"color",void 0),d=(t=>{if(xs(t)){let e=gr(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Ji(t,((t,n)=>[n/(e-1),t]))}}return t})(r||o||c||h||u);null===a&&(a=d),l.push({name:t,y:i,color:d})})),M.push({name:i,data:l,color:a})}));let T=_h(r),A=yh(r),E=bh(r),C=vh(E,{categories:w,labels:{allowOverlap:!0}});C.title.text=u;let R=bh(r),P=vh(R,{});P.title.text=d,P.min=0;let L=xh(r),O=Mh(Mh({},T),{},{chart:Mh(Mh({},A),{},{type:"vertical"===c?"column":"bar",width:t,height:e}),xAxis:C,yAxis:P,legend:L,series:M});return gs(o)&&(O.chart.marginLeft=o),gs(s)&&(O.chart.marginRight=s),gs(a)&&(O.chart.marginTop=a),gs(l)&&(O.chart.marginBottom=l),"stackPercent"===_&&("vertical"===c&&(O.chart.marginLeft+=11),O.yAxis.labels.formatter=t=>`${t.value}%`),"horizontal"===c&&x&&(O.chart.marginLeft=40,O.xAxis.title.margin=21,O.xAxis.labels.enabled=!1,O.xAxis.tickWidth=0,O.xAxis.min=-.25,O.xAxis.tickInterval=1,O.xAxis.plotLines=[{color:O.xAxis.gridLineColor,width:O.xAxis.gridLineWidth,value:-.5}]),O.plotOptions=Mh(Mh({},O.plotOptions),{},{series:{groupPadding:m,pointPadding:g,borderWidth:v,grouping:!0,borderRadius:y,stacking:h,dataLabels:{enabled:b,allowOverlap:!0}}}),O=Sh(O,r),O.legend.enabled=S,O}const Ah={components:{WPlot2d:ah},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return gt(this,"opt.width",0)},picHeight:function(){return gt(this,"opt.height",0)},ks:function(){return gt(this,"opt.keys",[])},hasOptBar:function(){return ns(this.optBar)},optBar:function(){let t=this,e=null;try{let n=gt(t,"opt.rds",[]);e=Th(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e},useInnerLabels:function(){let t="horizontal"===gt(this,"opt.direction",""),e=gt(this,"opt.barUseInnerLabelsForHorizontal",!1);return t&&e},locLeft:function(){return gt(this,"optBar.chart.marginLeft",0)},locTop:function(){return gt(this,"optBar.chart.marginTop",0)},locBottom:function(){return gt(this,"optBar.chart.marginBottom",0)},hTickLableFontFamily:function(){return gt(this,"optBar.xAxis.labels.style.fontFamily","")},hTickLableFontSize:function(){return gt(this,"optBar.xAxis.labels.style.fontSize","")},hTickLableColor:function(){return gt(this,"optBar.xAxis.labels.style.color","")},hAxisMin:function(){return gt(this,"optBar.xAxis.min",0)},hTickLabels:function(){let t=this,e=t.picHeight-t.locTop-t.locBottom;e=Math.max(e,0);let n=gr(t.ks)-t.hAxisMin,i=0;return n>0&&(i=e/n),Ji(t.ks,((e,n)=>({name:e,y:t.locTop+i*(n-t.hAxisMin)})))}},methods:{}};var Eh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptBar?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optBar})],2),t._v(" "),n("div",{staticStyle:{position:"relative"}},[n("WPlot2d",{attrs:{options:t.optBar}}),t._v(" "),t.useInnerLabels?t._l(t.hTickLabels,(function(e,i){return n("div",{key:"ktk-"+i,style:"position:absolute; left:"+t.locLeft+"px; top:"+e.y+"px; font-family:"+t.hTickLableFontFamily+"; font-size:"+t.hTickLableFontSize+"; color:"+t.hTickLableColor+";"},[t._v("\n                "+t._s(e.name)+"\n            ")])})):t._e()],2),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optBar})],2)]):t._e()};Eh._withStripped=!0;const Ch=ws({render:Eh,staticRenderFns:[]},(function(t){t&&t("data-v-3b9408ec_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",map:{version:3,sources:[],names:[],mappings:"",file:"WBar.vue"},media:void 0})}),Ah,"data-v-3b9408ec",false,undefined,!1,Ts,void 0,void 0);var Rh={components:{demolink:Yc,WBar:Ch},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WBar:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2b:{width:400,height:400,keys:t,rds:[{name:"Corn",color:"#E91E63",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:"#9C27B0",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2c:{width:400,height:400,keys:t,rds:[{name:"Corn",color:["rgb(243, 150, 199)","rgb(233, 30, 99)"],data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:["rgb(206, 159, 236)","rgb(156, 39, 176)"],data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2d:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#FF8A80"},China:{value:260,color:"#FF80AB"},Brazil:{value:107,color:"#EA80FC"},EU:{value:68.3,color:"#B388FF"},India:{value:27.5,color:"#8C9EFF"},Russia:{value:14.5,color:"#82B1FF"}}},{name:"Wheat",data:{USA:{value:51.086,color:"#F44336"},China:{value:136,color:"#E91E63"},Brazil:{value:5.5,color:"#9C27B0"},EU:{value:141,color:"#673AB7"},India:{value:107.18,color:"#3F51B5"},Russia:{value:77,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2e:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["rgb(255, 205, 210)","rgb(229, 115, 115)"]},China:{value:260,color:["rgb(255, 185, 210)","rgb(229, 95, 115)"]},Brazil:{value:107,color:["rgb(255, 165, 210)","rgb(229, 75, 115)"]},EU:{value:68.3,color:["rgb(255, 145, 210)","rgb(229, 55, 115)"]},India:{value:27.5,color:["rgb(255, 125, 210)","rgb(229, 35, 115)"]},Russia:{value:14.5,color:["rgb(255, 105, 210)","rgb(229, 15, 115)"]}}},{name:"Wheat",data:{USA:{value:51.086,color:["rgb(210, 205, 255)","rgb(115, 115, 229)"]},China:{value:136,color:["rgb(210, 185, 255)","rgb(115, 95, 229)"]},Brazil:{value:5.5,color:["rgb(210, 165, 255)","rgb(115, 75, 229)"]},EU:{value:141,color:["rgb(210, 145, 255)","rgb(115, 55, 229)"]},India:{value:107.18,color:["rgb(210, 125, 255)","rgb(115, 35, 229)"]},Russia:{value:77,color:["rgb(210, 105, 255)","rgb(115, 15, 229)"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const Ph=Rh;var Lh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{marginLeft:85,marginRight:25,marginTop:35,marginBottom:75})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barColor:"#FF9800"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barColor:["#4f95d8","#0058a5"]})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & hide labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & show legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2b,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2c,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2d,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2e,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && show labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && hide legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal) && barShowLabels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackPercent)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:85,marginRight:25,marginTop:35,marginBottom:75,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barUseInnerLabelsForHorizontal"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:"#FF9800"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:["#4f95d8","#0058a5"]})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & hide labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & show legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barUseInnerLabelsForHorizontal & barGroupWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barUseInnerLabelsForHorizontal:!0,barGroupWidthRatio:.25})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2d,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2e,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && show labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && hide legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal) && barShowLabels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackPercent)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1)])])};Lh._withStripped=!0;const Oh=ws({render:Lh,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-bar")])])}]},(function(t){t&&t("data-v-254f3289_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWBar.vue"},media:void 0})}),Ph,"data-v-254f3289",false,undefined,!1,Ts,void 0,void 0);function Ih(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function kh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ih(Object(n),!0).forEach((function(e){wr(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ih(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Uh(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},o=gt(r,"marginLeft",null),s=gt(r,"marginRight",null),a=gt(r,"marginTop",null),l=gt(r,"marginBottom",null),c=gt(r,"pieThicknessRatio",.6);c=Math.min(c,1),c=Math.max(c,0);let h=gt(r,"pieBorderRadius",4),u=gt(r,"pieKpColor",void 0),d=gt(r,"pieBorderWidth",1),p=gt(r,"pieShowLabels",!0),f=gt(r,"showLegend",!0),m=[];De(i,((t,e)=>{let i=gt(t,"name",""),r=gt(t,"color",void 0),o=gt(t,"data",{}),s=null,a=[];De(n,(t=>{let n=gt(o,t,null),i=n;if(ns(i)){if(!ua(i,"value"))throw new Error("pie data is an object but no value");i=gt(i,"value",null)}let l=gt(u,t,void 0),c=gt(u,`${e}.${t}`,void 0),h=gt(n,"color",void 0),d=(t=>{if(xs(t)){let e=gr(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Ji(t,((t,n)=>[n/(e-1),t]))}}return t})(r||l||c||h);null===s&&(s=d),a.push({name:t,y:i,color:d})})),m.push({name:i,data:a,color:s})}));let g=_h(r),v=yh(kh(kh({},r),{},{marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"})),_=xh(r),y=kh(kh({},g),{},{chart:kh(kh({},v),{},{type:"pie",width:t,height:e}),legend:_,series:m});return gs(o)&&(y.chart.marginLeft=o),gs(s)&&(y.chart.marginRight=s),gs(a)&&(y.chart.marginTop=a),gs(l)&&(y.chart.marginBottom=l),y.plotOptions=kh(kh({},y.plotOptions),{},{series:{borderWidth:d,dataLabels:{enabled:p,allowOverlap:!0,format:'\n                        <div style="width:50px;">\n                            <div style="font-weight:bold;">{point.name}</div>\n                            <div style="opacity:0.6;">{point.percentage:.1f}%</div>\n                        </div>\n                    '},innerSize:100*(1-c)+"%",borderRadius:h,showInLegend:f}}),y=Sh(y,kh(kh({},r),{},{legendIgnoreMargin:!0})),y.legend.enabled=f,y}const Dh={components:{WPlot2d:ah},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return gt(this,"opt.width",0)},picHeight:function(){return gt(this,"opt.height",0)},ks:function(){return gt(this,"opt.keys",[])},hasOptPie:function(){return ns(this.optPie)},optPie:function(){let t=this,e=null;try{let n=gt(t,"opt.rds",[]);e=Uh(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e}},methods:{}};var Bh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptPie?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optPie})],2),t._v(" "),n("WPlot2d",{attrs:{options:t.optPie}}),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optPie})],2)],1):t._e()};Bh._withStripped=!0;const Nh=ws({render:Bh,staticRenderFns:[]},(function(t){t&&t("data-v-a4d8aa0e_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPie.vue"},media:void 0})}),Dh,"data-v-a4d8aa0e",false,undefined,!1,Ts,void 0,void 0);var Fh={components:{demolink:Yc,WPie:Nh},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WPie:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const zh=Fh;var Hh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieThicknessRatio"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieThicknessRatio:.05})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderRadius"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderWidth & pieBorderRadius"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieBorderWidth:0,pieBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor(gradient)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide labels"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide legned"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{showLegend:!1})}})],1)])])};Hh._withStripped=!0;const Wh=ws({render:Hh,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-pie")])])}]},(function(t){t&&t("data-v-32c9b918_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPie.vue"},media:void 0})}),zh,"data-v-32c9b918",false,undefined,!1,Ts,void 0,void 0);function Vh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Gh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vh(Object(n),!0).forEach((function(e){wr(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function jh(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},o=gt(r,"marginLeft",null),s=gt(r,"marginRight",null),a=gt(r,"marginTop",null),l=gt(r,"marginBottom",null),c=gt(r,"xLabelFontSize","10pt"),h=gt(r,"yTitle",""),u=gt(r,"yTitleFontSize","10pt"),d=gt(r,"yTitleColor","#444"),p=gt(r,"yLabelFontSize","8pt"),f=gt(r,"yLabelColor","#888"),m=gt(r,"roseKpColor",void 0),g=gt(r,"roseWidthRatio",.25),v=gt(r,"roseBorderWidth",1),_=gt(r,"roseShowLabels",!1),y=gt(r,"showLegend",!1),b=n,x=[];De(i,((t,e)=>{let i=gt(t,"name",""),r=gt(t,"color",void 0),o=gt(t,"data",{}),s=null,a=[];De(n,(t=>{let n=gt(o,t,null),i=n;if(ns(i)){if(!ua(i,"value"))throw new Error("rose data is an object but no value");i=gt(i,"value",null)}let l=gt(m,t,void 0),c=gt(m,`${e}.${t}`,void 0),h=gt(n,"color",void 0),u=(t=>{if(xs(t)){let e=gr(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Ji(t,((t,n)=>[n/(e-1),t]))}}return t})(r||l||c||h);null===s&&(s=u),a.push({name:t,y:i,color:u})})),x.push({name:i,data:a,color:s})}));let S=_h(r),w=yh(Gh(Gh({},r),{},{space:40,marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"})),M=bh(Gh(Gh({},r),{},{labelFontSize:c})),T=vh(M,{categories:b,labels:{allowOverlap:!0}}),A=bh(Gh(Gh({},r),{},{titleFontSize:u,titleColor:d,labelFontSize:p,labelColor:f})),E=vh(A,{});E.title.text=h,E.min=0;let C=xh(r),R=Gh(Gh({},S),{},{chart:Gh(Gh({},w),{},{polar:!0,type:"column",width:t,height:e}),xAxis:T,yAxis:E,legend:C,series:x});return gs(o)&&(R.chart.marginLeft=o),gs(s)&&(R.chart.marginRight=s),gs(a)&&(R.chart.marginTop=a),gs(l)&&(R.chart.marginBottom=l),R.plotOptions=Gh(Gh({},R.plotOptions),{},{series:{stacking:"normal",groupPadding:0,pointPadding:g,borderWidth:v,dataLabels:{enabled:_,allowOverlap:!0,align:"center",y:-10}}}),R=Sh(R,Gh(Gh({},r),{},{legendIgnoreMargin:!0})),R.legend.enabled=y,R}const Xh={components:{WPlot2d:ah},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return gt(this,"opt.width",0)},picHeight:function(){return gt(this,"opt.height",0)},ks:function(){return gt(this,"opt.keys",[])},hasOptRose:function(){return ns(this.optRose)},optRose:function(){let t=this,e=null;try{let n=gt(t,"opt.rds",[]);e=jh(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e}},methods:{}};var $h=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptRose?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optRose})],2),t._v(" "),n("WPlot2d",{attrs:{options:t.optRose}}),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optRose})],2)],1):t._e()};$h._withStripped=!0;const Yh=ws({render:$h,staticRenderFns:[]},(function(t){t&&t("data-v-0d5eb278_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",map:{version:3,sources:[],names:[],mappings:"",file:"WRose.vue"},media:void 0})}),Xh,"data-v-0d5eb278",false,undefined,!1,Ts,void 0,void 0);var qh={components:{demolink:Yc,WRose:Yh},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WRose:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2b:{width:400,height:400,keys:t,rds:[{name:"Corn",color:"#E91E63",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:"#9C27B0",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2c:{width:400,height:400,keys:t,rds:[{name:"Corn",color:["rgb(243, 150, 199)","rgb(233, 30, 99)"],data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:["rgb(206, 159, 236)","rgb(156, 39, 176)"],data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2d:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#FF8A80"},China:{value:260,color:"#FF80AB"},Brazil:{value:107,color:"#EA80FC"},EU:{value:68.3,color:"#B388FF"},India:{value:27.5,color:"#8C9EFF"},Russia:{value:14.5,color:"#82B1FF"}}},{name:"Wheat",data:{USA:{value:51.086,color:"#F44336"},China:{value:136,color:"#E91E63"},Brazil:{value:5.5,color:"#9C27B0"},EU:{value:141,color:"#673AB7"},India:{value:107.18,color:"#3F51B5"},Russia:{value:77,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2e:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["rgb(255, 205, 210)","rgb(229, 115, 115)"]},China:{value:260,color:["rgb(255, 185, 210)","rgb(229, 95, 115)"]},Brazil:{value:107,color:["rgb(255, 165, 210)","rgb(229, 75, 115)"]},EU:{value:68.3,color:["rgb(255, 145, 210)","rgb(229, 55, 115)"]},India:{value:27.5,color:["rgb(255, 125, 210)","rgb(229, 35, 115)"]},Russia:{value:14.5,color:["rgb(255, 105, 210)","rgb(229, 15, 115)"]}}},{name:"Wheat",data:{USA:{value:51.086,color:["rgb(210, 205, 255)","rgb(115, 115, 229)"]},China:{value:136,color:["rgb(210, 185, 255)","rgb(115, 95, 229)"]},Brazil:{value:5.5,color:["rgb(210, 165, 255)","rgb(115, 75, 229)"]},EU:{value:141,color:["rgb(210, 145, 255)","rgb(115, 55, 229)"]},India:{value:107.18,color:["rgb(210, 125, 255)","rgb(115, 35, 229)"]},Russia:{value:77,color:["rgb(210, 105, 255)","rgb(115, 15, 229)"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const Zh=qh;var Kh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseBorderWidth"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseWidthRatio"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend & legendPosition"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{showLegend:!0,legendPosition:"topleft"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor(gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseShowLabels"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseShowLabels:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseBorderWidth"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseWidthRatio"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2b,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2c,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2d,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2e,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor(gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && show labels"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && hide legned"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!1})}})],1)])])};Kh._withStripped=!0;const Jh=ws({render:Kh,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-rose")])])}]},(function(t){t&&t("data-v-56e88b2d_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWRose.vue"},media:void 0})}),Zh,"data-v-56e88b2d",false,undefined,!1,Ts,void 0,void 0);const Qh={components:{WIcon:Ps,WTooltip:Wc},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 t=this;return t.hoveredTrans=t.hovered,t.focusedTrans=t.focused,""},useBackgroundColor:function(){let t=this,e={};return t.focusedTrans?(e["background-color"]=ts(t.backgroundColorFocus),e):t.hoveredTrans?(e["background-color"]=ts(t.backgroundColorHover),e):(e["background-color"]=ts(t.backgroundColor),e)},useBorder:function(){let t=this,e={};return t.focusedTrans?(e.border=`${t.borderWidth}px solid ${ts(t.borderColorFocus)}`,e):t.hoveredTrans?(e.border=`${t.borderWidth}px solid ${ts(t.borderColorHover)}`,e):(e.border=`${t.borderWidth}px solid ${ts(t.borderColor)}`,e)},useShadow:function(){let t={};return this.shadow&&(t["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)"),t},useLeftIconColor:function(){let t=this;return t.hoveredTrans?ts(t.leftIconColorHover):t.focusedTrans?ts(t.leftIconColorFocus):ts(t.leftIconColor)},useRightIconColor:function(){let t=this;return t.hoveredTrans?ts(t.rightIconColorHover):t.focusedTrans?ts(t.rightIconColorFocus):ts(t.rightIconColor)},useTitleColor:function(){let t={};return t.color=ts(this.titleColor),t},usePadding:function(){return{padding:vs(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return Ne(this.leftIconTooltip)},hasRightIconTooltop:function(){return Ne(this.rightIconTooltip)},useVerticalAlign:function(){let t=this,e={};return"center"===t.verticalAlign?e["align-items"]="center":"top"===t.verticalAlign?e["align-items"]="flex-start":"bottom"===t.verticalAlign&&(e["align-items"]="flex-end"),e}},methods:{clickIcon:function(t){let e=this;!1!==e.editable&&e.$nextTick((()=>{e.$emit("click-"+t)}))},mouseenter:function(){let t=this;t.hoveredTrans=!0,t.$nextTick((()=>{t.$emit("update:hovered",!0)}))},mouseleave:function(){let t=this;t.hoveredTrans=!1,t.$nextTick((()=>{t.$emit("update:hovered",!1)}))}}};var tu=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeParam:t.changeParam}},[n("div",{style:[{transition:"all 0.3s",display:"flex","justify-content":"flex-start","border-radius":t.borderRadius+"px",opacity:t.editable?1:.6},t.usePadding,t.useBackgroundColor,t.useBorder,t.useShadow,t.useVerticalAlign],on:{mouseenter:t.mouseenter,mouseleave:t.mouseleave}},[t.leftIcon?n("div",{style:"margin-left:"+t.iconShiftOuter+"px; margin-right:"+t.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickIcon("left")},click:function(e){return t.clickIcon("left")}}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasLeftIconTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{attrs:{ShellEllipse:"leftIcon"}},[n("WIcon",{attrs:{icon:t.leftIcon,size:t.leftIconSize,color:t.useLeftIconColor,colorHover:t.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[t._v("\n                    "+t._s(t.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3849071383)})],1):t._e(),t._v(" "),n("div",{style:[{width:"100%"}]},[t._t("default")],2),t._v(" "),t.rightIcon?n("div",{style:"margin-right:"+t.iconShiftOuter+"px; margin-left:"+t.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickIcon("right")},click:function(e){return t.clickIcon("right")}}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasRightIconTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{attrs:{ShellEllipse:"rightIcon"}},[n("WIcon",{attrs:{icon:t.rightIcon,size:t.rightIconSize,color:t.useRightIconColor,colorHover:t.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[t._v("\n                    "+t._s(t.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1563142679)})],1):t._e()])])};tu._withStripped=!0;const eu=ws({render:tu,staticRenderFns:[]},(function(t){t&&t("data-v-7045fbb7_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})}),Qh,"data-v-7045fbb7",false,undefined,!1,Ts,void 0,void 0);const nu={components:{WTooltip:Wc},props:{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-start"},placementDist:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"inherit"},textColor:{type:String,default:"black"},backgroundColor:{type:String,default:"white"},paddingStyle:{type:Object,default:()=>({v:0,h:0})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var iu=function(){var t=this,e=t.$createElement;return(t._self._c||e)("WTooltip",t._g(t._b({scopedSlots:t._u([{key:"trigger",fn:function(){return[t._t("trigger")]},proxy:!0},{key:"content",fn:function(e){return[t._t("content",null,{funHide:e.funHide})]}}],null,!0)},"WTooltip",Object.assign({},t.$props,{mode:"popup"}),!1),t.$listeners))};iu._withStripped=!0;const ru=ws({render:iu,staticRenderFns:[]},(function(t){t&&t("data-v-498e5b69_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:"WPopup.vue"},media:void 0})}),nu,"data-v-498e5b69",false,undefined,!1,Ts,void 0,void 0);function ou(t,e){let n=!1,i="";if("isstr"===e)Be(t)||(n=!0,i="需要為字串",t="");else if("isnum"===e)Qe(t)||(n=!0,i="需要為數字",t=0);else if("isp0num"===e)Qe(r=t)&&tn(r)>=0||(n=!0,i="需要為含0的正浮點數",t=0);else if("isn0num"===e)(function(t){return!!Qe(t)&&tn(t)<=0})(t)||(n=!0,i="需要為含0的負浮點數",t=0);else if("isint"===e)en(t)||(n=!0,i="需要為整數",t=0);else if("ispint"===e)Do(t)||(n=!0,i="需要為不含0正整數",t=0);else if("isp0int"===e)ln(t)||(n=!0,i="需要為含0正整數",t=0);else if("isnint"===e)(function(t){return!!en(t)&&an(t)<0})(t)||(n=!0,i="需要為不含0負整數",t=0);else if("isn0int"===e)(function(t){return!!en(t)&&an(t)<=0})(t)||(n=!0,i="需要為含0負整數",t=0);else if(Ho(e)){t=e(t)}else"any"===e?Qe(t)||Be(t)||(n=!0,i="需要為字串或數字",t=""):(n=!0,i="需要指定驗證類型",t=null);var r;return{value:t,err:n,errmsg:i}}const su={props:{type:{type:[String,Function],default:"any"},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:""},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 t=this,e="";return Qe(t.height)?e=`height:${t.height}px;`:Ne(t.height)&&(e=`height:${t.height}; line-height:${t.height};`),e},useTextFontSize:function(){let t=this.textFontSize;return t=es(t,";",""),`font-size:${t};`},useTextColor:function(){return ts(this.textColor)}},methods:{setValue:function(t){this.valueTrans=t},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(t){let e=this;e.focused!==t&&e.$nextTick((()=>{e.$emit("update:focused",t)}))},updateValue:function(t){let e=this,n=ou(e.valueTrans,e.type);e.valueTrans=n.value,e.errmsg=n.errmsg},trigger:function(t,e){let n=this;n.$nextTick((()=>{n.$emit(t,n.valueTrans,n.errmsg,e)}))}}};var au=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeValue:t.changeValue}},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.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:"+t.useTextColor+"; "+t.useHeight+" text-align:"+t.textAlign+"; "+t.useTextFontSize+" opacity:"+(""!==t.valueTrans||t.focused?1:.6)+";",attrs:{type:"text",readonly:!t.editable,placeholder:t.placeholder},domProps:{value:t.valueTrans},on:{input:[function(e){e.target.composing||(t.valueTrans=e.target.value)},function(e){t.updateValue(e),t.trigger("input",e),t.updateFocused(!0)}],change:function(e){t.trigger("change",e)},focus:function(e){return t.updateFocused(!0)},blur:function(e){t.trigger("blur",e),t.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.trigger("enter",e)}.apply(null,arguments)},select:function(e){t.trigger("select",e)}}})])};au._withStripped=!0;const lu=ws({render:au,staticRenderFns:[]},(function(t){t&&t("data-v-9c3584a4_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextCore.vue"},media:void 0})}),su,"data-v-9c3584a4",false,undefined,!1,Ts,void 0,void 0);function cu(t){return null==t?[]:function(t,e){return st(e,(function(e){return t[e]}))}(t,Oe(t))}function hu(t,e){if(!xs(t))return[];if(!Ne(e)&&!xs(e))return[];let n=null;n=Ne(e)?$s(e," "):e;let i=gr(n);return Ji(t,(t=>function(t){let e=!1,r=0;for(let o=0;o<i;o++){let s=n[o],a=s,l="+"===hn(s,1),c="-"===hn(s,1);if((l||c)&&(a=ca(s,1)),""===Hs(a))continue;let h=t.indexOf(a)>=0;if(l){if(h){e=!0,r=1;break}e=!1,r=0;break}if(c){if(h){e=!1,r=0;break}e=!0,r=1;break}if(h){e=!0;let t=1-o/i;t=t**2,r+=t}}return{hasKeyword:e,weight:r}}(t)))}function uu(){return new function(t){let e=[],n=null,i=null;return Do(t)||(t=300),t=an(t),function(r){if(Ho(r)){i=Date.now();for(var o=arguments.length,s=new Array(o>1?o-1:0),a=1;a<o;a++)s[a-1]=arguments[a];e.push({func:r,input:s}),null===n&&(n=setInterval((()=>{if(Date.now()-i>t){let t=e.pop();e=[],t.func(...t.input)}0===e.length&&(clearInterval(n),n=null)}),10))}else console.log("func is not a function")}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:300)}let du=function(t){if(!Ho(t))throw new Error("fn is not a function");return function(){let e=Ys(),n=null,i=null;try{n=t.apply(this,arguments)}catch(t){i=t}return null!==i?e.resolve({state:"error",msg:i}):Zc(n)?n.then((t=>{e.resolve({state:"success",msg:t})})).catch((t=>{"cancelled"===gt(t,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:t})})):e.resolve({state:"success",msg:n}),e}};function pu(){let t=zo(),e=[],n=null,i=!1;return function(r){let o=Ys();if(!Ho(r))return void console.log("func is not a function");let s=Xo();for(var a=arguments.length,l=new Array(a>1?a-1:0),c=1;c<a;c++)l[c-1]=arguments[c];return e.push({id:s,func:r,input:l}),null===n&&(n=setInterval((async()=>{if(i)return;i=!0;let r=e.pop();for(let n=0;n<e.length;n++){let i=e[n].id,r={state:"cancelled"};t.emit(i,r)}if(e=[],r){let e,n=r.id;e=Ho(r.func)?await du(r.func)(...r.input):{state:"error",msg:"fun is not a function"},t.emit(n,e)}i=!1,i||0!==e.length||(clearInterval(n),n=null)}),10)),t.once(s,(t=>{"success"===t.state?o.resolve(t.msg):"cancelled"===t.state?o.reject({reason:"cancelled"}):o.reject(t.msg)})),o}}function fu(t,e,n){for(var i=-1,r=t.length;++i<r;){var o=t[i],s=e(o);if(null!=s&&(void 0===a?s==s&&!v(s):n(s,a)))var a=s,l=o}return l}function mu(t,e){return t>e}function gu(t,n){let i=gr(t),r=0,o=n(r),s=i-1,a=n(s),l=!0,c=null;for(;l;){let t=Math.floor((s+r)/2),i=n(t);if(o<0&&i<0&&a<0){c=null,l=!1;break}if(o>0&&i>0&&a>0){c=null,l=!1;break}if(0===o){c=r,l=!1;break}if(0===i){c=t,l=!1;break}if(0===a){c=s,l=!1;break}if(t===r||t===s){let n=[{i:r,v:o},{i:t,v:i},{i:s,v:a}];p=t=>t.v<=0,n=(e(d=n)?ai:Ws)(d,Zi(p)),c=(u="v",(h=n)&&h.length?fu(h,Zi(u),mu):void 0).i,l=!1;break}o*i>0?(r=t,o=i):(s=t,a=i)}var h,u,d,p;return c}let vu={};function _u(){return!function(){try{return"IntersectionObserver"in window}catch(t){return!1}}()||!function(){try{return"IntersectionObserverEntry"in window}catch(t){return!1}}()||!(function(){try{return"intersectionRatio"in window.IntersectionObserverEntry.prototype}catch(t){return!1}}()||Ho(window.IntersectionObserverEntry))}const yu={directives:{domresize:$o(),dommutation:function(){let t={};return{bind:function(e,n,i){let r=`r${Xo()}`;e.setAttribute("ev-mutation",r);let o=new MutationObserver((function(t){!function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"dommutation",{ele:e,mutations:t})}));o.observe(e,{attributes:!0,childList:!0,subtree:!0}),t[r]=o},unbind:function(e){let n=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),t[n]&&(t[n].disconnect(),delete t[n])}}}(),domvisible:function(){let t={};return{bind:function(e,n,i){let r=`r${Xo()}`;e.setAttribute("ev-visible",r);let o=!1,s=setInterval((()=>{(function(t){if(!hs(t))return Promise.reject("invalid element");if(_u())return Promise.reject("invalid IntersectionObserver");let e=Ys();try{let n=new IntersectionObserver((t=>{e.resolve(t[0].isIntersecting),n.disconnect()}));n.observe(t)}catch(t){e.reject(t)}return e})(e).then((t=>{o!==t&&(o=t,function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"domvisible",t))})).catch((()=>{}))}),20);t[r]=s},unbind:function(e){let n=e.getAttribute("ev-visible");e.setAttribute("ev-visible",null),t[n]&&(clearInterval(t[n]),t[n]=null,delete t[n])}}}()},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:uu(),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(t){let e=this,n=gt(e,"$refs.divDetect");if(n){let t=n.offsetWidth-n.clientWidth;e.nativeBarWidth!==t&&(e.nativeBarWidth=t)}e.viewHeight!==t.snew.offsetHeight&&(e.viewHeight=t.snew.offsetHeight);let i=gt(e,"$refs.divShell");i&&e.$emit("update:scrollTop",i.scrollTop),e.triggerEvent("resize",{...t,from:"panel"})},resizeShell:function(t){let e=this,n=gt(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight);let i=gt(e,"$refs.divShell");i&&e.$emit("update:scrollTop",i.scrollTop),e.triggerEvent("resize",{...t,from:"shell"})},mutation:function(t){let e=this,n=gt(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...t,from:"content"})},visible:function(t){let e=this,n=gt(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:t,from:"content"})},updateRatio:function(){let t=this;if(!t.$refs.divShell)return;let e=0;t.contentHeightEff>0&&(e=t.$refs.divShell.scrollTop/t.contentHeightEff),t.ratio=e},updateScrollTop:function(t){let e=this;(async function(){await Kc((()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar),{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=t),e.$refs.divBar&&(e.$refs.divBar.scrollTop=t)})().catch((t=>{console.log(t)}))},updateScrollInfor:function(){let t=this;if(!t.$refs.divShell)return;let e={r:t.ratio,sti:t.scrollTop,stn:t.$refs.divShell.scrollTop,dir:t.scrollTop>t.$refs.divShell.scrollTop?"up":"down",t:t.viewTop,b:t.viewBottom,ch:t.contentHeight,che:t.contentHeightEff};yr(t.scrollInfor,e)||(t.scrollInfor=e)},scrollShell:function(t){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&gt(e,"$refs.divShell")&&gt(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:t,from:"shell"}),e.dbc((()=>{e.mouseLoc=""})))},scrollBar:function(t){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&gt(e,"$refs.divShell")&&gt(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:t,from:"bar"}),e.dbc((()=>{e.mouseLoc=""})))},triggerEvent:function(t,e){let n=this;n.useEmitEvent&&(n.$emit(t,e),n.updateScrollInfor(),n.$emit("change-infor",{evName:t,evMsg:e,...n.scrollInfor}))}}};var bu=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:t.changeScrollTop},on:{domresize:t.resizePanel,mouseenter:function(e){t.mouseEntering=!0},mouseleave:function(e){t.mouseEntering=!1}}},[n("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[n("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[n("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"scroll"}},[n("div",{staticStyle:{width:"100px",height:"100px"}})])])]),t._v(" "),n("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"position:relative; width:calc( 100% + "+(t.nativeBarWidth+1)+"px ); height:"+t.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;",attrs:{_class:"sb"},on:{domresize:t.resizeShell,scroll:t.scrollShell}},[n("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"}],ref:"divContent",style:"",on:{dommutation:t.mutation,domvisible:t.visible}},[t._t("default")],2)]),t._v(" "),n("div",{style:"position:absolute; top:0px; right:"+(t.isMobile?-8:0)+"px; width:8px;"},[n("div",{ref:"divBar",staticClass:"sb",style:"width:8px; height:"+t.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:"+(t.mouseEntering?t.barOpacityHover:t.barOpacity)+";",on:{scroll:t.scrollBar}},[n("div",{style:"width:1px; height:"+t.contentHeight+"px;"})])])])])};bu._withStripped=!0;let xu={set:function(t,e){vu[t]=e},get:function(t){return vu[t]},remove:function(t){delete vu[t]}};var Su={components:{WPanelScrollyCore:ws({render:bu,staticRenderFns:[]},(function(t){t&&t("data-v-9cb48460_0",{source:"\n.sb[data-v-9cb48460] {\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-9cb48460]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-9cb48460]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-9cb48460]::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-106-3-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AA0iBA;IACA,wBAAA;IACA,qBAAA;IACA,qBAAA;IACA,4CAAA;AACA;AACA,sCAAA;AACA;IACA,UAAA;IACA,WAAA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,2BAAA;IACA,mBAAA;IACA,6BAAA;AACA",file:"WPanelScrollyCore.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`box-sizing:content-box;`\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n        @mouseenter=\"mouseEntering=true\"\r\n        @mouseleave=\"mouseEntering=false\"\r\n        :changeScrollTop=\"changeScrollTop\"\r\n    >\r\n\r\n        \x3c!-- 計算nativeBarWidth, 需使用overflow:scroll否則firefox無法順利顯示右側捲軸 --\x3e\r\n        <div style=\"position:relative; width:0px; height:0px; opacity:0;\">\r\n            <div style=\"position:absolute; left:0; top:0;\">\r\n                <div ref=\"divDetect\" style=\"width:50px; height:50px; overflow:scroll;\">\r\n                    <div style=\"width:100px; height:100px;\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            :style=\"`position:relative; width:100%; overflow-x:hidden;`\"\r\n        >\r\n\r\n            \x3c!-- 因瀏覽器計算誤差100%+nativeBarWidth仍會出現捲軸邊界, 故需+1px使捲軸能完全隱藏 --\x3e\r\n            <div\r\n                ref=\"divShell\"\r\n                _class=\"sb\"\r\n                :style=\"`position:relative; width:calc( 100% + ${nativeBarWidth+1}px ); height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;`\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                <div\r\n                    ref=\"divContent\"\r\n                    :style=\"``\"\r\n                    v-dommutation\r\n                    @dommutation=\"mutation\"\r\n                    v-domvisible\r\n                    @domvisible=\"visible\"\r\n                >\r\n                    <slot></slot>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- isMobile時divBar仍要存在, 因通用檢測時才會有效, 故isMobile時需於移至右側之外 --\x3e\r\n            <div :style=\"`position:absolute; top:0px; right:${isMobile?-8:0}px; width:8px;`\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`width:8px; height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:${mouseEntering?barOpacityHover:barOpacity};`\"\r\n                    @scroll=\"scrollBar\"\r\n                >\r\n\r\n                    <div :style=\"`width:1px; height:${contentHeight}px;`\"></div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\nimport isEqual from 'lodash-es/isEqual.js'\n// import cloneDeep from 'lodash-es/cloneDeep.js'\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domMutation from '../js/domMutation.mjs'\r\nimport domVisible from '../js/domVisible.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，預設400\r\n * @vue-prop {Number} [scrollTop=0] 輸入目前捲動值數字，預設0\r\n * @vue-prop {Number} [barOpacity=0.6] 輸入捲軸透明度數字，預設0.6\r\n * @vue-prop {Number} [barOpacityHover=1] 輸入滑鼠移入時捲軸透明度數字，預設1\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        dommutation: domMutation(),\r\n        domvisible: domVisible(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        viewHeightMax: {\r\n            type: Number,\r\n            default: 400,\r\n        },\r\n        scrollTop: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        barOpacity: {\r\n            type: Number,\r\n            default: 0.6,\r\n        },\r\n        barOpacityHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            nativeBarWidth: 16, //預設bar寬度, 先給大值避免初始化時會顯示原本bar條\r\n\r\n            useEmitEvent: true, //是否可觸發事件\r\n            mouseEntering: false,\r\n            mouseLoc: '',\r\n\r\n            viewHeight: 0, //外框區高度px\r\n            contentHeight: 2, //內容區高度px, 一定要給>=2值(至少可能渲染2border)才能避免初始化無高度導致無法觸發後續事件\r\n\r\n            ratio: 0,\r\n            scrollInfor: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeScrollTop: function () {\r\n            //console.log('computed changeScrollTop')\r\n\r\n            let vo = this\r\n\r\n            //updateScrollTop\r\n            vo.updateScrollTop(vo.scrollTop)\r\n\r\n            return ''\r\n        },\r\n\r\n        panelHeight: function () {\r\n            //console.log('computed panelHeight')\r\n\r\n            let vo = this\r\n\r\n            return Math.min(vo.contentHeight, vo.viewHeightMax)\r\n        },\r\n\r\n        isMobile: function() {\r\n            //console.log('computed isMobile')\r\n\r\n            let vo = this\r\n\r\n            return vo.nativeBarWidth <= 0\r\n        },\r\n\r\n        contentHeightEff: function() {\r\n            let vo = this\r\n            return Math.max(vo.contentHeight - vo.panelHeight, 0)\r\n        },\r\n\r\n        viewTop: function() {\r\n            let vo = this\r\n            return vo.ratio * vo.contentHeightEff\r\n        },\r\n\r\n        viewBottom: function() {\r\n            let vo = this\r\n            return vo.viewTop + vo.viewHeightMax\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //nativeBarWidth\r\n            let divDetect = get(vo, '$refs.divDetect')\r\n            if (divDetect) {\r\n\r\n                //save nativeBarWidth\r\n                let w = divDetect.offsetWidth - divDetect.clientWidth\r\n                if (vo.nativeBarWidth !== w) {\r\n                    // console.log('resizePanel 需更新nativeBarWidth', w, '<-', vo.nativeBarWidth)\r\n                    vo.nativeBarWidth = w\r\n                }\r\n\r\n            }\r\n\r\n            //save\r\n            if (vo.viewHeight !== msg.snew.offsetHeight) {\r\n                // console.log('resizePanel 需更新viewHeight', msg.snew.offsetHeight, '<-', vo.viewHeight)\r\n                vo.viewHeight = msg.snew.offsetHeight\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'panel' })\r\n\r\n        },\r\n\r\n        resizeShell: function(msg) {\r\n            // console.log('methods resizeShell', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('resizeShell divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeShell 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'shell' })\r\n\r\n        },\r\n\r\n        mutation: function(msg) {\r\n            // console.log('methods mutation', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('mutation divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('mutation 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('mutation', { ...msg, from: 'content' })\r\n\r\n        },\r\n\r\n        visible: function(v) {\r\n            // console.log('methods visible', v)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('visible divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('visible 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('visible', { visible: v, from: 'content' })\r\n\r\n        },\r\n\r\n        updateRatio: function() {\r\n            // console.log('methods updateRatio')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //ratio\r\n            let ratio = 0\r\n            if (vo.contentHeightEff > 0) {\r\n                ratio = vo.$refs.divShell.scrollTop / vo.contentHeightEff\r\n            }\r\n\r\n            //save\r\n            vo.ratio = ratio\r\n\r\n        },\r\n\r\n        // updateScrollTopByRatio: function(r) {\r\n        //     // console.log('methods updateScrollTopByRatio', r)\r\n\r\n        //     let vo = this\r\n\r\n        //     //divShell\r\n        //     let divShell = get(vo, '$refs.divShell')\r\n\r\n        //     //check\r\n        //     if (!divShell) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //divBar\r\n        //     let divBar = get(vo, '$refs.divBar')\r\n\r\n        //     //check\r\n        //     if (!divBar) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //scrollTop\r\n        //     let h = vo.contentHeight - vo.panelHeight\r\n        //     let scrollTop = 0\r\n        //     if (h > 0) {\r\n        //         scrollTop = r * h\r\n        //     }\r\n\r\n        //     //update scrollTop\r\n        //     vo.$refs.divShell.scrollTop = scrollTop\r\n        //     vo.$refs.divBar.scrollTop = scrollTop\r\n\r\n        // },\r\n\r\n        updateScrollTop: function(scrollTop) {\r\n            // console.log('methods updateScrollTop', scrollTop)\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait divShell與divBar, 組件初始化時會先觸發computed才會有實體元素出現, 故得用waitFun等待\r\n                await waitFun(() => {\r\n                    return vo.$refs.divShell !== undefined && vo.$refs.divBar !== undefined\r\n                }, { timeInterval: 20 })\r\n\r\n                //update scrollTop\r\n                if (vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divShell.scrollTop = scrollTop\r\n                }\r\n                if (vo.$refs.divBar) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divBar.scrollTop = scrollTop\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        updateScrollInfor: function() {\r\n            //console.log('methods updateScrollInfor')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //scrollInfor\r\n            let scrollInfor = {\r\n                r: vo.ratio,\r\n                sti: vo.scrollTop, //輸入給予scrollTop\r\n                stn: vo.$refs.divShell.scrollTop, //目前scrollTop, 要等emit scrollTop出去後才會與sti同值\r\n                dir: vo.scrollTop > vo.$refs.divShell.scrollTop ? 'up' : 'down', //判斷是往上還往下捲\r\n                t: vo.viewTop,\r\n                b: vo.viewBottom,\r\n                ch: vo.contentHeight,\r\n                che: vo.contentHeightEff,\r\n                // ph: vo.panelHeight,\r\n            }\r\n\r\n            //save\r\n            if (!isEqual(vo.scrollInfor, scrollInfor)) {\r\n                vo.scrollInfor = scrollInfor\r\n            }\r\n\r\n        },\r\n\r\n        scrollShell: function(ev) {\r\n            // console.log('methods scrollShell', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter shell'\r\n            }\r\n            if (vo.mouseLoc !== 'enter shell') {\r\n                return\r\n            }\r\n            // console.log('scrollShell')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divBar\r\n            vo.$refs.divBar.scrollTop = vo.$refs.divShell.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'shell' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'shell' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollShell clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        scrollBar: function(ev) {\r\n            // console.log('methods scrollBar', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter bar'\r\n            }\r\n            if (vo.mouseLoc !== 'enter bar') {\r\n                return\r\n            }\r\n            // console.log('scrollBar')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divShell\r\n            vo.$refs.divShell.scrollTop = vo.$refs.divBar.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'bar' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'bar' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollBar clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        triggerEvent: function(name, msg) {\r\n            // console.log('methods triggerEvent', name, msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.useEmitEvent) {\r\n                return\r\n            }\r\n\r\n            //emit\r\n            vo.$emit(name, msg)\r\n\r\n            //updateScrollInfor\r\n            vo.updateScrollInfor()\r\n\r\n            //emit\r\n            vo.$emit('change-infor', {\r\n                evName: name,\r\n                evMsg: msg,\r\n                ...vo.scrollInfor,\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.sb {\r\n    transition: opacity 0.3s;\r\n    /* Works on Firefox */\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0,0,0,0.3) transparent;\r\n}\r\n/* Works on Chrome, Edge, and Safari */\r\n.sb::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n.sb::-webkit-scrollbar-track {\r\n    background: transparent;\r\n}\r\n.sb::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),yu,"data-v-9cb48460",false,undefined,!1,Ts,void 0,void 0)},props:{rows:{type:Array,default:()=>[]},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:pu(),dbcRefresh:uu(),dbcSetRows:uu(),mmkey:Xo(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,filterKeywordsTemp:"",itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let t=this;null!==t.mmkey&&xu.remove(t.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler(t){this.setRows(t)}}},computed:{changeFilterKeyWords:function(){let t=this.filterKeywords;return this.filterDebounce(),t}},methods:{getRows:function(){return xu.get(this.mmkey)},setRowsCore:function(t){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!_s(t)){return"rows is not array"}null!==e.mmkey&&xu.remove(e.mmkey);let n=Ji(t,((t,n)=>({index:n,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:n*e.itemMinHeight,row:t})));xu.set(e.mmkey,n),e.changeDisplay=!0},setRows:async function(t){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=gr(t)<=1e4,e.setRowsCore(t),await e.refreshCore("setRows")}().catch((t=>{console.log(t)})).finally((()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1}))},setRowsDebounce:function(t){let e=this;e.lockFromSetRows=!0,e.dbcSetRows((()=>{e.setRows(t)}))},genUseItems:function(){let t=this;if(null===t.mmkey)return;let e=xu.get(t.mmkey),n=gr(e),i=[],r=!1,o=!1;if(n>0){let o=gu(e,(n=>{let i=e[n];return t.scrollInfor.t-(i.y+i.height)}));null===o&&(o=0);let s=Math.max(o-1,0),a=gu(e,(n=>{let i=e[n];return t.scrollInfor.b-i.y}));null===a&&(a=n-1);let l=Math.min(a+t.itemsPreload,n-1),c=0;for(let t=0;t<s;t++){let n=e[t];n.displayShow&&n.filterShow&&(c+=n.height)}let h=0;for(let t=l+1;t<=n-1;t++){let n=e[t];n.displayShow&&n.filterShow&&(h+=n.height)}for(let n=s;n<=l;n++){let r=Uo(e[n]);r.displayShow&&r.filterShow&&(r.nowShow=!0,r.top=r.y-t.scrollInfor.t,i.push(r))}t.itemsHeightPre!==c&&(r=!0,t.itemsHeightPre=c),t.itemsHeightAft!==h&&(r=!0,t.itemsHeightAft=h)}if(yr(t.useItems,i)||(o=!0,t.useItems=i),t.$refs.wdsDiv){let e=Ji(i,"row"),n=Ji(i,"row.item");t.$emit("render",{eles:t.$refs.wdsDiv,rows:e,items:n}),yr(t.emItemsTemp,n)||(t.$emit("change-view-items",{eles:t.$refs.wdsDiv,rows:e,items:n}),t.emItemsTemp=n)}return{change:r||o}},syncItemsHeight:function(t,e){let n=!1;return 0===gr(t)||De(gt(this,"$refs.wdsDiv",[]),((i,r)=>{if(!i.getAttribute)return console.log("找不到getAttribute"),!0;let o=i.getAttribute("index");if(!ln(o))return console.log("!isp0int(index)",o),!0;o=an(o);let s=gt(i,"children.0");if(!hs(s))return console.log("!isEle(cnode)",s),!0;let a=s.offsetHeight;t[o].height!==a&&(Ho(e)&&e(o,a),n=!0)})),n},updateItemsHeight:function(){let t=this;if(null===t.mmkey)return!1;let e=xu.get(t.mmkey),n=gr(e);t.changeHeight=t.syncItemsHeight(e,((t,n)=>{e[t].height=n})),t.show||(t.changeHeight=!1);let i=null,r=t.changeHeight||t.changeDisplay||t.changeFilter;if(r){let r=0;for(let t=0;t<n;t++){let n=e[t];n.y!==r&&(e[t].y=r),n.displayShow&&n.filterShow&&(r+=n.height)}i=t.itemsHeight,i!==r&&(i=r),0===i&&(i=43),t.changeHeight=!1,t.changeDisplay=!1,t.changeFilter=!1}return{change:r,itemsHeight:i}},refreshCore:async function(t){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let n=0,i=3;await async function(){e.lockFromRefreshUseItems=!0;let t=Uo(e.scrollInfor),r=await async function(){let t=Ys();if(n+=1,n>i)return t.resolve(null),t;e.filterItems();let r=e.genUseItems();await Jc(20);let o=e.updateItemsHeight();return t.resolve({genUseItems:r,updateItemsHeight:o}),t}(),o=gt(r,"genUseItems.change",!1)||gt(r,"updateItemsHeight.change",!1),s=gt(r,"updateItemsHeight.itemsHeight",null);if(gs(s))if(s<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let n=0;"up"===t.dir&&(n=s-t.ch);let i=e.scrollTop+n;e.scrollTop!==i&&(e.scrollTop=i),e.itemsHeight=s,e.$emit("change-height-of-items",{height:s})}o&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))}().catch((t=>{console.log(t)})).finally((()=>{e.lockFromRefreshUseItems=!1}))},refresh:function(t){this.pmtRefresh(this.refreshCore,t).catch((()=>{}))},filterDebounce:function(){let t=this;t.dbcRefresh((()=>{t.refreshCore("filterDebounce")}))},changeInfor:function(t){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((()=>{e.scrollInfor=t,e.refresh("changeInfor")})))},processItems:async function(t={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let n=xu.get(e.mmkey);if(!_s(n))return;let i=gt(t,"fun",null);if(Ho(i)){let t=i(n);Zc(t)&&(t=await t),e.changeDisplay=!0,e.changeFilter=!0}let r=gt(t,"indStart",null),o=gt(t,"indEnd",null);if(en(r)&&en(o)){let i=gt(t,"displayShow",null);if(fs(i)){for(let t=r;t<=o;t++){gt(n,t,null)&&(n[t].displayShow=i)}e.changeDisplay=!0}let s=gt(t,"filterShow",null);if(fs(s)){for(let t=r;t<=o;t++){gt(n,t,null)&&(n[t].filterShow=s)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch((t=>{console.log(t)})).finally((()=>{e.lockFromProcess=!1}))},setSearchingResults:function(t){this.searchingResults=t},filterItems:function(){let t=this;if(null===t.mmkey)return;if(t.filterKeywordsTemp===t.filterKeywords)return;t.filterKeywordsTemp=t.filterKeywords;let e=xu.get(t.mmkey),n=gr(e);if(t.searchingResults=-1,0===gr(t.filterKeywords)){for(let t=0;t<n;t++)e[t].filterShow=!0;t.searchingResults=1}else{let n=t.filterKeywords.toLowerCase(),i=Ji(e,(t=>{let e=t.row,n="";return n=Be(e)?e:Qe(e)?ut(e):ns(e)?js(cu(e)," "):function(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(ys(t))return"";let n="";try{n=e?JSON.stringify(t,null,2):JSON.stringify(t)}catch(t){n=""}return n}(e),n=n.toLowerCase(),n})),r=hu(i,n),o=0;De(e,((t,n)=>{let i=r[n];e[n].filterShow=i.hasKeyword,i.hasKeyword&&o++})),t.searchingResults=o}t.changeFilter=!0},triggerEvent:function(t,e){let n=gt(this,"$refs.wpsc.triggerEvent",null);n&&n(t,e)}}};const wu=Su;var Mu=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:t.scrollTop,viewHeightMax:t.viewHeightMax,changeFilterKeyWords:t.changeFilterKeyWords},on:{"update:scrollTop":function(e){t.scrollTop=e},"update:scroll-top":function(e){t.scrollTop=e},"change-infor":t.changeInfor}},[n("div",{style:"padding-top:"+t.itemsHeightPre+"px; padding-bottom:"+t.itemsHeightAft+"px;"},[t._l(t.useItems,(function(e,i){return[n("div",{key:"kitem-"+i,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:i,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[t._t("default",null,{row:e.row,index:e.index})],2)]}))],2),t._v(" "),!t.disableLoadingText&&t.lockFromSetRows?n("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[t._v("\n        "+t._s(t.loadingText)+"\n    ")]):[0===t.useItems.length&&t.searchingResults>0?n("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[t._v("\n            "+t._s(t.searchingText)+"\n        ")]):[0===t.searchingResults&&""!==t.noResultsText?n("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[t._v("\n                "+t._s(t.noResultsText)+"\n            ")]):t._e()]]],2)};Mu._withStripped=!0;const Tu={components:{WPopup:ru,WTextCore:lu,WDynamicList:ws({render:Mu,staticRenderFns:[]},(function(t){t&&t("data-v-3b1aac3e_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",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})}),wu,"data-v-3b1aac3e",false,undefined,!1,Ts,void 0,void 0),WIcon:Ps},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:"M8,5.14V19.14L19,12.14L8,5.14Z"},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},placementDist:{type:Number,default:5},placeholder:{type:String,default:""},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,showPanelTrans:!1,valueTrans:null}},computed:{changeFocusedFromPopup:function(){return this.focusedTrans=this.focused,""},changeShowPanelFromPopup:function(){let t=this;return gr(t.items)>0?t.showPanelTrans=t.showPanel:t.showPanelTrans=!1,""},changeValueFromPopup:function(){let t=this;return br(t.value)?t.valueTrans=t.value[t.keyText]:t.valueTrans=t.value,""},useTextFontSize:function(){let t=this.textFontSize;return t=es(t,";",""),`font-size:${t};`},useTextColor:function(){return ts(this.textColor)},useItemBackgroundColor:function(){return ts(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return ts(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let t=this.itemTextFontSize;return t=es(t,";",""),`font-size:${t};`},useItemTextColor:function(){return ts(this.itemTextColor)},useItemTextColorHover:function(){return ts(this.itemTextColorHover)},useItemPadding:function(){return`padding:${vs(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return ts(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(t){let e=this;return br(t)?t[e.keyText]:t},selectText:function(){let t=this;t.editable&&(t.showPanelTrans||t.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let t=this;t.editable&&(t.showPanelTrans||t.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(t,e){this.editable&&this.triggerAll({focused:t},"updateFocused")},updateShowPanel:function(t,e){this.editable&&this.triggerAll({showPanel:t,focused:t},"updateShowPanel")},updateValue:function(t){let e=this;e.editable&&(e.valueTrans=t,e.triggerEvent("input",t,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(t,e){let n=this;n.editable&&(n.triggerEvent("input",t,e,"clickItem"),n.triggerEvent("click-item",t,e,"clickItem"),n.triggerAll({showPanel:!1,focused:!1},"clickItem"))},triggerEvent:function(t,e,n,i){let r=this;r.editable&&r.$nextTick((()=>{r.$emit(t,e,n)}))},triggerAll:function(t,e){let n=this;if(!n.editable)return;let i=gt(t,"showPanel",null),r=gt(t,"focused",null);setTimeout((()=>{fs(r)&&n.focusedTrans!==r&&(n.focusedTrans=r,n.triggerEvent("update:focused",r,null,"triggerAll")),fs(i)&&n.showPanelTrans!==i&&(gr(n.items)>0?n.showPanelTrans=i:n.showPanelTrans=!1,n.triggerEvent("update:showPanel",i,null,"triggerAll"))}),20)}}};var Au=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("WPopup",{attrs:{displayType:"line",minWidth:t.minWidth,maxWidth:t.maxWidth,autoFitMinWidth:t.autoFitMinWidth,autoFitMaxWidth:t.autoFitMaxWidth,placementDist:t.placementDist,editable:t.editable,value:t.showPanelTrans,changeValueFromPopup:t.changeValueFromPopup,changeFocusedFromPopup:t.changeFocusedFromPopup,changeShowPanelFromPopup:t.changeShowPanelFromPopup},on:{input:function(e){t.updateShowPanel(e,"WPopup")}},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",[n("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===t.mode?n("div",{style:"width:100%; color:"+t.useTextColor+"; "+t.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{_tabindex:"0"},on:{focus:t.focusText}},[t._t("select",(function(){return[t._v("\n                        "+t._s(t.valueTrans)+"\n                    ")]}),{item:t.value,text:t.valueTrans})],2):t._e(),t._v(" "),"suggest"===t.mode?n("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:t.textFontSize,textColor:t.useTextColor,textAlign:t.textAlign,placeholder:t.placeholder,height:t.height,editable:t.editable,focused:t.focusedTrans,value:t.valueTrans},on:{"update:focused":function(e){t.updateFocused(e,"update:focused"),t.triggerEvent("blur",t.value,null,"blur")},enter:function(e){return t.triggerEvent("enter",t.value,null,"enter")},input:t.updateValue,select:t.selectText}}):t._e(),t._v(" "),n("div",{},[n("div",{style:"transform:rotate("+(t.useRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[n("WIcon",{attrs:{icon:t.expansionIcon,color:t.uesExpansionIconColor,colorHover:t.uesExpansionIconColor,size:t.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[n("div",[n("WDynamicList",{attrs:{rows:t.items,filterKeywords:"suggest"===t.mode?t.valueTrans:"",viewHeightMax:t.maxHeight,itemMinHeight:t.defItemHeight,loadingText:t.loadingText,noResultsText:t.noResultsText,searchingText:t.searchingText,show:t.showPanelTrans},scopedSlots:t._u([{key:"default",fn:function(e){return[n("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+t.useItemBackgroundColor+"; color:"+t.useItemTextColor+"; "+t.useItemTextFontSize+" "+t.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(n){return!n.type.indexOf("key")&&t._k(n.keyCode,"enter",13,n.key,"Enter")?null:t.clickItem(e.row,e.index)},click:function(n){return t.clickItem(e.row,e.index)},mouseenter:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColorHover,n.color=t.useItemTextColorHover},mouseleave:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColor,n.color=t.useItemTextColor},focus:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColorHover,n.color=t.useItemTextColorHover},blur:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColor,n.color=t.useItemTextColor}}},[t._t("item",(function(){return[n("div",[t._v(t._s(t.getText(e.row)))])]}),{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};Au._withStripped=!0;const Eu=ws({render:Au,staticRenderFns:[]},(function(t){t&&t("data-v-636e3430_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggestCore.vue"},media:void 0})}),Tu,"data-v-636e3430",false,undefined,!1,Ts,void 0,void 0);const Cu={directives:{domresize:$o()},components:{WShellEllipse:eu,WTextSuggestCore:Eu},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"},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})},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},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{resize:function(t){let e=this,n=vs(e.paddingStyle,{returnObj:!0}).bottom-2,i=gt(e,"$el.offsetHeight",0)-26-2*n;i/=2;e.useDistY=n+i+5},getText:function(t){let e=this;return br(t)?t[e.keyText]:t},updateFocused:function(t){let e=this;e.focusedTrans=t,e.$nextTick((()=>{e.$emit("update:focused",t)}))},updateShowPanel:function(t){let e=this;e.showPanelTrans=t,e.$nextTick((()=>{e.$emit("update:showPanel",t)}))}}};var Ru=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:t.changeParam},on:{domresize:t.resize}},[n("WShellEllipse",{attrs:{paddingStyle:t.paddingStyle,borderWidth:t.constBorderWidth,borderRadius:t.borderRadius,shadow:t.shadow,leftIcon:t.leftIcon,leftIconSize:t.leftIconSize,leftIconColor:t.leftIconColor,leftIconColorHover:t.leftIconColorHover,leftIconColorFocus:t.leftIconColorFocus,leftIconTooltip:t.leftIconTooltip,rightIcon:t.rightIcon,rightIconSize:t.rightIconSize,rightIconColor:t.rightIconColor,rightIconColorHover:t.rightIconColorHover,rightIconColorFocus:t.rightIconColorFocus,rightIconTooltip:t.rightIconTooltip,iconShiftOuter:t.iconShiftOuter,iconShiftInner:t.iconShiftInner,backgroundColor:t.backgroundColor,backgroundColorHover:t.backgroundColorHover,backgroundColorFocus:t.backgroundColorFocus,borderColor:t.borderColor,borderColorHover:t.borderColorHover,borderColorFocus:t.borderColorFocus,editable:t.editable,focused:t.focusedTrans},on:{"click-left":function(e){return t.$emit("click-left")},"click-right":function(e){return t.$emit("click-right")}}},[n("div",{staticStyle:{"margin-right":"-5px"}},[n("WTextSuggestCore",{attrs:{mode:"select",items:t.items,value:t.value,keyText:t.keyText,textFontSize:t.textFontSize,textColor:t.textColor,itemTextFontSize:t.itemTextFontSize,itemTextColor:t.itemTextColor,itemTextColorHover:t.itemTextColorHover,itemBackgroundColor:t.itemBackgroundColor,itemBackgroundColorHover:t.itemBackgroundColorHover,itemPaddingStyle:t.itemPaddingStyle,expansionIcon:t.showExpansionIcon?void 0:"",expansionIconSize:t.expansionIconSize,expansionIconColor:t.expansionIconColor,maxHeight:t.maxHeight,minWidth:t.minWidth,maxWidth:t.maxWidth,autoFitMinWidth:t.autoFitMinWidth,autoFitMaxWidth:t.autoFitMaxWidth,placementDist:t.useDistY,defItemHeight:t.defItemHeight,editable:t.editable,focused:t.focusedTrans,showPanel:t.showPanelTrans},on:{"update:focused":function(e){t.updateFocused(e),t.$emit("blur",null,null)},"update:showPanel":t.updateShowPanel,input:function(e,n){t.$emit("input",e,n)},"click-item":function(e,n){t.$emit("click-item",e,n)}},scopedSlots:t._u([{key:"select",fn:function(e){return[t._t("select",(function(){return[t._v("\n                        "+t._s(e.text)+"\n                    ")]}),{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[t._t("item",(function(){return[n("div",[t._v(t._s(t.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};Ru._withStripped=!0;const Pu={components:{WTextSelect:ws({render:Ru,staticRenderFns:[]},(function(t){t&&t("data-v-a395642c_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSelect.vue"},media:void 0})}),Cu,"data-v-a395642c",false,undefined,!1,Ts,void 0,void 0),WBar:Ch,WPie:Nh,WRose:Yh},props:{mode:{type:String,default:"multi"},opt:{type:Object,default:()=>{}},textPlotType:{type:String,default:"Plot type"},widthSelect:{type:Number,default:260},keySelect:{type:String,default:"bar-v-normal"},kpSelectText:{type:Object,default:()=>{}}},data:function(){return{typeItemsDefOne:[{key:"bar-v-normal",type:"bar",text:"Vertical bars",optExt:{}},{key:"bar-h-normal",type:"bar",text:"Horizontal bars",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"}},{key:"bar-h-normal-dense",type:"bar",text:"Horizontal bars with dense",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0}},{key:"pie-normal",type:"pie",text:"Pies",optExt:{}},{key:"rose-normal",type:"rose",text:"Roses",optExt:{}}],typeItemsDefMulti:[{key:"bar-v-normal",type:"bar",text:"Vertical bars",optExt:{}},{key:"bar-v-stack-normal",type:"bar",text:"Vertical bars with normal stack",optExt:{barDisplay:"stackNormal"}},{key:"bar-v-stack-percent",type:"bar",text:"Vertical bars with percent stack",optExt:{barDisplay:"stackPercent"}},{key:"bar-h-normal",type:"bar",text:"Horizontal bars",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"}},{key:"bar-h-normal-dense",type:"bar",text:"Horizontal bars with dense",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0,barGroupWidthRatio:.25}},{key:"bar-h-stack-normal",type:"bar",text:"Horizontal bars with normal stack",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barDisplay:"stackNormal"}},{key:"bar-h-stack-percent",type:"bar",text:"Horizontal bars with percent stack",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barDisplay:"stackPercent"}},{key:"rose-normal",type:"rose",text:"Roses",optExt:{}}],typeItems:[],keySelectTrans:null,typeSelect:null}},computed:{typeItemsDef:function(){let t=this;return"one"===t.mode?t.typeItemsDefOne:t.typeItemsDefMulti},changeTypeItems:function(){let t=this,e=[];return ns(t.kpSelectText)?De(t.typeItemsDef,(n=>{if(!ua(t.kpSelectText,n.key))return!0;let i=t.kpSelectText[n.key];e.push({...n,text:i})})):e=t.typeItemsDef,t.typeItems=e,""},changeKeySelect:function(){return this.updateTypeSelectByKey(this.keySelect),""},picWidth:function(){return gt(this,"opt.width",0)},picHeight:function(){return gt(this,"opt.height",0)},ks:function(){return gt(this,"opt.keys",[])},hasOptTar:function(){return ns(this.optTar)},cmp:function(){let t=gt(this,"typeSelect.type","");return t=Zo(t),`W${t}`},optTar:function(){let t=this,e=gt(t,"opt.showLabels",!0),n=e,i=e,r=e,o=gt(t,"opt.showLegend",!1),s=gt(t,"opt.rds",[]),a=gr(s);if(0===a)return console.log("no data, size(opt.rds)=0"),null;"one"===t.mode&&a>1&&(console.log("size(opt.rds)>1"),s=[s[0]]);let l=null;try{l=t.opt,l=Uo(l);let e=gt(t,"typeSelect.optExt",{});e=Uo(e);let s={barShowLabels:n,pieShowLabels:i,roseShowLabels:r,showLegend:o};l=vh(l,e),l=vh(l,s)}catch(t){console.log(t)}return l}},methods:{updateTypeSelectByKey:function(t){let e=this;e.keySelectTrans=t;let n=null;De(e.typeItems,(e=>{if(e.key===t)return n=e,!1})),e.typeSelect=n},updateTypeSelectAndEmitKeySelect:function(t){let e=this;e.typeSelect=t;let n=gt(t,"key","");e.updateTypeSelectByKey(n),e.$emit("update:keySelect",n)}}};var Lu=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticStyle:{display:"inline-block"},attrs:{changeTypeItems:t.changeTypeItems,changeKeySelect:t.changeKeySelect}},[n("div",{staticStyle:{"padding-bottom":"5px"}},[n("div",{staticStyle:{display:"flex","align-items":"flex-end"}},[n("div",{style:""},[t._t("head")],2),t._v(" "),n("div",{staticStyle:{display:"flex","align-items":"center"}},[n("div",{staticStyle:{"padding-right":"10px","font-size":"0.85rem",color:"#666"}},[t._v("\n                    "+t._s(t.textPlotType)+":\n                ")]),t._v(" "),n("WTextSelect",{style:"width:"+t.widthSelect+"px;",attrs:{paddingStyle:{v:3,h:10},borderRadius:4,items:t.typeItems,value:t.typeSelect},on:{input:t.updateTypeSelectAndEmitKeySelect}})],1)])]),t._v(" "),t.hasOptTar?n("div",{attrs:{name:"tarp"}},[n(t.cmp,{tag:"component",attrs:{opt:t.optTar}})],1):t._e()])};Lu._withStripped=!0;const Ou=ws({render:Lu,staticRenderFns:[]},(function(t){t&&t("data-v-2e6e6d20_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",map:{version:3,sources:[],names:[],mappings:"",file:"WSetMulti.vue"},media:void 0})}),Pu,"data-v-2e6e6d20",false,undefined,!1,Ts,void 0,void 0);const Iu={components:{WSetMulti:Ou},props:{opt:{type:Object,default:()=>{}},textPlotType:{type:String,default:"Plot type"},widthSelect:{type:Number,default:215},keySelect:{type:String,default:"bar-v-normal"},kpSelectText:{type:Object,default:()=>{}}},data:function(){return{}},computed:{},methods:{}};var ku=function(){var t=this,e=t.$createElement;return(t._self._c||e)("WSetMulti",t._g(t._b({scopedSlots:t._u([{key:"head",fn:function(){return[t._t("head")]},proxy:!0}],null,!0)},"WSetMulti",Object.assign({},t.$props,{mode:"one"}),!1),t.$listeners))};ku._withStripped=!0;const Uu={components:{demolink:Yc,WSetOne:ws({render:ku,staticRenderFns:[]},(function(t){t&&t("data-v-1ed91c2b_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",map:{version:3,sources:[],names:[],mappings:"",file:"WSetOne.vue"},media:void 0})}),Iu,"data-v-1ed91c2b",false,undefined,!1,Ts,void 0,void 0)},props:{},data:function(){return{WSetOne:{keySelect:"bar-v-normal",opt1c:{width:400,height:400,keys:["USA","China","Brazil","EU","India","Russia"],rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};var Du=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"default"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"keySelect"}}),t._v(" "),n("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[t._v("\n                keySelect: "+t._s(t.WSetOne.keySelect)+"\n            ")]),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c),keySelect:t.WSetOne.keySelect},on:{"update:keySelect":function(e){return t.$set(t.WSetOne,"keySelect",e)},"update:key-select":function(e){return t.$set(t.WSetOne,"keySelect",e)}}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"textPlotType & kpSelectText & widthSelect"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c),textPlotType:"繪圖類型",kpSelectText:{"bar-v-normal":"垂直直條圖","bar-h-normal":"水平直條圖","bar-h-normal-dense":"水平直條圖(緊密)","pie-normal":"圓餅圖","rose-normal":"玫瑰圖"},widthSelect:160}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"hide labels"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c,{showLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"show legned"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"slot head"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c)},scopedSlots:t._u([{key:"head",fn:function(){return[n("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[t._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Du._withStripped=!0;const Bu=ws({render:Du,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-set-one")])])}]},(function(t){t&&t("data-v-70596d8e_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWSetOne.vue"},media:void 0})}),Uu,"data-v-70596d8e",false,undefined,!1,Ts,void 0,void 0);const Nu={components:{demolink:Yc,WSetMulti:Ou},props:{},data:function(){return{WSetMulti:{keySelect:"bar-v-normal",opt2e:{width:400,height:400,keys:["USA","China","Brazil","EU","India","Russia"],rds:[{name:"Corn",data:{USA:{value:406.292,color:["rgb(255, 205, 210)","rgb(229, 115, 115)"]},China:{value:260,color:["rgb(255, 185, 210)","rgb(229, 95, 115)"]},Brazil:{value:107,color:["rgb(255, 165, 210)","rgb(229, 75, 115)"]},EU:{value:68.3,color:["rgb(255, 145, 210)","rgb(229, 55, 115)"]},India:{value:27.5,color:["rgb(255, 125, 210)","rgb(229, 35, 115)"]},Russia:{value:14.5,color:["rgb(255, 105, 210)","rgb(229, 15, 115)"]}}},{name:"Wheat",data:{USA:{value:51.086,color:["rgb(210, 205, 255)","rgb(115, 115, 229)"]},China:{value:136,color:["rgb(210, 185, 255)","rgb(115, 95, 229)"]},Brazil:{value:5.5,color:["rgb(210, 165, 255)","rgb(115, 75, 229)"]},EU:{value:141,color:["rgb(210, 145, 255)","rgb(115, 55, 229)"]},India:{value:107.18,color:["rgb(210, 125, 255)","rgb(115, 35, 229)"]},Russia:{value:77,color:["rgb(210, 105, 255)","rgb(115, 15, 229)"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};var Fu=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"default"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"keySelect"}}),t._v(" "),n("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[t._v("\n                keySelect: "+t._s(t.WSetMulti.keySelect)+"\n            ")]),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e),keySelect:t.WSetMulti.keySelect},on:{"update:keySelect":function(e){return t.$set(t.WSetMulti,"keySelect",e)},"update:key-select":function(e){return t.$set(t.WSetMulti,"keySelect",e)}}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"textPlotType & kpSelectText & widthSelect"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e),textPlotType:"繪圖類型",kpSelectText:{"bar-v-normal":"垂直直條圖","bar-v-stack-normal":"垂直堆疊直條圖","bar-v-stack-percent":"垂直堆疊佔比直條圖","bar-h-normal":"水平直條圖","bar-h-normal-dense":"水平直條圖(緊密)","bar-h-stack-normal":"水平堆疊直條圖","bar-h-stack-percent":"水平堆疊佔比直條圖","rose-normal":"玫瑰圖"},widthSelect:170}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"hide labels"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e,{showLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"hide legned"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e,{showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"slot head"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e)},scopedSlots:t._u([{key:"head",fn:function(){return[n("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[t._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Fu._withStripped=!0;const zu=ws({render:Fu,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-set-multi")])])}]},(function(t){t&&t("data-v-4dce664a_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWSetMulti.vue"},media:void 0})}),Nu,"data-v-4dce664a",false,undefined,!1,Ts,void 0,void 0);function Hu(t,e,n){return null==t?t:function(t,e,n,i){if(!x(t))return t;for(var r=-1,o=(e=dt(e,t)).length,s=o-1,a=t;null!=a&&++r<o;){var l=ft(e[r]),c=n;if("__proto__"===l||"constructor"===l||"prototype"===l)return t;if(r!=s){var h=a[l];void 0===(c=i?i(h,l,a):void 0)&&(c=x(h)?h:de(e[r+1])?[]:{})}Cr(a,l,c),a=a[l]}return t}(t,e,n)}function Wu(t,e){return t<e}function Vu(t){return t&&t.length?fu(t,Ue,Wu):void 0}function Gu(t){return t&&t.length?fu(t,Ue,mu):void 0}function ju(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function Xu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ju(Object(n),!0).forEach((function(e){wr(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ju(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}
 /**
    * @license
    * Copyright 2010-2023 Three.js Authors
@@ -14,5 +14,5 @@
    * https://github.com/yomotsu/camera-controls
    * (c) 2017 @yomotsu
    * Released under the MIT License.
-   */const ST=1,wT=2,MT=4,TT=Object.freeze({NONE:0,ROTATE:1,TRUCK:2,OFFSET:4,DOLLY:8,ZOOM:16,TOUCH_ROTATE:32,TOUCH_TRUCK:64,TOUCH_OFFSET:128,TOUCH_DOLLY:256,TOUCH_ZOOM:512,TOUCH_DOLLY_TRUCK:1024,TOUCH_DOLLY_OFFSET:2048,TOUCH_DOLLY_ROTATE:4096,TOUCH_ZOOM_TRUCK:8192,TOUCH_ZOOM_OFFSET:16384,TOUCH_ZOOM_ROTATE:32768}),AT=0,ET=1,CT=-1;function RT(t){return t.isPerspectiveCamera}function PT(t){return t.isOrthographicCamera}const LT=2*Math.PI,OT=Math.PI/2,IT=1e-5,kT=Math.PI/180;function UT(t,e,n){return Math.max(e,Math.min(n,t))}function DT(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:IT;return Math.abs(t)<e}function BT(t,e){return DT(t-e,arguments.length>2&&void 0!==arguments[2]?arguments[2]:IT)}function NT(t,e){return Math.round(t/e)*e}function FT(t){return isFinite(t)?t:t<0?-Number.MAX_VALUE:Number.MAX_VALUE}function zT(t){return Math.abs(t)<Number.MAX_VALUE?t:t*(1/0)}function HT(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1/0,o=arguments.length>5?arguments[5]:void 0;const s=2/(i=Math.max(1e-4,i)),a=s*o,l=1/(1+a+.48*a*a+.235*a*a*a);let c=t-e;const h=e,u=r*i;c=UT(c,-u,u),e=t-c;const d=(n.value+s*c)*o;n.value=(n.value-s*d)*l;let p=e+(c+d)*l;return h-t>0==p>h&&(p=h,n.value=(p-h)/o),p}function WT(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1/0,o=arguments.length>5?arguments[5]:void 0,s=arguments.length>6?arguments[6]:void 0;const a=2/(i=Math.max(1e-4,i)),l=a*o,c=1/(1+l+.48*l*l+.235*l*l*l);let h=e.x,u=e.y,d=e.z,p=t.x-h,f=t.y-u,m=t.z-d;const g=h,v=u,_=d,y=r*i,b=p*p+f*f+m*m;if(b>y*y){const t=Math.sqrt(b);p=p/t*y,f=f/t*y,m=m/t*y}h=t.x-p,u=t.y-f,d=t.z-m;const x=(n.x+a*p)*o,S=(n.y+a*f)*o,w=(n.z+a*m)*o;n.x=(n.x-a*x)*c,n.y=(n.y-a*S)*c,n.z=(n.z-a*w)*c,s.x=h+(p+x)*c,s.y=u+(f+S)*c,s.z=d+(m+w)*c;const M=g-t.x,T=v-t.y,A=_-t.z;return M*(s.x-g)+T*(s.y-v)+A*(s.z-_)>0&&(s.x=g,s.y=v,s.z=_,n.x=(s.x-g)/o,n.y=(s.y-v)/o,n.z=(s.z-_)/o),s}function VT(t,e){e.set(0,0),t.forEach((t=>{e.x+=t.clientX,e.y+=t.clientY})),e.x/=t.length,e.y/=t.length}function GT(t,e){return!!PT(t)&&(console.warn(`${e} is not supported in OrthographicCamera`),!0)}class jT{constructor(){this._listeners={}}addEventListener(t,e){const n=this._listeners;void 0===n[t]&&(n[t]=[]),-1===n[t].indexOf(e)&&n[t].push(e)}hasEventListener(t,e){const n=this._listeners;return void 0!==n[t]&&-1!==n[t].indexOf(e)}removeEventListener(t,e){const n=this._listeners[t];if(void 0!==n){const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}removeAllEventListeners(t){t?Array.isArray(this._listeners[t])&&(this._listeners[t].length=0):this._listeners={}}dispatchEvent(t){const e=this._listeners[t.type];if(void 0!==e){t.target=this;const n=e.slice(0);for(let e=0,i=n.length;e<i;e++)n[e].call(this,t)}}}var XT;const $T=1/8,YT=/Mac/.test(null===(XT=null===globalThis||void 0===globalThis?void 0:globalThis.navigator)||void 0===XT?void 0:XT.platform);let qT,ZT,KT,JT,QT,tA,eA,nA,iA,rA,oA,sA,aA,lA,cA,hA,uA,dA,pA,fA,mA,gA,vA;class _A extends jT{static install(t){qT=t.THREE,ZT=Object.freeze(new qT.Vector3(0,0,0)),KT=Object.freeze(new qT.Vector3(0,1,0)),JT=Object.freeze(new qT.Vector3(0,0,1)),QT=new qT.Vector2,tA=new qT.Vector3,eA=new qT.Vector3,nA=new qT.Vector3,iA=new qT.Vector3,rA=new qT.Vector3,oA=new qT.Vector3,sA=new qT.Vector3,aA=new qT.Vector3,lA=new qT.Vector3,cA=new qT.Spherical,hA=new qT.Spherical,uA=new qT.Box3,dA=new qT.Box3,pA=new qT.Sphere,fA=new qT.Quaternion,mA=new qT.Quaternion,gA=new qT.Matrix4,vA=new qT.Raycaster}static get ACTION(){return TT}constructor(t,e){super(),this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.minDistance=Number.EPSILON,this.maxDistance=1/0,this.infinityDolly=!1,this.minZoom=.01,this.maxZoom=1/0,this.smoothTime=.25,this.draggingSmoothTime=.125,this.maxSpeed=1/0,this.azimuthRotateSpeed=1,this.polarRotateSpeed=1,this.dollySpeed=1,this.dollyDragInverted=!1,this.truckSpeed=2,this.dollyToCursor=!1,this.dragToOffset=!1,this.verticalDragToForward=!1,this.boundaryFriction=0,this.restThreshold=.01,this.colliderMeshes=[],this.cancel=()=>{},this._enabled=!0,this._state=TT.NONE,this._viewport=null,this._changedDolly=0,this._changedZoom=0,this._hasRested=!0,this._boundaryEnclosesCamera=!1,this._needsUpdate=!0,this._updatedLastTime=!1,this._elementRect=new DOMRect,this._isDragging=!1,this._dragNeedsUpdate=!0,this._activePointers=[],this._lockedPointer=null,this._interactiveArea=new DOMRect(0,0,1,1),this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._isUserControllingOffset=!1,this._isUserControllingZoom=!1,this._lastDollyDirection=AT,this._thetaVelocity={value:0},this._phiVelocity={value:0},this._radiusVelocity={value:0},this._targetVelocity=new qT.Vector3,this._focalOffsetVelocity=new qT.Vector3,this._zoomVelocity={value:0},this._truckInternal=(t,e,n)=>{let i,r;if(RT(this._camera)){const n=tA.copy(this._camera.position).sub(this._target),o=this._camera.getEffectiveFOV()*kT,s=n.length()*Math.tan(.5*o);i=this.truckSpeed*t*s/this._elementRect.height,r=this.truckSpeed*e*s/this._elementRect.height}else{if(!PT(this._camera))return;{const n=this._camera;i=t*(n.right-n.left)/n.zoom/this._elementRect.width,r=e*(n.top-n.bottom)/n.zoom/this._elementRect.height}}this.verticalDragToForward?(n?this.setFocalOffset(this._focalOffsetEnd.x+i,this._focalOffsetEnd.y,this._focalOffsetEnd.z,!0):this.truck(i,0,!0),this.forward(-r,!0)):n?this.setFocalOffset(this._focalOffsetEnd.x+i,this._focalOffsetEnd.y+r,this._focalOffsetEnd.z,!0):this.truck(i,r,!0)},this._rotateInternal=(t,e)=>{const n=LT*this.azimuthRotateSpeed*t/this._elementRect.height,i=LT*this.polarRotateSpeed*e/this._elementRect.height;this.rotate(n,i,!0)},this._dollyInternal=(t,e,n)=>{const i=Math.pow(.95,-t*this.dollySpeed),r=this._sphericalEnd.radius,o=this._sphericalEnd.radius*i,s=UT(o,this.minDistance,this.maxDistance),a=s-o;this.infinityDolly&&this.dollyToCursor?this._dollyToNoClamp(o,!0):this.infinityDolly&&!this.dollyToCursor?(this.dollyInFixed(a,!0),this._dollyToNoClamp(s,!0)):this._dollyToNoClamp(s,!0),this.dollyToCursor&&(this._changedDolly+=(this.infinityDolly?o:s)-r,this._dollyControlCoord.set(e,n)),this._lastDollyDirection=Math.sign(-t)},this._zoomInternal=(t,e,n)=>{const i=Math.pow(.95,t*this.dollySpeed),r=this._zoom,o=this._zoom*i;this.zoomTo(o,!0),this.dollyToCursor&&(this._changedZoom+=o-r,this._dollyControlCoord.set(e,n))},void 0===qT&&console.error("camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."),this._camera=t,this._yAxisUpSpace=(new qT.Quaternion).setFromUnitVectors(this._camera.up,KT),this._yAxisUpSpaceInverse=this._yAxisUpSpace.clone().invert(),this._state=TT.NONE,this._target=new qT.Vector3,this._targetEnd=this._target.clone(),this._focalOffset=new qT.Vector3,this._focalOffsetEnd=this._focalOffset.clone(),this._spherical=(new qT.Spherical).setFromVector3(tA.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)),this._sphericalEnd=this._spherical.clone(),this._lastDistance=this._spherical.radius,this._zoom=this._camera.zoom,this._zoomEnd=this._zoom,this._lastZoom=this._zoom,this._nearPlaneCorners=[new qT.Vector3,new qT.Vector3,new qT.Vector3,new qT.Vector3],this._updateNearPlaneCorners(),this._boundary=new qT.Box3(new qT.Vector3(-1/0,-1/0,-1/0),new qT.Vector3(1/0,1/0,1/0)),this._cameraUp0=this._camera.up.clone(),this._target0=this._target.clone(),this._position0=this._camera.position.clone(),this._zoom0=this._zoom,this._focalOffset0=this._focalOffset.clone(),this._dollyControlCoord=new qT.Vector2,this.mouseButtons={left:TT.ROTATE,middle:TT.DOLLY,right:TT.TRUCK,wheel:RT(this._camera)?TT.DOLLY:PT(this._camera)?TT.ZOOM:TT.NONE},this.touches={one:TT.TOUCH_ROTATE,two:RT(this._camera)?TT.TOUCH_DOLLY_TRUCK:PT(this._camera)?TT.TOUCH_ZOOM_TRUCK:TT.NONE,three:TT.TOUCH_TRUCK};const n=new qT.Vector2,i=new qT.Vector2,r=new qT.Vector2,o=t=>{if(!this._enabled||!this._domElement)return;if(0!==this._interactiveArea.left||0!==this._interactiveArea.top||1!==this._interactiveArea.width||1!==this._interactiveArea.height){const e=this._domElement.getBoundingClientRect(),n=t.clientX/e.width,i=t.clientY/e.height;if(n<this._interactiveArea.left||n>this._interactiveArea.right||i<this._interactiveArea.top||i>this._interactiveArea.bottom)return}const e="mouse"!==t.pointerType?null:(t.buttons&ST)===ST?ST:(t.buttons&MT)===MT?MT:(t.buttons&wT)===wT?wT:null;if(null!==e){const t=this._findPointerByMouseButton(e);t&&this._disposePointer(t)}if((t.buttons&ST)===ST&&this._lockedPointer)return;const n={pointerId:t.pointerId,clientX:t.clientX,clientY:t.clientY,deltaX:0,deltaY:0,mouseButton:e};this._activePointers.push(n),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.ownerDocument.addEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.addEventListener("pointerup",a),this._isDragging=!0,u(t)},s=t=>{t.cancelable&&t.preventDefault();const e=t.pointerId,n=this._lockedPointer||this._findPointerById(e);if(n){if(n.clientX=t.clientX,n.clientY=t.clientY,n.deltaX=t.movementX,n.deltaY=t.movementY,this._state=0,"touch"===t.pointerType)switch(this._activePointers.length){case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else(!this._isDragging&&this._lockedPointer||this._isDragging&&(t.buttons&ST)===ST)&&(this._state=this._state|this.mouseButtons.left),this._isDragging&&(t.buttons&MT)===MT&&(this._state=this._state|this.mouseButtons.middle),this._isDragging&&(t.buttons&wT)===wT&&(this._state=this._state|this.mouseButtons.right);d()}},a=t=>{const e=this._findPointerById(t.pointerId);if(!e||e!==this._lockedPointer){if(e&&this._disposePointer(e),"touch"===t.pointerType)switch(this._activePointers.length){case 0:this._state=TT.NONE;break;case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else this._state=TT.NONE;p()}};let l=-1;const c=t=>{if(!this._domElement)return;if(!this._enabled||this.mouseButtons.wheel===TT.NONE)return;if(0!==this._interactiveArea.left||0!==this._interactiveArea.top||1!==this._interactiveArea.width||1!==this._interactiveArea.height){const e=this._domElement.getBoundingClientRect(),n=t.clientX/e.width,i=t.clientY/e.height;if(n<this._interactiveArea.left||n>this._interactiveArea.right||i<this._interactiveArea.top||i>this._interactiveArea.bottom)return}if(t.preventDefault(),this.dollyToCursor||this.mouseButtons.wheel===TT.ROTATE||this.mouseButtons.wheel===TT.TRUCK){const t=performance.now();l-t<1e3&&this._getClientRect(this._elementRect),l=t}const e=YT?-1:-3,n=1===t.deltaMode?t.deltaY/e:t.deltaY/(10*e),i=this.dollyToCursor?(t.clientX-this._elementRect.x)/this._elementRect.width*2-1:0,r=this.dollyToCursor?(t.clientY-this._elementRect.y)/this._elementRect.height*-2+1:0;switch(this.mouseButtons.wheel){case TT.ROTATE:this._rotateInternal(t.deltaX,t.deltaY),this._isUserControllingRotate=!0;break;case TT.TRUCK:this._truckInternal(t.deltaX,t.deltaY,!1),this._isUserControllingTruck=!0;break;case TT.OFFSET:this._truckInternal(t.deltaX,t.deltaY,!0),this._isUserControllingOffset=!0;break;case TT.DOLLY:this._dollyInternal(-n,i,r),this._isUserControllingDolly=!0;break;case TT.ZOOM:this._zoomInternal(-n,i,r),this._isUserControllingZoom=!0}this.dispatchEvent({type:"control"})},h=t=>{if(this._domElement&&this._enabled){if(this.mouseButtons.right===_A.ACTION.NONE){const e=t instanceof PointerEvent?t.pointerId:0,n=this._findPointerById(e);return n&&this._disposePointer(n),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),void this._domElement.ownerDocument.removeEventListener("pointerup",a)}t.preventDefault()}},u=t=>{if(!this._enabled)return;VT(this._activePointers,QT),this._getClientRect(this._elementRect),n.copy(QT),i.copy(QT);if(this._activePointers.length>=2){const t=QT.x-this._activePointers[1].clientX,e=QT.y-this._activePointers[1].clientY,n=Math.sqrt(t*t+e*e);r.set(0,n);const o=.5*(this._activePointers[0].clientX+this._activePointers[1].clientX),s=.5*(this._activePointers[0].clientY+this._activePointers[1].clientY);i.set(o,s)}if(this._state=0,t)if("pointerType"in t&&"touch"===t.pointerType)switch(this._activePointers.length){case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else this._lockedPointer||(t.buttons&ST)!==ST||(this._state=this._state|this.mouseButtons.left),(t.buttons&MT)===MT&&(this._state=this._state|this.mouseButtons.middle),(t.buttons&wT)===wT&&(this._state=this._state|this.mouseButtons.right);else this._lockedPointer&&(this._state=this._state|this.mouseButtons.left);(this._state&TT.ROTATE)!==TT.ROTATE&&(this._state&TT.TOUCH_ROTATE)!==TT.TOUCH_ROTATE&&(this._state&TT.TOUCH_DOLLY_ROTATE)!==TT.TOUCH_DOLLY_ROTATE&&(this._state&TT.TOUCH_ZOOM_ROTATE)!==TT.TOUCH_ZOOM_ROTATE||(this._sphericalEnd.theta=this._spherical.theta,this._sphericalEnd.phi=this._spherical.phi,this._thetaVelocity.value=0,this._phiVelocity.value=0),(this._state&TT.TRUCK)!==TT.TRUCK&&(this._state&TT.TOUCH_TRUCK)!==TT.TOUCH_TRUCK&&(this._state&TT.TOUCH_DOLLY_TRUCK)!==TT.TOUCH_DOLLY_TRUCK&&(this._state&TT.TOUCH_ZOOM_TRUCK)!==TT.TOUCH_ZOOM_TRUCK||(this._targetEnd.copy(this._target),this._targetVelocity.set(0,0,0)),(this._state&TT.DOLLY)!==TT.DOLLY&&(this._state&TT.TOUCH_DOLLY)!==TT.TOUCH_DOLLY&&(this._state&TT.TOUCH_DOLLY_TRUCK)!==TT.TOUCH_DOLLY_TRUCK&&(this._state&TT.TOUCH_DOLLY_OFFSET)!==TT.TOUCH_DOLLY_OFFSET&&(this._state&TT.TOUCH_DOLLY_ROTATE)!==TT.TOUCH_DOLLY_ROTATE||(this._sphericalEnd.radius=this._spherical.radius,this._radiusVelocity.value=0),(this._state&TT.ZOOM)!==TT.ZOOM&&(this._state&TT.TOUCH_ZOOM)!==TT.TOUCH_ZOOM&&(this._state&TT.TOUCH_ZOOM_TRUCK)!==TT.TOUCH_ZOOM_TRUCK&&(this._state&TT.TOUCH_ZOOM_OFFSET)!==TT.TOUCH_ZOOM_OFFSET&&(this._state&TT.TOUCH_ZOOM_ROTATE)!==TT.TOUCH_ZOOM_ROTATE||(this._zoomEnd=this._zoom,this._zoomVelocity.value=0),(this._state&TT.OFFSET)!==TT.OFFSET&&(this._state&TT.TOUCH_OFFSET)!==TT.TOUCH_OFFSET&&(this._state&TT.TOUCH_DOLLY_OFFSET)!==TT.TOUCH_DOLLY_OFFSET&&(this._state&TT.TOUCH_ZOOM_OFFSET)!==TT.TOUCH_ZOOM_OFFSET||(this._focalOffsetEnd.copy(this._focalOffset),this._focalOffsetVelocity.set(0,0,0)),this.dispatchEvent({type:"controlstart"})},d=()=>{if(!this._enabled||!this._dragNeedsUpdate)return;this._dragNeedsUpdate=!1,VT(this._activePointers,QT);const t=this._domElement&&this._domElement.ownerDocument.pointerLockElement===this._domElement?this._lockedPointer||this._activePointers[0]:null,e=t?-t.deltaX:i.x-QT.x,o=t?-t.deltaY:i.y-QT.y;if(i.copy(QT),(this._state&TT.ROTATE)!==TT.ROTATE&&(this._state&TT.TOUCH_ROTATE)!==TT.TOUCH_ROTATE&&(this._state&TT.TOUCH_DOLLY_ROTATE)!==TT.TOUCH_DOLLY_ROTATE&&(this._state&TT.TOUCH_ZOOM_ROTATE)!==TT.TOUCH_ZOOM_ROTATE||(this._rotateInternal(e,o),this._isUserControllingRotate=!0),(this._state&TT.DOLLY)===TT.DOLLY||(this._state&TT.ZOOM)===TT.ZOOM){const t=this.dollyToCursor?(n.x-this._elementRect.x)/this._elementRect.width*2-1:0,e=this.dollyToCursor?(n.y-this._elementRect.y)/this._elementRect.height*-2+1:0,i=this.dollyDragInverted?-1:1;(this._state&TT.DOLLY)===TT.DOLLY?(this._dollyInternal(i*o*$T,t,e),this._isUserControllingDolly=!0):(this._zoomInternal(i*o*$T,t,e),this._isUserControllingZoom=!0)}if((this._state&TT.TOUCH_DOLLY)===TT.TOUCH_DOLLY||(this._state&TT.TOUCH_ZOOM)===TT.TOUCH_ZOOM||(this._state&TT.TOUCH_DOLLY_TRUCK)===TT.TOUCH_DOLLY_TRUCK||(this._state&TT.TOUCH_ZOOM_TRUCK)===TT.TOUCH_ZOOM_TRUCK||(this._state&TT.TOUCH_DOLLY_OFFSET)===TT.TOUCH_DOLLY_OFFSET||(this._state&TT.TOUCH_ZOOM_OFFSET)===TT.TOUCH_ZOOM_OFFSET||(this._state&TT.TOUCH_DOLLY_ROTATE)===TT.TOUCH_DOLLY_ROTATE||(this._state&TT.TOUCH_ZOOM_ROTATE)===TT.TOUCH_ZOOM_ROTATE){const t=QT.x-this._activePointers[1].clientX,e=QT.y-this._activePointers[1].clientY,n=Math.sqrt(t*t+e*e),o=r.y-n;r.set(0,n);const s=this.dollyToCursor?(i.x-this._elementRect.x)/this._elementRect.width*2-1:0,a=this.dollyToCursor?(i.y-this._elementRect.y)/this._elementRect.height*-2+1:0;(this._state&TT.TOUCH_DOLLY)===TT.TOUCH_DOLLY||(this._state&TT.TOUCH_DOLLY_ROTATE)===TT.TOUCH_DOLLY_ROTATE||(this._state&TT.TOUCH_DOLLY_TRUCK)===TT.TOUCH_DOLLY_TRUCK||(this._state&TT.TOUCH_DOLLY_OFFSET)===TT.TOUCH_DOLLY_OFFSET?(this._dollyInternal(o*$T,s,a),this._isUserControllingDolly=!0):(this._zoomInternal(o*$T,s,a),this._isUserControllingZoom=!0)}(this._state&TT.TRUCK)!==TT.TRUCK&&(this._state&TT.TOUCH_TRUCK)!==TT.TOUCH_TRUCK&&(this._state&TT.TOUCH_DOLLY_TRUCK)!==TT.TOUCH_DOLLY_TRUCK&&(this._state&TT.TOUCH_ZOOM_TRUCK)!==TT.TOUCH_ZOOM_TRUCK||(this._truckInternal(e,o,!1),this._isUserControllingTruck=!0),(this._state&TT.OFFSET)!==TT.OFFSET&&(this._state&TT.TOUCH_OFFSET)!==TT.TOUCH_OFFSET&&(this._state&TT.TOUCH_DOLLY_OFFSET)!==TT.TOUCH_DOLLY_OFFSET&&(this._state&TT.TOUCH_ZOOM_OFFSET)!==TT.TOUCH_ZOOM_OFFSET||(this._truckInternal(e,o,!0),this._isUserControllingOffset=!0),this.dispatchEvent({type:"control"})},p=()=>{VT(this._activePointers,QT),i.copy(QT),this._dragNeedsUpdate=!1,(0===this._activePointers.length||1===this._activePointers.length&&this._activePointers[0]===this._lockedPointer)&&(this._isDragging=!1),0===this._activePointers.length&&this._domElement&&(this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this.dispatchEvent({type:"controlend"}))};this.lockPointer=()=>{this._enabled&&this._domElement&&(this.cancel(),this._lockedPointer={pointerId:-1,clientX:0,clientY:0,deltaX:0,deltaY:0,mouseButton:null},this._activePointers.push(this._lockedPointer),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.requestPointerLock(),this._domElement.ownerDocument.addEventListener("pointerlockchange",f),this._domElement.ownerDocument.addEventListener("pointerlockerror",m),this._domElement.ownerDocument.addEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.addEventListener("pointerup",a),u())},this.unlockPointer=()=>{var t,e,n;null!==this._lockedPointer&&(this._disposePointer(this._lockedPointer),this._lockedPointer=null),null===(t=this._domElement)||void 0===t||t.ownerDocument.exitPointerLock(),null===(e=this._domElement)||void 0===e||e.ownerDocument.removeEventListener("pointerlockchange",f),null===(n=this._domElement)||void 0===n||n.ownerDocument.removeEventListener("pointerlockerror",m),this.cancel()};const f=()=>{this._domElement&&this._domElement.ownerDocument.pointerLockElement===this._domElement||this.unlockPointer()},m=()=>{this.unlockPointer()};this._addAllEventListeners=t=>{this._domElement=t,this._domElement.style.touchAction="none",this._domElement.style.userSelect="none",this._domElement.style.webkitUserSelect="none",this._domElement.addEventListener("pointerdown",o),this._domElement.addEventListener("pointercancel",a),this._domElement.addEventListener("wheel",c,{passive:!1}),this._domElement.addEventListener("contextmenu",h)},this._removeAllEventListeners=()=>{this._domElement&&(this._domElement.style.touchAction="",this._domElement.style.userSelect="",this._domElement.style.webkitUserSelect="",this._domElement.removeEventListener("pointerdown",o),this._domElement.removeEventListener("pointercancel",a),this._domElement.removeEventListener("wheel",c,{passive:!1}),this._domElement.removeEventListener("contextmenu",h),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.ownerDocument.removeEventListener("pointerlockchange",f),this._domElement.ownerDocument.removeEventListener("pointerlockerror",m))},this.cancel=()=>{this._state!==TT.NONE&&(this._state=TT.NONE,this._activePointers.length=0,p())},e&&this.connect(e),this.update(0)}get camera(){return this._camera}set camera(t){this._camera=t,this.updateCameraUp(),this._camera.updateProjectionMatrix(),this._updateNearPlaneCorners(),this._needsUpdate=!0}get enabled(){return this._enabled}set enabled(t){this._enabled=t,this._domElement&&(t?(this._domElement.style.touchAction="none",this._domElement.style.userSelect="none",this._domElement.style.webkitUserSelect="none"):(this.cancel(),this._domElement.style.touchAction="",this._domElement.style.userSelect="",this._domElement.style.webkitUserSelect=""))}get active(){return!this._hasRested}get currentAction(){return this._state}get distance(){return this._spherical.radius}set distance(t){this._spherical.radius===t&&this._sphericalEnd.radius===t||(this._spherical.radius=t,this._sphericalEnd.radius=t,this._needsUpdate=!0)}get azimuthAngle(){return this._spherical.theta}set azimuthAngle(t){this._spherical.theta===t&&this._sphericalEnd.theta===t||(this._spherical.theta=t,this._sphericalEnd.theta=t,this._needsUpdate=!0)}get polarAngle(){return this._spherical.phi}set polarAngle(t){this._spherical.phi===t&&this._sphericalEnd.phi===t||(this._spherical.phi=t,this._sphericalEnd.phi=t,this._needsUpdate=!0)}get boundaryEnclosesCamera(){return this._boundaryEnclosesCamera}set boundaryEnclosesCamera(t){this._boundaryEnclosesCamera=t,this._needsUpdate=!0}set interactiveArea(t){this._interactiveArea.width=UT(t.width,0,1),this._interactiveArea.height=UT(t.height,0,1),this._interactiveArea.x=UT(t.x,0,1-this._interactiveArea.width),this._interactiveArea.y=UT(t.y,0,1-this._interactiveArea.height)}addEventListener(t,e){super.addEventListener(t,e)}removeEventListener(t,e){super.removeEventListener(t,e)}rotate(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return this.rotateTo(this._sphericalEnd.theta+t,this._sphericalEnd.phi+e,n)}rotateAzimuthTo(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.rotateTo(t,this._sphericalEnd.phi,e)}rotatePolarTo(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.rotateTo(this._sphericalEnd.theta,t,e)}rotateTo(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];this._isUserControllingRotate=!1;const i=UT(t,this.minAzimuthAngle,this.maxAzimuthAngle),r=UT(e,this.minPolarAngle,this.maxPolarAngle);this._sphericalEnd.theta=i,this._sphericalEnd.phi=r,this._sphericalEnd.makeSafe(),this._needsUpdate=!0,n||(this._spherical.theta=this._sphericalEnd.theta,this._spherical.phi=this._sphericalEnd.phi);const o=!n||BT(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&BT(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold);return this._createOnRestPromise(o)}dolly(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.dollyTo(this._sphericalEnd.radius-t,e)}dollyTo(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this._isUserControllingDolly=!1,this._lastDollyDirection=AT,this._changedDolly=0,this._dollyToNoClamp(UT(t,this.minDistance,this.maxDistance),e)}_dollyToNoClamp(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const n=this._sphericalEnd.radius;if(this.colliderMeshes.length>=1){const e=this._collisionTest(),i=BT(e,this._spherical.radius);if(!(n>t)&&i)return Promise.resolve();this._sphericalEnd.radius=Math.min(t,e)}else this._sphericalEnd.radius=t;this._needsUpdate=!0,e||(this._spherical.radius=this._sphericalEnd.radius);const i=!e||BT(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(i)}dollyInFixed(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this._targetEnd.add(this._getCameraDirection(iA).multiplyScalar(t)),e||this._target.copy(this._targetEnd);const n=!e||BT(this._target.x,this._targetEnd.x,this.restThreshold)&&BT(this._target.y,this._targetEnd.y,this.restThreshold)&&BT(this._target.z,this._targetEnd.z,this.restThreshold);return this._createOnRestPromise(n)}zoom(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.zoomTo(this._zoomEnd+t,e)}zoomTo(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this._isUserControllingZoom=!1,this._zoomEnd=UT(t,this.minZoom,this.maxZoom),this._needsUpdate=!0,e||(this._zoom=this._zoomEnd);const n=!e||BT(this._zoom,this._zoomEnd,this.restThreshold);return this._changedZoom=0,this._createOnRestPromise(n)}pan(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return console.warn("`pan` has been renamed to `truck`"),this.truck(t,e,n)}truck(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];this._camera.updateMatrix(),rA.setFromMatrixColumn(this._camera.matrix,0),oA.setFromMatrixColumn(this._camera.matrix,1),rA.multiplyScalar(t),oA.multiplyScalar(-e);const i=tA.copy(rA).add(oA),r=eA.copy(this._targetEnd).add(i);return this.moveTo(r.x,r.y,r.z,n)}forward(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];tA.setFromMatrixColumn(this._camera.matrix,0),tA.crossVectors(this._camera.up,tA),tA.multiplyScalar(t);const n=eA.copy(this._targetEnd).add(tA);return this.moveTo(n.x,n.y,n.z,e)}elevate(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return tA.copy(this._camera.up).multiplyScalar(t),this.moveTo(this._targetEnd.x+tA.x,this._targetEnd.y+tA.y,this._targetEnd.z+tA.z,e)}moveTo(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];this._isUserControllingTruck=!1;const r=tA.set(t,e,n).sub(this._targetEnd);this._encloseToBoundary(this._targetEnd,r,this.boundaryFriction),this._needsUpdate=!0,i||this._target.copy(this._targetEnd);const o=!i||BT(this._target.x,this._targetEnd.x,this.restThreshold)&&BT(this._target.y,this._targetEnd.y,this.restThreshold)&&BT(this._target.z,this._targetEnd.z,this.restThreshold);return this._createOnRestPromise(o)}lookInDirectionOf(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];const r=tA.set(t,e,n).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);return this.setPosition(r.x,r.y,r.z,i)}fitToBox(t,e){let{cover:n=!1,paddingLeft:i=0,paddingRight:r=0,paddingBottom:o=0,paddingTop:s=0}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=[],l=t.isBox3?uA.copy(t):uA.setFromObject(t);l.isEmpty()&&(console.warn("camera-controls: fitTo() cannot be used with an empty box. Aborting"),Promise.resolve());const c=NT(this._sphericalEnd.theta,OT),h=NT(this._sphericalEnd.phi,OT);a.push(this.rotateTo(c,h,e));const u=tA.setFromSpherical(this._sphericalEnd).normalize(),d=fA.setFromUnitVectors(u,JT),p=BT(Math.abs(u.y),1);p&&d.multiply(mA.setFromAxisAngle(KT,c)),d.multiply(this._yAxisUpSpaceInverse);const f=dA.makeEmpty();eA.copy(l.min).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.min).setX(l.max.x).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.min).setY(l.max.y).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.max).setZ(l.min.z).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.min).setZ(l.max.z).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.max).setY(l.min.y).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.max).setX(l.min.x).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.max).applyQuaternion(d),f.expandByPoint(eA),f.min.x-=i,f.min.y-=o,f.max.x+=r,f.max.y+=s,d.setFromUnitVectors(JT,u),p&&d.premultiply(mA.invert()),d.premultiply(this._yAxisUpSpace);const m=f.getSize(tA),g=f.getCenter(eA).applyQuaternion(d);if(RT(this._camera)){const t=this.getDistanceToFitBox(m.x,m.y,m.z,n);a.push(this.moveTo(g.x,g.y,g.z,e)),a.push(this.dollyTo(t,e)),a.push(this.setFocalOffset(0,0,0,e))}else if(PT(this._camera)){const t=this._camera,i=t.right-t.left,r=t.top-t.bottom,o=n?Math.max(i/m.x,r/m.y):Math.min(i/m.x,r/m.y);a.push(this.moveTo(g.x,g.y,g.z,e)),a.push(this.zoomTo(o,e)),a.push(this.setFocalOffset(0,0,0,e))}return Promise.all(a)}fitToSphere(t,e){const n=[],i=t instanceof qT.Sphere?pA.copy(t):_A.createBoundingSphere(t,pA);if(n.push(this.moveTo(i.center.x,i.center.y,i.center.z,e)),RT(this._camera)){const t=this.getDistanceToFitSphere(i.radius);n.push(this.dollyTo(t,e))}else if(PT(this._camera)){const t=this._camera.right-this._camera.left,r=this._camera.top-this._camera.bottom,o=2*i.radius,s=Math.min(t/o,r/o);n.push(this.zoomTo(s,e))}return n.push(this.setFocalOffset(0,0,0,e)),Promise.all(n)}setLookAt(t,e,n,i,r,o){let s=arguments.length>6&&void 0!==arguments[6]&&arguments[6];this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._lastDollyDirection=AT,this._changedDolly=0;const a=eA.set(i,r,o),l=tA.set(t,e,n);this._targetEnd.copy(a),this._sphericalEnd.setFromVector3(l.sub(a).applyQuaternion(this._yAxisUpSpace)),this.normalizeRotations(),this._needsUpdate=!0,s||(this._target.copy(this._targetEnd),this._spherical.copy(this._sphericalEnd));const c=!s||BT(this._target.x,this._targetEnd.x,this.restThreshold)&&BT(this._target.y,this._targetEnd.y,this.restThreshold)&&BT(this._target.z,this._targetEnd.z,this.restThreshold)&&BT(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&BT(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold)&&BT(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(c)}lerpLookAt(t,e,n,i,r,o,s,a,l,c,h,u,d){let p=arguments.length>13&&void 0!==arguments[13]&&arguments[13];this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._lastDollyDirection=AT,this._changedDolly=0;const f=tA.set(i,r,o),m=eA.set(t,e,n);cA.setFromVector3(m.sub(f).applyQuaternion(this._yAxisUpSpace));const g=nA.set(c,h,u),v=eA.set(s,a,l);hA.setFromVector3(v.sub(g).applyQuaternion(this._yAxisUpSpace)),this._targetEnd.copy(f.lerp(g,d));const _=hA.theta-cA.theta,y=hA.phi-cA.phi,b=hA.radius-cA.radius;this._sphericalEnd.set(cA.radius+b*d,cA.phi+y*d,cA.theta+_*d),this.normalizeRotations(),this._needsUpdate=!0,p||(this._target.copy(this._targetEnd),this._spherical.copy(this._sphericalEnd));const x=!p||BT(this._target.x,this._targetEnd.x,this.restThreshold)&&BT(this._target.y,this._targetEnd.y,this.restThreshold)&&BT(this._target.z,this._targetEnd.z,this.restThreshold)&&BT(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&BT(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold)&&BT(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(x)}setPosition(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return this.setLookAt(t,e,n,this._targetEnd.x,this._targetEnd.y,this._targetEnd.z,i)}setTarget(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];const r=this.getPosition(tA),o=this.setLookAt(r.x,r.y,r.z,t,e,n,i);return this._sphericalEnd.phi=UT(this._sphericalEnd.phi,this.minPolarAngle,this.maxPolarAngle),o}setFocalOffset(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];this._isUserControllingOffset=!1,this._focalOffsetEnd.set(t,e,n),this._needsUpdate=!0,i||this._focalOffset.copy(this._focalOffsetEnd);const r=!i||BT(this._focalOffset.x,this._focalOffsetEnd.x,this.restThreshold)&&BT(this._focalOffset.y,this._focalOffsetEnd.y,this.restThreshold)&&BT(this._focalOffset.z,this._focalOffsetEnd.z,this.restThreshold);return this._createOnRestPromise(r)}setOrbitPoint(t,e,n){this._camera.updateMatrixWorld(),rA.setFromMatrixColumn(this._camera.matrixWorldInverse,0),oA.setFromMatrixColumn(this._camera.matrixWorldInverse,1),sA.setFromMatrixColumn(this._camera.matrixWorldInverse,2);const i=tA.set(t,e,n),r=i.distanceTo(this._camera.position),o=i.sub(this._camera.position);rA.multiplyScalar(o.x),oA.multiplyScalar(o.y),sA.multiplyScalar(o.z),tA.copy(rA).add(oA).add(sA),tA.z=tA.z+r,this.dollyTo(r,!1),this.setFocalOffset(-tA.x,tA.y,-tA.z,!1),this.moveTo(t,e,n,!1)}setBoundary(t){if(!t)return this._boundary.min.set(-1/0,-1/0,-1/0),this._boundary.max.set(1/0,1/0,1/0),void(this._needsUpdate=!0);this._boundary.copy(t),this._boundary.clampPoint(this._targetEnd,this._targetEnd),this._needsUpdate=!0}setViewport(t,e,n,i){null!==t?(this._viewport=this._viewport||new qT.Vector4,"number"==typeof t?this._viewport.set(t,e,n,i):this._viewport.copy(t)):this._viewport=null}getDistanceToFitBox(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(GT(this._camera,"getDistanceToFitBox"))return this._spherical.radius;const r=t/e,o=this._camera.getEffectiveFOV()*kT,s=this._camera.aspect;return.5*((i?r>s:r<s)?e:t/s)/Math.tan(.5*o)+.5*n}getDistanceToFitSphere(t){if(GT(this._camera,"getDistanceToFitSphere"))return this._spherical.radius;const e=this._camera.getEffectiveFOV()*kT,n=2*Math.atan(Math.tan(.5*e)*this._camera.aspect),i=1<this._camera.aspect?e:n;return t/Math.sin(.5*i)}getTarget(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(t&&t.isVector3?t:new qT.Vector3).copy(e?this._targetEnd:this._target)}getPosition(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(t&&t.isVector3?t:new qT.Vector3).setFromSpherical(e?this._sphericalEnd:this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(e?this._targetEnd:this._target)}getSpherical(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(t&&t instanceof qT.Spherical?t:new qT.Spherical).copy(e?this._sphericalEnd:this._spherical)}getFocalOffset(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(t&&t.isVector3?t:new qT.Vector3).copy(e?this._focalOffsetEnd:this._focalOffset)}normalizeRotations(){this._sphericalEnd.theta=this._sphericalEnd.theta%LT,this._sphericalEnd.theta<0&&(this._sphericalEnd.theta+=LT),this._spherical.theta+=LT*Math.round((this._sphericalEnd.theta-this._spherical.theta)/LT)}reset(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!BT(this._camera.up.x,this._cameraUp0.x)||!BT(this._camera.up.y,this._cameraUp0.y)||!BT(this._camera.up.z,this._cameraUp0.z)){this._camera.up.copy(this._cameraUp0);const t=this.getPosition(tA);this.updateCameraUp(),this.setPosition(t.x,t.y,t.z)}const e=[this.setLookAt(this._position0.x,this._position0.y,this._position0.z,this._target0.x,this._target0.y,this._target0.z,t),this.setFocalOffset(this._focalOffset0.x,this._focalOffset0.y,this._focalOffset0.z,t),this.zoomTo(this._zoom0,t)];return Promise.all(e)}saveState(){this._cameraUp0.copy(this._camera.up),this.getTarget(this._target0),this.getPosition(this._position0),this._zoom0=this._zoom,this._focalOffset0.copy(this._focalOffset)}updateCameraUp(){this._yAxisUpSpace.setFromUnitVectors(this._camera.up,KT),this._yAxisUpSpaceInverse.copy(this._yAxisUpSpace).invert()}applyCameraUp(){const t=tA.subVectors(this._target,this._camera.position).normalize(),e=eA.crossVectors(t,this._camera.up);this._camera.up.crossVectors(e,t).normalize(),this._camera.updateMatrixWorld();const n=this.getPosition(tA);this.updateCameraUp(),this.setPosition(n.x,n.y,n.z)}update(t){const e=this._sphericalEnd.theta-this._spherical.theta,n=this._sphericalEnd.phi-this._spherical.phi,i=this._sphericalEnd.radius-this._spherical.radius,r=aA.subVectors(this._targetEnd,this._target),o=lA.subVectors(this._focalOffsetEnd,this._focalOffset),s=this._zoomEnd-this._zoom;if(DT(e))this._thetaVelocity.value=0,this._spherical.theta=this._sphericalEnd.theta;else{const e=this._isUserControllingRotate?this.draggingSmoothTime:this.smoothTime;this._spherical.theta=HT(this._spherical.theta,this._sphericalEnd.theta,this._thetaVelocity,e,1/0,t),this._needsUpdate=!0}if(DT(n))this._phiVelocity.value=0,this._spherical.phi=this._sphericalEnd.phi;else{const e=this._isUserControllingRotate?this.draggingSmoothTime:this.smoothTime;this._spherical.phi=HT(this._spherical.phi,this._sphericalEnd.phi,this._phiVelocity,e,1/0,t),this._needsUpdate=!0}if(DT(i))this._radiusVelocity.value=0,this._spherical.radius=this._sphericalEnd.radius;else{const e=this._isUserControllingDolly?this.draggingSmoothTime:this.smoothTime;this._spherical.radius=HT(this._spherical.radius,this._sphericalEnd.radius,this._radiusVelocity,e,this.maxSpeed,t),this._needsUpdate=!0}if(DT(r.x)&&DT(r.y)&&DT(r.z))this._targetVelocity.set(0,0,0),this._target.copy(this._targetEnd);else{const e=this._isUserControllingTruck?this.draggingSmoothTime:this.smoothTime;WT(this._target,this._targetEnd,this._targetVelocity,e,this.maxSpeed,t,this._target),this._needsUpdate=!0}if(DT(o.x)&&DT(o.y)&&DT(o.z))this._focalOffsetVelocity.set(0,0,0),this._focalOffset.copy(this._focalOffsetEnd);else{const e=this._isUserControllingOffset?this.draggingSmoothTime:this.smoothTime;WT(this._focalOffset,this._focalOffsetEnd,this._focalOffsetVelocity,e,this.maxSpeed,t,this._focalOffset),this._needsUpdate=!0}if(DT(s))this._zoomVelocity.value=0,this._zoom=this._zoomEnd;else{const e=this._isUserControllingZoom?this.draggingSmoothTime:this.smoothTime;this._zoom=HT(this._zoom,this._zoomEnd,this._zoomVelocity,e,1/0,t)}if(this.dollyToCursor)if(RT(this._camera)&&0!==this._changedDolly){const t=this._spherical.radius-this._lastDistance,e=this._camera,n=this._getCameraDirection(iA),i=tA.copy(n).cross(e.up).normalize();0===i.lengthSq()&&(i.x=1);const r=eA.crossVectors(i,n),o=this._sphericalEnd.radius*Math.tan(e.getEffectiveFOV()*kT*.5),s=(this._sphericalEnd.radius-t-this._sphericalEnd.radius)/this._sphericalEnd.radius,a=nA.copy(this._targetEnd).add(i.multiplyScalar(this._dollyControlCoord.x*o*e.aspect)).add(r.multiplyScalar(this._dollyControlCoord.y*o)),l=tA.copy(this._targetEnd).lerp(a,s),c=this._lastDollyDirection===ET&&this._spherical.radius<=this.minDistance,h=this._lastDollyDirection===CT&&this.maxDistance<=this._spherical.radius;if(this.infinityDolly&&(c||h)){this._sphericalEnd.radius-=t,this._spherical.radius-=t;const e=eA.copy(n).multiplyScalar(-t);l.add(e)}this._boundary.clampPoint(l,l);const u=eA.subVectors(l,this._targetEnd);this._targetEnd.copy(l),this._target.add(u),this._changedDolly-=t,DT(this._changedDolly)&&(this._changedDolly=0)}else if(PT(this._camera)&&0!==this._changedZoom){const t=this._zoom-this._lastZoom,e=this._camera,n=tA.set(this._dollyControlCoord.x,this._dollyControlCoord.y,(e.near+e.far)/(e.near-e.far)).unproject(e),i=eA.set(0,0,-1).applyQuaternion(e.quaternion),r=nA.copy(n).add(i.multiplyScalar(-n.dot(e.up))),o=-(this._zoom-t-this._zoom)/this._zoom,s=this._getCameraDirection(iA),a=this._targetEnd.dot(s),l=tA.copy(this._targetEnd).lerp(r,o),c=l.dot(s),h=s.multiplyScalar(c-a);l.sub(h),this._boundary.clampPoint(l,l);const u=eA.subVectors(l,this._targetEnd);this._targetEnd.copy(l),this._target.add(u),this._changedZoom-=t,DT(this._changedZoom)&&(this._changedZoom=0)}this._camera.zoom!==this._zoom&&(this._camera.zoom=this._zoom,this._camera.updateProjectionMatrix(),this._updateNearPlaneCorners(),this._needsUpdate=!0),this._dragNeedsUpdate=!0;const a=this._collisionTest();this._spherical.radius=Math.min(this._spherical.radius,a),this._spherical.makeSafe(),this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target),this._camera.lookAt(this._target);(!DT(this._focalOffset.x)||!DT(this._focalOffset.y)||!DT(this._focalOffset.z))&&(this._camera.updateMatrixWorld(),rA.setFromMatrixColumn(this._camera.matrix,0),oA.setFromMatrixColumn(this._camera.matrix,1),sA.setFromMatrixColumn(this._camera.matrix,2),rA.multiplyScalar(this._focalOffset.x),oA.multiplyScalar(-this._focalOffset.y),sA.multiplyScalar(this._focalOffset.z),tA.copy(rA).add(oA).add(sA),this._camera.position.add(tA)),this._boundaryEnclosesCamera&&this._encloseToBoundary(this._camera.position.copy(this._target),tA.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),1);const l=this._needsUpdate;return l&&!this._updatedLastTime?(this._hasRested=!1,this.dispatchEvent({type:"wake"}),this.dispatchEvent({type:"update"})):l?(this.dispatchEvent({type:"update"}),DT(e,this.restThreshold)&&DT(n,this.restThreshold)&&DT(i,this.restThreshold)&&DT(r.x,this.restThreshold)&&DT(r.y,this.restThreshold)&&DT(r.z,this.restThreshold)&&DT(o.x,this.restThreshold)&&DT(o.y,this.restThreshold)&&DT(o.z,this.restThreshold)&&DT(s,this.restThreshold)&&!this._hasRested&&(this._hasRested=!0,this.dispatchEvent({type:"rest"}))):!l&&this._updatedLastTime&&this.dispatchEvent({type:"sleep"}),this._lastDistance=this._spherical.radius,this._lastZoom=this._zoom,this._updatedLastTime=l,this._needsUpdate=!1,l}toJSON(){return JSON.stringify({enabled:this._enabled,minDistance:this.minDistance,maxDistance:FT(this.maxDistance),minZoom:this.minZoom,maxZoom:FT(this.maxZoom),minPolarAngle:this.minPolarAngle,maxPolarAngle:FT(this.maxPolarAngle),minAzimuthAngle:FT(this.minAzimuthAngle),maxAzimuthAngle:FT(this.maxAzimuthAngle),smoothTime:this.smoothTime,draggingSmoothTime:this.draggingSmoothTime,dollySpeed:this.dollySpeed,truckSpeed:this.truckSpeed,dollyToCursor:this.dollyToCursor,verticalDragToForward:this.verticalDragToForward,target:this._targetEnd.toArray(),position:tA.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),zoom:this._zoomEnd,focalOffset:this._focalOffsetEnd.toArray(),target0:this._target0.toArray(),position0:this._position0.toArray(),zoom0:this._zoom0,focalOffset0:this._focalOffset0.toArray()})}fromJSON(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const n=JSON.parse(t);this.enabled=n.enabled,this.minDistance=n.minDistance,this.maxDistance=zT(n.maxDistance),this.minZoom=n.minZoom,this.maxZoom=zT(n.maxZoom),this.minPolarAngle=n.minPolarAngle,this.maxPolarAngle=zT(n.maxPolarAngle),this.minAzimuthAngle=zT(n.minAzimuthAngle),this.maxAzimuthAngle=zT(n.maxAzimuthAngle),this.smoothTime=n.smoothTime,this.draggingSmoothTime=n.draggingSmoothTime,this.dollySpeed=n.dollySpeed,this.truckSpeed=n.truckSpeed,this.dollyToCursor=n.dollyToCursor,this.verticalDragToForward=n.verticalDragToForward,this._target0.fromArray(n.target0),this._position0.fromArray(n.position0),this._zoom0=n.zoom0,this._focalOffset0.fromArray(n.focalOffset0),this.moveTo(n.target[0],n.target[1],n.target[2],e),cA.setFromVector3(tA.fromArray(n.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)),this.rotateTo(cA.theta,cA.phi,e),this.dollyTo(cA.radius,e),this.zoomTo(n.zoom,e),this.setFocalOffset(n.focalOffset[0],n.focalOffset[1],n.focalOffset[2],e),this._needsUpdate=!0}connect(t){this._domElement?console.warn("camera-controls is already connected."):(t.setAttribute("data-camera-controls-version","2.8.3"),this._addAllEventListeners(t),this._getClientRect(this._elementRect))}disconnect(){this.cancel(),this._removeAllEventListeners(),this._domElement&&(this._domElement.removeAttribute("data-camera-controls-version"),this._domElement=void 0)}dispose(){this.removeAllEventListeners(),this.disconnect()}_getTargetDirection(t){return t.setFromSpherical(this._spherical).divideScalar(this._spherical.radius).applyQuaternion(this._yAxisUpSpaceInverse)}_getCameraDirection(t){return this._getTargetDirection(t).negate()}_findPointerById(t){return this._activePointers.find((e=>e.pointerId===t))}_findPointerByMouseButton(t){return this._activePointers.find((e=>e.mouseButton===t))}_disposePointer(t){this._activePointers.splice(this._activePointers.indexOf(t),1)}_encloseToBoundary(t,e,n){const i=e.lengthSq();if(0===i)return t;const r=eA.copy(e).add(t),o=this._boundary.clampPoint(r,nA).sub(r),s=o.lengthSq();if(0===s)return t.add(e);if(s===i)return t;if(0===n)return t.add(e).add(o);{const i=1+n*s/e.dot(o);return t.add(eA.copy(e).multiplyScalar(i)).add(o.multiplyScalar(1-n))}}_updateNearPlaneCorners(){if(RT(this._camera)){const t=this._camera,e=t.near,n=t.getEffectiveFOV()*kT,i=Math.tan(.5*n)*e,r=i*t.aspect;this._nearPlaneCorners[0].set(-r,-i,0),this._nearPlaneCorners[1].set(r,-i,0),this._nearPlaneCorners[2].set(r,i,0),this._nearPlaneCorners[3].set(-r,i,0)}else if(PT(this._camera)){const t=this._camera,e=1/t.zoom,n=t.left*e,i=t.right*e,r=t.top*e,o=t.bottom*e;this._nearPlaneCorners[0].set(n,r,0),this._nearPlaneCorners[1].set(i,r,0),this._nearPlaneCorners[2].set(i,o,0),this._nearPlaneCorners[3].set(n,o,0)}}_collisionTest(){let t=1/0;if(!(this.colliderMeshes.length>=1))return t;if(GT(this._camera,"_collisionTest"))return t;const e=this._getTargetDirection(iA);gA.lookAt(ZT,e,this._camera.up);for(let n=0;n<4;n++){const i=eA.copy(this._nearPlaneCorners[n]);i.applyMatrix4(gA);const r=nA.addVectors(this._target,i);vA.set(r,e),vA.far=this._spherical.radius+1;const o=vA.intersectObjects(this.colliderMeshes);0!==o.length&&o[0].distance<t&&(t=o[0].distance)}return t}_getClientRect(t){if(!this._domElement)return;const e=this._domElement.getBoundingClientRect();return t.x=e.left,t.y=e.top,this._viewport?(t.x+=this._viewport.x,t.y+=e.height-this._viewport.w-this._viewport.y,t.width=this._viewport.z,t.height=this._viewport.w):(t.width=e.width,t.height=e.height),t}_createOnRestPromise(t){return t?Promise.resolve():(this._hasRested=!1,this.dispatchEvent({type:"transitionstart"}),new Promise((t=>{const e=()=>{this.removeEventListener("rest",e),t()};this.addEventListener("rest",e)})))}_addAllEventListeners(t){}_removeAllEventListeners(){}get dampingFactor(){return console.warn(".dampingFactor has been deprecated. use smoothTime (in seconds) instead."),0}set dampingFactor(t){console.warn(".dampingFactor has been deprecated. use smoothTime (in seconds) instead.")}get draggingDampingFactor(){return console.warn(".draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead."),0}set draggingDampingFactor(t){console.warn(".draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead.")}static createBoundingSphere(t){const e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new qT.Sphere,n=e.center;uA.makeEmpty(),t.traverseVisible((t=>{t.isMesh&&uA.expandByObject(t)})),uA.getCenter(n);let i=0;return t.traverseVisible((t=>{if(!t.isMesh)return;const e=t,r=e.geometry.clone();r.applyMatrix4(e.matrixWorld);const o=r.attributes.position;for(let t=0,e=o.count;t<e;t++)tA.fromBufferAttribute(o,t),i=Math.max(i,n.distanceToSquared(tA))})),e.radius=Math.sqrt(i),e}}let yA=Math.PI/180,bA=180/Math.PI,xA=t=>{let e=ml.toHexString(t);return e=e.replace("#",""),e=parseInt(e,16),e},SA=t=>{let e=(t=>{let e=Ji(t,(t=>{let e=(t=>{let e=(t=>{let e=t.geometry;return{cs:e.boundingSphere.center,rd:e.boundingSphere.radius}})(t);return{xmin:e.cs.x-e.rd,xmax:e.cs.x+e.rd,ymin:e.cs.y-e.rd,ymax:e.cs.y+e.rd,zmin:e.cs.z-e.rd,zmax:e.cs.z+e.rd}})(t);return e}));return{xmin:Vu(Ji(e,"xmin")),xmax:Gu(Ji(e,"xmax")),ymin:Vu(Ji(e,"ymin")),ymax:Gu(Ji(e,"ymax")),zmin:Vu(Ji(e,"zmin")),zmax:Gu(Ji(e,"zmax"))}})(t),n=e.xmax-e.xmin,i=e.ymax-e.ymin,r=e.zmax-e.zmin;return{cs:{x:(e.xmax+e.xmin)/2,y:(e.ymax+e.ymin)/2,z:(e.zmax+e.zmin)/2},rd:Gu([n,i,r])}};async function wA(t,e={}){xs(t)||(t=[]);let n=gt(e,"domPanel");hs(n)||(n=document.body);let i=t=>{let e=0;if(gs(t.innerWidth))e=t.innerWidth;else{if(!gs(t.clientWidth))throw console.log("ele",t),new Error("can not get width from ele");e=t.clientWidth}let n=0;if(gs(t.innerWidth))n=t.innerHeight;else{if(!gs(t.clientWidth))throw console.log("ele",t),new Error("can not get height from ele");n=t.clientHeight}return{w:e,h:n}},r=i(n),o=r.w,s=r.h,a=gt(e,"backgroundColor");Ne(a)||(a="#222");let l=gt(e,"useHelperAxes");fs(l)||(l=!0);let c=gt(e,"helperAxesType");Qe(c)||(c=5),c=tn(c);let h=gt(e,"useHelperGrid");fs(h)||(h=!0);let u=gt(e,"helperGridSize");Qe(u)||(u=5),u=tn(u);let d=gt(e,"helperGridDivisions");Qe(d)||(d=50),d=tn(d);let p=gt(e,"helperGridPosratZ");Qe(p)||(p=-1),p=tn(p);let f=gt(e,"useLightAmbient");fs(f)||(f=!0);let m=gt(e,"lightAmbientColor");Ne(m)||(m="#999");let g=gt(e,"useLightPoint");fs(g)||(g=!1);let v=gt(e,"lightPointPoss");xs(v)||(v=[[5,5,5],[-5,5,5],[5,-5,5]]);let _=gt(e,"lightPointColor");Ne(_)||(_="#fff");let y=gt(e,"lightPointIntensity");Qe(y)||(y=100),y=tn(y);let b=gt(e,"lightPointDistance");Qe(b)||(b=0),b=tn(b);let x=gt(e,"lightPointDecay");Qe(x)||(x=2),x=tn(x);let S=gt(e,"useLightDirection");fs(S)||(S=!0);let w=gt(e,"lightDirectionColor");Ne(w)||(w="#fff");let M=gt(e,"lightDirectionIntensity");Qe(M)||(M=3),M=tn(M);let T=gt(e,"lightDirectionPos");xs(T)||(T=[10,10,10]);let A=gt(e,"cameraType");"perspective"!==A&&"orthographic"!==A&&(A="perspective");let E=gt(e,"cameraFov");Qe(E)||(E=30),E=tn(E);let C=gt(e,"cameraNear");Qe(C)||(C=.1),C=tn(C);let R=gt(e,"cameraFar");Qe(R)||(R=1e3),R=tn(R);let P=gt(e,"cameraOrthographicRatio");Qe(P)||(P=.5),P=tn(P);let L=gt(e,"cameraPos");xs(L)||(L=[1,1.3,1]);let O=gt(e,"labelColor");Ne(O)||(O="#fff");let I=gt(e,"labelFontFamily");Ne(I)||(I="Microsoft JhengHei");let k=gt(e,"labelFontSize");Ne(k)||(k="0.8rem");let U=gt(e,"useAutoRotate");fs(U)||(U=!1);let D=gt(e,"autoRotateDir");"clockwise"!==D&&"counterclockwise"!==D&&(D="counterclockwise");let B=gt(e,"autoRotateDeg");Qe(B)||(B=20),B=tn(B);let N=zo(),F=new _M,z=new ob;z.background=new ng(xA(a));let H=null;l&&(H=new dT(c),z.add(H));let W=null;if(h&&(W=new eT(u,d),W.geometry.rotateX(.5*Math.PI),W.geometry.translate(0,0,p),z.add(W)),f){let t=new nM(xA(m));z.add(t)}if(g&&De(v,(t=>{let e=new Qw(xA(_),y,b,x),n=gt(t,0,0),i=gt(t,1,0),r=gt(t,2,0);e.position.set([n,i,r]),z.add(e)})),S){let t=new eM(xA(w),M),e=gt(T,0,0),n=gt(T,1,0),i=gt(T,2,0);t.position.set(e,n,i),z.add(t)}let V,G=(t,e)=>{let n=1;return e>0&&(n=t/e),n},j=G(o,s);if("perspective"===A)V=new ev(E,j,C,R);else if("orthographic"===A){V=new Cv(-P*j,P*j,P,-P,C,R)}{let t=gt(L,0,0),e=gt(L,1,0),n=gt(L,2,0);V.position.set(t,e,n)}V.up.x=0,V.up.y=0,V.up.z=1;let X=new eb({antialias:!0});X.setSize(o,s),n.appendChild(X.domElement);let $=new xT;$.setSize(o,s),$.domElement.style.position="absolute",$.domElement.style.top="0px",$.domElement.style.left="0px",n.appendChild($.domElement),_A.install({THREE:pT});let Y=new _A(V,$.domElement);Y.mouseButtons={left:_A.ACTION.ROTATE,middle:_A.ACTION.DOLLY,right:_A.ACTION.OFFSET,wheel:_A.ACTION.ZOOM},Y.touches={one:_A.ACTION.TOUCH_ROTATE,two:_A.ACTION.TOUCH_DOLLY_OFFSET,three:_A.ACTION.TOUCH_OFFSET};let q=[];await qc(t,(async t=>{let e=await(async(t,e,n={})=>{let i=gt(n,"color",null);Ne(i)||(i="#fff");let r=gt(n,"opacity",null);gs(r)||(r=1);let o=r<1,s=new fT,a=await s.loadAsync(e,(e=>{let n=e.loaded/e.total*100;t.emit("loading",n)})),l=new hw({color:xA(i),depthTest:!0,depthWrite:!0,transparent:o,opacity:r,side:2});return new Vg(a,l)})(N,t.url,{color:gt(t,"color",""),opacity:gt(t,"opacity",1)});e.name=t.name,q.push(e)})),console.log("meshs",q);let Z=new Xy;De(q,(t=>{Z.add(t)})),z.add(Z),setTimeout((()=>{let t=SA(q),e=t.cs,n=1;t.rd>0&&(n=1/t.rd),De(q,(t=>{let i=t.geometry;i.translate(-e.x,-e.y,-e.z),i.scale(n,n,n);let r=document.createElement("div");r.className="label",r.textContent=t.name,r.style.color=O,r.style.fontFamily=I,r.style.fontSize=k;let o=new mT(r),s=t.geometry.boundingSphere.center;o.position.set(s.x,s.y,s.z),t.add(o)}))}),1);let K=()=>{try{X.render(z,V),$.render(z,V)}catch(t){console.log(t)}};K(),setTimeout((()=>{K()}),100);let J=!1,Q=()=>{if(!J)try{let t=F.getDelta(),e=Y.update(t);if(U){let e=("clockwise"===D?1:-1)*B*yA*t;Y.azimuthAngle+=e}requestAnimationFrame(Q),e&&K()}catch(t){console.log(t)}};Q();return N.render=K,N.resize=()=>{let t=i(n);o=t.w,s=t.h,j=G(o,s),V.aspect=j,V.updateProjectionMatrix(),X.setSize(o,s),$.setSize(o,s),K()},N.dispose=()=>{let t=t=>{t.dispose();for(let e of Object.keys(t)){let n=t[e];n&&"object"==typeof n&&"minFilter"in n&&n.dispose()}};J=!0,Z.traverse((function(t){t.isMesh&&(t.geometry.dispose(),t.material.dispose())})),z.remove(Z),Z=null,l&&(z.remove(H),H.dispose(),H=null),h&&(z.remove(W),W.dispose(),W=null),z.traverse((e=>{if(e.isLight&&e.dispose(),e.isMesh)if(e.geometry.dispose(),e.material.isMaterial)t(e.material);else for(let n of e.material)t(n)})),us(X.domElement),us($.domElement),X.dispose(),X=null,$=null,F=null,Y=null,V=null,z=null},N.setUseAutoRotate=t=>{U=t},N.getMeshsInfor=()=>{let t=Ji(q,(t=>{let e={r:255*gt(t,"material.color.r",0),g:255*gt(t,"material.color.g",0),b:255*gt(t,"material.color.b",0)},n=ml.toRgbString(e),i=gt(t,"material.opacity",1);return{name:t.name,visible:t.visible,color:n,opacity:i}}));return t},N.setMeshVisible=(t,e)=>{if(!ns(gt(q,t)))return null;try{q[t].visible=e}catch(t){console.log(t)}},N.setMeshColor=(t,e)=>{if(!ns(gt(q,t)))return null;try{q[t].material.color.setHex(xA(e))}catch(t){console.log(t)}},N.setViewAngle=(t,e)=>{Hu(Y,"azimuthAngle",t*yA),Hu(Y,"polarAngle",e*yA)},N.getViewAngle=()=>{let t=gt(Y,"azimuthAngle"),e=gt(Y,"polarAngle");return{azimuthAngle:t*bA,polarAngle:e*bA}},N}const MA={directives:{domresize:$o()},components:{},props:{options:{type:Object,default:()=>{}},width:{type:Number,default:400},height:{type:Number,default:400}},data:function(){return{ev:null}},beforeDestroy:function(){this.dispose()},computed:{changeOptions:function(){return this.plot(),""},widthInp:function(){let t=this.width,e=gt(this,"options.width","");return Qe(e)&&(t=tn(e)),t},heightInp:function(){let t=this.height,e=gt(this,"options.height","");return Qe(e)&&(t=tn(e)),t}},methods:{updatePanel:function(t){let e=this;if(null===e.ev)return;let n=gt(e,"ev.resize");Ho(n)&&(n(),e.$emit("resize",t))},plot:function(){let t=this;(async function(){t.dispose(),await Kc((()=>hs(t.$refs.panel)));let e=gt(t,"options.items",[]),n={...t.options,domPanel:t.$refs.panel},i=await wA(e,n);i.on("loading",(e=>{t.$emit("loading",e)})),t.ev=i,setTimeout((()=>{console.log("ev.getMeshsInfor()",i.getMeshsInfor())}),1e3)})().catch((t=>{console.log(t)}))},dispose:function(){let t=this;setTimeout((()=>{if(null===t.ev)return;Ho(gt(t,"ev.dispose"))&&(t.ev.dispose(),t.ev=null)}),1)}}};var TA=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:"display:inline-block; width:"+t.widthInp+"px; min-width:"+t.widthInp+"px; height:"+t.heightInp+"px; overflow-y:hidden;",attrs:{changeOptions:t.changeOptions}},[n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"panel",style:"position:relative; width:"+t.widthInp+"px; height:"+t.heightInp+"px;",on:{domresize:t.updatePanel}})])};TA._withStripped=!0;const AA={components:{demolink:Yc,WPlot3d:ws({render:TA,staticRenderFns:[]},(function(t){t&&t("data-v-b9c9d88e_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPlot3d.vue"},media:void 0})}),MA,"data-v-b9c9d88e",false,undefined,!1,Ts,void 0,void 0)},props:{},data:function(){return{WPlot3d:{option1:{width:600,height:600,items:[{url:"./topo_surface.stl",name:"Surface",color:"#d65c5c",opacity:.9},{url:"./A.stl",name:"A",color:"#d6d65c",opacity:.9},{url:"./B.stl",name:"B",color:"#5cd65c",opacity:.9},{url:"./C.stl",name:"C",color:"#5cd6d6",opacity:.9},{url:"./D.stl",name:"D",color:"#5c5cd6",opacity:.9},{url:"./E.stl",name:"E",color:"#d65cd6",opacity:.9}]}}}},methods:{}};var EA=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-plot-3d",casename:"default"}}),t._v(" "),n("w-plot-3d",{attrs:{options:t.WPlot3d.option1}})],1)])])};EA._withStripped=!0;let CA=t=>{let e=qt(t);return"2-d"===cn(e,3)?e=un(e,3)+"2d":"3-d"===cn(e,3)&&(e=un(e,3)+"3d"),e};var RA={components:{WListHorizontal:Ns,AppZoneWPlot2d:hh,AppZoneWBar:Oh,AppZoneWPie:Wh,AppZoneWRose:Jh,AppZoneWSetOne:Bu,AppZoneWSetMulti:zu,AppZoneWPlot3d:ws({render:EA,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-geo-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-plot-3d")])])}]},(function(t){t&&t("data-v-8b44cd52_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPlot3d.vue"},media:void 0})}),AA,"data-v-8b44cd52",false,undefined,!1,Ts,void 0,void 0)},data:function(){return{kebabCaseFix:CA,cmpsL1:[{name:"2d",cmps:[{name:"basic",cmps:[{name:"WPlot2d"},{name:"WBar"},{name:"WPie"},{name:"WRose"}]},{name:"set",cmps:[{name:"WSetOne"},{name:"WSetMulti"}]}]}],indP1:null,cmpP1:null,cmpsL2:null,indP2:null,cmpP2:null,cmpsL3:null,indP3:null,cmpP3:null,cmpsL4:null,cmpPick:""}},mounted:function(){let t=this;t.indP1=0,t.indP2=0,t.indP3=0;let e=function(t){if(!Ne(t))return{};if(!Ne(t=gt(t=In(t,"?"),"[1]")))return{};let e=In(t,"&");return e=Ji(e,(function(t){return In(t,"=")})),e=function(t){for(var e=-1,n=null==t?0:t.length,i={};++e<n;){var r=t[e];i[r[0]]=r[1]}return i}(e),e}(location.href);t.viewPick(gt(e,"cmp",""))},computed:{changeMenus:function(){let t=this;return t.modifyMenus(t.indP1,t.indP2,t.indP3),""},isNarrow:function(){return window.innerWidth<1e3}},methods:{modifyMenus:function(){let t=this,e="";setTimeout((()=>{t.cmpP1=gt(t.cmpsL1,t.indP1,{}),t.cmpsL2=gt(t.cmpP1,"cmps",[]);let n=gt(t.cmpP1,"name","");n&&(e=n)}),50),setTimeout((()=>{let n=gt(t.cmpP1,"cmps",[]);t.cmpP2=gt(n,t.indP2,{}),t.cmpsL3=gt(t.cmpP2,"cmps",[]);let i=gt(t.cmpP2,"name","");i&&(e=i)}),100),setTimeout((()=>{let n=gt(t.cmpP2,"cmps",[]);t.cmpP3=gt(n,t.indP3,{}),t.cmpsL4=gt(t.cmpP3,"cmps",[]);let i=gt(t.cmpP3,"name","");i&&(e=i),t.cmpPick=e}),150)},getInd:function(t,e){let n=-1;return De(e,((e,i)=>{if(t.name===e.name)return n=i,!1})),n},viewPick:function(t){let e=this,n=CA(t),i="",r=[],o=t=>{De(t,((t,e)=>{r.push(e);let s=gt(t,"name",""),a=CA(s),l=gt(t,"cmps",[]);r.join("."),a===n&&(i=JSON.parse(JSON.stringify(r))),l.length>0&&o(l),r.pop()}))};o(e.cmpsL1),e.indP1=gt(i,0,0),e.indP2=gt(i,1,0),e.indP3=gt(i,2,0)}}};const PA=RA;var LA=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeMenus:t.changeMenus}},[t.isNarrow?t._e():[n("a",{staticClass:"github-corner",staticStyle:{position:"fixed",top:"0",right:"0",border:"0","z-index":"10000"},attrs:{href:"https://github.com/yuda-lyu/w-plot-vue","aria-label":"View source on GitHub",target:"_blank",rel:"noreferrer noopener"}},[n("svg",{staticStyle:{fill:"rgba(0,0,0,0.25)",color:"#fff",position:"absolute",top:"0",border:"0",right:"0"},attrs:{width:"80",height:"80",viewBox:"0 0 250 250","aria-hidden":"true"}},[n("path",{attrs:{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}}),n("path",{staticClass:"octo-arm",staticStyle:{"transform-origin":"130px 106px"},attrs:{d:"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",fill:"currentColor"}}),n("path",{staticClass:"octo-body",attrs:{d:"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",fill:"currentColor"}})])])],t._v(" "),n("div",{staticStyle:{background:"#f5f5f5"}},[t.cmpsL1&&t.cmpsL1.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("WListHorizontal",{attrs:{items:t.cmpsL1,itemActive:t.cmpP1,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP1=e},function(e){t.indP3=0,t.indP2=0,t.indP1=t.getInd(e,t.cmpsL1)}],"update:item-active":function(e){t.cmpP1=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e(),t._v(" "),t.cmpsL2&&t.cmpsL2.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("div",{staticStyle:{height:"3px",background:"#fff"}}),t._v(" "),n("WListHorizontal",{attrs:{items:t.cmpsL2,itemActive:t.cmpP2,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP2=e},function(e){t.indP3=0,t.indP2=t.getInd(e,t.cmpsL2)}],"update:item-active":function(e){t.cmpP2=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e(),t._v(" "),t.cmpsL3&&t.cmpsL3.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("div",{staticStyle:{height:"3px",background:"#fff"}}),t._v(" "),n("WListHorizontal",{attrs:{items:t.cmpsL3,itemActive:t.cmpP3,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP3=e},function(e){t.indP3=t.getInd(e,t.cmpsL3)}],"update:item-active":function(e){t.cmpP3=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e()]),t._v(" "),n("div",["WPlot2d"===t.cmpPick?n("AppZoneWPlot2d"):t._e(),t._v(" "),"WBar"===t.cmpPick?n("AppZoneWBar"):t._e(),t._v(" "),"WPie"===t.cmpPick?n("AppZoneWPie"):t._e(),t._v(" "),"WRose"===t.cmpPick?n("AppZoneWRose"):t._e(),t._v(" "),"WSetOne"===t.cmpPick?n("AppZoneWSetOne"):t._e(),t._v(" "),"WSetMulti"===t.cmpPick?n("AppZoneWSetMulti"):t._e(),t._v(" "),"WPlot3d"===t.cmpPick?n("AppZoneWPlot3d"):t._e()],1)],2)};LA._withStripped=!0;return ws({render:LA,staticRenderFns:[]},(function(t){t&&t("data-v-4fd4d7c9_0",{source:"\n.head1 {\n    padding: 0px 0px 20px 0px;\n    font-size: 2.5rem;\n}\n.bkh { /* 寬 */\n    padding:20px;\n}\n@media screen and (max-width:800px){ /* 中 */\n.bkh {\n        padding:10px;\n}\n}\n@media screen and (max-width:400px){ /* 窄 */\n.bkh {\n        padding:5px;\n}\n}\n.bk { /* 寬 */\n    display: inline-block;\n    vertical-align: top;\n    padding: 0px 80px 60px 0px;\n}\n@media screen and (max-width:1000px){ /* 中窄 */\n.bk {\n        display: block;\n        padding: 0px 0px 50px 0px;\n}\n}\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-106-3-w-plot-vue\\w-plot-vue\\src\\App.vue"],names:[],mappings:";AAkWA;IACA,yBAAA;IACA,iBAAA;AACA;AACA,OAAA,MAAA;IACA,YAAA;AACA;AACA,qCAAA,MAAA;AACA;QACA,YAAA;AACA;AACA;AACA,qCAAA,MAAA;AACA;QACA,WAAA;AACA;AACA;AACA,MAAA,MAAA;IACA,qBAAA;IACA,mBAAA;IACA,0BAAA;AACA;AACA,sCAAA,OAAA;AACA;QACA,cAAA;QACA,yBAAA;AACA;AACA",file:"App.vue",sourcesContent:["<template>\n    <div\n        style=\"\"\n        :changeMenus=\"changeMenus\"\n    >\n\n\n        <template v-if=\"!isNarrow\">\n            <a href=\"https://github.com/yuda-lyu/w-plot-vue\" class=\"github-corner\" style=\"position:fixed; top:0; right:0; border:0; z-index:10000;\" aria-label=\"View source on GitHub\" target=\"_blank\" rel=\"noreferrer noopener\">\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 250 250\" style=\"fill:rgba(0,0,0,0.25); color:#fff; position: absolute; top: 0; border: 0; right: 0;\" aria-hidden=\"true\"><path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path><path d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\" fill=\"currentColor\" style=\"transform-origin: 130px 106px;\" class=\"octo-arm\"></path><path d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\" fill=\"currentColor\" class=\"octo-body\"></path></svg>\n            </a>\n        </template>\n\n\n        <div style=\"background:#f5f5f5;\">\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL1 && cmpsL1.length>0\">\n                <WListHorizontal\n                    :items=\"cmpsL1\"\n                    :itemActive.sync=\"cmpP1\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=0;indP1=getInd(v,cmpsL1)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL2 && cmpsL2.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL2\"\n                    :itemActive.sync=\"cmpP2\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=getInd(v,cmpsL2)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL3 && cmpsL3.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL3\"\n                    :itemActive.sync=\"cmpP3\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=getInd(v,cmpsL3)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n        </div>\n\n\n        <div>\n\n            <AppZoneWPlot2d v-if=\"cmpPick==='WPlot2d'\"></AppZoneWPlot2d>\n\n            <AppZoneWBar v-if=\"cmpPick==='WBar'\"></AppZoneWBar>\n\n            <AppZoneWPie v-if=\"cmpPick==='WPie'\"></AppZoneWPie>\n\n            <AppZoneWRose v-if=\"cmpPick==='WRose'\"></AppZoneWRose>\n\n            <AppZoneWSetOne v-if=\"cmpPick==='WSetOne'\"></AppZoneWSetOne>\n\n            <AppZoneWSetMulti v-if=\"cmpPick==='WSetMulti'\"></AppZoneWSetMulti>\n\n            <AppZoneWPlot3d v-if=\"cmpPick==='WPlot3d'\"></AppZoneWPlot3d>\n\n        </div>\n\n\n    </div>\n</template>\n\n<script>\nimport get from 'lodash-es/get'\nimport kebabCase from 'lodash-es/kebabCase'\nimport each from 'lodash-es/each'\n// import cloneDeep from 'lodash-es/cloneDeep'\nimport strright from 'wsemi/src/strright.mjs'\nimport strdelright from 'wsemi/src/strdelright.mjs'\nimport urlParse from 'wsemi/src/urlParse.mjs'\nimport WListHorizontal from 'w-component-vue/src/components/WListHorizontal.vue'\nimport AppZoneWPlot2d from './AppZoneWPlot2d.vue'\nimport AppZoneWBar from './AppZoneWBar.vue'\nimport AppZoneWPie from './AppZoneWPie.vue'\nimport AppZoneWRose from './AppZoneWRose.vue'\nimport AppZoneWSetOne from './AppZoneWSetOne.vue'\nimport AppZoneWSetMulti from './AppZoneWSetMulti.vue'\nimport AppZoneWPlot3d from './AppZoneWPlot3d.vue'\n\n\nlet kebabCaseFix = (c) => {\n    let r = kebabCase(c)\n    if (strright(r, 3) === '2-d') {\n        r = strdelright(r, 3) + '2d'\n    }\n    else if (strright(r, 3) === '3-d') {\n        r = strdelright(r, 3) + '3d'\n    }\n    return r\n}\n\n\nexport default {\n    components: {\n        WListHorizontal,\n        AppZoneWPlot2d,\n        AppZoneWBar,\n        AppZoneWPie,\n        AppZoneWRose,\n        AppZoneWSetOne,\n        AppZoneWSetMulti,\n        AppZoneWPlot3d,\n    },\n    data: function() {\n        let cmps = [\n            {\n                name: '2d',\n                cmps: [\n                    {\n                        name: 'basic',\n                        cmps: [\n                            { name: 'WPlot2d', },\n                            { name: 'WBar', },\n                            { name: 'WPie', },\n                            { name: 'WRose', },\n                        ],\n                    },\n                    {\n                        name: 'set',\n                        cmps: [\n                            { name: 'WSetOne', },\n                            { name: 'WSetMulti', },\n                            // {\n                            //     name: 'VTest',\n                            //     cmps: [\n                            //         { name: 'VTest1', },\n                            //         { name: 'VTest2', },\n                            //         { name: 'VTest3', },\n                            //     ],\n                            // },\n                        ],\n                    },\n                ],\n            },\n            // {\n            //     name: '3d',\n            //     cmps: [\n            //         { name: 'WPlot3d', },\n            //     ],\n            // },\n        ]\n        return {\n            kebabCaseFix,\n\n            cmpsL1: cmps,\n            indP1: null,\n            cmpP1: null,\n\n            cmpsL2: null,\n            indP2: null,\n            cmpP2: null,\n\n            cmpsL3: null,\n            indP3: null,\n            cmpP3: null,\n\n            cmpsL4: null,\n\n            cmpPick: '',\n\n        }\n    },\n    mounted: function() {\n        let vo = this\n\n        //default\n        vo.indP1 = 0\n        vo.indP2 = 0\n        vo.indP3 = 0\n\n        //urlParse, http://localhost:8080/?cmp=w-set-multi\n        let p = urlParse(location.href)\n        // console.log('p', p)\n\n        //viewPick\n        vo.viewPick(get(p, 'cmp', ''))\n\n    },\n    computed: {\n\n        changeMenus: function() {\n            let vo = this\n            vo.modifyMenus(vo.indP1, vo.indP2, vo.indP3)\n            return ''\n        },\n\n        isNarrow: function() {\n            return window.innerWidth < 1000\n        },\n\n    },\n    methods: {\n\n        modifyMenus: function() {\n            let vo = this\n\n            let cmpPick = ''\n\n            setTimeout(() => {\n\n                // console.log('call P1')\n                vo.cmpP1 = get(vo.cmpsL1, vo.indP1, {})\n                vo.cmpsL2 = get(vo.cmpP1, `cmps`, [])\n                let _cmpPick = get(vo.cmpP1, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP1', cloneDeep(vo.cmpP1))\n                // console.log('vo.cmpsL2', cloneDeep(vo.cmpsL2))\n\n            }, 50)\n\n            setTimeout(() => {\n\n                // console.log('call P2')\n                let cmps = get(vo.cmpP1, `cmps`, [])\n                vo.cmpP2 = get(cmps, vo.indP2, {})\n                vo.cmpsL3 = get(vo.cmpP2, `cmps`, [])\n                let _cmpPick = get(vo.cmpP2, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP2', cloneDeep(vo.cmpP2))\n                // console.log('vo.cmpsL3', cloneDeep(vo.cmpsL3))\n\n            }, 100)\n\n            setTimeout(() => {\n\n                // console.log('call P3')\n                let cmps = get(vo.cmpP2, `cmps`, [])\n                vo.cmpP3 = get(cmps, vo.indP3, {})\n                vo.cmpsL4 = get(vo.cmpP3, `cmps`, [])\n                let _cmpPick = get(vo.cmpP3, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP3', cloneDeep(vo.cmpP3))\n                // console.log('vo.cmpsL4', cloneDeep(vo.cmpsL4))\n\n                //update\n                vo.cmpPick = cmpPick\n                // console.log('cmpPick', cmpPick)\n\n            }, 150)\n\n        },\n\n        getInd: function(item, items) {\n            // let vo = this\n            let ind = -1\n            each(items, (v, k) => {\n                if (item.name === v.name) {\n                    ind = k\n                    return false //跳出\n                }\n            })\n            return ind\n        },\n\n        viewPick: function(cmpPick) {\n            let vo = this\n            let _cmpPick = kebabCaseFix(cmpPick)\n            let r = ''\n            let rs = []\n            let ls = []\n            let pv = (ts) => {\n                each(ts, (v, k) => {\n                    ls.push(k)\n\n                    //name, _name\n                    let name = get(v, `name`, '')\n                    let _name = kebabCaseFix(name)\n\n                    //cmps\n                    let cmps = get(v, `cmps`, [])\n\n                    //push\n                    let cls = ls.join('.')\n                    let b = _name === _cmpPick\n                    rs.push({\n                        cls,\n                        name,\n                        b,\n                    })\n\n                    //save\n                    if (b) {\n                        r = JSON.parse(JSON.stringify(ls))\n                    }\n\n                    //遞迴pv\n                    if (cmps.length > 0) {\n                        pv(cmps)\n                    }\n\n                    ls.pop()\n                })\n            }\n            pv(vo.cmpsL1)\n            // console.log('rs', rs)\n            // console.log('r', r)\n            vo.indP1 = get(r, 0, 0)\n            vo.indP2 = get(r, 1, 0)\n            vo.indP3 = get(r, 2, 0)\n        },\n\n    },\n}\n<\/script>\n\n<style>\n.head1 {\n    padding: 0px 0px 20px 0px;\n    font-size: 2.5rem;\n}\n.bkh { /* 寬 */\n    padding:20px;\n}\n@media screen and (max-width:800px){ /* 中 */\n    .bkh {\n        padding:10px;\n    }\n}\n@media screen and (max-width:400px){ /* 窄 */\n    .bkh {\n        padding:5px;\n    }\n}\n.bk { /* 寬 */\n    display: inline-block;\n    vertical-align: top;\n    padding: 0px 80px 60px 0px;\n}\n@media screen and (max-width:1000px){ /* 中窄 */\n    .bk {\n        display: block;\n        padding: 0px 0px 50px 0px;\n    }\n}\n</style>\n"]},media:void 0})}),PA,undefined,false,undefined,!1,Ts,void 0,void 0)}));
+   */const ST=1,wT=2,MT=4,TT=Object.freeze({NONE:0,ROTATE:1,TRUCK:2,OFFSET:4,DOLLY:8,ZOOM:16,TOUCH_ROTATE:32,TOUCH_TRUCK:64,TOUCH_OFFSET:128,TOUCH_DOLLY:256,TOUCH_ZOOM:512,TOUCH_DOLLY_TRUCK:1024,TOUCH_DOLLY_OFFSET:2048,TOUCH_DOLLY_ROTATE:4096,TOUCH_ZOOM_TRUCK:8192,TOUCH_ZOOM_OFFSET:16384,TOUCH_ZOOM_ROTATE:32768}),AT=0,ET=1,CT=-1;function RT(t){return t.isPerspectiveCamera}function PT(t){return t.isOrthographicCamera}const LT=2*Math.PI,OT=Math.PI/2,IT=1e-5,kT=Math.PI/180;function UT(t,e,n){return Math.max(e,Math.min(n,t))}function DT(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:IT;return Math.abs(t)<e}function BT(t,e){return DT(t-e,arguments.length>2&&void 0!==arguments[2]?arguments[2]:IT)}function NT(t,e){return Math.round(t/e)*e}function FT(t){return isFinite(t)?t:t<0?-Number.MAX_VALUE:Number.MAX_VALUE}function zT(t){return Math.abs(t)<Number.MAX_VALUE?t:t*(1/0)}function HT(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1/0,o=arguments.length>5?arguments[5]:void 0;const s=2/(i=Math.max(1e-4,i)),a=s*o,l=1/(1+a+.48*a*a+.235*a*a*a);let c=t-e;const h=e,u=r*i;c=UT(c,-u,u),e=t-c;const d=(n.value+s*c)*o;n.value=(n.value-s*d)*l;let p=e+(c+d)*l;return h-t>0==p>h&&(p=h,n.value=(p-h)/o),p}function WT(t,e,n,i){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1/0,o=arguments.length>5?arguments[5]:void 0,s=arguments.length>6?arguments[6]:void 0;const a=2/(i=Math.max(1e-4,i)),l=a*o,c=1/(1+l+.48*l*l+.235*l*l*l);let h=e.x,u=e.y,d=e.z,p=t.x-h,f=t.y-u,m=t.z-d;const g=h,v=u,_=d,y=r*i,b=p*p+f*f+m*m;if(b>y*y){const t=Math.sqrt(b);p=p/t*y,f=f/t*y,m=m/t*y}h=t.x-p,u=t.y-f,d=t.z-m;const x=(n.x+a*p)*o,S=(n.y+a*f)*o,w=(n.z+a*m)*o;n.x=(n.x-a*x)*c,n.y=(n.y-a*S)*c,n.z=(n.z-a*w)*c,s.x=h+(p+x)*c,s.y=u+(f+S)*c,s.z=d+(m+w)*c;const M=g-t.x,T=v-t.y,A=_-t.z;return M*(s.x-g)+T*(s.y-v)+A*(s.z-_)>0&&(s.x=g,s.y=v,s.z=_,n.x=(s.x-g)/o,n.y=(s.y-v)/o,n.z=(s.z-_)/o),s}function VT(t,e){e.set(0,0),t.forEach((t=>{e.x+=t.clientX,e.y+=t.clientY})),e.x/=t.length,e.y/=t.length}function GT(t,e){return!!PT(t)&&(console.warn(`${e} is not supported in OrthographicCamera`),!0)}class jT{constructor(){this._listeners={}}addEventListener(t,e){const n=this._listeners;void 0===n[t]&&(n[t]=[]),-1===n[t].indexOf(e)&&n[t].push(e)}hasEventListener(t,e){const n=this._listeners;return void 0!==n[t]&&-1!==n[t].indexOf(e)}removeEventListener(t,e){const n=this._listeners[t];if(void 0!==n){const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}removeAllEventListeners(t){t?Array.isArray(this._listeners[t])&&(this._listeners[t].length=0):this._listeners={}}dispatchEvent(t){const e=this._listeners[t.type];if(void 0!==e){t.target=this;const n=e.slice(0);for(let e=0,i=n.length;e<i;e++)n[e].call(this,t)}}}var XT;const $T=1/8,YT=/Mac/.test(null===(XT=null===globalThis||void 0===globalThis?void 0:globalThis.navigator)||void 0===XT?void 0:XT.platform);let qT,ZT,KT,JT,QT,tA,eA,nA,iA,rA,oA,sA,aA,lA,cA,hA,uA,dA,pA,fA,mA,gA,vA;class _A extends jT{static install(t){qT=t.THREE,ZT=Object.freeze(new qT.Vector3(0,0,0)),KT=Object.freeze(new qT.Vector3(0,1,0)),JT=Object.freeze(new qT.Vector3(0,0,1)),QT=new qT.Vector2,tA=new qT.Vector3,eA=new qT.Vector3,nA=new qT.Vector3,iA=new qT.Vector3,rA=new qT.Vector3,oA=new qT.Vector3,sA=new qT.Vector3,aA=new qT.Vector3,lA=new qT.Vector3,cA=new qT.Spherical,hA=new qT.Spherical,uA=new qT.Box3,dA=new qT.Box3,pA=new qT.Sphere,fA=new qT.Quaternion,mA=new qT.Quaternion,gA=new qT.Matrix4,vA=new qT.Raycaster}static get ACTION(){return TT}constructor(t,e){super(),this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.minDistance=Number.EPSILON,this.maxDistance=1/0,this.infinityDolly=!1,this.minZoom=.01,this.maxZoom=1/0,this.smoothTime=.25,this.draggingSmoothTime=.125,this.maxSpeed=1/0,this.azimuthRotateSpeed=1,this.polarRotateSpeed=1,this.dollySpeed=1,this.dollyDragInverted=!1,this.truckSpeed=2,this.dollyToCursor=!1,this.dragToOffset=!1,this.verticalDragToForward=!1,this.boundaryFriction=0,this.restThreshold=.01,this.colliderMeshes=[],this.cancel=()=>{},this._enabled=!0,this._state=TT.NONE,this._viewport=null,this._changedDolly=0,this._changedZoom=0,this._hasRested=!0,this._boundaryEnclosesCamera=!1,this._needsUpdate=!0,this._updatedLastTime=!1,this._elementRect=new DOMRect,this._isDragging=!1,this._dragNeedsUpdate=!0,this._activePointers=[],this._lockedPointer=null,this._interactiveArea=new DOMRect(0,0,1,1),this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._isUserControllingOffset=!1,this._isUserControllingZoom=!1,this._lastDollyDirection=AT,this._thetaVelocity={value:0},this._phiVelocity={value:0},this._radiusVelocity={value:0},this._targetVelocity=new qT.Vector3,this._focalOffsetVelocity=new qT.Vector3,this._zoomVelocity={value:0},this._truckInternal=(t,e,n)=>{let i,r;if(RT(this._camera)){const n=tA.copy(this._camera.position).sub(this._target),o=this._camera.getEffectiveFOV()*kT,s=n.length()*Math.tan(.5*o);i=this.truckSpeed*t*s/this._elementRect.height,r=this.truckSpeed*e*s/this._elementRect.height}else{if(!PT(this._camera))return;{const n=this._camera;i=t*(n.right-n.left)/n.zoom/this._elementRect.width,r=e*(n.top-n.bottom)/n.zoom/this._elementRect.height}}this.verticalDragToForward?(n?this.setFocalOffset(this._focalOffsetEnd.x+i,this._focalOffsetEnd.y,this._focalOffsetEnd.z,!0):this.truck(i,0,!0),this.forward(-r,!0)):n?this.setFocalOffset(this._focalOffsetEnd.x+i,this._focalOffsetEnd.y+r,this._focalOffsetEnd.z,!0):this.truck(i,r,!0)},this._rotateInternal=(t,e)=>{const n=LT*this.azimuthRotateSpeed*t/this._elementRect.height,i=LT*this.polarRotateSpeed*e/this._elementRect.height;this.rotate(n,i,!0)},this._dollyInternal=(t,e,n)=>{const i=Math.pow(.95,-t*this.dollySpeed),r=this._sphericalEnd.radius,o=this._sphericalEnd.radius*i,s=UT(o,this.minDistance,this.maxDistance),a=s-o;this.infinityDolly&&this.dollyToCursor?this._dollyToNoClamp(o,!0):this.infinityDolly&&!this.dollyToCursor?(this.dollyInFixed(a,!0),this._dollyToNoClamp(s,!0)):this._dollyToNoClamp(s,!0),this.dollyToCursor&&(this._changedDolly+=(this.infinityDolly?o:s)-r,this._dollyControlCoord.set(e,n)),this._lastDollyDirection=Math.sign(-t)},this._zoomInternal=(t,e,n)=>{const i=Math.pow(.95,t*this.dollySpeed),r=this._zoom,o=this._zoom*i;this.zoomTo(o,!0),this.dollyToCursor&&(this._changedZoom+=o-r,this._dollyControlCoord.set(e,n))},void 0===qT&&console.error("camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."),this._camera=t,this._yAxisUpSpace=(new qT.Quaternion).setFromUnitVectors(this._camera.up,KT),this._yAxisUpSpaceInverse=this._yAxisUpSpace.clone().invert(),this._state=TT.NONE,this._target=new qT.Vector3,this._targetEnd=this._target.clone(),this._focalOffset=new qT.Vector3,this._focalOffsetEnd=this._focalOffset.clone(),this._spherical=(new qT.Spherical).setFromVector3(tA.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)),this._sphericalEnd=this._spherical.clone(),this._lastDistance=this._spherical.radius,this._zoom=this._camera.zoom,this._zoomEnd=this._zoom,this._lastZoom=this._zoom,this._nearPlaneCorners=[new qT.Vector3,new qT.Vector3,new qT.Vector3,new qT.Vector3],this._updateNearPlaneCorners(),this._boundary=new qT.Box3(new qT.Vector3(-1/0,-1/0,-1/0),new qT.Vector3(1/0,1/0,1/0)),this._cameraUp0=this._camera.up.clone(),this._target0=this._target.clone(),this._position0=this._camera.position.clone(),this._zoom0=this._zoom,this._focalOffset0=this._focalOffset.clone(),this._dollyControlCoord=new qT.Vector2,this.mouseButtons={left:TT.ROTATE,middle:TT.DOLLY,right:TT.TRUCK,wheel:RT(this._camera)?TT.DOLLY:PT(this._camera)?TT.ZOOM:TT.NONE},this.touches={one:TT.TOUCH_ROTATE,two:RT(this._camera)?TT.TOUCH_DOLLY_TRUCK:PT(this._camera)?TT.TOUCH_ZOOM_TRUCK:TT.NONE,three:TT.TOUCH_TRUCK};const n=new qT.Vector2,i=new qT.Vector2,r=new qT.Vector2,o=t=>{if(!this._enabled||!this._domElement)return;if(0!==this._interactiveArea.left||0!==this._interactiveArea.top||1!==this._interactiveArea.width||1!==this._interactiveArea.height){const e=this._domElement.getBoundingClientRect(),n=t.clientX/e.width,i=t.clientY/e.height;if(n<this._interactiveArea.left||n>this._interactiveArea.right||i<this._interactiveArea.top||i>this._interactiveArea.bottom)return}const e="mouse"!==t.pointerType?null:(t.buttons&ST)===ST?ST:(t.buttons&MT)===MT?MT:(t.buttons&wT)===wT?wT:null;if(null!==e){const t=this._findPointerByMouseButton(e);t&&this._disposePointer(t)}if((t.buttons&ST)===ST&&this._lockedPointer)return;const n={pointerId:t.pointerId,clientX:t.clientX,clientY:t.clientY,deltaX:0,deltaY:0,mouseButton:e};this._activePointers.push(n),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.ownerDocument.addEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.addEventListener("pointerup",a),this._isDragging=!0,u(t)},s=t=>{t.cancelable&&t.preventDefault();const e=t.pointerId,n=this._lockedPointer||this._findPointerById(e);if(n){if(n.clientX=t.clientX,n.clientY=t.clientY,n.deltaX=t.movementX,n.deltaY=t.movementY,this._state=0,"touch"===t.pointerType)switch(this._activePointers.length){case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else(!this._isDragging&&this._lockedPointer||this._isDragging&&(t.buttons&ST)===ST)&&(this._state=this._state|this.mouseButtons.left),this._isDragging&&(t.buttons&MT)===MT&&(this._state=this._state|this.mouseButtons.middle),this._isDragging&&(t.buttons&wT)===wT&&(this._state=this._state|this.mouseButtons.right);d()}},a=t=>{const e=this._findPointerById(t.pointerId);if(!e||e!==this._lockedPointer){if(e&&this._disposePointer(e),"touch"===t.pointerType)switch(this._activePointers.length){case 0:this._state=TT.NONE;break;case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else this._state=TT.NONE;p()}};let l=-1;const c=t=>{if(!this._domElement)return;if(!this._enabled||this.mouseButtons.wheel===TT.NONE)return;if(0!==this._interactiveArea.left||0!==this._interactiveArea.top||1!==this._interactiveArea.width||1!==this._interactiveArea.height){const e=this._domElement.getBoundingClientRect(),n=t.clientX/e.width,i=t.clientY/e.height;if(n<this._interactiveArea.left||n>this._interactiveArea.right||i<this._interactiveArea.top||i>this._interactiveArea.bottom)return}if(t.preventDefault(),this.dollyToCursor||this.mouseButtons.wheel===TT.ROTATE||this.mouseButtons.wheel===TT.TRUCK){const t=performance.now();l-t<1e3&&this._getClientRect(this._elementRect),l=t}const e=YT?-1:-3,n=1===t.deltaMode?t.deltaY/e:t.deltaY/(10*e),i=this.dollyToCursor?(t.clientX-this._elementRect.x)/this._elementRect.width*2-1:0,r=this.dollyToCursor?(t.clientY-this._elementRect.y)/this._elementRect.height*-2+1:0;switch(this.mouseButtons.wheel){case TT.ROTATE:this._rotateInternal(t.deltaX,t.deltaY),this._isUserControllingRotate=!0;break;case TT.TRUCK:this._truckInternal(t.deltaX,t.deltaY,!1),this._isUserControllingTruck=!0;break;case TT.OFFSET:this._truckInternal(t.deltaX,t.deltaY,!0),this._isUserControllingOffset=!0;break;case TT.DOLLY:this._dollyInternal(-n,i,r),this._isUserControllingDolly=!0;break;case TT.ZOOM:this._zoomInternal(-n,i,r),this._isUserControllingZoom=!0}this.dispatchEvent({type:"control"})},h=t=>{if(this._domElement&&this._enabled){if(this.mouseButtons.right===_A.ACTION.NONE){const e=t instanceof PointerEvent?t.pointerId:0,n=this._findPointerById(e);return n&&this._disposePointer(n),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),void this._domElement.ownerDocument.removeEventListener("pointerup",a)}t.preventDefault()}},u=t=>{if(!this._enabled)return;VT(this._activePointers,QT),this._getClientRect(this._elementRect),n.copy(QT),i.copy(QT);if(this._activePointers.length>=2){const t=QT.x-this._activePointers[1].clientX,e=QT.y-this._activePointers[1].clientY,n=Math.sqrt(t*t+e*e);r.set(0,n);const o=.5*(this._activePointers[0].clientX+this._activePointers[1].clientX),s=.5*(this._activePointers[0].clientY+this._activePointers[1].clientY);i.set(o,s)}if(this._state=0,t)if("pointerType"in t&&"touch"===t.pointerType)switch(this._activePointers.length){case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else this._lockedPointer||(t.buttons&ST)!==ST||(this._state=this._state|this.mouseButtons.left),(t.buttons&MT)===MT&&(this._state=this._state|this.mouseButtons.middle),(t.buttons&wT)===wT&&(this._state=this._state|this.mouseButtons.right);else this._lockedPointer&&(this._state=this._state|this.mouseButtons.left);(this._state&TT.ROTATE)!==TT.ROTATE&&(this._state&TT.TOUCH_ROTATE)!==TT.TOUCH_ROTATE&&(this._state&TT.TOUCH_DOLLY_ROTATE)!==TT.TOUCH_DOLLY_ROTATE&&(this._state&TT.TOUCH_ZOOM_ROTATE)!==TT.TOUCH_ZOOM_ROTATE||(this._sphericalEnd.theta=this._spherical.theta,this._sphericalEnd.phi=this._spherical.phi,this._thetaVelocity.value=0,this._phiVelocity.value=0),(this._state&TT.TRUCK)!==TT.TRUCK&&(this._state&TT.TOUCH_TRUCK)!==TT.TOUCH_TRUCK&&(this._state&TT.TOUCH_DOLLY_TRUCK)!==TT.TOUCH_DOLLY_TRUCK&&(this._state&TT.TOUCH_ZOOM_TRUCK)!==TT.TOUCH_ZOOM_TRUCK||(this._targetEnd.copy(this._target),this._targetVelocity.set(0,0,0)),(this._state&TT.DOLLY)!==TT.DOLLY&&(this._state&TT.TOUCH_DOLLY)!==TT.TOUCH_DOLLY&&(this._state&TT.TOUCH_DOLLY_TRUCK)!==TT.TOUCH_DOLLY_TRUCK&&(this._state&TT.TOUCH_DOLLY_OFFSET)!==TT.TOUCH_DOLLY_OFFSET&&(this._state&TT.TOUCH_DOLLY_ROTATE)!==TT.TOUCH_DOLLY_ROTATE||(this._sphericalEnd.radius=this._spherical.radius,this._radiusVelocity.value=0),(this._state&TT.ZOOM)!==TT.ZOOM&&(this._state&TT.TOUCH_ZOOM)!==TT.TOUCH_ZOOM&&(this._state&TT.TOUCH_ZOOM_TRUCK)!==TT.TOUCH_ZOOM_TRUCK&&(this._state&TT.TOUCH_ZOOM_OFFSET)!==TT.TOUCH_ZOOM_OFFSET&&(this._state&TT.TOUCH_ZOOM_ROTATE)!==TT.TOUCH_ZOOM_ROTATE||(this._zoomEnd=this._zoom,this._zoomVelocity.value=0),(this._state&TT.OFFSET)!==TT.OFFSET&&(this._state&TT.TOUCH_OFFSET)!==TT.TOUCH_OFFSET&&(this._state&TT.TOUCH_DOLLY_OFFSET)!==TT.TOUCH_DOLLY_OFFSET&&(this._state&TT.TOUCH_ZOOM_OFFSET)!==TT.TOUCH_ZOOM_OFFSET||(this._focalOffsetEnd.copy(this._focalOffset),this._focalOffsetVelocity.set(0,0,0)),this.dispatchEvent({type:"controlstart"})},d=()=>{if(!this._enabled||!this._dragNeedsUpdate)return;this._dragNeedsUpdate=!1,VT(this._activePointers,QT);const t=this._domElement&&this._domElement.ownerDocument.pointerLockElement===this._domElement?this._lockedPointer||this._activePointers[0]:null,e=t?-t.deltaX:i.x-QT.x,o=t?-t.deltaY:i.y-QT.y;if(i.copy(QT),(this._state&TT.ROTATE)!==TT.ROTATE&&(this._state&TT.TOUCH_ROTATE)!==TT.TOUCH_ROTATE&&(this._state&TT.TOUCH_DOLLY_ROTATE)!==TT.TOUCH_DOLLY_ROTATE&&(this._state&TT.TOUCH_ZOOM_ROTATE)!==TT.TOUCH_ZOOM_ROTATE||(this._rotateInternal(e,o),this._isUserControllingRotate=!0),(this._state&TT.DOLLY)===TT.DOLLY||(this._state&TT.ZOOM)===TT.ZOOM){const t=this.dollyToCursor?(n.x-this._elementRect.x)/this._elementRect.width*2-1:0,e=this.dollyToCursor?(n.y-this._elementRect.y)/this._elementRect.height*-2+1:0,i=this.dollyDragInverted?-1:1;(this._state&TT.DOLLY)===TT.DOLLY?(this._dollyInternal(i*o*$T,t,e),this._isUserControllingDolly=!0):(this._zoomInternal(i*o*$T,t,e),this._isUserControllingZoom=!0)}if((this._state&TT.TOUCH_DOLLY)===TT.TOUCH_DOLLY||(this._state&TT.TOUCH_ZOOM)===TT.TOUCH_ZOOM||(this._state&TT.TOUCH_DOLLY_TRUCK)===TT.TOUCH_DOLLY_TRUCK||(this._state&TT.TOUCH_ZOOM_TRUCK)===TT.TOUCH_ZOOM_TRUCK||(this._state&TT.TOUCH_DOLLY_OFFSET)===TT.TOUCH_DOLLY_OFFSET||(this._state&TT.TOUCH_ZOOM_OFFSET)===TT.TOUCH_ZOOM_OFFSET||(this._state&TT.TOUCH_DOLLY_ROTATE)===TT.TOUCH_DOLLY_ROTATE||(this._state&TT.TOUCH_ZOOM_ROTATE)===TT.TOUCH_ZOOM_ROTATE){const t=QT.x-this._activePointers[1].clientX,e=QT.y-this._activePointers[1].clientY,n=Math.sqrt(t*t+e*e),o=r.y-n;r.set(0,n);const s=this.dollyToCursor?(i.x-this._elementRect.x)/this._elementRect.width*2-1:0,a=this.dollyToCursor?(i.y-this._elementRect.y)/this._elementRect.height*-2+1:0;(this._state&TT.TOUCH_DOLLY)===TT.TOUCH_DOLLY||(this._state&TT.TOUCH_DOLLY_ROTATE)===TT.TOUCH_DOLLY_ROTATE||(this._state&TT.TOUCH_DOLLY_TRUCK)===TT.TOUCH_DOLLY_TRUCK||(this._state&TT.TOUCH_DOLLY_OFFSET)===TT.TOUCH_DOLLY_OFFSET?(this._dollyInternal(o*$T,s,a),this._isUserControllingDolly=!0):(this._zoomInternal(o*$T,s,a),this._isUserControllingZoom=!0)}(this._state&TT.TRUCK)!==TT.TRUCK&&(this._state&TT.TOUCH_TRUCK)!==TT.TOUCH_TRUCK&&(this._state&TT.TOUCH_DOLLY_TRUCK)!==TT.TOUCH_DOLLY_TRUCK&&(this._state&TT.TOUCH_ZOOM_TRUCK)!==TT.TOUCH_ZOOM_TRUCK||(this._truckInternal(e,o,!1),this._isUserControllingTruck=!0),(this._state&TT.OFFSET)!==TT.OFFSET&&(this._state&TT.TOUCH_OFFSET)!==TT.TOUCH_OFFSET&&(this._state&TT.TOUCH_DOLLY_OFFSET)!==TT.TOUCH_DOLLY_OFFSET&&(this._state&TT.TOUCH_ZOOM_OFFSET)!==TT.TOUCH_ZOOM_OFFSET||(this._truckInternal(e,o,!0),this._isUserControllingOffset=!0),this.dispatchEvent({type:"control"})},p=()=>{VT(this._activePointers,QT),i.copy(QT),this._dragNeedsUpdate=!1,(0===this._activePointers.length||1===this._activePointers.length&&this._activePointers[0]===this._lockedPointer)&&(this._isDragging=!1),0===this._activePointers.length&&this._domElement&&(this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this.dispatchEvent({type:"controlend"}))};this.lockPointer=()=>{this._enabled&&this._domElement&&(this.cancel(),this._lockedPointer={pointerId:-1,clientX:0,clientY:0,deltaX:0,deltaY:0,mouseButton:null},this._activePointers.push(this._lockedPointer),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.requestPointerLock(),this._domElement.ownerDocument.addEventListener("pointerlockchange",f),this._domElement.ownerDocument.addEventListener("pointerlockerror",m),this._domElement.ownerDocument.addEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.addEventListener("pointerup",a),u())},this.unlockPointer=()=>{var t,e,n;null!==this._lockedPointer&&(this._disposePointer(this._lockedPointer),this._lockedPointer=null),null===(t=this._domElement)||void 0===t||t.ownerDocument.exitPointerLock(),null===(e=this._domElement)||void 0===e||e.ownerDocument.removeEventListener("pointerlockchange",f),null===(n=this._domElement)||void 0===n||n.ownerDocument.removeEventListener("pointerlockerror",m),this.cancel()};const f=()=>{this._domElement&&this._domElement.ownerDocument.pointerLockElement===this._domElement||this.unlockPointer()},m=()=>{this.unlockPointer()};this._addAllEventListeners=t=>{this._domElement=t,this._domElement.style.touchAction="none",this._domElement.style.userSelect="none",this._domElement.style.webkitUserSelect="none",this._domElement.addEventListener("pointerdown",o),this._domElement.addEventListener("pointercancel",a),this._domElement.addEventListener("wheel",c,{passive:!1}),this._domElement.addEventListener("contextmenu",h)},this._removeAllEventListeners=()=>{this._domElement&&(this._domElement.style.touchAction="",this._domElement.style.userSelect="",this._domElement.style.webkitUserSelect="",this._domElement.removeEventListener("pointerdown",o),this._domElement.removeEventListener("pointercancel",a),this._domElement.removeEventListener("wheel",c,{passive:!1}),this._domElement.removeEventListener("contextmenu",h),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.ownerDocument.removeEventListener("pointerlockchange",f),this._domElement.ownerDocument.removeEventListener("pointerlockerror",m))},this.cancel=()=>{this._state!==TT.NONE&&(this._state=TT.NONE,this._activePointers.length=0,p())},e&&this.connect(e),this.update(0)}get camera(){return this._camera}set camera(t){this._camera=t,this.updateCameraUp(),this._camera.updateProjectionMatrix(),this._updateNearPlaneCorners(),this._needsUpdate=!0}get enabled(){return this._enabled}set enabled(t){this._enabled=t,this._domElement&&(t?(this._domElement.style.touchAction="none",this._domElement.style.userSelect="none",this._domElement.style.webkitUserSelect="none"):(this.cancel(),this._domElement.style.touchAction="",this._domElement.style.userSelect="",this._domElement.style.webkitUserSelect=""))}get active(){return!this._hasRested}get currentAction(){return this._state}get distance(){return this._spherical.radius}set distance(t){this._spherical.radius===t&&this._sphericalEnd.radius===t||(this._spherical.radius=t,this._sphericalEnd.radius=t,this._needsUpdate=!0)}get azimuthAngle(){return this._spherical.theta}set azimuthAngle(t){this._spherical.theta===t&&this._sphericalEnd.theta===t||(this._spherical.theta=t,this._sphericalEnd.theta=t,this._needsUpdate=!0)}get polarAngle(){return this._spherical.phi}set polarAngle(t){this._spherical.phi===t&&this._sphericalEnd.phi===t||(this._spherical.phi=t,this._sphericalEnd.phi=t,this._needsUpdate=!0)}get boundaryEnclosesCamera(){return this._boundaryEnclosesCamera}set boundaryEnclosesCamera(t){this._boundaryEnclosesCamera=t,this._needsUpdate=!0}set interactiveArea(t){this._interactiveArea.width=UT(t.width,0,1),this._interactiveArea.height=UT(t.height,0,1),this._interactiveArea.x=UT(t.x,0,1-this._interactiveArea.width),this._interactiveArea.y=UT(t.y,0,1-this._interactiveArea.height)}addEventListener(t,e){super.addEventListener(t,e)}removeEventListener(t,e){super.removeEventListener(t,e)}rotate(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return this.rotateTo(this._sphericalEnd.theta+t,this._sphericalEnd.phi+e,n)}rotateAzimuthTo(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.rotateTo(t,this._sphericalEnd.phi,e)}rotatePolarTo(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.rotateTo(this._sphericalEnd.theta,t,e)}rotateTo(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];this._isUserControllingRotate=!1;const i=UT(t,this.minAzimuthAngle,this.maxAzimuthAngle),r=UT(e,this.minPolarAngle,this.maxPolarAngle);this._sphericalEnd.theta=i,this._sphericalEnd.phi=r,this._sphericalEnd.makeSafe(),this._needsUpdate=!0,n||(this._spherical.theta=this._sphericalEnd.theta,this._spherical.phi=this._sphericalEnd.phi);const o=!n||BT(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&BT(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold);return this._createOnRestPromise(o)}dolly(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.dollyTo(this._sphericalEnd.radius-t,e)}dollyTo(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this._isUserControllingDolly=!1,this._lastDollyDirection=AT,this._changedDolly=0,this._dollyToNoClamp(UT(t,this.minDistance,this.maxDistance),e)}_dollyToNoClamp(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const n=this._sphericalEnd.radius;if(this.colliderMeshes.length>=1){const e=this._collisionTest(),i=BT(e,this._spherical.radius);if(!(n>t)&&i)return Promise.resolve();this._sphericalEnd.radius=Math.min(t,e)}else this._sphericalEnd.radius=t;this._needsUpdate=!0,e||(this._spherical.radius=this._sphericalEnd.radius);const i=!e||BT(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(i)}dollyInFixed(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this._targetEnd.add(this._getCameraDirection(iA).multiplyScalar(t)),e||this._target.copy(this._targetEnd);const n=!e||BT(this._target.x,this._targetEnd.x,this.restThreshold)&&BT(this._target.y,this._targetEnd.y,this.restThreshold)&&BT(this._target.z,this._targetEnd.z,this.restThreshold);return this._createOnRestPromise(n)}zoom(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.zoomTo(this._zoomEnd+t,e)}zoomTo(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this._isUserControllingZoom=!1,this._zoomEnd=UT(t,this.minZoom,this.maxZoom),this._needsUpdate=!0,e||(this._zoom=this._zoomEnd);const n=!e||BT(this._zoom,this._zoomEnd,this.restThreshold);return this._changedZoom=0,this._createOnRestPromise(n)}pan(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return console.warn("`pan` has been renamed to `truck`"),this.truck(t,e,n)}truck(t,e){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];this._camera.updateMatrix(),rA.setFromMatrixColumn(this._camera.matrix,0),oA.setFromMatrixColumn(this._camera.matrix,1),rA.multiplyScalar(t),oA.multiplyScalar(-e);const i=tA.copy(rA).add(oA),r=eA.copy(this._targetEnd).add(i);return this.moveTo(r.x,r.y,r.z,n)}forward(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];tA.setFromMatrixColumn(this._camera.matrix,0),tA.crossVectors(this._camera.up,tA),tA.multiplyScalar(t);const n=eA.copy(this._targetEnd).add(tA);return this.moveTo(n.x,n.y,n.z,e)}elevate(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return tA.copy(this._camera.up).multiplyScalar(t),this.moveTo(this._targetEnd.x+tA.x,this._targetEnd.y+tA.y,this._targetEnd.z+tA.z,e)}moveTo(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];this._isUserControllingTruck=!1;const r=tA.set(t,e,n).sub(this._targetEnd);this._encloseToBoundary(this._targetEnd,r,this.boundaryFriction),this._needsUpdate=!0,i||this._target.copy(this._targetEnd);const o=!i||BT(this._target.x,this._targetEnd.x,this.restThreshold)&&BT(this._target.y,this._targetEnd.y,this.restThreshold)&&BT(this._target.z,this._targetEnd.z,this.restThreshold);return this._createOnRestPromise(o)}lookInDirectionOf(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];const r=tA.set(t,e,n).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);return this.setPosition(r.x,r.y,r.z,i)}fitToBox(t,e){let{cover:n=!1,paddingLeft:i=0,paddingRight:r=0,paddingBottom:o=0,paddingTop:s=0}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=[],l=t.isBox3?uA.copy(t):uA.setFromObject(t);l.isEmpty()&&(console.warn("camera-controls: fitTo() cannot be used with an empty box. Aborting"),Promise.resolve());const c=NT(this._sphericalEnd.theta,OT),h=NT(this._sphericalEnd.phi,OT);a.push(this.rotateTo(c,h,e));const u=tA.setFromSpherical(this._sphericalEnd).normalize(),d=fA.setFromUnitVectors(u,JT),p=BT(Math.abs(u.y),1);p&&d.multiply(mA.setFromAxisAngle(KT,c)),d.multiply(this._yAxisUpSpaceInverse);const f=dA.makeEmpty();eA.copy(l.min).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.min).setX(l.max.x).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.min).setY(l.max.y).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.max).setZ(l.min.z).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.min).setZ(l.max.z).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.max).setY(l.min.y).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.max).setX(l.min.x).applyQuaternion(d),f.expandByPoint(eA),eA.copy(l.max).applyQuaternion(d),f.expandByPoint(eA),f.min.x-=i,f.min.y-=o,f.max.x+=r,f.max.y+=s,d.setFromUnitVectors(JT,u),p&&d.premultiply(mA.invert()),d.premultiply(this._yAxisUpSpace);const m=f.getSize(tA),g=f.getCenter(eA).applyQuaternion(d);if(RT(this._camera)){const t=this.getDistanceToFitBox(m.x,m.y,m.z,n);a.push(this.moveTo(g.x,g.y,g.z,e)),a.push(this.dollyTo(t,e)),a.push(this.setFocalOffset(0,0,0,e))}else if(PT(this._camera)){const t=this._camera,i=t.right-t.left,r=t.top-t.bottom,o=n?Math.max(i/m.x,r/m.y):Math.min(i/m.x,r/m.y);a.push(this.moveTo(g.x,g.y,g.z,e)),a.push(this.zoomTo(o,e)),a.push(this.setFocalOffset(0,0,0,e))}return Promise.all(a)}fitToSphere(t,e){const n=[],i=t instanceof qT.Sphere?pA.copy(t):_A.createBoundingSphere(t,pA);if(n.push(this.moveTo(i.center.x,i.center.y,i.center.z,e)),RT(this._camera)){const t=this.getDistanceToFitSphere(i.radius);n.push(this.dollyTo(t,e))}else if(PT(this._camera)){const t=this._camera.right-this._camera.left,r=this._camera.top-this._camera.bottom,o=2*i.radius,s=Math.min(t/o,r/o);n.push(this.zoomTo(s,e))}return n.push(this.setFocalOffset(0,0,0,e)),Promise.all(n)}setLookAt(t,e,n,i,r,o){let s=arguments.length>6&&void 0!==arguments[6]&&arguments[6];this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._lastDollyDirection=AT,this._changedDolly=0;const a=eA.set(i,r,o),l=tA.set(t,e,n);this._targetEnd.copy(a),this._sphericalEnd.setFromVector3(l.sub(a).applyQuaternion(this._yAxisUpSpace)),this.normalizeRotations(),this._needsUpdate=!0,s||(this._target.copy(this._targetEnd),this._spherical.copy(this._sphericalEnd));const c=!s||BT(this._target.x,this._targetEnd.x,this.restThreshold)&&BT(this._target.y,this._targetEnd.y,this.restThreshold)&&BT(this._target.z,this._targetEnd.z,this.restThreshold)&&BT(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&BT(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold)&&BT(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(c)}lerpLookAt(t,e,n,i,r,o,s,a,l,c,h,u,d){let p=arguments.length>13&&void 0!==arguments[13]&&arguments[13];this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._lastDollyDirection=AT,this._changedDolly=0;const f=tA.set(i,r,o),m=eA.set(t,e,n);cA.setFromVector3(m.sub(f).applyQuaternion(this._yAxisUpSpace));const g=nA.set(c,h,u),v=eA.set(s,a,l);hA.setFromVector3(v.sub(g).applyQuaternion(this._yAxisUpSpace)),this._targetEnd.copy(f.lerp(g,d));const _=hA.theta-cA.theta,y=hA.phi-cA.phi,b=hA.radius-cA.radius;this._sphericalEnd.set(cA.radius+b*d,cA.phi+y*d,cA.theta+_*d),this.normalizeRotations(),this._needsUpdate=!0,p||(this._target.copy(this._targetEnd),this._spherical.copy(this._sphericalEnd));const x=!p||BT(this._target.x,this._targetEnd.x,this.restThreshold)&&BT(this._target.y,this._targetEnd.y,this.restThreshold)&&BT(this._target.z,this._targetEnd.z,this.restThreshold)&&BT(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&BT(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold)&&BT(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(x)}setPosition(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return this.setLookAt(t,e,n,this._targetEnd.x,this._targetEnd.y,this._targetEnd.z,i)}setTarget(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];const r=this.getPosition(tA),o=this.setLookAt(r.x,r.y,r.z,t,e,n,i);return this._sphericalEnd.phi=UT(this._sphericalEnd.phi,this.minPolarAngle,this.maxPolarAngle),o}setFocalOffset(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];this._isUserControllingOffset=!1,this._focalOffsetEnd.set(t,e,n),this._needsUpdate=!0,i||this._focalOffset.copy(this._focalOffsetEnd);const r=!i||BT(this._focalOffset.x,this._focalOffsetEnd.x,this.restThreshold)&&BT(this._focalOffset.y,this._focalOffsetEnd.y,this.restThreshold)&&BT(this._focalOffset.z,this._focalOffsetEnd.z,this.restThreshold);return this._createOnRestPromise(r)}setOrbitPoint(t,e,n){this._camera.updateMatrixWorld(),rA.setFromMatrixColumn(this._camera.matrixWorldInverse,0),oA.setFromMatrixColumn(this._camera.matrixWorldInverse,1),sA.setFromMatrixColumn(this._camera.matrixWorldInverse,2);const i=tA.set(t,e,n),r=i.distanceTo(this._camera.position),o=i.sub(this._camera.position);rA.multiplyScalar(o.x),oA.multiplyScalar(o.y),sA.multiplyScalar(o.z),tA.copy(rA).add(oA).add(sA),tA.z=tA.z+r,this.dollyTo(r,!1),this.setFocalOffset(-tA.x,tA.y,-tA.z,!1),this.moveTo(t,e,n,!1)}setBoundary(t){if(!t)return this._boundary.min.set(-1/0,-1/0,-1/0),this._boundary.max.set(1/0,1/0,1/0),void(this._needsUpdate=!0);this._boundary.copy(t),this._boundary.clampPoint(this._targetEnd,this._targetEnd),this._needsUpdate=!0}setViewport(t,e,n,i){null!==t?(this._viewport=this._viewport||new qT.Vector4,"number"==typeof t?this._viewport.set(t,e,n,i):this._viewport.copy(t)):this._viewport=null}getDistanceToFitBox(t,e,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(GT(this._camera,"getDistanceToFitBox"))return this._spherical.radius;const r=t/e,o=this._camera.getEffectiveFOV()*kT,s=this._camera.aspect;return.5*((i?r>s:r<s)?e:t/s)/Math.tan(.5*o)+.5*n}getDistanceToFitSphere(t){if(GT(this._camera,"getDistanceToFitSphere"))return this._spherical.radius;const e=this._camera.getEffectiveFOV()*kT,n=2*Math.atan(Math.tan(.5*e)*this._camera.aspect),i=1<this._camera.aspect?e:n;return t/Math.sin(.5*i)}getTarget(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(t&&t.isVector3?t:new qT.Vector3).copy(e?this._targetEnd:this._target)}getPosition(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(t&&t.isVector3?t:new qT.Vector3).setFromSpherical(e?this._sphericalEnd:this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(e?this._targetEnd:this._target)}getSpherical(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(t&&t instanceof qT.Spherical?t:new qT.Spherical).copy(e?this._sphericalEnd:this._spherical)}getFocalOffset(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(t&&t.isVector3?t:new qT.Vector3).copy(e?this._focalOffsetEnd:this._focalOffset)}normalizeRotations(){this._sphericalEnd.theta=this._sphericalEnd.theta%LT,this._sphericalEnd.theta<0&&(this._sphericalEnd.theta+=LT),this._spherical.theta+=LT*Math.round((this._sphericalEnd.theta-this._spherical.theta)/LT)}reset(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!BT(this._camera.up.x,this._cameraUp0.x)||!BT(this._camera.up.y,this._cameraUp0.y)||!BT(this._camera.up.z,this._cameraUp0.z)){this._camera.up.copy(this._cameraUp0);const t=this.getPosition(tA);this.updateCameraUp(),this.setPosition(t.x,t.y,t.z)}const e=[this.setLookAt(this._position0.x,this._position0.y,this._position0.z,this._target0.x,this._target0.y,this._target0.z,t),this.setFocalOffset(this._focalOffset0.x,this._focalOffset0.y,this._focalOffset0.z,t),this.zoomTo(this._zoom0,t)];return Promise.all(e)}saveState(){this._cameraUp0.copy(this._camera.up),this.getTarget(this._target0),this.getPosition(this._position0),this._zoom0=this._zoom,this._focalOffset0.copy(this._focalOffset)}updateCameraUp(){this._yAxisUpSpace.setFromUnitVectors(this._camera.up,KT),this._yAxisUpSpaceInverse.copy(this._yAxisUpSpace).invert()}applyCameraUp(){const t=tA.subVectors(this._target,this._camera.position).normalize(),e=eA.crossVectors(t,this._camera.up);this._camera.up.crossVectors(e,t).normalize(),this._camera.updateMatrixWorld();const n=this.getPosition(tA);this.updateCameraUp(),this.setPosition(n.x,n.y,n.z)}update(t){const e=this._sphericalEnd.theta-this._spherical.theta,n=this._sphericalEnd.phi-this._spherical.phi,i=this._sphericalEnd.radius-this._spherical.radius,r=aA.subVectors(this._targetEnd,this._target),o=lA.subVectors(this._focalOffsetEnd,this._focalOffset),s=this._zoomEnd-this._zoom;if(DT(e))this._thetaVelocity.value=0,this._spherical.theta=this._sphericalEnd.theta;else{const e=this._isUserControllingRotate?this.draggingSmoothTime:this.smoothTime;this._spherical.theta=HT(this._spherical.theta,this._sphericalEnd.theta,this._thetaVelocity,e,1/0,t),this._needsUpdate=!0}if(DT(n))this._phiVelocity.value=0,this._spherical.phi=this._sphericalEnd.phi;else{const e=this._isUserControllingRotate?this.draggingSmoothTime:this.smoothTime;this._spherical.phi=HT(this._spherical.phi,this._sphericalEnd.phi,this._phiVelocity,e,1/0,t),this._needsUpdate=!0}if(DT(i))this._radiusVelocity.value=0,this._spherical.radius=this._sphericalEnd.radius;else{const e=this._isUserControllingDolly?this.draggingSmoothTime:this.smoothTime;this._spherical.radius=HT(this._spherical.radius,this._sphericalEnd.radius,this._radiusVelocity,e,this.maxSpeed,t),this._needsUpdate=!0}if(DT(r.x)&&DT(r.y)&&DT(r.z))this._targetVelocity.set(0,0,0),this._target.copy(this._targetEnd);else{const e=this._isUserControllingTruck?this.draggingSmoothTime:this.smoothTime;WT(this._target,this._targetEnd,this._targetVelocity,e,this.maxSpeed,t,this._target),this._needsUpdate=!0}if(DT(o.x)&&DT(o.y)&&DT(o.z))this._focalOffsetVelocity.set(0,0,0),this._focalOffset.copy(this._focalOffsetEnd);else{const e=this._isUserControllingOffset?this.draggingSmoothTime:this.smoothTime;WT(this._focalOffset,this._focalOffsetEnd,this._focalOffsetVelocity,e,this.maxSpeed,t,this._focalOffset),this._needsUpdate=!0}if(DT(s))this._zoomVelocity.value=0,this._zoom=this._zoomEnd;else{const e=this._isUserControllingZoom?this.draggingSmoothTime:this.smoothTime;this._zoom=HT(this._zoom,this._zoomEnd,this._zoomVelocity,e,1/0,t)}if(this.dollyToCursor)if(RT(this._camera)&&0!==this._changedDolly){const t=this._spherical.radius-this._lastDistance,e=this._camera,n=this._getCameraDirection(iA),i=tA.copy(n).cross(e.up).normalize();0===i.lengthSq()&&(i.x=1);const r=eA.crossVectors(i,n),o=this._sphericalEnd.radius*Math.tan(e.getEffectiveFOV()*kT*.5),s=(this._sphericalEnd.radius-t-this._sphericalEnd.radius)/this._sphericalEnd.radius,a=nA.copy(this._targetEnd).add(i.multiplyScalar(this._dollyControlCoord.x*o*e.aspect)).add(r.multiplyScalar(this._dollyControlCoord.y*o)),l=tA.copy(this._targetEnd).lerp(a,s),c=this._lastDollyDirection===ET&&this._spherical.radius<=this.minDistance,h=this._lastDollyDirection===CT&&this.maxDistance<=this._spherical.radius;if(this.infinityDolly&&(c||h)){this._sphericalEnd.radius-=t,this._spherical.radius-=t;const e=eA.copy(n).multiplyScalar(-t);l.add(e)}this._boundary.clampPoint(l,l);const u=eA.subVectors(l,this._targetEnd);this._targetEnd.copy(l),this._target.add(u),this._changedDolly-=t,DT(this._changedDolly)&&(this._changedDolly=0)}else if(PT(this._camera)&&0!==this._changedZoom){const t=this._zoom-this._lastZoom,e=this._camera,n=tA.set(this._dollyControlCoord.x,this._dollyControlCoord.y,(e.near+e.far)/(e.near-e.far)).unproject(e),i=eA.set(0,0,-1).applyQuaternion(e.quaternion),r=nA.copy(n).add(i.multiplyScalar(-n.dot(e.up))),o=-(this._zoom-t-this._zoom)/this._zoom,s=this._getCameraDirection(iA),a=this._targetEnd.dot(s),l=tA.copy(this._targetEnd).lerp(r,o),c=l.dot(s),h=s.multiplyScalar(c-a);l.sub(h),this._boundary.clampPoint(l,l);const u=eA.subVectors(l,this._targetEnd);this._targetEnd.copy(l),this._target.add(u),this._changedZoom-=t,DT(this._changedZoom)&&(this._changedZoom=0)}this._camera.zoom!==this._zoom&&(this._camera.zoom=this._zoom,this._camera.updateProjectionMatrix(),this._updateNearPlaneCorners(),this._needsUpdate=!0),this._dragNeedsUpdate=!0;const a=this._collisionTest();this._spherical.radius=Math.min(this._spherical.radius,a),this._spherical.makeSafe(),this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target),this._camera.lookAt(this._target);(!DT(this._focalOffset.x)||!DT(this._focalOffset.y)||!DT(this._focalOffset.z))&&(this._camera.updateMatrixWorld(),rA.setFromMatrixColumn(this._camera.matrix,0),oA.setFromMatrixColumn(this._camera.matrix,1),sA.setFromMatrixColumn(this._camera.matrix,2),rA.multiplyScalar(this._focalOffset.x),oA.multiplyScalar(-this._focalOffset.y),sA.multiplyScalar(this._focalOffset.z),tA.copy(rA).add(oA).add(sA),this._camera.position.add(tA)),this._boundaryEnclosesCamera&&this._encloseToBoundary(this._camera.position.copy(this._target),tA.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),1);const l=this._needsUpdate;return l&&!this._updatedLastTime?(this._hasRested=!1,this.dispatchEvent({type:"wake"}),this.dispatchEvent({type:"update"})):l?(this.dispatchEvent({type:"update"}),DT(e,this.restThreshold)&&DT(n,this.restThreshold)&&DT(i,this.restThreshold)&&DT(r.x,this.restThreshold)&&DT(r.y,this.restThreshold)&&DT(r.z,this.restThreshold)&&DT(o.x,this.restThreshold)&&DT(o.y,this.restThreshold)&&DT(o.z,this.restThreshold)&&DT(s,this.restThreshold)&&!this._hasRested&&(this._hasRested=!0,this.dispatchEvent({type:"rest"}))):!l&&this._updatedLastTime&&this.dispatchEvent({type:"sleep"}),this._lastDistance=this._spherical.radius,this._lastZoom=this._zoom,this._updatedLastTime=l,this._needsUpdate=!1,l}toJSON(){return JSON.stringify({enabled:this._enabled,minDistance:this.minDistance,maxDistance:FT(this.maxDistance),minZoom:this.minZoom,maxZoom:FT(this.maxZoom),minPolarAngle:this.minPolarAngle,maxPolarAngle:FT(this.maxPolarAngle),minAzimuthAngle:FT(this.minAzimuthAngle),maxAzimuthAngle:FT(this.maxAzimuthAngle),smoothTime:this.smoothTime,draggingSmoothTime:this.draggingSmoothTime,dollySpeed:this.dollySpeed,truckSpeed:this.truckSpeed,dollyToCursor:this.dollyToCursor,verticalDragToForward:this.verticalDragToForward,target:this._targetEnd.toArray(),position:tA.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),zoom:this._zoomEnd,focalOffset:this._focalOffsetEnd.toArray(),target0:this._target0.toArray(),position0:this._position0.toArray(),zoom0:this._zoom0,focalOffset0:this._focalOffset0.toArray()})}fromJSON(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const n=JSON.parse(t);this.enabled=n.enabled,this.minDistance=n.minDistance,this.maxDistance=zT(n.maxDistance),this.minZoom=n.minZoom,this.maxZoom=zT(n.maxZoom),this.minPolarAngle=n.minPolarAngle,this.maxPolarAngle=zT(n.maxPolarAngle),this.minAzimuthAngle=zT(n.minAzimuthAngle),this.maxAzimuthAngle=zT(n.maxAzimuthAngle),this.smoothTime=n.smoothTime,this.draggingSmoothTime=n.draggingSmoothTime,this.dollySpeed=n.dollySpeed,this.truckSpeed=n.truckSpeed,this.dollyToCursor=n.dollyToCursor,this.verticalDragToForward=n.verticalDragToForward,this._target0.fromArray(n.target0),this._position0.fromArray(n.position0),this._zoom0=n.zoom0,this._focalOffset0.fromArray(n.focalOffset0),this.moveTo(n.target[0],n.target[1],n.target[2],e),cA.setFromVector3(tA.fromArray(n.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)),this.rotateTo(cA.theta,cA.phi,e),this.dollyTo(cA.radius,e),this.zoomTo(n.zoom,e),this.setFocalOffset(n.focalOffset[0],n.focalOffset[1],n.focalOffset[2],e),this._needsUpdate=!0}connect(t){this._domElement?console.warn("camera-controls is already connected."):(t.setAttribute("data-camera-controls-version","2.8.3"),this._addAllEventListeners(t),this._getClientRect(this._elementRect))}disconnect(){this.cancel(),this._removeAllEventListeners(),this._domElement&&(this._domElement.removeAttribute("data-camera-controls-version"),this._domElement=void 0)}dispose(){this.removeAllEventListeners(),this.disconnect()}_getTargetDirection(t){return t.setFromSpherical(this._spherical).divideScalar(this._spherical.radius).applyQuaternion(this._yAxisUpSpaceInverse)}_getCameraDirection(t){return this._getTargetDirection(t).negate()}_findPointerById(t){return this._activePointers.find((e=>e.pointerId===t))}_findPointerByMouseButton(t){return this._activePointers.find((e=>e.mouseButton===t))}_disposePointer(t){this._activePointers.splice(this._activePointers.indexOf(t),1)}_encloseToBoundary(t,e,n){const i=e.lengthSq();if(0===i)return t;const r=eA.copy(e).add(t),o=this._boundary.clampPoint(r,nA).sub(r),s=o.lengthSq();if(0===s)return t.add(e);if(s===i)return t;if(0===n)return t.add(e).add(o);{const i=1+n*s/e.dot(o);return t.add(eA.copy(e).multiplyScalar(i)).add(o.multiplyScalar(1-n))}}_updateNearPlaneCorners(){if(RT(this._camera)){const t=this._camera,e=t.near,n=t.getEffectiveFOV()*kT,i=Math.tan(.5*n)*e,r=i*t.aspect;this._nearPlaneCorners[0].set(-r,-i,0),this._nearPlaneCorners[1].set(r,-i,0),this._nearPlaneCorners[2].set(r,i,0),this._nearPlaneCorners[3].set(-r,i,0)}else if(PT(this._camera)){const t=this._camera,e=1/t.zoom,n=t.left*e,i=t.right*e,r=t.top*e,o=t.bottom*e;this._nearPlaneCorners[0].set(n,r,0),this._nearPlaneCorners[1].set(i,r,0),this._nearPlaneCorners[2].set(i,o,0),this._nearPlaneCorners[3].set(n,o,0)}}_collisionTest(){let t=1/0;if(!(this.colliderMeshes.length>=1))return t;if(GT(this._camera,"_collisionTest"))return t;const e=this._getTargetDirection(iA);gA.lookAt(ZT,e,this._camera.up);for(let n=0;n<4;n++){const i=eA.copy(this._nearPlaneCorners[n]);i.applyMatrix4(gA);const r=nA.addVectors(this._target,i);vA.set(r,e),vA.far=this._spherical.radius+1;const o=vA.intersectObjects(this.colliderMeshes);0!==o.length&&o[0].distance<t&&(t=o[0].distance)}return t}_getClientRect(t){if(!this._domElement)return;const e=this._domElement.getBoundingClientRect();return t.x=e.left,t.y=e.top,this._viewport?(t.x+=this._viewport.x,t.y+=e.height-this._viewport.w-this._viewport.y,t.width=this._viewport.z,t.height=this._viewport.w):(t.width=e.width,t.height=e.height),t}_createOnRestPromise(t){return t?Promise.resolve():(this._hasRested=!1,this.dispatchEvent({type:"transitionstart"}),new Promise((t=>{const e=()=>{this.removeEventListener("rest",e),t()};this.addEventListener("rest",e)})))}_addAllEventListeners(t){}_removeAllEventListeners(){}get dampingFactor(){return console.warn(".dampingFactor has been deprecated. use smoothTime (in seconds) instead."),0}set dampingFactor(t){console.warn(".dampingFactor has been deprecated. use smoothTime (in seconds) instead.")}get draggingDampingFactor(){return console.warn(".draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead."),0}set draggingDampingFactor(t){console.warn(".draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead.")}static createBoundingSphere(t){const e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new qT.Sphere,n=e.center;uA.makeEmpty(),t.traverseVisible((t=>{t.isMesh&&uA.expandByObject(t)})),uA.getCenter(n);let i=0;return t.traverseVisible((t=>{if(!t.isMesh)return;const e=t,r=e.geometry.clone();r.applyMatrix4(e.matrixWorld);const o=r.attributes.position;for(let t=0,e=o.count;t<e;t++)tA.fromBufferAttribute(o,t),i=Math.max(i,n.distanceToSquared(tA))})),e.radius=Math.sqrt(i),e}}let yA=Math.PI/180,bA=180/Math.PI,xA=t=>{let e=ml.toHexString(t);return e=e.replace("#",""),e=parseInt(e,16),e},SA=t=>{let e=(t=>{let e=Ji(t,(t=>{let e=(t=>{let e=(t=>{let e=t.geometry;return{cs:e.boundingSphere.center,rd:e.boundingSphere.radius}})(t);return{xmin:e.cs.x-e.rd,xmax:e.cs.x+e.rd,ymin:e.cs.y-e.rd,ymax:e.cs.y+e.rd,zmin:e.cs.z-e.rd,zmax:e.cs.z+e.rd}})(t);return e}));return{xmin:Vu(Ji(e,"xmin")),xmax:Gu(Ji(e,"xmax")),ymin:Vu(Ji(e,"ymin")),ymax:Gu(Ji(e,"ymax")),zmin:Vu(Ji(e,"zmin")),zmax:Gu(Ji(e,"zmax"))}})(t),n=e.xmax-e.xmin,i=e.ymax-e.ymin,r=e.zmax-e.zmin;return{cs:{x:(e.xmax+e.xmin)/2,y:(e.ymax+e.ymin)/2,z:(e.zmax+e.zmin)/2},rd:Gu([n,i,r])}};async function wA(t,e={}){xs(t)||(t=[]);let n=gt(e,"domPanel");hs(n)||(n=document.body);let i=t=>{let e=0;if(gs(t.innerWidth))e=t.innerWidth;else{if(!gs(t.clientWidth))throw console.log("ele",t),new Error("can not get width from ele");e=t.clientWidth}let n=0;if(gs(t.innerWidth))n=t.innerHeight;else{if(!gs(t.clientWidth))throw console.log("ele",t),new Error("can not get height from ele");n=t.clientHeight}return{w:e,h:n}},r=i(n),o=r.w,s=r.h,a=gt(e,"backgroundColor");Ne(a)||(a="#222");let l=gt(e,"useHelperAxes");fs(l)||(l=!0);let c=gt(e,"helperAxesType");Qe(c)||(c=5),c=tn(c);let h=gt(e,"useHelperGrid");fs(h)||(h=!0);let u=gt(e,"helperGridSize");Qe(u)||(u=5),u=tn(u);let d=gt(e,"helperGridDivisions");Qe(d)||(d=50),d=tn(d);let p=gt(e,"helperGridPosratZ");Qe(p)||(p=-1),p=tn(p);let f=gt(e,"useLightAmbient");fs(f)||(f=!0);let m=gt(e,"lightAmbientColor");Ne(m)||(m="#999");let g=gt(e,"useLightPoint");fs(g)||(g=!1);let v=gt(e,"lightPointPoss");xs(v)||(v=[[5,5,5],[-5,5,5],[5,-5,5]]);let _=gt(e,"lightPointColor");Ne(_)||(_="#fff");let y=gt(e,"lightPointIntensity");Qe(y)||(y=100),y=tn(y);let b=gt(e,"lightPointDistance");Qe(b)||(b=0),b=tn(b);let x=gt(e,"lightPointDecay");Qe(x)||(x=2),x=tn(x);let S=gt(e,"useLightDirection");fs(S)||(S=!0);let w=gt(e,"lightDirectionColor");Ne(w)||(w="#fff");let M=gt(e,"lightDirectionIntensity");Qe(M)||(M=3),M=tn(M);let T=gt(e,"lightDirectionPos");xs(T)||(T=[10,10,10]);let A=gt(e,"cameraType");"perspective"!==A&&"orthographic"!==A&&(A="perspective");let E=gt(e,"cameraFov");Qe(E)||(E=30),E=tn(E);let C=gt(e,"cameraNear");Qe(C)||(C=.1),C=tn(C);let R=gt(e,"cameraFar");Qe(R)||(R=1e3),R=tn(R);let P=gt(e,"cameraOrthographicRatio");Qe(P)||(P=.5),P=tn(P);let L=gt(e,"cameraPos");xs(L)||(L=[1,1.3,1]);let O=gt(e,"labelColor");Ne(O)||(O="#fff");let I=gt(e,"labelFontFamily");Ne(I)||(I="Microsoft JhengHei");let k=gt(e,"labelFontSize");Ne(k)||(k="0.8rem");let U=gt(e,"useAutoRotate");fs(U)||(U=!1);let D=gt(e,"autoRotateDir");"clockwise"!==D&&"counterclockwise"!==D&&(D="counterclockwise");let B=gt(e,"autoRotateDeg");Qe(B)||(B=20),B=tn(B);let N=zo(),F=new _M,z=new ob;z.background=new ng(xA(a));let H=null;l&&(H=new dT(c),z.add(H));let W=null;if(h&&(W=new eT(u,d),W.geometry.rotateX(.5*Math.PI),W.geometry.translate(0,0,p),z.add(W)),f){let t=new nM(xA(m));z.add(t)}if(g&&De(v,(t=>{let e=new Qw(xA(_),y,b,x),n=gt(t,0,0),i=gt(t,1,0),r=gt(t,2,0);e.position.set([n,i,r]),z.add(e)})),S){let t=new eM(xA(w),M),e=gt(T,0,0),n=gt(T,1,0),i=gt(T,2,0);t.position.set(e,n,i),z.add(t)}let V,G=(t,e)=>{let n=1;return e>0&&(n=t/e),n},j=G(o,s);if("perspective"===A)V=new ev(E,j,C,R);else if("orthographic"===A){V=new Cv(-P*j,P*j,P,-P,C,R)}{let t=gt(L,0,0),e=gt(L,1,0),n=gt(L,2,0);V.position.set(t,e,n)}V.up.x=0,V.up.y=0,V.up.z=1;let X=new eb({antialias:!0});X.setSize(o,s),n.appendChild(X.domElement);let $=new xT;$.setSize(o,s),$.domElement.style.position="absolute",$.domElement.style.top="0px",$.domElement.style.left="0px",n.appendChild($.domElement),_A.install({THREE:pT});let Y=new _A(V,$.domElement);Y.mouseButtons={left:_A.ACTION.ROTATE,middle:_A.ACTION.DOLLY,right:_A.ACTION.OFFSET,wheel:_A.ACTION.ZOOM},Y.touches={one:_A.ACTION.TOUCH_ROTATE,two:_A.ACTION.TOUCH_DOLLY_OFFSET,three:_A.ACTION.TOUCH_OFFSET};let q=[];await qc(t,(async t=>{let e=await(async(t,e,n={})=>{let i=gt(n,"color",null);Ne(i)||(i="#fff");let r=gt(n,"opacity",null);gs(r)||(r=1);let o=r<1,s=new fT,a=await s.loadAsync(e,(e=>{let n=e.loaded/e.total*100;t.emit("loading",n)})),l=new hw({color:xA(i),depthTest:!0,depthWrite:!0,transparent:o,opacity:r,side:2});return new Vg(a,l)})(N,t.url,{color:gt(t,"color",""),opacity:gt(t,"opacity",1)});e.name=t.name,q.push(e)})),console.log("meshs",q);let Z=new Xy;De(q,(t=>{Z.add(t)})),z.add(Z),setTimeout((()=>{let t=SA(q),e=t.cs,n=1;t.rd>0&&(n=1/t.rd),De(q,(t=>{let i=t.geometry;i.translate(-e.x,-e.y,-e.z),i.scale(n,n,n);let r=document.createElement("div");r.className="label",r.textContent=t.name,r.style.color=O,r.style.fontFamily=I,r.style.fontSize=k;let o=new mT(r),s=t.geometry.boundingSphere.center;o.position.set(s.x,s.y,s.z),t.add(o)}))}),1);let K=()=>{try{X.render(z,V),$.render(z,V)}catch(t){console.log(t)}};K(),setTimeout((()=>{K()}),100);let J=!1,Q=()=>{if(!J)try{let t=F.getDelta(),e=Y.update(t);if(U){let e=("clockwise"===D?1:-1)*B*yA*t;Y.azimuthAngle+=e}requestAnimationFrame(Q),e&&K()}catch(t){console.log(t)}};Q();return N.render=K,N.resize=()=>{let t=i(n);o=t.w,s=t.h,j=G(o,s),V.aspect=j,V.updateProjectionMatrix(),X.setSize(o,s),$.setSize(o,s),K()},N.dispose=()=>{let t=t=>{t.dispose();for(let e of Object.keys(t)){let n=t[e];n&&"object"==typeof n&&"minFilter"in n&&n.dispose()}};J=!0,Z.traverse((function(t){t.isMesh&&(t.geometry.dispose(),t.material.dispose())})),z.remove(Z),Z=null,l&&(z.remove(H),H.dispose(),H=null),h&&(z.remove(W),W.dispose(),W=null),z.traverse((e=>{if(e.isLight&&e.dispose(),e.isMesh)if(e.geometry.dispose(),e.material.isMaterial)t(e.material);else for(let n of e.material)t(n)})),us(X.domElement),us($.domElement),X.dispose(),X=null,$=null,F=null,Y=null,V=null,z=null},N.setUseAutoRotate=t=>{U=t},N.getMeshsInfor=()=>{let t=Ji(q,(t=>{let e={r:255*gt(t,"material.color.r",0),g:255*gt(t,"material.color.g",0),b:255*gt(t,"material.color.b",0)},n=ml.toRgbString(e),i=gt(t,"material.opacity",1);return{name:t.name,visible:t.visible,color:n,opacity:i}}));return t},N.setMeshVisible=(t,e)=>{if(!ns(gt(q,t)))return null;try{q[t].visible=e}catch(t){console.log(t)}},N.setMeshColor=(t,e)=>{if(!ns(gt(q,t)))return null;try{q[t].material.color.setHex(xA(e))}catch(t){console.log(t)}},N.setViewAngle=(t,e)=>{Hu(Y,"azimuthAngle",t*yA),Hu(Y,"polarAngle",e*yA)},N.getViewAngle=()=>{let t=gt(Y,"azimuthAngle"),e=gt(Y,"polarAngle");return{azimuthAngle:t*bA,polarAngle:e*bA}},N}const MA={directives:{domresize:$o()},components:{},props:{options:{type:Object,default:()=>{}},width:{type:Number,default:400},height:{type:Number,default:400}},data:function(){return{ev:null}},beforeDestroy:function(){this.dispose()},computed:{changeOptions:function(){return this.plot(),""},widthInp:function(){let t=this.width,e=gt(this,"options.width","");return Qe(e)&&(t=tn(e)),t},heightInp:function(){let t=this.height,e=gt(this,"options.height","");return Qe(e)&&(t=tn(e)),t}},methods:{updatePanel:function(t){let e=this;if(null===e.ev)return;let n=gt(e,"ev.resize");Ho(n)&&(n(),e.$emit("resize",t))},plot:function(){let t=this;(async function(){t.dispose(),await Kc((()=>hs(t.$refs.panel)));let e=gt(t,"options.items",[]),n={...t.options,domPanel:t.$refs.panel},i=await wA(e,n);i.on("loading",(e=>{t.$emit("loading",e)})),t.ev=i,setTimeout((()=>{console.log("ev.getMeshsInfor()",i.getMeshsInfor())}),1e3)})().catch((t=>{console.log(t)}))},dispose:function(){let t=this;setTimeout((()=>{if(null===t.ev)return;Ho(gt(t,"ev.dispose"))&&(t.ev.dispose(),t.ev=null)}),1)}}};var TA=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:"display:inline-block; width:"+t.widthInp+"px; min-width:"+t.widthInp+"px; height:"+t.heightInp+"px; overflow-y:hidden;",attrs:{changeOptions:t.changeOptions}},[n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"panel",style:"position:relative; width:"+t.widthInp+"px; height:"+t.heightInp+"px;",on:{domresize:t.updatePanel}})])};TA._withStripped=!0;const AA={components:{demolink:Yc,WPlot3d:ws({render:TA,staticRenderFns:[]},(function(t){t&&t("data-v-7085b903_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",map:{version:3,sources:[],names:[],mappings:"",file:"WPlot3d.vue"},media:void 0})}),MA,"data-v-7085b903",false,undefined,!1,Ts,void 0,void 0)},props:{},data:function(){return{WPlot3d:{option1:{width:600,height:600,items:[{url:"./topo_surface.stl",name:"Surface",color:"#d65c5c",opacity:.9},{url:"./A.stl",name:"A",color:"#d6d65c",opacity:.9},{url:"./B.stl",name:"B",color:"#5cd65c",opacity:.9},{url:"./C.stl",name:"C",color:"#5cd6d6",opacity:.9},{url:"./D.stl",name:"D",color:"#5c5cd6",opacity:.9},{url:"./E.stl",name:"E",color:"#d65cd6",opacity:.9}]}}}},methods:{}};var EA=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-plot-3d",casename:"default"}}),t._v(" "),n("w-plot-3d",{attrs:{options:t.WPlot3d.option1}})],1)])])};EA._withStripped=!0;let CA=t=>{let e=qt(t);return"2-d"===cn(e,3)?e=un(e,3)+"2d":"3-d"===cn(e,3)&&(e=un(e,3)+"3d"),e};var RA={components:{WListHorizontal:Ns,AppZoneWPlot2d:hh,AppZoneWBar:Oh,AppZoneWPie:Wh,AppZoneWRose:Jh,AppZoneWSetOne:Bu,AppZoneWSetMulti:zu,AppZoneWPlot3d:ws({render:EA,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-geo-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-plot-3d")])])}]},(function(t){t&&t("data-v-8b44cd52_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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPlot3d.vue"},media:void 0})}),AA,"data-v-8b44cd52",false,undefined,!1,Ts,void 0,void 0)},data:function(){return{kebabCaseFix:CA,cmpsL1:[{name:"2d",cmps:[{name:"basic",cmps:[{name:"WPlot2d"},{name:"WBar"},{name:"WPie"},{name:"WRose"}]},{name:"set",cmps:[{name:"WSetOne"},{name:"WSetMulti"}]}]}],indP1:null,cmpP1:null,cmpsL2:null,indP2:null,cmpP2:null,cmpsL3:null,indP3:null,cmpP3:null,cmpsL4:null,cmpPick:""}},mounted:function(){let t=this;t.indP1=0,t.indP2=0,t.indP3=0;let e=function(t){if(!Ne(t))return{};if(!Ne(t=gt(t=In(t,"?"),"[1]")))return{};let e=In(t,"&");return e=Ji(e,(function(t){return In(t,"=")})),e=function(t){for(var e=-1,n=null==t?0:t.length,i={};++e<n;){var r=t[e];i[r[0]]=r[1]}return i}(e),e}(location.href);t.viewPick(gt(e,"cmp",""))},computed:{changeMenus:function(){let t=this;return t.modifyMenus(t.indP1,t.indP2,t.indP3),""},isNarrow:function(){return window.innerWidth<1e3}},methods:{modifyMenus:function(){let t=this,e="";setTimeout((()=>{t.cmpP1=gt(t.cmpsL1,t.indP1,{}),t.cmpsL2=gt(t.cmpP1,"cmps",[]);let n=gt(t.cmpP1,"name","");n&&(e=n)}),50),setTimeout((()=>{let n=gt(t.cmpP1,"cmps",[]);t.cmpP2=gt(n,t.indP2,{}),t.cmpsL3=gt(t.cmpP2,"cmps",[]);let i=gt(t.cmpP2,"name","");i&&(e=i)}),100),setTimeout((()=>{let n=gt(t.cmpP2,"cmps",[]);t.cmpP3=gt(n,t.indP3,{}),t.cmpsL4=gt(t.cmpP3,"cmps",[]);let i=gt(t.cmpP3,"name","");i&&(e=i),t.cmpPick=e}),150)},getInd:function(t,e){let n=-1;return De(e,((e,i)=>{if(t.name===e.name)return n=i,!1})),n},viewPick:function(t){let e=this,n=CA(t),i="",r=[],o=t=>{De(t,((t,e)=>{r.push(e);let s=gt(t,"name",""),a=CA(s),l=gt(t,"cmps",[]);r.join("."),a===n&&(i=JSON.parse(JSON.stringify(r))),l.length>0&&o(l),r.pop()}))};o(e.cmpsL1),e.indP1=gt(i,0,0),e.indP2=gt(i,1,0),e.indP3=gt(i,2,0)}}};const PA=RA;var LA=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeMenus:t.changeMenus}},[t.isNarrow?t._e():[n("a",{staticClass:"github-corner",staticStyle:{position:"fixed",top:"0",right:"0",border:"0","z-index":"10000"},attrs:{href:"https://github.com/yuda-lyu/w-plot-vue","aria-label":"View source on GitHub",target:"_blank",rel:"noreferrer noopener"}},[n("svg",{staticStyle:{fill:"rgba(0,0,0,0.25)",color:"#fff",position:"absolute",top:"0",border:"0",right:"0"},attrs:{width:"80",height:"80",viewBox:"0 0 250 250","aria-hidden":"true"}},[n("path",{attrs:{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}}),n("path",{staticClass:"octo-arm",staticStyle:{"transform-origin":"130px 106px"},attrs:{d:"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",fill:"currentColor"}}),n("path",{staticClass:"octo-body",attrs:{d:"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",fill:"currentColor"}})])])],t._v(" "),n("div",{staticStyle:{background:"#f5f5f5"}},[t.cmpsL1&&t.cmpsL1.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("WListHorizontal",{attrs:{items:t.cmpsL1,itemActive:t.cmpP1,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP1=e},function(e){t.indP3=0,t.indP2=0,t.indP1=t.getInd(e,t.cmpsL1)}],"update:item-active":function(e){t.cmpP1=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e(),t._v(" "),t.cmpsL2&&t.cmpsL2.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("div",{staticStyle:{height:"3px",background:"#fff"}}),t._v(" "),n("WListHorizontal",{attrs:{items:t.cmpsL2,itemActive:t.cmpP2,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP2=e},function(e){t.indP3=0,t.indP2=t.getInd(e,t.cmpsL2)}],"update:item-active":function(e){t.cmpP2=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e(),t._v(" "),t.cmpsL3&&t.cmpsL3.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("div",{staticStyle:{height:"3px",background:"#fff"}}),t._v(" "),n("WListHorizontal",{attrs:{items:t.cmpsL3,itemActive:t.cmpP3,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP3=e},function(e){t.indP3=t.getInd(e,t.cmpsL3)}],"update:item-active":function(e){t.cmpP3=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e()]),t._v(" "),n("div",["WPlot2d"===t.cmpPick?n("AppZoneWPlot2d"):t._e(),t._v(" "),"WBar"===t.cmpPick?n("AppZoneWBar"):t._e(),t._v(" "),"WPie"===t.cmpPick?n("AppZoneWPie"):t._e(),t._v(" "),"WRose"===t.cmpPick?n("AppZoneWRose"):t._e(),t._v(" "),"WSetOne"===t.cmpPick?n("AppZoneWSetOne"):t._e(),t._v(" "),"WSetMulti"===t.cmpPick?n("AppZoneWSetMulti"):t._e(),t._v(" "),"WPlot3d"===t.cmpPick?n("AppZoneWPlot3d"):t._e()],1)],2)};LA._withStripped=!0;return ws({render:LA,staticRenderFns:[]},(function(t){t&&t("data-v-6548f1af_0",{source:"\n.head1 {\n    padding: 0px 0px 20px 0px;\n    font-size: 2.5rem;\n}\n.bkh { /* 寬 */\n    padding:20px;\n}\n@media screen and (max-width:800px){ /* 中 */\n.bkh {\n        padding:10px;\n}\n}\n@media screen and (max-width:400px){ /* 窄 */\n.bkh {\n        padding:5px;\n}\n}\n.bk { /* 寬 */\n    display: inline-block;\n    vertical-align: top;\n    padding: 0px 80px 60px 0px;\n}\n@media screen and (max-width:1000px){ /* 中窄 */\n.bk {\n        display: block;\n        padding: 0px 0px 50px 0px;\n}\n}\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-106-3-w-plot-vue\\w-plot-vue\\src\\App.vue"],names:[],mappings:";AAkWA;IACA,yBAAA;IACA,iBAAA;AACA;AACA,OAAA,MAAA;IACA,YAAA;AACA;AACA,qCAAA,MAAA;AACA;QACA,YAAA;AACA;AACA;AACA,qCAAA,MAAA;AACA;QACA,WAAA;AACA;AACA;AACA,MAAA,MAAA;IACA,qBAAA;IACA,mBAAA;IACA,0BAAA;AACA;AACA,sCAAA,OAAA;AACA;QACA,cAAA;QACA,yBAAA;AACA;AACA",file:"App.vue",sourcesContent:["<template>\n    <div\n        style=\"\"\n        :changeMenus=\"changeMenus\"\n    >\n\n\n        <template v-if=\"!isNarrow\">\n            <a href=\"https://github.com/yuda-lyu/w-plot-vue\" class=\"github-corner\" style=\"position:fixed; top:0; right:0; border:0; z-index:10000;\" aria-label=\"View source on GitHub\" target=\"_blank\" rel=\"noreferrer noopener\">\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 250 250\" style=\"fill:rgba(0,0,0,0.25); color:#fff; position: absolute; top: 0; border: 0; right: 0;\" aria-hidden=\"true\"><path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path><path d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\" fill=\"currentColor\" style=\"transform-origin: 130px 106px;\" class=\"octo-arm\"></path><path d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\" fill=\"currentColor\" class=\"octo-body\"></path></svg>\n            </a>\n        </template>\n\n\n        <div style=\"background:#f5f5f5;\">\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL1 && cmpsL1.length>0\">\n                <WListHorizontal\n                    :items=\"cmpsL1\"\n                    :itemActive.sync=\"cmpP1\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=0;indP1=getInd(v,cmpsL1)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL2 && cmpsL2.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL2\"\n                    :itemActive.sync=\"cmpP2\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=getInd(v,cmpsL2)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL3 && cmpsL3.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL3\"\n                    :itemActive.sync=\"cmpP3\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=getInd(v,cmpsL3)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n        </div>\n\n\n        <div>\n\n            <AppZoneWPlot2d v-if=\"cmpPick==='WPlot2d'\"></AppZoneWPlot2d>\n\n            <AppZoneWBar v-if=\"cmpPick==='WBar'\"></AppZoneWBar>\n\n            <AppZoneWPie v-if=\"cmpPick==='WPie'\"></AppZoneWPie>\n\n            <AppZoneWRose v-if=\"cmpPick==='WRose'\"></AppZoneWRose>\n\n            <AppZoneWSetOne v-if=\"cmpPick==='WSetOne'\"></AppZoneWSetOne>\n\n            <AppZoneWSetMulti v-if=\"cmpPick==='WSetMulti'\"></AppZoneWSetMulti>\n\n            <AppZoneWPlot3d v-if=\"cmpPick==='WPlot3d'\"></AppZoneWPlot3d>\n\n        </div>\n\n\n    </div>\n</template>\n\n<script>\nimport get from 'lodash-es/get.js'\nimport kebabCase from 'lodash-es/kebabCase.js'\nimport each from 'lodash-es/each.js'\n// import cloneDeep from 'lodash-es/cloneDeep.js'\nimport strright from 'wsemi/src/strright.mjs'\nimport strdelright from 'wsemi/src/strdelright.mjs'\nimport urlParse from 'wsemi/src/urlParse.mjs'\nimport WListHorizontal from 'w-component-vue/src/components/WListHorizontal.vue'\nimport AppZoneWPlot2d from './AppZoneWPlot2d.vue'\nimport AppZoneWBar from './AppZoneWBar.vue'\nimport AppZoneWPie from './AppZoneWPie.vue'\nimport AppZoneWRose from './AppZoneWRose.vue'\nimport AppZoneWSetOne from './AppZoneWSetOne.vue'\nimport AppZoneWSetMulti from './AppZoneWSetMulti.vue'\nimport AppZoneWPlot3d from './AppZoneWPlot3d.vue'\n\n\nlet kebabCaseFix = (c) => {\n    let r = kebabCase(c)\n    if (strright(r, 3) === '2-d') {\n        r = strdelright(r, 3) + '2d'\n    }\n    else if (strright(r, 3) === '3-d') {\n        r = strdelright(r, 3) + '3d'\n    }\n    return r\n}\n\n\nexport default {\n    components: {\n        WListHorizontal,\n        AppZoneWPlot2d,\n        AppZoneWBar,\n        AppZoneWPie,\n        AppZoneWRose,\n        AppZoneWSetOne,\n        AppZoneWSetMulti,\n        AppZoneWPlot3d,\n    },\n    data: function() {\n        let cmps = [\n            {\n                name: '2d',\n                cmps: [\n                    {\n                        name: 'basic',\n                        cmps: [\n                            { name: 'WPlot2d', },\n                            { name: 'WBar', },\n                            { name: 'WPie', },\n                            { name: 'WRose', },\n                        ],\n                    },\n                    {\n                        name: 'set',\n                        cmps: [\n                            { name: 'WSetOne', },\n                            { name: 'WSetMulti', },\n                            // {\n                            //     name: 'VTest',\n                            //     cmps: [\n                            //         { name: 'VTest1', },\n                            //         { name: 'VTest2', },\n                            //         { name: 'VTest3', },\n                            //     ],\n                            // },\n                        ],\n                    },\n                ],\n            },\n            // {\n            //     name: '3d',\n            //     cmps: [\n            //         { name: 'WPlot3d', },\n            //     ],\n            // },\n        ]\n        return {\n            kebabCaseFix,\n\n            cmpsL1: cmps,\n            indP1: null,\n            cmpP1: null,\n\n            cmpsL2: null,\n            indP2: null,\n            cmpP2: null,\n\n            cmpsL3: null,\n            indP3: null,\n            cmpP3: null,\n\n            cmpsL4: null,\n\n            cmpPick: '',\n\n        }\n    },\n    mounted: function() {\n        let vo = this\n\n        //default\n        vo.indP1 = 0\n        vo.indP2 = 0\n        vo.indP3 = 0\n\n        //urlParse, http://localhost:8080/?cmp=w-set-multi\n        let p = urlParse(location.href)\n        // console.log('p', p)\n\n        //viewPick\n        vo.viewPick(get(p, 'cmp', ''))\n\n    },\n    computed: {\n\n        changeMenus: function() {\n            let vo = this\n            vo.modifyMenus(vo.indP1, vo.indP2, vo.indP3)\n            return ''\n        },\n\n        isNarrow: function() {\n            return window.innerWidth < 1000\n        },\n\n    },\n    methods: {\n\n        modifyMenus: function() {\n            let vo = this\n\n            let cmpPick = ''\n\n            setTimeout(() => {\n\n                // console.log('call P1')\n                vo.cmpP1 = get(vo.cmpsL1, vo.indP1, {})\n                vo.cmpsL2 = get(vo.cmpP1, `cmps`, [])\n                let _cmpPick = get(vo.cmpP1, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP1', cloneDeep(vo.cmpP1))\n                // console.log('vo.cmpsL2', cloneDeep(vo.cmpsL2))\n\n            }, 50)\n\n            setTimeout(() => {\n\n                // console.log('call P2')\n                let cmps = get(vo.cmpP1, `cmps`, [])\n                vo.cmpP2 = get(cmps, vo.indP2, {})\n                vo.cmpsL3 = get(vo.cmpP2, `cmps`, [])\n                let _cmpPick = get(vo.cmpP2, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP2', cloneDeep(vo.cmpP2))\n                // console.log('vo.cmpsL3', cloneDeep(vo.cmpsL3))\n\n            }, 100)\n\n            setTimeout(() => {\n\n                // console.log('call P3')\n                let cmps = get(vo.cmpP2, `cmps`, [])\n                vo.cmpP3 = get(cmps, vo.indP3, {})\n                vo.cmpsL4 = get(vo.cmpP3, `cmps`, [])\n                let _cmpPick = get(vo.cmpP3, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP3', cloneDeep(vo.cmpP3))\n                // console.log('vo.cmpsL4', cloneDeep(vo.cmpsL4))\n\n                //update\n                vo.cmpPick = cmpPick\n                // console.log('cmpPick', cmpPick)\n\n            }, 150)\n\n        },\n\n        getInd: function(item, items) {\n            // let vo = this\n            let ind = -1\n            each(items, (v, k) => {\n                if (item.name === v.name) {\n                    ind = k\n                    return false //跳出\n                }\n            })\n            return ind\n        },\n\n        viewPick: function(cmpPick) {\n            let vo = this\n            let _cmpPick = kebabCaseFix(cmpPick)\n            let r = ''\n            let rs = []\n            let ls = []\n            let pv = (ts) => {\n                each(ts, (v, k) => {\n                    ls.push(k)\n\n                    //name, _name\n                    let name = get(v, `name`, '')\n                    let _name = kebabCaseFix(name)\n\n                    //cmps\n                    let cmps = get(v, `cmps`, [])\n\n                    //push\n                    let cls = ls.join('.')\n                    let b = _name === _cmpPick\n                    rs.push({\n                        cls,\n                        name,\n                        b,\n                    })\n\n                    //save\n                    if (b) {\n                        r = JSON.parse(JSON.stringify(ls))\n                    }\n\n                    //遞迴pv\n                    if (cmps.length > 0) {\n                        pv(cmps)\n                    }\n\n                    ls.pop()\n                })\n            }\n            pv(vo.cmpsL1)\n            // console.log('rs', rs)\n            // console.log('r', r)\n            vo.indP1 = get(r, 0, 0)\n            vo.indP2 = get(r, 1, 0)\n            vo.indP3 = get(r, 2, 0)\n        },\n\n    },\n}\n<\/script>\n\n<style>\n.head1 {\n    padding: 0px 0px 20px 0px;\n    font-size: 2.5rem;\n}\n.bkh { /* 寬 */\n    padding:20px;\n}\n@media screen and (max-width:800px){ /* 中 */\n    .bkh {\n        padding:10px;\n    }\n}\n@media screen and (max-width:400px){ /* 窄 */\n    .bkh {\n        padding:5px;\n    }\n}\n.bk { /* 寬 */\n    display: inline-block;\n    vertical-align: top;\n    padding: 0px 80px 60px 0px;\n}\n@media screen and (max-width:1000px){ /* 中窄 */\n    .bk {\n        display: block;\n        padding: 0px 0px 50px 0px;\n    }\n}\n</style>\n"]},media:void 0})}),PA,undefined,false,undefined,!1,Ts,void 0,void 0)}));
 //# sourceMappingURL=app.umd.js.map