npm - w-plot-vue - Versions diffs - 1.0.3 → 1.0.4 - Mend

w-plot-vue 1.0.3 → 1.0.4

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 (119) hide show

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

@@ -1,7 +1,7 @@
 /*!
- * app v1.0.3
+ * app v1.0.4
  * (c) 2018-2021 yuda-lyu(semisphere)
  * Released under the MIT License.
  */
-!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(n="undefined"!=typeof globalThis?globalThis:n||self).app=e(n.Vue)}(this,(function(n){"use strict";var e=Array.isArray,t="object"==typeof global&&global&&global.Object===Object&&global,r="object"==typeof self&&self&&self.Object===Object&&self,o=t||r||Function("return this")(),i=o.Symbol,a=Object.prototype,l=a.hasOwnProperty,s=a.toString,c=i?i.toStringTag:void 0;var u=Object.prototype.toString;var d="[object Null]",f="[object Undefined]",p=i?i.toStringTag:void 0;function h(n){return null==n?void 0===n?f:d:p&&p in Object(n)?function(n){var e=l.call(n,c),t=n[c];try{n[c]=void 0;var r=!0}catch(n){}var o=s.call(n);return r&&(e?n[c]=t:delete n[c]),o}(n):function(n){return u.call(n)}(n)}function m(n){return null!=n&&"object"==typeof n}var g="[object Symbol]";function v(n){return"symbol"==typeof n||m(n)&&h(n)==g}var b=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,y=/^\w*$/;function w(n,t){if(e(n))return!1;var r=typeof n;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=n&&!v(n))||(y.test(n)||!b.test(n)||null!=t&&n in Object(t))}function k(n){var e=typeof n;return null!=n&&("object"==e||"function"==e)}var x="[object AsyncFunction]",C="[object Function]",S="[object GeneratorFunction]",A="[object Proxy]";function _(n){if(!k(n))return!1;var e=h(n);return e==C||e==S||e==x||e==A}var T,B=o["__core-js_shared__"],W=(T=/[^.]+$/.exec(B&&B.keys&&B.keys.IE_PROTO||""))?"Symbol(src)_1."+T:"";var I=Function.prototype.toString;function P(n){if(null!=n){try{return I.call(n)}catch(n){}try{return n+""}catch(n){}}return""}var j=/^\[object .+?Constructor\]$/,O=Function.prototype,E=Object.prototype,L=O.toString,z=E.hasOwnProperty,F=RegExp("^"+L.call(z).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function R(n){return!(!k(n)||(e=n,W&&W in e))&&(_(n)?F:j).test(P(n));var e}function H(n,e){var t=function(n,e){return null==n?void 0:n[e]}(n,e);return R(t)?t:void 0}var $=H(Object,"create");var M=Object.prototype.hasOwnProperty;var D=Object.prototype.hasOwnProperty;function U(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}function N(n,e){return n===e||n!=n&&e!=e}function V(n,e){for(var t=n.length;t--;)if(N(n[t][0],e))return t;return-1}U.prototype.clear=function(){this.__data__=$?$(null):{},this.size=0},U.prototype.delete=function(n){var e=this.has(n)&&delete this.__data__[n];return this.size-=e?1:0,e},U.prototype.get=function(n){var e=this.__data__;if($){var t=e[n];return"__lodash_hash_undefined__"===t?void 0:t}return M.call(e,n)?e[n]:void 0},U.prototype.has=function(n){var e=this.__data__;return $?void 0!==e[n]:D.call(e,n)},U.prototype.set=function(n,e){var t=this.__data__;return this.size+=this.has(n)?0:1,t[n]=$&&void 0===e?"__lodash_hash_undefined__":e,this};var Z=Array.prototype.splice;function K(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}K.prototype.clear=function(){this.__data__=[],this.size=0},K.prototype.delete=function(n){var e=this.__data__,t=V(e,n);return!(t<0)&&(t==e.length-1?e.pop():Z.call(e,t,1),--this.size,!0)},K.prototype.get=function(n){var e=this.__data__,t=V(e,n);return t<0?void 0:e[t][1]},K.prototype.has=function(n){return V(this.__data__,n)>-1},K.prototype.set=function(n,e){var t=this.__data__,r=V(t,n);return r<0?(++this.size,t.push([n,e])):t[r][1]=e,this};var G=H(o,"Map");function Y(n,e){var t,r,o=n.__data__;return("string"==(r=typeof(t=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==t:null===t)?o["string"==typeof e?"string":"hash"]:o.map}function q(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}q.prototype.clear=function(){this.size=0,this.__data__={hash:new U,map:new(G||K),string:new U}},q.prototype.delete=function(n){var e=Y(this,n).delete(n);return this.size-=e?1:0,e},q.prototype.get=function(n){return Y(this,n).get(n)},q.prototype.has=function(n){return Y(this,n).has(n)},q.prototype.set=function(n,e){var t=Y(this,n),r=t.size;return t.set(n,e),this.size+=t.size==r?0:1,this};var X="Expected a function";function Q(n,e){if("function"!=typeof n||null!=e&&"function"!=typeof e)throw new TypeError(X);var t=function(){var r=arguments,o=e?e.apply(this,r):r[0],i=t.cache;if(i.has(o))return i.get(o);var a=n.apply(this,r);return t.cache=i.set(o,a)||i,a};return t.cache=new(Q.Cache||q),t}Q.Cache=q;var J,nn,en,tn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,rn=/\\(\\)?/g,on=(J=function(n){var e=[];return 46===n.charCodeAt(0)&&e.push(""),n.replace(tn,(function(n,t,r,o){e.push(r?o.replace(rn,"$1"):t||n)})),e},nn=Q(J,(function(n){return 500===en.size&&en.clear(),n})),en=nn.cache,nn),an=on;function ln(n,e){for(var t=-1,r=null==n?0:n.length,o=Array(r);++t<r;)o[t]=e(n[t],t,n);return o}var sn=1/0,cn=i?i.prototype:void 0,un=cn?cn.toString:void 0;function dn(n){if("string"==typeof n)return n;if(e(n))return ln(n,dn)+"";if(v(n))return un?un.call(n):"";var t=n+"";return"0"==t&&1/n==-sn?"-0":t}function fn(n){return null==n?"":dn(n)}function pn(n,t){return e(n)?n:w(n,t)?[n]:an(fn(n))}var hn=1/0;function mn(n){if("string"==typeof n||v(n))return n;var e=n+"";return"0"==e&&1/n==-hn?"-0":e}function gn(n,e){for(var t=0,r=(e=pn(e,n)).length;null!=n&&t<r;)n=n[mn(e[t++])];return t&&t==r?n:void 0}function vn(n,e,t){var r=null==n?void 0:gn(n,e);return void 0===r?t:r}var bn,yn=(bn={"À":"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(n){return null==bn?void 0:bn[n]}),wn=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,kn=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var xn=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Cn=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var Sn="\\ud800-\\udfff",An="\\u2700-\\u27bf",_n="a-z\\xdf-\\xf6\\xf8-\\xff",Tn="A-Z\\xc0-\\xd6\\xd8-\\xde",Bn="\\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",Wn="["+Bn+"]",In="\\d+",Pn="["+An+"]",jn="["+_n+"]",On="[^"+Sn+Bn+In+An+_n+Tn+"]",En="(?:\\ud83c[\\udde6-\\uddff]){2}",Ln="[\\ud800-\\udbff][\\udc00-\\udfff]",zn="["+Tn+"]",Fn="(?:"+jn+"|"+On+")",Rn="(?:"+zn+"|"+On+")",Hn="(?:['’](?:d|ll|m|re|s|t|ve))?",$n="(?:['’](?:D|LL|M|RE|S|T|VE))?",Mn="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",Dn="[\\ufe0e\\ufe0f]?",Un=Dn+Mn+("(?:\\u200d(?:"+["[^"+Sn+"]",En,Ln].join("|")+")"+Dn+Mn+")*"),Nn="(?:"+[Pn,En,Ln].join("|")+")"+Un,Vn=RegExp([zn+"?"+jn+"+"+Hn+"(?="+[Wn,zn,"$"].join("|")+")",Rn+"+"+$n+"(?="+[Wn,zn+Fn,"$"].join("|")+")",zn+"?"+Fn+"+"+Hn,zn+"+"+$n,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",In,Nn].join("|"),"g");function Zn(n,e,t){return n=fn(n),void 0===(e=t?void 0:e)?function(n){return Cn.test(n)}(n)?function(n){return n.match(Vn)||[]}(n):function(n){return n.match(xn)||[]}(n):n.match(e)||[]}var Kn=RegExp("['’]","g");function Gn(n){return function(e){return function(n,e,t,r){var o=-1,i=null==n?0:n.length;for(r&&i&&(t=n[++o]);++o<i;)t=e(t,n[o],o,n);return t}(Zn(function(n){return(n=fn(n))&&n.replace(wn,yn).replace(kn,"")}(e).replace(Kn,"")),n,"")}}var Yn=Gn((function(n,e,t){return n+(t?"-":"")+e.toLowerCase()})),qn=Yn;function Xn(n,e){for(var t=-1,r=null==n?0:n.length;++t<r&&!1!==e(n[t],t,n););return n}var Qn,Jn=function(n,e,t){for(var r=-1,o=Object(n),i=t(n),a=i.length;a--;){var l=i[Qn?a:++r];if(!1===e(o[l],l,o))break}return n},ne=Jn;function ee(n){return m(n)&&"[object Arguments]"==h(n)}var te=Object.prototype,re=te.hasOwnProperty,oe=te.propertyIsEnumerable,ie=ee(function(){return arguments}())?ee:function(n){return m(n)&&re.call(n,"callee")&&!oe.call(n,"callee")},ae=ie;var le="object"==typeof exports&&exports&&!exports.nodeType&&exports,se=le&&"object"==typeof module&&module&&!module.nodeType&&module,ce=se&&se.exports===le?o.Buffer:void 0,ue=(ce?ce.isBuffer:void 0)||function(){return!1},de=9007199254740991,fe=/^(?:0|[1-9]\d*)$/;function pe(n,e){var t=typeof n;return!!(e=null==e?de:e)&&("number"==t||"symbol"!=t&&fe.test(n))&&n>-1&&n%1==0&&n<e}var he=9007199254740991;function me(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=he}var ge={};function ve(n){return function(e){return n(e)}}ge["[object Float32Array]"]=ge["[object Float64Array]"]=ge["[object Int8Array]"]=ge["[object Int16Array]"]=ge["[object Int32Array]"]=ge["[object Uint8Array]"]=ge["[object Uint8ClampedArray]"]=ge["[object Uint16Array]"]=ge["[object Uint32Array]"]=!0,ge["[object Arguments]"]=ge["[object Array]"]=ge["[object ArrayBuffer]"]=ge["[object Boolean]"]=ge["[object DataView]"]=ge["[object Date]"]=ge["[object Error]"]=ge["[object Function]"]=ge["[object Map]"]=ge["[object Number]"]=ge["[object Object]"]=ge["[object RegExp]"]=ge["[object Set]"]=ge["[object String]"]=ge["[object WeakMap]"]=!1;var be="object"==typeof exports&&exports&&!exports.nodeType&&exports,ye=be&&"object"==typeof module&&module&&!module.nodeType&&module,we=ye&&ye.exports===be&&t.process,ke=function(){try{var n=ye&&ye.require&&ye.require("util").types;return n||we&&we.binding&&we.binding("util")}catch(n){}}(),xe=ke&&ke.isTypedArray,Ce=xe?ve(xe):function(n){return m(n)&&me(n.length)&&!!ge[h(n)]},Se=Object.prototype.hasOwnProperty;function Ae(n,t){var r=e(n),o=!r&&ae(n),i=!r&&!o&&ue(n),a=!r&&!o&&!i&&Ce(n),l=r||o||i||a,s=l?function(n,e){for(var t=-1,r=Array(n);++t<n;)r[t]=e(t);return r}(n.length,String):[],c=s.length;for(var u in n)!t&&!Se.call(n,u)||l&&("length"==u||i&&("offset"==u||"parent"==u)||a&&("buffer"==u||"byteLength"==u||"byteOffset"==u)||pe(u,c))||s.push(u);return s}var _e=Object.prototype;function Te(n){var e=n&&n.constructor;return n===("function"==typeof e&&e.prototype||_e)}function Be(n,e){return function(t){return n(e(t))}}var We=Be(Object.keys,Object),Ie=Object.prototype.hasOwnProperty;function Pe(n){if(!Te(n))return We(n);var e=[];for(var t in Object(n))Ie.call(n,t)&&"constructor"!=t&&e.push(t);return e}function je(n){return null!=n&&me(n.length)&&!_(n)}function Oe(n){return je(n)?Ae(n):Pe(n)}var Ee=function(n,e){return function(t,r){if(null==t)return t;if(!je(t))return n(t,r);for(var o=t.length,i=e?o:-1,a=Object(t);(e?i--:++i<o)&&!1!==r(a[i],i,a););return t}}((function(n,e){return n&&ne(n,e,Oe)})),Le=Ee;function ze(n){return n}function Fe(n,t){var r;return(e(n)?Xn:Le)(n,"function"==typeof(r=t)?r:ze)}function Re(n,e,t){var r=-1,o=n.length;e<0&&(e=-e>o?0:o+e),(t=t>o?o:t)<0&&(t+=o),o=e>t?0:t-e>>>0,e>>>=0;for(var i=Array(o);++r<o;)i[r]=n[r+e];return i}function He(n,e,t){var r=n.length;return t=void 0===t?r:t,!e&&t>=r?n:Re(n,e,t)}var $e=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");function Me(n){return $e.test(n)}function De(n,e,t){if(!k(t))return!1;var r=typeof e;return!!("number"==r?je(t)&&pe(e,t.length):"string"==r&&e in t)&&N(t[e],n)}var Ue=ke&&ke.isRegExp,Ne=Ue?ve(Ue):function(n){return m(n)&&"[object RegExp]"==h(n)};var Ve="\\ud800-\\udfff",Ze="["+Ve+"]",Ke="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Ge="\\ud83c[\\udffb-\\udfff]",Ye="[^"+Ve+"]",qe="(?:\\ud83c[\\udde6-\\uddff]){2}",Xe="[\\ud800-\\udbff][\\udc00-\\udfff]",Qe="(?:"+Ke+"|"+Ge+")"+"?",Je="[\\ufe0e\\ufe0f]?",nt=Je+Qe+("(?:\\u200d(?:"+[Ye,qe,Xe].join("|")+")"+Je+Qe+")*"),et="(?:"+[Ye+Ke+"?",Ke,qe,Xe,Ze].join("|")+")",tt=RegExp(Ge+"(?="+Ge+")|"+et+nt,"g");function rt(n){return Me(n)?function(n){return n.match(tt)||[]}(n):function(n){return n.split("")}(n)}var ot=4294967295;function it(n,e,t){return t&&"number"!=typeof t&&De(n,e,t)&&(e=t=void 0),(t=void 0===t?ot:t>>>0)?(n=fn(n))&&("string"==typeof e||null!=e&&!Ne(e))&&!(e=dn(e))&&Me(n)?He(rt(n),0,t):n.split(e,t):[]}function at(n){var e=this.__data__=new K(n);this.size=e.size}at.prototype.clear=function(){this.__data__=new K,this.size=0},at.prototype.delete=function(n){var e=this.__data__,t=e.delete(n);return this.size=e.size,t},at.prototype.get=function(n){return this.__data__.get(n)},at.prototype.has=function(n){return this.__data__.has(n)},at.prototype.set=function(n,e){var t=this.__data__;if(t instanceof K){var r=t.__data__;if(!G||r.length<199)return r.push([n,e]),this.size=++t.size,this;t=this.__data__=new q(r)}return t.set(n,e),this.size=t.size,this};function lt(n){var e=-1,t=null==n?0:n.length;for(this.__data__=new q;++e<t;)this.add(n[e])}function st(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(e(n[t],t,n))return!0;return!1}function ct(n,e){return n.has(e)}lt.prototype.add=lt.prototype.push=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this},lt.prototype.has=function(n){return this.__data__.has(n)};var ut=1,dt=2;function ft(n,e,t,r,o,i){var a=t&ut,l=n.length,s=e.length;if(l!=s&&!(a&&s>l))return!1;var c=i.get(n),u=i.get(e);if(c&&u)return c==e&&u==n;var d=-1,f=!0,p=t&dt?new lt:void 0;for(i.set(n,e),i.set(e,n);++d<l;){var h=n[d],m=e[d];if(r)var g=a?r(m,h,d,e,n,i):r(h,m,d,n,e,i);if(void 0!==g){if(g)continue;f=!1;break}if(p){if(!st(e,(function(n,e){if(!ct(p,e)&&(h===n||o(h,n,t,r,i)))return p.push(e)}))){f=!1;break}}else if(h!==m&&!o(h,m,t,r,i)){f=!1;break}}return i.delete(n),i.delete(e),f}var pt=o.Uint8Array;function ht(n){var e=-1,t=Array(n.size);return n.forEach((function(n,r){t[++e]=[r,n]})),t}function mt(n){var e=-1,t=Array(n.size);return n.forEach((function(n){t[++e]=n})),t}var gt=1,vt=2,bt="[object Boolean]",yt="[object Date]",wt="[object Error]",kt="[object Map]",xt="[object Number]",Ct="[object RegExp]",St="[object Set]",At="[object String]",_t="[object Symbol]",Tt="[object ArrayBuffer]",Bt="[object DataView]",Wt=i?i.prototype:void 0,It=Wt?Wt.valueOf:void 0;function Pt(n,e){for(var t=-1,r=e.length,o=n.length;++t<r;)n[o+t]=e[t];return n}function jt(n,t,r){var o=t(n);return e(n)?o:Pt(o,r(n))}function Ot(n,e){for(var t=-1,r=null==n?0:n.length,o=0,i=[];++t<r;){var a=n[t];e(a,t,n)&&(i[o++]=a)}return i}function Et(){return[]}var Lt=Object.prototype.propertyIsEnumerable,zt=Object.getOwnPropertySymbols,Ft=zt?function(n){return null==n?[]:(n=Object(n),Ot(zt(n),(function(e){return Lt.call(n,e)})))}:Et,Rt=Ft;function Ht(n){return jt(n,Oe,Rt)}var $t=1,Mt=Object.prototype.hasOwnProperty;var Dt=H(o,"DataView"),Ut=H(o,"Promise"),Nt=H(o,"Set"),Vt=H(o,"WeakMap"),Zt="[object Map]",Kt="[object Promise]",Gt="[object Set]",Yt="[object WeakMap]",qt="[object DataView]",Xt=P(Dt),Qt=P(G),Jt=P(Ut),nr=P(Nt),er=P(Vt),tr=h;(Dt&&tr(new Dt(new ArrayBuffer(1)))!=qt||G&&tr(new G)!=Zt||Ut&&tr(Ut.resolve())!=Kt||Nt&&tr(new Nt)!=Gt||Vt&&tr(new Vt)!=Yt)&&(tr=function(n){var e=h(n),t="[object Object]"==e?n.constructor:void 0,r=t?P(t):"";if(r)switch(r){case Xt:return qt;case Qt:return Zt;case Jt:return Kt;case nr:return Gt;case er:return Yt}return e});var rr=tr,or=1,ir="[object Arguments]",ar="[object Array]",lr="[object Object]",sr=Object.prototype.hasOwnProperty;function cr(n,t,r,o,i,a){var l=e(n),s=e(t),c=l?ar:rr(n),u=s?ar:rr(t),d=(c=c==ir?lr:c)==lr,f=(u=u==ir?lr:u)==lr,p=c==u;if(p&&ue(n)){if(!ue(t))return!1;l=!0,d=!1}if(p&&!d)return a||(a=new at),l||Ce(n)?ft(n,t,r,o,i,a):function(n,e,t,r,o,i,a){switch(t){case Bt:if(n.byteLength!=e.byteLength||n.byteOffset!=e.byteOffset)return!1;n=n.buffer,e=e.buffer;case Tt:return!(n.byteLength!=e.byteLength||!i(new pt(n),new pt(e)));case bt:case yt:case xt:return N(+n,+e);case wt:return n.name==e.name&&n.message==e.message;case Ct:case At:return n==e+"";case kt:var l=ht;case St:var s=r&gt;if(l||(l=mt),n.size!=e.size&&!s)return!1;var c=a.get(n);if(c)return c==e;r|=vt,a.set(n,e);var u=ft(l(n),l(e),r,o,i,a);return a.delete(n),u;case _t:if(It)return It.call(n)==It.call(e)}return!1}(n,t,c,r,o,i,a);if(!(r&or)){var h=d&&sr.call(n,"__wrapped__"),m=f&&sr.call(t,"__wrapped__");if(h||m){var g=h?n.value():n,v=m?t.value():t;return a||(a=new at),i(g,v,r,o,a)}}return!!p&&(a||(a=new at),function(n,e,t,r,o,i){var a=t&$t,l=Ht(n),s=l.length;if(s!=Ht(e).length&&!a)return!1;for(var c=s;c--;){var u=l[c];if(!(a?u in e:Mt.call(e,u)))return!1}var d=i.get(n),f=i.get(e);if(d&&f)return d==e&&f==n;var p=!0;i.set(n,e),i.set(e,n);for(var h=a;++c<s;){var m=n[u=l[c]],g=e[u];if(r)var v=a?r(g,m,u,e,n,i):r(m,g,u,n,e,i);if(!(void 0===v?m===g||o(m,g,t,r,i):v)){p=!1;break}h||(h="constructor"==u)}if(p&&!h){var b=n.constructor,y=e.constructor;b==y||!("constructor"in n)||!("constructor"in e)||"function"==typeof b&&b instanceof b&&"function"==typeof y&&y instanceof y||(p=!1)}return i.delete(n),i.delete(e),p}(n,t,r,o,i,a))}function ur(n,e,t,r,o){return n===e||(null==n||null==e||!m(n)&&!m(e)?n!=n&&e!=e:cr(n,e,t,r,ur,o))}var dr=1,fr=2;function pr(n){return n==n&&!k(n)}function hr(n,e){return function(t){return null!=t&&(t[n]===e&&(void 0!==e||n in Object(t)))}}function mr(n){var e=function(n){for(var e=Oe(n),t=e.length;t--;){var r=e[t],o=n[r];e[t]=[r,o,pr(o)]}return e}(n);return 1==e.length&&e[0][2]?hr(e[0][0],e[0][1]):function(t){return t===n||function(n,e,t,r){var o=t.length,i=o,a=!r;if(null==n)return!i;for(n=Object(n);o--;){var l=t[o];if(a&&l[2]?l[1]!==n[l[0]]:!(l[0]in n))return!1}for(;++o<i;){var s=(l=t[o])[0],c=n[s],u=l[1];if(a&&l[2]){if(void 0===c&&!(s in n))return!1}else{var d=new at;if(r)var f=r(c,u,s,n,e,d);if(!(void 0===f?ur(u,c,dr|fr,r,d):f))return!1}}return!0}(t,n,e)}}function gr(n,e){return null!=n&&e in Object(n)}function vr(n,t){return null!=n&&function(n,t,r){for(var o=-1,i=(t=pn(t,n)).length,a=!1;++o<i;){var l=mn(t[o]);if(!(a=null!=n&&r(n,l)))break;n=n[l]}return a||++o!=i?a:!!(i=null==n?0:n.length)&&me(i)&&pe(l,i)&&(e(n)||ae(n))}(n,t,gr)}var br=1,yr=2;function wr(n){return function(e){return null==e?void 0:e[n]}}function kr(n){return w(n)?wr(mn(n)):function(n){return function(e){return gn(e,n)}}(n)}function xr(n){return"function"==typeof n?n:null==n?ze:"object"==typeof n?e(n)?(t=n[0],r=n[1],w(t)&&pr(r)?hr(mn(t),r):function(n){var e=vn(n,t);return void 0===e&&e===r?vr(n,t):ur(r,e,br|yr)}):mr(n):kr(n);var t,r}function Cr(n,e){var t=-1,r=je(n)?Array(n.length):[];return Le(n,(function(n,o,i){r[++t]=e(n,o,i)})),r}function Sr(n,t){return(e(n)?ln:Cr)(n,xr(t))}function Ar(n){return"[object String]"===Object.prototype.toString.call(n)}function _r(n){return!(!Ar(n)||""===n)}var Tr="[object String]";var Br=wr("length"),Wr="\\ud800-\\udfff",Ir="["+Wr+"]",Pr="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",jr="\\ud83c[\\udffb-\\udfff]",Or="[^"+Wr+"]",Er="(?:\\ud83c[\\udde6-\\uddff]){2}",Lr="[\\ud800-\\udbff][\\udc00-\\udfff]",zr="(?:"+Pr+"|"+jr+")"+"?",Fr="[\\ufe0e\\ufe0f]?",Rr=Fr+zr+("(?:\\u200d(?:"+[Or,Er,Lr].join("|")+")"+Fr+zr+")*"),Hr="(?:"+[Or+Pr+"?",Pr,Er,Lr,Ir].join("|")+")",$r=RegExp(jr+"(?="+jr+")|"+Hr+Rr,"g");function Mr(n){return Me(n)?function(n){for(var e=$r.lastIndex=0;$r.test(n);)++e;return e}(n):Br(n)}var Dr="[object Map]",Ur="[object Set]";function Nr(n){if(null==n)return 0;if(je(n))return"string"==typeof(t=n)||!e(t)&&m(t)&&h(t)==Tr?Mr(n):n.length;var t,r=rr(n);return r==Dr||r==Ur?n.size:Pe(n).length}function Vr(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(!e(n[t],t,n))return!1;return!0}function Zr(n,e){var t=!0;return Le(n,(function(n,r,o){return t=!!e(n,r,o)})),t}function Kr(n,e){return ur(n,e)}function Gr(n){return"[object Object]"===Object.prototype.toString.call(n)}function Yr(n){return Yr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},Yr(n)}function qr(n){var e=function(n,e){if("object"!=Yr(n)||!n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var r=t.call(n,e||"default");if("object"!=Yr(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}(n,"string");return"symbol"==Yr(e)?e:String(e)}function Xr(n,e,t){return(e=qr(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var Qr=function(){try{var n=H(Object,"defineProperty");return n({},"",{}),n}catch(n){}}(),Jr=Qr;function no(n,e,t){"__proto__"==e&&Jr?Jr(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):n[e]=t}var eo=Object.prototype.hasOwnProperty;function to(n,e,t){var r=n[e];eo.call(n,e)&&N(r,t)&&(void 0!==t||e in n)||no(n,e,t)}function ro(n,e,t,r){var o=!t;t||(t={});for(var i=-1,a=e.length;++i<a;){var l=e[i],s=r?r(t[l],n[l],l,t,n):void 0;void 0===s&&(s=n[l]),o?no(t,l,s):to(t,l,s)}return t}var oo=Object.prototype.hasOwnProperty;function io(n){if(!k(n))return function(n){var e=[];if(null!=n)for(var t in Object(n))e.push(t);return e}(n);var e=Te(n),t=[];for(var r in n)("constructor"!=r||!e&&oo.call(n,r))&&t.push(r);return t}function ao(n){return je(n)?Ae(n,!0):io(n)}var lo="object"==typeof exports&&exports&&!exports.nodeType&&exports,so=lo&&"object"==typeof module&&module&&!module.nodeType&&module,co=so&&so.exports===lo?o.Buffer:void 0,uo=co?co.allocUnsafe:void 0;function fo(n,e){if(e)return n.slice();var t=n.length,r=uo?uo(t):new n.constructor(t);return n.copy(r),r}function po(n,e){var t=-1,r=n.length;for(e||(e=Array(r));++t<r;)e[t]=n[t];return e}var ho=Be(Object.getPrototypeOf,Object),mo=Object.getOwnPropertySymbols?function(n){for(var e=[];n;)Pt(e,Rt(n)),n=ho(n);return e}:Et,go=mo;function vo(n){return jt(n,ao,go)}var bo=Object.prototype.hasOwnProperty;function yo(n){var e=new n.constructor(n.byteLength);return new pt(e).set(new pt(n)),e}var wo=/\w*$/;var ko=i?i.prototype:void 0,xo=ko?ko.valueOf:void 0;function Co(n,e){var t=e?yo(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)}var So="[object Boolean]",Ao="[object Date]",_o="[object Map]",To="[object Number]",Bo="[object RegExp]",Wo="[object Set]",Io="[object String]",Po="[object Symbol]",jo="[object ArrayBuffer]",Oo="[object DataView]",Eo="[object Float32Array]",Lo="[object Float64Array]",zo="[object Int8Array]",Fo="[object Int16Array]",Ro="[object Int32Array]",Ho="[object Uint8Array]",$o="[object Uint8ClampedArray]",Mo="[object Uint16Array]",Do="[object Uint32Array]";function Uo(n,e,t){var r,o=n.constructor;switch(e){case jo:return yo(n);case So:case Ao:return new o(+n);case Oo:return function(n,e){var t=e?yo(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.byteLength)}(n,t);case Eo:case Lo:case zo:case Fo:case Ro:case Ho:case $o:case Mo:case Do:return Co(n,t);case _o:return new o;case To:case Io:return new o(n);case Bo:return function(n){var e=new n.constructor(n.source,wo.exec(n));return e.lastIndex=n.lastIndex,e}(n);case Wo:return new o;case Po:return r=n,xo?Object(xo.call(r)):{}}}var No=Object.create,Vo=function(){function n(){}return function(e){if(!k(e))return{};if(No)return No(e);n.prototype=e;var t=new n;return n.prototype=void 0,t}}(),Zo=Vo;function Ko(n){return"function"!=typeof n.constructor||Te(n)?{}:Zo(ho(n))}var Go=ke&&ke.isMap,Yo=Go?ve(Go):function(n){return m(n)&&"[object Map]"==rr(n)};var qo=ke&&ke.isSet,Xo=qo?ve(qo):function(n){return m(n)&&"[object Set]"==rr(n)},Qo=1,Jo=2,ni=4,ei="[object Arguments]",ti="[object Function]",ri="[object GeneratorFunction]",oi="[object Object]",ii={};function ai(n,t,r,o,i,a){var l,s=t&Qo,c=t&Jo,u=t&ni;if(r&&(l=i?r(n,o,i,a):r(n)),void 0!==l)return l;if(!k(n))return n;var d=e(n);if(d){if(l=function(n){var e=n.length,t=new n.constructor(e);return e&&"string"==typeof n[0]&&bo.call(n,"index")&&(t.index=n.index,t.input=n.input),t}(n),!s)return po(n,l)}else{var f=rr(n),p=f==ti||f==ri;if(ue(n))return fo(n,s);if(f==oi||f==ei||p&&!i){if(l=c||p?{}:Ko(n),!s)return c?function(n,e){return ro(n,go(n),e)}(n,function(n,e){return n&&ro(e,ao(e),n)}(l,n)):function(n,e){return ro(n,Rt(n),e)}(n,function(n,e){return n&&ro(e,Oe(e),n)}(l,n))}else{if(!ii[f])return i?n:{};l=Uo(n,f,s)}}a||(a=new at);var h=a.get(n);if(h)return h;a.set(n,l),Xo(n)?n.forEach((function(e){l.add(ai(e,t,r,e,n,a))})):Yo(n)&&n.forEach((function(e,o){l.set(o,ai(e,t,r,o,n,a))}));var m=d?void 0:(u?c?vo:Ht:c?ao:Oe)(n);return Xn(m||n,(function(e,o){m&&(e=n[o=e]),to(l,o,ai(e,t,r,o,n,a))})),l}ii[ei]=ii["[object Array]"]=ii["[object ArrayBuffer]"]=ii["[object DataView]"]=ii["[object Boolean]"]=ii["[object Date]"]=ii["[object Float32Array]"]=ii["[object Float64Array]"]=ii["[object Int8Array]"]=ii["[object Int16Array]"]=ii["[object Int32Array]"]=ii["[object Map]"]=ii["[object Number]"]=ii[oi]=ii["[object RegExp]"]=ii["[object Set]"]=ii["[object String]"]=ii["[object Symbol]"]=ii["[object Uint8Array]"]=ii["[object Uint8ClampedArray]"]=ii["[object Uint16Array]"]=ii["[object Uint32Array]"]=!0,ii["[object Error]"]=ii[ti]=ii["[object WeakMap]"]=!1;var li=1,si=4;function ci(n){return ai(n,li|si)}var ui=/\s/;var di=/^\s+/;function fi(n){return n?n.slice(0,function(n){for(var e=n.length;e--&&ui.test(n.charAt(e)););return e}(n)+1).replace(di,""):n}var pi=NaN,hi=/^[-+]0x[0-9a-f]+$/i,mi=/^0b[01]+$/i,gi=/^0o[0-7]+$/i,vi=parseInt;function bi(n){if("number"==typeof n)return n;if(v(n))return pi;if(k(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=k(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=fi(n);var t=mi.test(n);return t||gi.test(n)?vi(n.slice(2),t?2:8):hi.test(n)?pi:+n}var yi=1/0,wi=17976931348623157e292;function ki(n){return n?(n=bi(n))===yi||n===-yi?(n<0?-1:1)*wi:n==n?n:0:0===n?n:0}function xi(n){var e=ki(n),t=e%1;return e==e?t?e-t:e:0}function Ci(n){return n!=n}function Si(n){let e=!1;if(_r(n))e=!isNaN(Number(n));else if(function(n){return"[object Number]"===Object.prototype.toString.call(n)}(n)){if(Ci(n))return!1;e=!0}return e}function Ai(n){if(!Si(n))return 0;return ki(n)}function _i(n){return!!Si(n)&&(n=Ai(n),"number"==typeof(e=n)&&e==xi(e));var e}var Ti=o.isFinite,Bi=Math.min;var Wi=function(n){var e=Math[n];return function(n,t){if(n=bi(n),(t=null==t?0:Bi(xi(t),292))&&Ti(n)){var r=(fn(n)+"e").split("e");return+((r=(fn(e(r[0]+"e"+(+r[1]+t)))+"e").split("e"))[0]+"e"+(+r[1]-t))}return e(n)}}("round"),Ii=Wi;function Pi(n){if(!Si(n))return 0;n=Ai(n);let e=Ii(n);return"0"===String(e)?0:e}function ji(n){if(!_i(n))return!1;return Pi(n)>0}function Oi(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var Ei={exports:{}};!function(n){var e=Object.prototype.hasOwnProperty,t="~";function r(){}function o(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,r,i,a){if("function"!=typeof r)throw new TypeError("The listener must be a function");var l=new o(r,i||n,a),s=t?t+e:e;return n._events[s]?n._events[s].fn?n._events[s]=[n._events[s],l]:n._events[s].push(l):(n._events[s]=l,n._eventsCount++),n}function a(n,e){0==--n._eventsCount?n._events=new r:delete n._events[e]}function l(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(t=!1)),l.prototype.eventNames=function(){var n,r,o=[];if(0===this._eventsCount)return o;for(r in n=this._events)e.call(n,r)&&o.push(t?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(n)):o},l.prototype.listeners=function(n){var e=t?t+n:n,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var o=0,i=r.length,a=new Array(i);o<i;o++)a[o]=r[o].fn;return a},l.prototype.listenerCount=function(n){var e=t?t+n:n,r=this._events[e];return r?r.fn?1:r.length:0},l.prototype.emit=function(n,e,r,o,i,a){var l=t?t+n:n;if(!this._events[l])return!1;var s,c,u=this._events[l],d=arguments.length;if(u.fn){switch(u.once&&this.removeListener(n,u.fn,void 0,!0),d){case 1:return u.fn.call(u.context),!0;case 2:return u.fn.call(u.context,e),!0;case 3:return u.fn.call(u.context,e,r),!0;case 4:return u.fn.call(u.context,e,r,o),!0;case 5:return u.fn.call(u.context,e,r,o,i),!0;case 6:return u.fn.call(u.context,e,r,o,i,a),!0}for(c=1,s=new Array(d-1);c<d;c++)s[c-1]=arguments[c];u.fn.apply(u.context,s)}else{var f,p=u.length;for(c=0;c<p;c++)switch(u[c].once&&this.removeListener(n,u[c].fn,void 0,!0),d){case 1:u[c].fn.call(u[c].context);break;case 2:u[c].fn.call(u[c].context,e);break;case 3:u[c].fn.call(u[c].context,e,r);break;case 4:u[c].fn.call(u[c].context,e,r,o);break;default:if(!s)for(f=1,s=new Array(d-1);f<d;f++)s[f-1]=arguments[f];u[c].fn.apply(u[c].context,s)}}return!0},l.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},l.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},l.prototype.removeListener=function(n,e,r,o){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return a(this,i),this;var l=this._events[i];if(l.fn)l.fn!==e||o&&!l.once||r&&l.context!==r||a(this,i);else{for(var s=0,c=[],u=l.length;s<u;s++)(l[s].fn!==e||o&&!l[s].once||r&&l[s].context!==r)&&c.push(l[s]);c.length?this._events[i]=1===c.length?c[0]:c:a(this,i)}return this},l.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&a(this,e)):(this._events=new r,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=t,l.EventEmitter=l,n.exports=l}(Ei);var Li=Oi(Ei.exports);function zi(){return new Li}function Fi(n){let e=Object.prototype.toString.call(n);return"[object Function]"===e||"[object AsyncFunction]"===e}function Ri(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function Hi(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=vn(e,"timeInterval",null);ji(t)||(t=20);let r=vn(e,"tolerancePixel",null);ji(r)||(r=1);let o,i=zi(),a={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0},l=ci(a),s={width:"",height:""};if(!Fi(n))return console.log("invalid f",n),null;o=setInterval((()=>{let e=n();if(e){let n={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight,windowWidth:window.innerWidth,windowHeight:window.innerHeight},t=l.offsetWidth-n.offsetWidth,o=l.offsetHeight-n.offsetHeight,c=Math.abs(t)>r,u=Math.abs(o)>r,d="";t>0?d="smaller":t<0&&(d="larger");let f="";if(o>0?f="smaller":o<0&&(f="larger"),s={width:d,height:f},c||u){let t=function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Ri(Object(t),!0).forEach((function(e){Xr(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Ri(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({},l);setTimeout((()=>{n.offsetWidth>0&&n.offsetHeight>0&&(i.emit("resize",{sold:t,snew:n,smode:s,ele:e}),i.emit("resizeWithWindow",{sold:t,snew:n,smode:s,ele:e,from:"dom"}))}),1)}a=l,l=n}}),t);let c=n=>{i.emit("resizeWithWindow",{sold:a,snew:l,smode:s,from:"window"})};return window.addEventListener("resize",c),i.clear=()=>{clearInterval(o),window.removeEventListener("resize",c)},i}let $i="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Mi=$i.length;function Di(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:32,e=[];n=ji(n)?Pi(n):32;for(let t=0;t<n;t++)e[t]=$i[0|Math.random()*Mi];return e.join("")}function Ui(){let n={};return{bind:function(e,t,r){let o=`r${Di()}`;e.setAttribute("ev-resize",o);let i=Hi((()=>e));i.on("resizeWithWindow",(n=>{!function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domresize",n)})),n[o]=i},unbind:function(e){let t=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),n[t]&&(n[t].clear(),n[t]=null,delete n[t])}}}var Ni,Vi=(Ni="toUpperCase",function(n){var e=Me(n=fn(n))?rt(n):void 0,t=e?e[0]:n.charAt(0),r=e?He(e,1).join(""):n.slice(1);return t[Ni]()+r});function Zi(n){return Vi(fn(n).toLowerCase())}var Ki=Gn((function(n,e,t){return e=e.toLowerCase(),n+(t?Zi(e):e)})),Gi=Ki;let Yi={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 qi(n){if("white"===n)return"#fff";if("black"===n)return"#000";if("transparent"===n)return"rgba(0,0,0,0)";let e=function(n){let e=it(n," ");return 1===Nr(e)&&(e[1]=null),e}(n),t=function(n,e,t){let r=vn(Yi,`default.${n}.${e}`,null);return null===r&&(r=t),r}(function(n){let e=n.trim();return e=Gi(e),e}(e[0]),function(n){_r(n)||(n="base");let e=n.trim();return e=e.replace("-","").trim(),e}(e[1]),n);return t}function Xi(n,e,t){if(!_r(n))return"";if(!_r(e))return"";if(!Ar(t))return"";return String(n).replaceAll(e,t)}function Qi(n){if(Gr(n)){for(let e in n)return!0;return!1}return!1}var Ji="[object Object]",na=Function.prototype,ea=Object.prototype,ta=na.toString,ra=ea.hasOwnProperty,oa=ta.call(Object);function ia(n){if(!m(n)||h(n)!=Ji)return!1;var e=ho(n);if(null===e)return!0;var t=ra.call(e,"constructor")&&e.constructor;return"function"==typeof t&&t instanceof t&&ta.call(t)==oa}function aa(n){return m(e=n)&&1===e.nodeType&&!ia(e);var e}function la(n){function e(n){n.parentNode.removeChild(n)}if(aa(n)){return void e(n)}if(!_r(n))return;let t=function(n){return document.querySelectorAll(n)}(n);Fe(t,(function(n){e(n)}))}function sa(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=vn(t,"timeDuration",null);ji(r)||(r=1e3);let o=vn(t,"color",null);if(_r(o)||(o="rgba(255, 255, 255, 0.5)"),!aa(n))return;n.style.position="relative",n.style.overflow="hidden";let i=n.getBoundingClientRect(),a=e.clientX-i.left,l=e.clientY-i.top,s=2*Math.max(n.clientWidth,n.clientHeight),c=document.createElement("div");c.style.width=`${s}px`,c.style.height=`${s}px`,c.style.transition=`all ${r/1e3}s linear`,c.style.position="absolute",c.style.zIndex=1,c.style.left=`${a}px`,c.style.top=`${l}px`,c.style.borderRadius="50%",c.style.transformOrigin="center",c.style.transform="translate(-50%,-50%) scale(0)",c.style.background=o,c.style.userSelect="none",c.style.pointerEvents="none",n.appendChild(c),setTimeout((()=>{c.style.transform="translate(-50%,-50%) scale(2)",c.style.opacity=0}),1),setTimeout((()=>{la(c)}),r)}var ca="[object Boolean]";function ua(n){return!0===(e=n)||!1===e||m(e)&&h(e)==ca;var e}var da="[object Number]";function fa(n){return"number"==typeof n||m(n)&&h(n)==da}function pa(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=vn(e,"parse");ua(t)||(t=!0);let r=vn(e,"ext");Qi(r)||(r={});let o=vn(e,"semicolon");ua(o)||(o=!0);let i=vn(e,"returnObj");ua(i)||(i=!1);let a=0,l=0,s=0,c=0;if(t){let e=function(n){let e,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=vn(t,"def",""),o=vn(t,"type","");"num"!==o&&"text"!==o&&(o="num"),"num"===o?e=fa:"text"===o&&(e=Ar);let i=r,a=r,l=r,s=r;return e(vn(n,"h"))&&(i=vn(n,"h"),a=i),e(vn(n,"v"))&&(l=vn(n,"v"),s=l),e(vn(n,"left"))&&(i=vn(n,"left")),e(vn(n,"right"))&&(a=vn(n,"right")),e(vn(n,"top"))&&(l=vn(n,"top")),e(vn(n,"bottom"))&&(s=vn(n,"bottom")),{left:i,right:a,top:l,bottom:s}}(n);a=e.left,l=e.right,s=e.top,c=e.bottom}a+=vn(r,"left",0),l+=vn(r,"right",0),s+=vn(r,"top",0),c+=vn(r,"bottom",0);let u=null;return i?u={left:a,right:l,top:s,bottom:c}:(u=`${s}px ${l}px ${c}px ${a}px`,o&&(u=`${u};`)),u}function ha(n){return"[object Array]"===Object.prototype.toString.call(n)}function ma(n){return"[object Undefined]"===Object.prototype.toString.call(n)}function ga(n){return!!ma(n)||(!!function(n){return"[object Null]"===Object.prototype.toString.call(n)}(n)||(!!function(n){if(Gr(n)){for(let e in n)return!1;return!0}return!1}(n)||(!!function(n){return!(!Ar(n)||""!==n)}(n)||(!!function(n){return!!ha(n)&&0===n.length}(n)||!!Ci(n)))))}function va(n){return!!ha(n)&&(0!==n.length&&(1!==n.length||!ga(n[0])))}var ba={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 _r(this.icon)},isMdi:function(){return!!this.hasIcon&&this.icon.indexOf("mdi-")>=0},isFa:function(){return!!this.hasIcon&&this.icon.indexOf(" fa-")>=0},isSvg:function(){let n=this;if(n.isMdi||n.isFa)return!1;let e=_r(n.icon),t=va(n.icon);return e||t},usePaths:function(){let n=this;if(!n.isSvg)return[];let e=n.icon;return _r(n.icon)&&(e=[n.icon]),e},useIconColor:function(){let n=this;return n.mouseEnter?qi(n.colorHover):qi(n.color)},useStyleSize:function(){let n=this;return{width:`${n.size}px`,height:`${n.size}px`,"line-height":`${n.size}px`,"max-height":`${n.size}px`,"min-height":`${n.size}px`}}},methods:{}};function ya(n,e,t,r,o,i,a,l,s,c){"boolean"!=typeof a&&(s=l,l=a,a=!1);const u="function"==typeof t?t.options:t;let d;if(n&&n.render&&(u.render=n.render,u.staticRenderFns=n.staticRenderFns,u._compiled=!0,o&&(u.functional=!0)),r&&(u._scopeId=r),i?(d=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),e&&e.call(this,s(n)),n&&n._registeredComponents&&n._registeredComponents.add(i)},u._ssrRegister=d):e&&(d=a?function(n){e.call(this,c(n,this.$root.$options.shadowRoot))}:function(n){e.call(this,l(n))}),d)if(u.functional){const n=u.render;u.render=function(e,t){return d.call(t),n(e,t)}}else{const n=u.beforeCreate;u.beforeCreate=n?[].concat(n,d):[d]}return t}const wa="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function ka(n){return(n,e)=>function(n,e){const t=wa?e.media||"default":n,r=Ca[t]||(Ca[t]={ids:new Set,styles:[]});if(!r.ids.has(n)){r.ids.add(n);let t=e.source;if(e.map&&(t+="\n/*# sourceURL="+e.map.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",e.media&&r.element.setAttribute("media",e.media),void 0===xa&&(xa=document.head||document.getElementsByTagName("head")[0]),xa.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(t),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{const n=r.ids.size-1,e=document.createTextNode(t),o=r.element.childNodes;o[n]&&r.element.removeChild(o[n]),o.length?r.element.insertBefore(e,o[n]):r.element.appendChild(e)}}}(n,e)}let xa;const Ca={};const Sa=ba;var Aa=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.icon?t("div",{style:[n.useStyleSize,{display:"flex","align-items":"center","user-select":"none",border:"0px solid #ddd"}],on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[n.isSvg?t("svg",{style:"transition:all "+n.timeTransition+"s linear; fill:"+n.useIconColor+";",attrs:{width:n.size,height:n.size,viewBox:"0 0 "+n.sizeOriginal+" "+n.sizeOriginal},on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},n._l(n.usePaths,(function(e,r){return t("path",{key:r,attrs:{d:n.icon}})})),0):n._e(),n._v(" "),n.isMdi?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("span",{class:"mdi "+n.icon,style:"font-size:"+n.size+"px;"})]):n._e(),n._v(" "),n.isFa?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("div",{style:"width:"+n.size+"px; height:"+n.size+"px; _transform-origin:center; transform:translateX(0px) translateY(0px) scale("+n.r+");"},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[t("i",{class:"fas "+n.icon,style:"font-size:"+n.size+"px;"})])])]):n._e()]):n._e()};Aa._withStripped=!0;const _a=ya({render:Aa,staticRenderFns:[]},(function(n){n&&n("data-v-030cb92e_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})}),Sa,"data-v-030cb92e",false,undefined,!1,ka,void 0,void 0);var Ta={directives:{domripple:function(){let n={};return{bind:function(e,t,r){let o=`r${Di()}`;e.setAttribute("ev-ripple",o),function(e,t){let r=e.getAttribute("ev-ripple"),o=vn(t,"value");if(o=Qi(o),!o)return;let i=vn(t,"value.color");if(!_r(i))return;i=qi(i);let a=vn(t,"value.timeDuration");Si(a)||(a=1e3);function l(n){sa(n.currentTarget,n,{color:i,timeDuration:a})}a=Ai(a),e.addEventListener("click",l,!1),n[r]=l}(e,t)},unbind:function(e){!function(e){let t=e.getAttribute("ev-ripple");if(n[t]){let r=n[t];e.removeEventListener("click",r,!1),delete n[t]}}(e),e.setAttribute("ev-ripple",null)}}}()},components:{WIcon:_a},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:()=>({v:10,h:12})},borderRadius:{type:Number,default:0},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},backgroundColorDisabled:{type:String,default:"white"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},textColorDisabled:{type:String,default:"#444"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},iconColorDisabled:{type:String,default:"#444"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"},cursorPointer:{type:Boolean,default:!0}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Xi(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){let n=this;return`padding:${pa(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effBackgroundColor:function(){return qi(this.backgroundColor)},effBackgroundColorHover:function(){return qi(this.backgroundColorHover)},effBackgroundActive:function(){return qi(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return qi(this.backgroundColorDisabled)},useBackgroundColor:function(){let n=this;return n.editable?n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor:n.effBackgroundColorDisabled},effTextColor:function(){return qi(this.textColor)},effTextColorHover:function(){return qi(this.textColorHover)},effTextActive:function(){return qi(this.textColorActive)},effTextColorDisabled:function(){return qi(this.textColorDisabled)},useTextColor:function(){let n=this;return n.editable?n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor:n.effTextColorDisabled},effIconColor:function(){return qi(this.iconColor)},effIconColorHover:function(){return qi(this.iconColorHover)},effIconActive:function(){return qi(this.iconColorActive)},effIconColorDisabled:function(){return qi(this.iconColorDisabled)},useIconColor:function(){let n=this;return n.editable?n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor:n.effIconColorDisabled},effDisabledColor:function(){return qi(this.disabledColor)}},methods:{clickItem:function(){let n=this;n.editable&&n.$emit("click",{icon:n.icon,text:n.text})}}};const Ba=Ta;var Wa=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"position:relative; transition:all 0.3s; border-top-left-radius:"+n.borderRadius+"px; border-top-right-radius:"+n.borderRadius+"px; "+n.usePadding+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":""),on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:n.clickItem}},[t("div",{style:"transition:all 0.3s; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._t("item",(function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("item-left",null,{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-content",(function(){return[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",[n._v("\n                        "+n._s(n.text)+"\n                    ")])]}),{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-right",null,{isHover:n.mouseEnter,isActive:n.active})],2)]}),{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])],2)])};Wa._withStripped=!0;const Ia=ya({render:Wa,staticRenderFns:[]},(function(n){n&&n("data-v-66b7ac72_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})}),Ba,"data-v-66b7ac72",false,undefined,!1,ka,void 0,void 0);var Pa={directives:{domresize:Ui()},components:{WListItem:Ia},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(n,e){this.updateBorderBottom()},immediate:!0}},computed:{changeItemActive:function(){let n=this;return n.enableActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==Nr(this.items)&&function(n,t,r){var o=e(n)?Vr:Zr;return r&&De(n,t,r)&&(t=void 0),o(n,xr(t))}(this.items,(n=>Gr(n)))},effBorderBottomColor:function(){return qi(this.borderBottomColor)}},methods:{resize:function(n){this.updateBorderBottom()},getIcon:function(n){let e=this;return e.isObjValue?vn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return vn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Kr(n,e.itemActiveTrans)),t},getEditable:function(n){return vn(n,"editable",!0)},updateBorderBottom:function(){let n=this;if(null==n.itemActiveTrans)return;let e=0,t=[];Fe(vn(n,"$refs.wli",[]),((r,o)=>{let i=r,a=vn(i,"clientWidth",0),l=vn(i,"clientHeight",0),s=e,c=a,u=l;o>0&&n.space>0&&(s+=n.space,c-=n.space),t.push({left:s,bottom:0,width:c,heiht:u}),e+=a}));let r=-1;if(Fe(n.items,((e,t)=>{if(Kr(e,n.itemActiveTrans))return r=t,!1})),-1===r)return;let o=t[r];n.borderBottomLeft=o.left,n.borderBottomWidth=o.width},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let r=null;r=t.isObjValue?{...n}:n,t.$emit("click",r,e),t.$emit("update:itemActive",r)}}};const ja=Pa;var Oa=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[n.borderBottom?t("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+n.borderBottomLeft+"px; padding-left:"+n.borderBottomWidth+"px; border-bottom:"+n.borderBottomSize+"px solid "+n.effBorderBottomColor+";"}):n._e(),n._v(" "),n._l(n.items,(function(e,r){return t("div",{key:r},[t("div",{ref:"wli",refInFor:!0,style:n.space>0&&r>0?"padding-left:"+n.space+"px;":""},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,borderRadius:n.itemBorderRadius,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,r)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)])}))],2)])};Oa._withStripped=!0;const Ea=ya({render:Oa,staticRenderFns:[]},(function(n){n&&n("data-v-31cfb10e_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})}),ja,"data-v-31cfb10e",false,undefined,!1,ka,void 0,void 0);function La(n){return n!=n}function za(n,e,t){return e==e?function(n,e,t){for(var r=t-1,o=n.length;++r<o;)if(n[r]===e)return r;return-1}(n,e,t):function(n,e,t,r){for(var o=n.length,i=t+(r?1:-1);r?i--:++i<o;)if(e(n[i],i,n))return i;return-1}(n,La,t)}function Fa(n,e,t){if((n=fn(n))&&(t||void 0===e))return fi(n);if(!n||!(e=dn(e)))return n;var r=rt(n),o=rt(e),i=function(n,e){for(var t=-1,r=n.length;++t<r&&za(e,n[t],0)>-1;);return t}(r,o),a=function(n,e){for(var t=n.length;t--&&za(e,n[t],0)>-1;);return t}(r,o)+1;return He(r,i,a).join("")}function Ra(n,e){var t=[];return Le(n,(function(n,r,o){e(n,r,o)&&t.push(n)})),t}function Ha(n){return fn(n).toUpperCase()}var $a=Array.prototype.join;function Ma(n,e){return null==n?"":$a.call(n,e)}function Da(n){return function(n){let e=it(n,"&");e=Sr(e,(function(n){return Fa(n)}));let t=Nr(e);t=Math.min(4,t);let r=[];for(let n=0;n<t;n++)r.push(e[n]);return Ma(r,"_")}(n)}function Ua(n,e){if(!_r(n))return[];if(!_r(e))return[];let t=function(n,e){return _r(n)&&_r(e)?n.split(e):[]}(n,e);t=Sr(t,Fa);let r=[];return Fe(t,(function(n){_r(n)&&r.push(n)})),r}function Na(){let n,e,t=new Promise((function(){n=arguments[0],e=arguments[1]}));return t.resolve=n,t.reject=e,t}var Va=i?i.isConcatSpreadable:void 0;function Za(n){return e(n)||ae(n)||!!(Va&&n&&n[Va])}function Ka(n,e,t,r,o){var i=-1,a=n.length;for(t||(t=Za),o||(o=[]);++i<a;){var l=n[i];e>0&&t(l)?e>1?Ka(l,e-1,t,r,o):Pt(o,l):r||(o[o.length]=l)}return o}function Ga(n,e){if(n!==e){var t=void 0!==n,r=null===n,o=n==n,i=v(n),a=void 0!==e,l=null===e,s=e==e,c=v(e);if(!l&&!c&&!i&&n>e||i&&a&&s&&!l&&!c||r&&a&&s||!t&&s||!o)return 1;if(!r&&!i&&!c&&n<e||c&&t&&o&&!r&&!i||l&&t&&o||!a&&o||!s)return-1}return 0}function Ya(n,t,r){t=t.length?ln(t,(function(n){return e(n)?function(e){return gn(e,1===n.length?n[0]:n)}:n})):[ze];var o=-1;return t=ln(t,ve(xr)),function(n,e){var t=n.length;for(n.sort(e);t--;)n[t]=n[t].value;return n}(Cr(n,(function(n,e,r){return{criteria:ln(t,(function(e){return e(n)})),index:++o,value:n}})),(function(n,e){return function(n,e,t){for(var r=-1,o=n.criteria,i=e.criteria,a=o.length,l=t.length;++r<a;){var s=Ga(o[r],i[r]);if(s)return r>=l?s:s*("desc"==t[r]?-1:1)}return n.index-e.index}(n,e,r)}))}var qa=Math.max;var Xa=Jr?function(n,e){return Jr(n,"toString",{configurable:!0,enumerable:!1,value:(t=e,function(){return t}),writable:!0});var t}:ze,Qa=Xa,Ja=Date.now;var nl=function(n){var e=0,t=0;return function(){var r=Ja(),o=16-(r-t);if(t=r,o>0){if(++e>=800)return arguments[0]}else e=0;return n.apply(void 0,arguments)}}(Qa),el=nl;function tl(n,e){return el(function(n,e,t){return e=qa(void 0===e?n.length-1:e,0),function(){for(var r=arguments,o=-1,i=qa(r.length-e,0),a=Array(i);++o<i;)a[o]=r[e+o];o=-1;for(var l=Array(e+1);++o<e;)l[o]=r[o];return l[e]=t(a),function(n,e,t){switch(t.length){case 0:return n.call(e);case 1:return n.call(e,t[0]);case 2:return n.call(e,t[0],t[1]);case 3:return n.call(e,t[0],t[1],t[2])}return n.apply(e,t)}(n,this,l)}}(n,e,ze),n+"")}var rl=tl((function(n,e){if(null==n)return[];var t=e.length;return t>1&&De(n,e[0],e[1])?e=[]:t>2&&De(e[0],e[1],e[2])&&(e=[e[0]]),Ya(n,Ka(e,1),[])}));function ol(n){return fn(n).toLowerCase()}function il(n){if(!_i(n))return!1;return Pi(n)>=0}function al(n,e){return _r(n)&&il(e)?0===(e=Pi(e))?"":n.substring(0,e):""}function ll(n,e){if(!_r(n))return"";if(!il(e))return"";if(0===(e=Pi(e)))return"";let t=n.length-e;return t<0&&(t=0),n.substr(t,e)}function sl(n,e){return _r(n)&&il(e)?0===(e=Pi(e))?n:ll(n,n.length-e):""}function cl(n){if(!_r(n)&&!Si(n)&&!v(n))return"";let e="";try{e=String(n)}catch(n){}try{e=n.toString()}catch(n){}return e}function ul(n,e){return!!Gr(n)&&(!(!_r(e)&&!Si(e))&&e in n)}function dl(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return _r(n)&&il(e)?(t=ji(t)?Pi(t):1,n.substring(e,e+t)):""}let fl={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 pl(n){return ml(n,1)}function hl(n){return ml(n,360)}function ml(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(n.indexOf("%")>=0){if(!Si(n=Xi(n,"%","")))throw new Error("invalid color: value is not a number");n=Ai(n)/100}else{if(!Si(n))throw new Error("invalid color: value is not a number");n=Ai(n)/e}if(n>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function gl(n){if(!Si(n))throw new Error("invalid color: value is not a number");if((n=Ai(n))>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function vl(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba";if(!ha(n))throw new Error("invalid colors array");let t=vn(n,0,0),r=vn(n,1,0),o=vn(n,2,0),i=vn(n,3,1);if(e=e.split(""),4!==Nr(e))throw new Error("tar.length !== 4");return{[vn(e,0)]:t,[vn(e,1)]:r,[vn(e,2)]:o,[vn(e,3)]:i}}function bl(n){let e=Nr(n=sl(n,1));if(2===e)n=`${n}${n}${n}ff`;else if(3===e){let e=dl(n,0,1),t=dl(n,1,1),r=dl(n,2,1);n=`${e}${e}${t}${t}${r}${r}ff`}else if(6===e)n=`${n}ff`;else if(8!==e)throw new Error("invalid hex color");function t(n){if(2!==Nr(n))throw new Error("hex.length of color is not equal to 2");if(!Si(n=parseInt(n,16)))throw new Error("invalid hex of color");return(n=Ai(n))/255}return{r:t(dl(n,0,2)),g:t(dl(n,2,2)),b:t(dl(n,4,2)),a:t(dl(n,6,2))}}function yl(n){return n=vl(n=Sr(n,((n,e)=>e<=2?ml(n,255):3===e?gl(n):null)),"rgba")}function wl(n){return n=Bl(n=vl(n=Sr(n,((n,e)=>0===e?hl(n):1===e||2===e?pl(n):3===e?gl(n):null)),"hsla"))}function kl(n){return n=Wl(n=vl(n=Sr(n,((n,e)=>0===e?hl(n):1===e||2===e?pl(n):3===e?gl(n):null)),"hsva"))}function xl(n){if("transparent"===n)return{r:0,g:0,b:0,a:0};if(function(n){return ul(fl,n)}(n))return bl(n=`#${fl[n]}`);if(function(n){return"#"===al(n,1)&&(!!/[0-9A-Fa-f]{2}/g.test(n)||(!!/[0-9A-Fa-f]{3}/g.test(n)||(!!/[0-9A-Fa-f]{6}/g.test(n)||!!/[0-9A-Fa-f]{8}/g.test(n))))}(n))return bl(n);if(function(n){return"rgb"===al(n,3)||"rgba"===al(n,4)}(n))return function(n){return n=Xi(n,"rgba",""),n=Xi(n,"rgb",""),yl(Ua(n=Xi(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsl"===al(n,3)||"hsla"===al(n,4)}(n))return function(n){return n=Xi(n,"hsla",""),n=Xi(n,"hsl",""),wl(Ua(n=Xi(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsv"===al(n,3)||"hsva"===al(n,4)}(n))return function(n){return n=Xi(n,"hsva",""),n=Xi(n,"hsv",""),kl(Ua(n=Xi(n=n.replace(/[()]/g,""),","," ")," "))}(n);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function Cl(n,e){return!!ul(n,e=ol(e))||!!ul(n,e=Ha(e))}function Sl(n,e,t){let r;return r=vn(n,e,null),null!==r?r:(r=vn(n,e=Ha(e),null),null!==r?r:t)}function Al(n){if(function(n){let e=Cl(n,"r"),t=Cl(n,"g"),r=Cl(n,"b");return e&&t&&r}(n))return function(n){let e=[Sl(n,"r",null),Sl(n,"g",null),Sl(n,"b",null),Sl(n,"a",1)];return e=Sr(e,cl),yl(e)}(n);if(function(n){let e=Cl(n,"h"),t=Cl(n,"s"),r=Cl(n,"l");return e&&t&&r}(n))return function(n){let e=[Sl(n,"h",null),Sl(n,"s",null),Sl(n,"l",null),Sl(n,"a",1)];return e=Sr(e,cl),wl(e)}(n);if(function(n){let e=Cl(n,"h"),t=Cl(n,"s"),r=Cl(n,"v");return e&&t&&r}(n))return function(n){let e=[Sl(n,"h",null),Sl(n,"s",null),Sl(n,"v",null),Sl(n,"a",1)];return e=Sr(e,cl),kl(e)}(n);throw new Error("color object is not one of rgba, hsla, hsva")}function _l(n){let e,t,r=n.r,o=n.g,i=n.b,a=Math.max(r,o,i),l=Math.min(r,o,i),s=(a+l)/2;if(a===l)e=t=0;else{let n=a-l;switch(t=s>.5?n/(2-a-l):n/(a+l),a){case r:e=(o-i)/n+(o<i?6:0);break;case o:e=(i-r)/n+2;break;case i:e=(r-o)/n+4}e/=6}return{h:e,s:t,l:s,a:n.a}}function Tl(n){let e,t,r=n.r,o=n.g,i=n.b,a=Math.max(r,o,i),l=Math.min(r,o,i),s=a,c=a-l;if(t=0===a?0:c/a,a===l)e=0;else{switch(a){case r:e=(o-i)/c+(o<i?6:0);break;case o:e=(i-r)/c+2;break;case i:e=(r-o)/c+4}e/=6}return{h:e,s:t,v:s,a:n.a}}function Bl(n){let e,t,r,o=n.h,i=n.s,a=n.l;function l(n,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?n+6*(e-n)*t:t<.5?e:t<2/3?n+(e-n)*(2/3-t)*6:n}if(0===i)e=t=r=a;else{let n=a<.5?a*(1+i):a+i-a*i,s=2*a-n;e=l(s,n,o+1/3),t=l(s,n,o),r=l(s,n,o-1/3)}return{r:e,g:t,b:r,a:n.a}}function Wl(n){let e,t,r,o=n.h,i=n.s,a=n.v,l=Math.floor(6*o),s=6*o-l,c=a*(1-i),u=a*(1-s*i),d=a*(1-(1-s)*i);switch(l%6){case 0:e=a,t=d,r=c;break;case 1:e=u,t=a,r=c;break;case 2:e=c,t=a,r=d;break;case 3:e=c,t=u,r=a;break;case 4:e=d,t=c,r=a;break;case 5:e=a,t=c,r=u}return{r:e,g:t,b:r,a:n.a}}function Il(n){let e=Math.round(255*n).toString(16);if(1===Nr(e))return`0${e}`;if(2===Nr(e))return e;throw new Error("invalid value")}function Pl(n){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=n.r,r=n.g,o=n.b,i=n.a,a=`${Il(t)}${Il(r)}${Il(o)}`;return e&&(a=`${a}${Il(i)}`),a}function jl(n){return Math.min(1,Math.max(0,n))}function Ol(n,e){if(!_r(e))throw new Error("fmtOutput is not a string");if(!ps[e])throw console.log(`fmtOutput must be [${Oe(ps)}]`),new Error("invalid fmtOutput");return n=ps[e](n)}function El(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=_l(n);return r.h+=e,r.h=r.h%1,Ol(Bl(r),t)}function Ll(n,e,t,r){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"toRgbString";if(e<0||e>1)throw new Error("w1 < 0 or > 1");if(r<0||r>1)throw new Error("w1 < 0 or > 1");return Ol({r:n.r*e+t.r*r,g:n.g*e+t.g*r,b:n.b*e+t.b*r,a:n.a*e+t.a*r},o)}function zl(n){return`${Ii(100*n,1)}%`}function Fl(n){return Ii(n,0)}function Rl(n){return Ii(n,3)}function Hl(n){return{r:Fl(255*n.r),g:Fl(255*n.g),b:Fl(255*n.b)}}function $l(n){return`rgb(${Fl(255*n.r)}, ${Fl(255*n.g)}, ${Fl(255*n.b)})`}function Ml(n){return{r:Fl(255*n.r),g:Fl(255*n.g),b:Fl(255*n.b),a:Rl(n.a)}}function Dl(n){return`rgba(${Fl(255*n.r)}, ${Fl(255*n.g)}, ${Fl(255*n.b)}, ${Rl(n.a)})`}function Ul(n){let e=_l(n);return{h:Fl(360*e.h),s:Rl(e.s),l:Rl(e.l)}}function Nl(n){let e=_l(n);return`hsl(${Fl(360*e.h)}, ${Rl(e.s)}, ${Rl(e.l)})`}function Vl(n){let e=_l(n);return{h:Fl(360*e.h),s:Rl(e.s),l:Rl(e.l),a:Rl(e.a)}}function Zl(n){let e=_l(n);return`hsla(${Fl(360*e.h)}, ${Rl(e.s)}, ${Rl(e.l)}, ${Rl(e.a)})`}function Kl(n){let e=Tl(n);return{h:Fl(360*e.h),s:Rl(e.s),v:Rl(e.v)}}function Gl(n){let e=Tl(n);return`hsv(${Fl(360*e.h)}, ${Rl(e.s)}, ${Rl(e.v)})`}function Yl(n){let e=Tl(n);return{h:Fl(360*e.h),s:Rl(e.s),v:Rl(e.v),a:Rl(e.a)}}function ql(n){let e=Tl(n);return`hsva(${Fl(360*e.h)}, ${Rl(e.s)}, ${Rl(e.v)}, ${Rl(e.a)})`}function Xl(n){return{r:zl(n.r),g:zl(n.g),b:zl(n.b)}}function Ql(n){return`rgb(${zl(n.r)}, ${zl(n.g)}, ${zl(n.b)})`}function Jl(n){return{r:zl(n.r),g:zl(n.g),b:zl(n.b),a:Rl(n.a)}}function ns(n){return`rgba(${zl(n.r)}, ${zl(n.g)}, ${zl(n.b)}, ${Rl(n.a)})`}function es(n){let e=_l(n);return{h:Fl(360*e.h),s:zl(e.s),l:zl(e.l)}}function ts(n){let e=_l(n);return`hsl(${Fl(360*e.h)}, ${zl(e.s)}, ${zl(e.l)})`}function rs(n){let e=_l(n);return{h:Fl(360*e.h),s:zl(e.s),l:zl(e.l),a:Rl(e.a)}}function os(n){let e=_l(n);return`hsla(${Fl(360*e.h)}, ${zl(e.s)}, ${zl(e.l)}, ${Rl(e.a)})`}function is(n){let e=Tl(n);return{h:Fl(360*e.h),s:zl(e.s),v:zl(e.v)}}function as(n){let e=Tl(n);return`hsv(${Fl(360*e.h)}, ${zl(e.s)}, ${zl(e.v)})`}function ls(n){let e=Tl(n);return{h:Fl(360*e.h),s:zl(e.s),v:zl(e.v),a:Rl(e.a)}}function ss(n){let e=Tl(n);return`hsva(${Fl(360*e.h)}, ${zl(e.s)}, ${zl(e.v)}, ${Rl(e.a)})`}function cs(n){let e=function(n){return Pl(n,!1)}(n);return`#${e}`}function us(n){return`#${Pl(n)}`}function ds(n){let e=null,t=null,r=null;if(_r(n))e=ol(Fa(n));else{if(!Qi(n))throw console.log("color=",n),new Error("color is not a string or an object");t=n}if(null!==e)try{r=xl(e)}catch(n){throw console.log(n),new Error(`can not parse color: ${e}`)}else if(null!==t)try{r=Al(t)}catch(n){throw console.log(n),new Error(`can not parse color: ${JSON.stringify(t)}`)}return r}function fs(n){if(!Qi(n))return console.log("gradient is not an effective object"),n=>`rgb(${255*(n=Math.min(Math.max(n,0),1))},${255*n},${255*n})`;let e=[];return Fe(n,((n,t)=>{e.push([Ai(t),Ml(ds(n)),n])})),e=rl(e,0),function(n){let t=null;for(let r=1;r<e.length;r++){let o=e[r-1][0],i=e[r-1][1],a=e[r][0],l=e[r][1];if(o<=n&&a>=n){let e=(a-n)/(a-o),r=(n-o)/(a-o);t=Ll(ds(i),e,ds(l),r,"toRgbaString");break}}return t}}let ps={toRgb:Hl,toRgbString:$l,toRgba:Ml,toRgbaString:Dl,toHsl:Ul,toHslString:Nl,toHsla:Vl,toHslaString:Zl,toHsv:Kl,toHsvString:Gl,toHsva:Yl,toHsvaString:ql,toRgbP:Xl,toRgbPString:Ql,toRgbaP:Jl,toRgbaPString:ns,toHslP:es,toHslPString:ts,toHslaP:rs,toHslaPString:os,toHsvP:is,toHsvPString:as,toHsvaP:ls,toHsvaPString:ss,toHexString:cs,toHex8String:us};var hs=function(){let n={toRgb:n=>Hl(ds(n)),toRgbString:n=>$l(ds(n)),toRgba:n=>Ml(ds(n)),toRgbaString:n=>Dl(ds(n)),toHsl:n=>Ul(ds(n)),toHslString:n=>Nl(ds(n)),toHsla:n=>Vl(ds(n)),toHslaString:n=>Zl(ds(n)),toHsv:n=>Kl(ds(n)),toHsvString:n=>Gl(ds(n)),toHsva:n=>Yl(ds(n)),toHsvaString:n=>ql(ds(n)),toRgbP:n=>Xl(ds(n)),toRgbPString:n=>Ql(ds(n)),toRgbaP:n=>Jl(ds(n)),toRgbaPString:n=>ns(ds(n)),toHslP:n=>es(ds(n)),toHslPString:n=>ts(ds(n)),toHslaP:n=>rs(ds(n)),toHslaPString:n=>os(ds(n)),toHsvP:n=>is(ds(n)),toHsvPString:n=>as(ds(n)),toHsvaP:n=>ls(ds(n)),toHsvaPString:n=>ss(ds(n)),toHexString:n=>cs(ds(n)),toHex8String:n=>us(ds(n)),modSaturate:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=_l(n);return r.s+=e,r.s=jl(r.s),Ol(Bl(r),t)}(ds(n),e,t),modGrey:(n,e)=>function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString",t=_l(n);return t.s=0,Ol(Bl(t),e)}(ds(n),e),modLighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=_l(n);return r.l+=e,r.l=jl(r.l),Ol(Bl(r),t)}(ds(n),e,t),modBrighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");return n.r+=e,n.r=jl(n.r),n.g+=e,n.g=jl(n.g),n.b+=e,n.b=jl(n.b),Ol(n,t)}(ds(n),e,t),modHue:(n,e,t)=>El(ds(n),e,t),modComplement:(n,e)=>function(n){return El(n,.5,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString")}(ds(n),e),spreadHue:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!_i(e))throw new Error("num is not an integer");if((e=Pi(e))<=1)return[n];let r=_l(n),o=1/e,i=[];for(let n=0;n<e;n++)i.push(Ol(Bl(r),t)),r.h+=o,r.h=r.h%1;return i}(ds(n),e,t),spreadMonochromatic:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!_i(e))throw new Error("num is not an integer");if((e=Pi(e))<=1)return[n];let r=Tl(n);r.s=1,r.l=1;let o=1/e,i=[];for(let n=0;n<e;n++)i.push(Ol(Wl(r),t)),r.h-=o,r.l-=o;return i}(ds(n),e,t),mix:(n,e,t,r,o)=>Ll(ds(n),e,ds(t),r,o),getBrightness:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");return(299*n.r+587*n.g+114*n.b)/1e3}(ds(n)),getLuminance:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");let e,t,r,o=n.r,i=n.g,a=n.b;return e=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4),t=i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4),r=a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4),.2126*e+.7152*t+.0722*r}(ds(n)),interp:fs};return n}();const ms={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 qi(this.color)}},methods:{}};var gs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+n.size+"px; width:"+n.size+"px;"},["cir-wave"===n.name?[t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:n.size,height:n.size}},[t("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline",begin:"-0.5s"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline",begin:"-0.5s"}})]),n._v(" "),t("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline"}})])])]:"cir-rotate"===n.name?[t("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:"+n.size+"px; width:"+n.size+"px;"},[t("svg",{staticClass:"pgc-rotate",staticStyle:{transform:"rotate(0deg)"},attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"}},[t("circle",{staticClass:"pgc-dash",attrs:{fill:"transparent",cx:"43.80952380952381",cy:"43.80952380952381",r:"20","stroke-width":"4","stroke-dasharray":"100","stroke-dashoffset":"50px",stroke:n.effColor}})])])]:n._e()],2)};gs._withStripped=!0;const vs=ya({render:gs,staticRenderFns:[]},(function(n){n&&n("data-v-466c4a5e_0",{source:"\n.pgc-rotate[data-v-466c4a5e] {\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-466c4a5e 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-466c4a5e] {\r\n    animation: progress-circular-dash-data-v-466c4a5e 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-466c4a5e {\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-466c4a5e {\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-466c4a5e {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-466c4a5e {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-105-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 color2hex from \'../js/vuetifyColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [name=\'cir-wave\'] 輸入動畫名稱字串，預設\'cir-wave\'\r\n * @vue-prop {Number} [size=48] 輸入圖標欲顯示的尺寸浮點數，預設48\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return color2hex(vo.color)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n\r\n.pgc-rotate {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate 1.4s linear infinite;\r\n    transform-origin: center center;\r\n}\r\n\r\n.pgc-dash {\r\n    animation: progress-circular-dash 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\r\n}\r\n\r\n@-webkit-keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@-webkit-keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n</style>\r\n']},media:void 0})}),ms,"data-v-466c4a5e",false,undefined,!1,ka,void 0,void 0);function bs(n,e,t,r){for(var o=t-1,i=n.length;++o<i;)if(r(n[o],e))return o;return-1}var ys=Array.prototype.splice;var ws=tl((function(n,e){return n&&n.length&&e&&e.length?function(n,e,t,r){var o=r?bs:za,i=-1,a=e.length,l=n;for(n===e&&(e=po(e)),t&&(l=ln(n,ve(t)));++i<a;)for(var s=0,c=e[i],u=t?t(c):c;(s=o(l,u,s,r))>-1;)l!==n&&ys.call(l,s,1),ys.call(n,s,1);return n}(n,e):n})),ks=ws;function xs(n,e,t){if(!fa(n))return void console.log("clientX is not a number",n);if(!fa(e))return void console.log("clientY is not a number",e);if(!aa(t))return void console.log("ele is not a HTMLElement",t);let r;try{r=t.getBoundingClientRect()}catch(n){return void console.log("invalid ele for getBoundingClientRect",n)}let o=!1;try{o=n>=r.left&&n<=r.right&&e>=r.top&&e<=r.bottom}catch(n){console.log("catch when calculating page information of element",n)}return o}function Cs(n){if(null==n)return window;if("[object Window]"!==n.toString()){var e=n.ownerDocument;return e&&e.defaultView||window}return n}function Ss(n){return n instanceof Cs(n).Element||n instanceof Element}function As(n){return n instanceof Cs(n).HTMLElement||n instanceof HTMLElement}function _s(n){return"undefined"!=typeof ShadowRoot&&(n instanceof Cs(n).ShadowRoot||n instanceof ShadowRoot)}var Ts=Math.max,Bs=Math.min,Ws=Math.round;function Is(){var n=navigator.userAgentData;return null!=n&&n.brands&&Array.isArray(n.brands)?n.brands.map((function(n){return n.brand+"/"+n.version})).join(" "):navigator.userAgent}function Ps(){return!/^((?!chrome|android).)*safari/i.test(Is())}function js(n,e,t){void 0===e&&(e=!1),void 0===t&&(t=!1);var r=n.getBoundingClientRect(),o=1,i=1;e&&As(n)&&(o=n.offsetWidth>0&&Ws(r.width)/n.offsetWidth||1,i=n.offsetHeight>0&&Ws(r.height)/n.offsetHeight||1);var a=(Ss(n)?Cs(n):window).visualViewport,l=!Ps()&&t,s=(r.left+(l&&a?a.offsetLeft:0))/o,c=(r.top+(l&&a?a.offsetTop:0))/i,u=r.width/o,d=r.height/i;return{width:u,height:d,top:c,right:s+u,bottom:c+d,left:s,x:s,y:c}}function Os(n){var e=Cs(n);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Es(n){return n?(n.nodeName||"").toLowerCase():null}function Ls(n){return((Ss(n)?n.ownerDocument:n.document)||window.document).documentElement}function zs(n){return js(Ls(n)).left+Os(n).scrollLeft}function Fs(n){return Cs(n).getComputedStyle(n)}function Rs(n){var e=Fs(n),t=e.overflow,r=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+o+r)}function Hs(n,e,t){void 0===t&&(t=!1);var r,o,i=As(e),a=As(e)&&function(n){var e=n.getBoundingClientRect(),t=Ws(e.width)/n.offsetWidth||1,r=Ws(e.height)/n.offsetHeight||1;return 1!==t||1!==r}(e),l=Ls(e),s=js(n,a,t),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(i||!i&&!t)&&(("body"!==Es(e)||Rs(l))&&(c=(r=e)!==Cs(r)&&As(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:Os(r)),As(e)?((u=js(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):l&&(u.x=zs(l))),{x:s.left+c.scrollLeft-u.x,y:s.top+c.scrollTop-u.y,width:s.width,height:s.height}}function $s(n){return"html"===Es(n)?n:n.assignedSlot||n.parentNode||(_s(n)?n.host:null)||Ls(n)}function Ms(n){return["html","body","#document"].indexOf(Es(n))>=0?n.ownerDocument.body:As(n)&&Rs(n)?n:Ms($s(n))}function Ds(n,e){var t;void 0===e&&(e=[]);var r=Ms(n),o=r===(null==(t=n.ownerDocument)?void 0:t.body),i=Cs(r),a=o?[i].concat(i.visualViewport||[],Rs(r)?r:[]):r,l=e.concat(a);return o?l:l.concat(Ds($s(a)))}function Us(n){return["table","td","th"].indexOf(Es(n))>=0}function Ns(n){return As(n)&&"fixed"!==Fs(n).position?n.offsetParent:null}function Vs(n){for(var e=Cs(n),t=Ns(n);t&&Us(t)&&"static"===Fs(t).position;)t=Ns(t);return t&&("html"===Es(t)||"body"===Es(t)&&"static"===Fs(t).position)?e:t||function(n){var e=/firefox/i.test(Is());if(/Trident/i.test(Is())&&As(n)&&"fixed"===Fs(n).position)return null;var t=$s(n);for(_s(t)&&(t=t.host);As(t)&&["html","body"].indexOf(Es(t))<0;){var r=Fs(t);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||e&&"filter"===r.willChange||e&&r.filter&&"none"!==r.filter)return t;t=t.parentNode}return null}(n)||e}var Zs="top",Ks="bottom",Gs="right",Ys="left",qs="auto",Xs=[Zs,Ks,Gs,Ys],Qs="start",Js="end",nc="clippingParents",ec="viewport",tc="popper",rc="reference",oc=Xs.reduce((function(n,e){return n.concat([e+"-"+Qs,e+"-"+Js])}),[]),ic=[].concat(Xs,[qs]).reduce((function(n,e){return n.concat([e,e+"-"+Qs,e+"-"+Js])}),[]),ac=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function lc(n){var e=new Map,t=new Set,r=[];function o(n){t.add(n.name),[].concat(n.requires||[],n.requiresIfExists||[]).forEach((function(n){if(!t.has(n)){var r=e.get(n);r&&o(r)}})),r.push(n)}return n.forEach((function(n){e.set(n.name,n)})),n.forEach((function(n){t.has(n.name)||o(n)})),r}function sc(n){return Object.assign({},n,{left:n.x,top:n.y,right:n.x+n.width,bottom:n.y+n.height})}function cc(n,e,t){return e===ec?sc(function(n,e){var t=Cs(n),r=Ls(n),o=t.visualViewport,i=r.clientWidth,a=r.clientHeight,l=0,s=0;if(o){i=o.width,a=o.height;var c=Ps();(c||!c&&"fixed"===e)&&(l=o.offsetLeft,s=o.offsetTop)}return{width:i,height:a,x:l+zs(n),y:s}}(n,t)):Ss(e)?function(n,e){var t=js(n,!1,"fixed"===e);return t.top=t.top+n.clientTop,t.left=t.left+n.clientLeft,t.bottom=t.top+n.clientHeight,t.right=t.left+n.clientWidth,t.width=n.clientWidth,t.height=n.clientHeight,t.x=t.left,t.y=t.top,t}(e,t):sc(function(n){var e,t=Ls(n),r=Os(n),o=null==(e=n.ownerDocument)?void 0:e.body,i=Ts(t.scrollWidth,t.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=Ts(t.scrollHeight,t.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),l=-r.scrollLeft+zs(n),s=-r.scrollTop;return"rtl"===Fs(o||t).direction&&(l+=Ts(t.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:l,y:s}}(Ls(n)))}function uc(n){var e=Ds($s(n)),t=["absolute","fixed"].indexOf(Fs(n).position)>=0&&As(n)?Vs(n):n;return Ss(t)?e.filter((function(n){return Ss(n)&&function(n,e){var t=e.getRootNode&&e.getRootNode();if(n.contains(e))return!0;if(t&&_s(t)){var r=e;do{if(r&&n.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}(n,t)&&"body"!==Es(n)})):[]}function dc(n){return n.split("-")[0]}function fc(n){return n.split("-")[1]}function pc(n){var e,t=n.reference,r=n.element,o=n.placement,i=o?dc(o):null,a=o?fc(o):null,l=t.x+t.width/2-r.width/2,s=t.y+t.height/2-r.height/2;switch(i){case Zs:e={x:l,y:t.y-r.height};break;case Ks:e={x:l,y:t.y+t.height};break;case Gs:e={x:t.x+t.width,y:s};break;case Ys:e={x:t.x-r.width,y:s};break;default:e={x:t.x,y:t.y}}var c=i?function(n){return["top","bottom"].indexOf(n)>=0?"x":"y"}(i):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case Qs:e[c]=e[c]-(t[u]/2-r[u]/2);break;case Js:e[c]=e[c]+(t[u]/2-r[u]/2)}}return e}function hc(n,e){void 0===e&&(e={});var t=e,r=t.placement,o=void 0===r?n.placement:r,i=t.strategy,a=void 0===i?n.strategy:i,l=t.boundary,s=void 0===l?nc:l,c=t.rootBoundary,u=void 0===c?ec:c,d=t.elementContext,f=void 0===d?tc:d,p=t.altBoundary,h=void 0!==p&&p,m=t.padding,g=void 0===m?0:m,v=function(n){return Object.assign({},{top:0,right:0,bottom:0,left:0},n)}("number"!=typeof g?g:function(n,e){return e.reduce((function(e,t){return e[t]=n,e}),{})}(g,Xs)),b=f===tc?rc:tc,y=n.rects.popper,w=n.elements[h?b:f],k=function(n,e,t,r){var o="clippingParents"===e?uc(n):[].concat(e),i=[].concat(o,[t]),a=i[0],l=i.reduce((function(e,t){var o=cc(n,t,r);return e.top=Ts(o.top,e.top),e.right=Bs(o.right,e.right),e.bottom=Bs(o.bottom,e.bottom),e.left=Ts(o.left,e.left),e}),cc(n,a,r));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}(Ss(w)?w:w.contextElement||Ls(n.elements.popper),s,u,a),x=js(n.elements.reference),C=pc({reference:x,element:y,strategy:"absolute",placement:o}),S=sc(Object.assign({},y,C)),A=f===tc?S:x,_={top:k.top-A.top+v.top,bottom:A.bottom-k.bottom+v.bottom,left:k.left-A.left+v.left,right:A.right-k.right+v.right},T=n.modifiersData.offset;if(f===tc&&T){var B=T[o];Object.keys(_).forEach((function(n){var e=[Gs,Ks].indexOf(n)>=0?1:-1,t=[Zs,Ks].indexOf(n)>=0?"y":"x";_[n]+=B[t]*e}))}return _}var mc={placement:"bottom",modifiers:[],strategy:"absolute"};function gc(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];return!e.some((function(n){return!(n&&"function"==typeof n.getBoundingClientRect)}))}function vc(n){void 0===n&&(n={});var e=n,t=e.defaultModifiers,r=void 0===t?[]:t,o=e.defaultOptions,i=void 0===o?mc:o;return function(n,e,t){void 0===t&&(t=i);var o,a,l={placement:"bottom",orderedModifiers:[],options:Object.assign({},mc,i),modifiersData:{},elements:{reference:n,popper:e},attributes:{},styles:{}},s=[],c=!1,u={state:l,setOptions:function(t){var o="function"==typeof t?t(l.options):t;d(),l.options=Object.assign({},i,l.options,o),l.scrollParents={reference:Ss(n)?Ds(n):n.contextElement?Ds(n.contextElement):[],popper:Ds(e)};var a,c,f=function(n){var e=lc(n);return ac.reduce((function(n,t){return n.concat(e.filter((function(n){return n.phase===t})))}),[])}((a=[].concat(r,l.options.modifiers),c=a.reduce((function(n,e){var t=n[e.name];return n[e.name]=t?Object.assign({},t,e,{options:Object.assign({},t.options,e.options),data:Object.assign({},t.data,e.data)}):e,n}),{}),Object.keys(c).map((function(n){return c[n]}))));return l.orderedModifiers=f.filter((function(n){return n.enabled})),l.orderedModifiers.forEach((function(n){var e=n.name,t=n.options,r=void 0===t?{}:t,o=n.effect;if("function"==typeof o){var i=o({state:l,name:e,instance:u,options:r}),a=function(){};s.push(i||a)}})),u.update()},forceUpdate:function(){if(!c){var n=l.elements,e=n.reference,t=n.popper;if(gc(e,t)){var r,o,i,a;l.rects={reference:Hs(e,Vs(t),"fixed"===l.options.strategy),popper:(r=t,o=js(r),i=r.offsetWidth,a=r.offsetHeight,Math.abs(o.width-i)<=1&&(i=o.width),Math.abs(o.height-a)<=1&&(a=o.height),{x:r.offsetLeft,y:r.offsetTop,width:i,height:a})},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((function(n){return l.modifiersData[n.name]=Object.assign({},n.data)}));for(var s=0;s<l.orderedModifiers.length;s++)if(!0!==l.reset){var d=l.orderedModifiers[s],f=d.fn,p=d.options,h=void 0===p?{}:p,m=d.name;"function"==typeof f&&(l=f({state:l,options:h,name:m,instance:u})||l)}else l.reset=!1,s=-1}}},update:(o=function(){return new Promise((function(n){u.forceUpdate(),n(l)}))},function(){return a||(a=new Promise((function(n){Promise.resolve().then((function(){a=void 0,n(o())}))}))),a}),destroy:function(){d(),c=!0}};if(!gc(n,e))return u;function d(){s.forEach((function(n){return n()})),s=[]}return u.setOptions(t).then((function(n){!c&&t.onFirstUpdate&&t.onFirstUpdate(n)})),u}}var bc={passive:!0};var yc={top:"auto",right:"auto",bottom:"auto",left:"auto"};function wc(n){var e,t=n.popper,r=n.popperRect,o=n.placement,i=n.variation,a=n.offsets,l=n.position,s=n.gpuAcceleration,c=n.adaptive,u=n.roundOffsets,d=n.isFixed,f=a.x,p=void 0===f?0:f,h=a.y,m=void 0===h?0:h,g="function"==typeof u?u({x:p,y:m}):{x:p,y:m};p=g.x,m=g.y;var v=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),y=Ys,w=Zs,k=window;if(c){var x=Vs(t),C="clientHeight",S="clientWidth";if(x===Cs(t)&&"static"!==Fs(x=Ls(t)).position&&"absolute"===l&&(C="scrollHeight",S="scrollWidth"),o===Zs||(o===Ys||o===Gs)&&i===Js)w=Ks,m-=(d&&x===k&&k.visualViewport?k.visualViewport.height:x[C])-r.height,m*=s?1:-1;if(o===Ys||(o===Zs||o===Ks)&&i===Js)y=Gs,p-=(d&&x===k&&k.visualViewport?k.visualViewport.width:x[S])-r.width,p*=s?1:-1}var A,_=Object.assign({position:l},c&&yc),T=!0===u?function(n,e){var t=n.x,r=n.y,o=e.devicePixelRatio||1;return{x:Ws(t*o)/o||0,y:Ws(r*o)/o||0}}({x:p,y:m},Cs(t)):{x:p,y:m};return p=T.x,m=T.y,s?Object.assign({},_,((A={})[w]=b?"0":"",A[y]=v?"0":"",A.transform=(k.devicePixelRatio||1)<=1?"translate("+p+"px, "+m+"px)":"translate3d("+p+"px, "+m+"px, 0)",A)):Object.assign({},_,((e={})[w]=b?m+"px":"",e[y]=v?p+"px":"",e.transform="",e))}var kc={name:"applyStyles",enabled:!0,phase:"write",fn:function(n){var e=n.state;Object.keys(e.elements).forEach((function(n){var t=e.styles[n]||{},r=e.attributes[n]||{},o=e.elements[n];As(o)&&Es(o)&&(Object.assign(o.style,t),Object.keys(r).forEach((function(n){var e=r[n];!1===e?o.removeAttribute(n):o.setAttribute(n,!0===e?"":e)})))}))},effect:function(n){var e=n.state,t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.styles=t,e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),function(){Object.keys(e.elements).forEach((function(n){var r=e.elements[n],o=e.attributes[n]||{},i=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce((function(n,e){return n[e]="",n}),{});As(r)&&Es(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(n){r.removeAttribute(n)})))}))}},requires:["computeStyles"]},xc=vc({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(n){var e=n.state,t=n.instance,r=n.options,o=r.scroll,i=void 0===o||o,a=r.resize,l=void 0===a||a,s=Cs(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(n){n.addEventListener("scroll",t.update,bc)})),l&&s.addEventListener("resize",t.update,bc),function(){i&&c.forEach((function(n){n.removeEventListener("scroll",t.update,bc)})),l&&s.removeEventListener("resize",t.update,bc)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(n){var e=n.state,t=n.name;e.modifiersData[t]=pc({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(n){var e=n.state,t=n.options,r=t.gpuAcceleration,o=void 0===r||r,i=t.adaptive,a=void 0===i||i,l=t.roundOffsets,s=void 0===l||l,c={placement:dc(e.placement),variation:fc(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,wc(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:s})))),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:s})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},kc]}),Cc={left:"right",right:"left",bottom:"top",top:"bottom"};function Sc(n){return n.replace(/left|right|bottom|top/g,(function(n){return Cc[n]}))}var Ac={start:"end",end:"start"};function _c(n){return n.replace(/start|end/g,(function(n){return Ac[n]}))}function Tc(n,e){void 0===e&&(e={});var t=e,r=t.placement,o=t.boundary,i=t.rootBoundary,a=t.padding,l=t.flipVariations,s=t.allowedAutoPlacements,c=void 0===s?ic:s,u=fc(r),d=u?l?oc:oc.filter((function(n){return fc(n)===u})):Xs,f=d.filter((function(n){return c.indexOf(n)>=0}));0===f.length&&(f=d);var p=f.reduce((function(e,t){return e[t]=hc(n,{placement:t,boundary:o,rootBoundary:i,padding:a})[dc(t)],e}),{});return Object.keys(p).sort((function(n,e){return p[n]-p[e]}))}var Bc={name:"flip",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,r=n.name;if(!e.modifiersData[r]._skip){for(var o=t.mainAxis,i=void 0===o||o,a=t.altAxis,l=void 0===a||a,s=t.fallbackPlacements,c=t.padding,u=t.boundary,d=t.rootBoundary,f=t.altBoundary,p=t.flipVariations,h=void 0===p||p,m=t.allowedAutoPlacements,g=e.options.placement,v=dc(g),b=s||(v===g||!h?[Sc(g)]:function(n){if(dc(n)===qs)return[];var e=Sc(n);return[_c(n),e,_c(e)]}(g)),y=[g].concat(b).reduce((function(n,t){return n.concat(dc(t)===qs?Tc(e,{placement:t,boundary:u,rootBoundary:d,padding:c,flipVariations:h,allowedAutoPlacements:m}):t)}),[]),w=e.rects.reference,k=e.rects.popper,x=new Map,C=!0,S=y[0],A=0;A<y.length;A++){var _=y[A],T=dc(_),B=fc(_)===Qs,W=[Zs,Ks].indexOf(T)>=0,I=W?"width":"height",P=hc(e,{placement:_,boundary:u,rootBoundary:d,altBoundary:f,padding:c}),j=W?B?Gs:Ys:B?Ks:Zs;w[I]>k[I]&&(j=Sc(j));var O=Sc(j),E=[];if(i&&E.push(P[T]<=0),l&&E.push(P[j]<=0,P[O]<=0),E.every((function(n){return n}))){S=_,C=!1;break}x.set(_,E)}if(C)for(var L=function(n){var e=y.find((function(e){var t=x.get(e);if(t)return t.slice(0,n).every((function(n){return n}))}));if(e)return S=e,"break"},z=h?3:1;z>0;z--){if("break"===L(z))break}e.placement!==S&&(e.modifiersData[r]._skip=!0,e.placement=S,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Wc={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var e=n.state,t=n.options,r=n.name,o=t.offset,i=void 0===o?[0,0]:o,a=ic.reduce((function(n,t){return n[t]=function(n,e,t){var r=dc(n),o=[Ys,Zs].indexOf(r)>=0?-1:1,i="function"==typeof t?t(Object.assign({},e,{placement:n})):t,a=i[0],l=i[1];return a=a||0,l=(l||0)*o,[Ys,Gs].indexOf(r)>=0?{x:l,y:a}:{x:a,y:l}}(t,e.rects,i),n}),{}),l=a[e.placement],s=l.x,c=l.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a}};function Ic(n,e,t){return void 0===t&&(t={x:0,y:0}),{top:n.top-e.height-t.y,right:n.right-e.width+t.x,bottom:n.bottom-e.height+t.y,left:n.left-e.width-t.x}}function Pc(n){return[Zs,Gs,Ks,Ys].some((function(e){return n[e]>=0}))}var jc={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(n){var e=n.state,t=n.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=hc(e,{elementContext:"reference"}),l=hc(e,{altBoundary:!0}),s=Ic(a,r),c=Ic(l,o,i),u=Pc(s),d=Pc(c);e.modifiersData[t]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}};let Oc={tooltip:[],popup:[]};const Ec={directives:{domresize:Ui()},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:Di(),valueTrans:!1,triggerWidth:null,cursorTriggerInner:!1,clickContentInner:!1,windowMousedown:null,windowMouseup:null,windowScroll:null,popperInstance:null,popperShow:!1,contentStyle:"",mouseClientX:0,mouseClientY:0}},mounted:function(){let n=this;n.windowMousemove=e=>{n.mouseClientX=e.clientX,n.mouseClientY=e.clientY},window.addEventListener("mousemove",n.windowMousemove,!1),n.windowMousedown=e=>{let t=vn(n,"$refs.divTrigger",null);n.cursorTriggerInner=!!t&&xs(e.clientX,e.clientY,t);let r=vn(n,"$refs.divContent",null);n.valueTrans&&r?n.clickContentInner=xs(e.clientX,e.clientY,r):n.clickContentInner=!1},window.addEventListener("mousedown",n.windowMousedown,!1),n.windowMouseup=e=>{n.checkTriggerEff(n.mmkey)&&(!n.valueTrans||n.cursorTriggerInner||n.clickContentInner?(n.cursorTriggerInner=!1,n.clickContentInner=!1):n.evHide("click","windowMouseup"))},window.addEventListener("mouseup",n.windowMouseup,!1),n.windowScroll=e=>{if("hover"!==n.kind)return;let t=vn(n,"$refs.divTrigger",null);t&&(n.cursorTriggerInner=!!t&&xs(n.mouseClientX,n.mouseClientY,t),n.cursorTriggerInner?n.valueTrans||n.evShow("hover","windowScroll"):n.valueTrans&&n.evHide("hover","windowScroll"))},window.addEventListener("scroll",n.windowScroll,!1)},beforeDestroy:function(){let n=this;window.removeEventListener("mousemove",n.windowMousemove,!1),window.removeEventListener("mousedown",n.windowMousedown,!1),window.removeEventListener("mouseup",n.windowMouseup,!1),window.removeEventListener("scroll",n.windowMouseup,!1),n.triggerEvent(!1),clearInterval(n.trt)},computed:{changeValue:function(){let n=this,e=n.value;return n.isolated||n.updateValue(e,"changeValue"),""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let n=this;return fa(n.minWidth)?`min-width:${n.minWidth}px;`:n.autoFitMinWidth?`min-width:${n.triggerWidth}px;`:""},useMaxWidth:function(){let n=this;return fa(n.maxWidth)?`max-width:${n.maxWidth}px;`:n.autoFitMaxWidth?`max-width:${n.triggerWidth}px;`:""},useBorderRadius:function(){let n=this;return fa(n.borderRadius)?`border-radius:${n.borderRadius}px;`:""},useTextFontSize:function(){let n=this.textFontSize;return n=Xi(n,";",""),`font-size:${n};`},useTextColor:function(){return qi(this.textColor)},useBackgroundColor:function(){return qi(this.backgroundColor)},usePadding:function(){return`padding:${pa(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let n=Xi(this.shadowStyle,";","");return""!==n?`box-shadow:${n};`:""},kind:function(){return"popup"===this.mode?"click":"hover"}},methods:{addTrigger:function(n){return function(n,e){Oc[n].push(e)}(this.mode,n)},checkTriggerEff:function(n){return function(n,e){return t=Oc[n],((r=null==t?0:t.length)?t[r-1]:void 0)===e;var t,r}(this.mode,n)},removeTrigger:function(n){return function(n,e){ks(Oc[n],e)}(this.mode,n)},showPopper:function(n){let e=this,t=vn(e,"$refs.divTrigger",null);if(null===t)return;e.$nextTick((()=>{e.triggerWidth=t.offsetWidth}));let r=vn(e,"$refs.divContent",null);if(null===r)return;e.addTrigger(e.mmkey);let o={strategy:"fixed",placement:e.placement,modifiers:[Bc,{name:"flip",options:{fallbackPlacements:["bottom-start","bottom-end","top","top-start","top-end"]}},Wc,{name:"offset",options:{offset:({placement:n,reference:t,popper:r})=>[0,e.placementDist]}},jc]};e.popperInstance=xc(t,r,o)},hidePopper:function(n){let e=this;e.popperInstance&&(e.popperInstance.destroy(),e.popperInstance=null),setTimeout((()=>{e.removeTrigger(e.mmkey)}),20)},updatePopper:function(n){let e=this;e.popperInstance&&e.popperInstance.update(),e.$emit("resize",n)},displayPopper:function(){let n=this;n.$nextTick((()=>{let e=n.editable&&n.valueTrans;if(e&&!n.popperShow){let e=-15;n.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,n.showPopper("displayPopper"),n.popperShow=!0,n.$emit("show"),setTimeout((()=>{n.contentStyle=`transition:all ${n.transitionTime}ms ease-out; opacity:1; pointer-events:none;`}),1),setTimeout((()=>{n.contentStyle=""}),n.transitionTime)}else!e&&n.popperShow&&(n.hidePopper("displayPopper"),n.popperShow=!1,n.$emit("hide"))}))},updateValue:function(n,e){let t=this;t.editable&&(t.valueTrans=n,t.displayPopper())},triggerEvent:function(n){let e=this;e.editable&&(e.isolated&&e.updateValue(n,"triggerEvent"),e.$nextTick((()=>{e.$emit("input",n)})))},evShow:function(n,e){let t=this;t.editable&&(t.valueTrans||t.kind===n&&t.triggerEvent(!0))},evHide:function(n,e){let t=this;t.editable&&t.valueTrans&&t.kind===n&&t.triggerEvent(!1)}}};var Lc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""+n.useDisplayType,attrs:{changeValue:n.changeValue}},[t("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return n.evShow("click","click")},mouseenter:function(e){return n.evShow("hover","mouseenter")},mouseleave:function(e){return n.evHide("hover","mouseleave")}}},[n._t("trigger")],2),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopup-Content",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[n.valueTrans?t("div",{style:n.contentStyle+" "+n.usePadding+" "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+"; "+n.useMinWidth+" "+n.useMaxWidth+" "+n.useBorderRadius+" "+n.useShadow},[n._t("content",null,{funHide:function(){n.updateValue(!1,"slot")}})],2):n._e()])])};Lc._withStripped=!0;const zc=ya({render:Lc,staticRenderFns:[]},(function(n){n&&n("data-v-3a8062cb_0",{source:"\n.WPopup-Content[data-popper-reference-hidden][data-v-3a8062cb] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-105-3-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AA+yBA;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 color2hex from '../js/vuetifyColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport { createPopper } from '@popperjs/core/lib/popper-lite.js' //不用安裝@popperjs/core, 因wsemi安裝tippy.js內有依賴@popperjs/core\r\nimport flip from '@popperjs/core/lib/modifiers/flip.js'\r\nimport offset from '@popperjs/core/lib/modifiers/offset.js'\r\nimport hide from '@popperjs/core/lib/modifiers/hide.js'\r\n//import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'\r\n//import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction addTriggerMode(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction checkTriggerEffMode(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction removeTriggerMode(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='tooltip'] 輸入組件模式字串，可選'tooltip'與'popup'，預設'tooltip'\r\n * @vue-prop {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        //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 color2hex(vo.textColor)\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            //console.log('computed useBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.backgroundColor)\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle)\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        useShadow: function() {\r\n            //console.log('computed useShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.shadow) {\r\n                return ''\r\n            }\r\n\r\n            //shadowStyle\r\n            let s = replace(vo.shadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        kind: function() {\r\n            let vo = this\r\n            if (vo.mode === 'popup') {\r\n                return 'click'\r\n            }\r\n            return 'hover'\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        addTrigger: function(mmkey) {\r\n            let vo = this\r\n            return addTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        checkTriggerEff: function(mmkey) {\r\n            let vo = this\r\n            return checkTriggerEffMode(vo.mode, mmkey)\r\n        },\r\n\r\n        removeTrigger: function(mmkey) {\r\n            let vo = this\r\n            return removeTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        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', 'top-start', 'top-end'],\r\n                        },\r\n                    },\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            //offset: [0, 5], //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            offset: ({ placement, reference, popper }) => {\r\n                                // console.log('offset', placement, reference, popper, vo.placementDist)\r\n                                // if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else {\r\n                                //     return []\r\n                                // }\r\n                                return [0, vo.placementDist] //[Skidding, Distance]\r\n                            },\r\n                        },\r\n                    },\r\n                    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})}),Ec,"data-v-3a8062cb",false,undefined,!1,ka,void 0,void 0);var Fc={components:{WIcon:_a,WIconLoading:vs,WTooltip:zc},props:{tooltip:{type:String,default:""},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"grey darken-1"},iconColorHover:{type:String,default:"grey darken-2"},iconColorFocus:{type:String,default:"grey darken-3"},borderWidth:{type:Number,default:0},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorFocus:{type:String,default:"rgb(230,230,230)"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},cursorPointer:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{loadingTrans:!1,hoverTrans:!1,focusTrans:!1}},mounted:function(){},computed:{changeLoading:function(){return this.loadingTrans=this.loading,""},effIconColor:function(){return qi(this.iconColor)},effIconColorHover:function(){return qi(this.iconColorHover)},effIconColorFocus:function(){return qi(this.iconColorFocus)},useIconColor:function(){let n,e=this;return e.loadingTrans?e.effIconColor:(n=e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.effIconColor),n)},effBorderColor:function(){return qi(this.borderColor)},effBorderColorHover:function(){return qi(this.borderColorHover)},effBorderColorFocus:function(){return qi(this.borderColorFocus)},useBorderColor:function(){let n,e=this;return e.loadingTrans?e.effBorderColor:(n=e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.focusTrans?e.effBorderColorFocus:e.effBorderColor),n)},effBackgroundColor:function(){return qi(this.backgroundColor)},effBackgroundColorHover:function(){return qi(this.backgroundColorHover)},effBackgroundColorFocus:function(){return qi(this.backgroundColorFocus)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans?e.effBackgroundColor:(n=e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.focusTrans?e.effBackgroundColorFocus:e.effBackgroundColor),n)},effRippleColor:function(){return qi(this.rippleColor)},effLoadingColor:function(){return qi(this.loadingColor)},effDisabledColor:function(){return qi(this.disabledColor)},usePadding:function(){let n=this;return`padding:${pa(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useShadow:function(){let n=this;return n.shadow&&_r(n.shadowStyle)?function(n,e,t){let r=it(n=Xi(n,"}","{"),"{");return r=Sr(r,(n=>{if(n.indexOf(e)>=0){let e=Ua(n,"=")[1];return e=Si(e)?Ai(e):.2,function(n,e){let t=qi(n),r=hs.toRgba(t);return r.a=e,hs.toRgbaString(r)}(t,e)}return n})),Ma(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},hasTooltop:function(){return _r(this.tooltip)}},methods:{ripple:function(n){let e=this;e.editable&&(e.loadingTrans||e.$nextTick((()=>{sa(n.currentTarget,n,{color:e.effRippleColor,timeDuration:500})})))},clickBtn:function(n){let e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let n=Na();e.$nextTick((()=>{e.$emit("click",{pm:n})})),n.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}else e.$nextTick((()=>{e.$emit("click")}))}}};const Rc=Fc;var Hc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeLoading:n.changeLoading}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"position:relative; transition:all 0.3s; "+n.usePadding+" border-radius:50%; border:"+n.borderWidth+"px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" box-shadow:"+n.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},focus:function(e){n.focusTrans=!0},blur:function(e){n.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){n.ripple(e),n.clickBtn(e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n.loadingTrans?n._e():t("WIcon",{attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}),n._v(" "),n.loadingTrans?t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}}):n._e()],1),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"border-radius:50%; overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n            "+n._s(n.tooltip)+"\n        ")]},proxy:!0}])})],1)};Hc._withStripped=!0;const $c={components:{WButtonCircle:ya({render:Hc,staticRenderFns:[]},(function(n){n&&n("data-v-32d6e371_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",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})}),Rc,"data-v-32d6e371",false,undefined,!1,ka,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 n=`${this.casename}`;return`${this.kbname}_${Da(n)}`}},methods:{ckExample:function(){let n="https://yuda-lyu.github.io/w-plot-vue/examples/"+this.fn+".html";window.open(n,"_blank")},ckCode:function(){let n="https://github.com/yuda-lyu/w-plot-vue/blob/master/docs/examples/"+this.fn+".html";window.open(n,"_blank")}}};var Mc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"item"},[t("div",{staticStyle:{display:"inline-block"}},[n._v("\n        "+n._s(n.casename)+"\n    ")]),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:n.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:n.ckExample}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:n.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:n.ckCode}})],1)};Mc._withStripped=!0;const Dc=ya({render:Mc,staticRenderFns:[]},(function(n){n&&n("data-v-ae1fe3c6_0",{source:"\n.item[data-v-ae1fe3c6] {\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-105-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})}),$c,"data-v-ae1fe3c6",false,undefined,!1,ka,void 0,void 0);function Uc(n,e){let t=Na();if(!ha(n)&&!Gr(n))return t.reject("rs is not an array or object"),t;let r=!1;if(Gr(n)){r=!0;let e=[];Fe(n,((n,t)=>{e.push({k:t,v:n})})),n=e}Fi(e)||(e=function(n){return n});let o=-1,i=[];return n.reduce((function(n,t){return n.then((function(n){i.push(n),o+=1;let a=o,l=t;return r&&(a=t.k,l=t.v),Fi(e)?e(l,a):l}))}),Promise.resolve()).then((function(n){var e,r,o,a;i.push(n),a=null==(e=i)?0:e.length,i=a?Re(e,(r=o||void 0===r?1:xi(r))<0?0:r,a):[],t.resolve(i)})).catch((function(n){t.reject(n)})),t}function Nc(n){let e,t=Object.prototype.toString.call(n);if(e="[object Promise]"===t,e)return!0;if("[object Function]"!==t)return!1;try{e="function"!=typeof n.subscribe&&"function"==typeof n.then}catch(n){}return e}async function Vc(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=null,r=Na();if(!Fi(n))return r.reject("waitfunction需輸入函數f"),r;let o=async()=>{let e=n();return Nc(e)&&(e=await e),e};if(t=await o(),!0===t)return r.resolve(),r;let i=vn(e,"attemptNum",null);ji(i)||(i=200);let a=vn(e,"timeInterval",null);ji(a)||(a=1e3);let l=0,s=setInterval((async()=>{l+=1,t=await o(),!0===t&&(clearInterval(s),r.resolve()),l>i&&(clearInterval(s),r.reject(`exceeded attemptNum[${i}]`))}),a);return r}function Zc(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;Si(n)||(n=10);let e=Na();return setTimeout((function(){e.resolve()}),n),e}let Kc={},Gc={};function Yc(n){let{tagName:e,path:t,attributes:r={},func:o}=n,i=Na();if("done"===Kc[t])return i.resolve("loaded"),i;if("loading"===Kc[t])return Vc((()=>"done"===Kc[t])).then((function(){i.resolve("loaded")})),i;Kc[t]="loading";let a=document.createElement(e);return Fe(r,((n,e)=>{a.setAttribute(e,n)})),r.rel&&"stylesheet"===r.rel?(a.setAttribute("href",t),setTimeout((()=>{i.resolve(a),Kc[t]="done"}),1)):(a.src=t,a.addEventListener("load",(()=>{let n;Fi(o)?n=Vc(o):(n=Na(),n.resolve()),n.then((()=>Zc(500))).then((function(){i.resolve(a),Kc[t]="done"}))})),a.addEventListener("error",(()=>{i.reject(a),Kc[t]="done"}))),document.getElementsByTagName("head")[0].appendChild(a),i}function qc(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}n&&!window.Vue&&(window.Vue=n);const Xc={components:{WIconLoading:vs},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/dist/w-highcharts.umd.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let e=this;(function(n){let e=Na();ha(n)||(n=[n]),Fe(n,((e,t)=>{Ar(e)&&(n[t]={path:e})}));let t=Ma(Sr(n,"path"),"|");return"done"===Gc[t]?(e.resolve("loaded"),e):"loading"===Gc[t]?(Vc((()=>"done"===Gc[t])).then((function(){e.resolve("loaded")})),e):(Gc[t]="loading",Fe(n,((n,e)=>{n.type||(".js"===ll(n.path,3)?n.type="js":".css"===ll(n.path,4)?n.type="css":n.type="unknow")})),Uc(n,(n=>{let e=Na();if("js"===n.type)e=Yc({tagName:"script",path:n.path,attributes:{type:"text/javascript"},func:n.func});else if("css"===n.type)e=Yc({tagName:"link",path:n.path,attributes:{rel:"stylesheet"}});else{let t="invalid pathItem.type: "+n.type;console.log(t),e.reject(t)}return e})).finally((()=>{Gc[t]="done"})))})(e.pathItems).then((t=>{if("loaded"!==t){let e=window.Highcharts,t=window["w-highcharts"];t.iniMarkers(e),e.setOptions(t.getDefOpt());let r=window.VueHighcharts;r.default&&(r=r.default),function(){let e=qc();return n||e.Vue}().use(r,{Highcharts:e})}e.cmpName="Highcharts"}))},computed:{},methods:{}};var Qc=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Qc._withStripped=!0;const Jc={components:{WHighchartsVueDyn:ya({render:Qc,staticRenderFns:[]},(function(n){n&&n("data-v-05714b50_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})}),Xc,"data-v-05714b50",false,undefined,!1,ka,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 n=this.width,e=vn(this,"options.chart.width","");return Si(e)&&(n=Ai(e)),n},heightInp:function(){let n=this.height,e=vn(this,"options.chart.height","");return Si(e)&&(n=Ai(e)),n}},methods:{}};var nu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.options?t("div",{style:"display:inline-block; width:"+n.widthInp+"px; min-width:"+n.widthInp+"px; height:"+n.heightInp+"px; overflow-y:hidden;"},[t("WHighchartsVueDyn",{attrs:{options:n.options}})],1):n._e()};nu._withStripped=!0;const eu=ya({render:nu,staticRenderFns:[]},(function(n){n&&n("data-v-b67ffb76_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:"WPlot.vue"},media:void 0})}),Jc,"data-v-b67ffb76",false,undefined,!1,ka,void 0,void 0);const tu={components:{demolink:Dc,WPlot:eu},props:{},data:function(){return{WPlot:{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 ru=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-plot",casename:"default"}}),n._v(" "),t("w-plot",{attrs:{options:n.WPlot.option1}})],1)])])};ru._withStripped=!0;const ou=ya({render:ru,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-plot")])])}]},(function(n){n&&n("data-v-3dc0c9b2_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:"AppZoneWPlot.vue"},media:void 0})}),tu,"data-v-3dc0c9b2",false,undefined,!1,ka,void 0,void 0);function iu(n,e,t){(void 0!==t&&!N(n[e],t)||void 0===t&&!(e in n))&&no(n,e,t)}function au(n,e){if(("constructor"!==e||"function"!=typeof n[e])&&"__proto__"!=e)return n[e]}function lu(n,t,r,o,i,a,l){var s=au(n,r),c=au(t,r),u=l.get(c);if(u)iu(n,r,u);else{var d,f=a?a(s,c,r+"",n,t,l):void 0,p=void 0===f;if(p){var h=e(c),g=!h&&ue(c),v=!h&&!g&&Ce(c);f=c,h||g||v?e(s)?f=s:m(d=s)&&je(d)?f=po(s):g?(p=!1,f=fo(c,!0)):v?(p=!1,f=Co(c,!0)):f=[]:ia(c)||ae(c)?(f=s,ae(s)?f=function(n){return ro(n,ao(n))}(s):k(s)&&!_(s)||(f=Ko(c))):p=!1}p&&(l.set(c,f),i(f,c,o,a,l),l.delete(c)),iu(n,r,f)}}function su(n,e,t,r,o){n!==e&&ne(e,(function(i,a){if(o||(o=new at),k(i))lu(n,e,a,t,su,r,o);else{var l=r?r(au(n,a),i,a+"",n,e,o):void 0;void 0===l&&(l=i),iu(n,a,l)}}),ao)}var cu,uu=(cu=function(n,e,t){su(n,e,t)},tl((function(n,e){var t=-1,r=e.length,o=r>1?e[r-1]:void 0,i=r>2?e[2]:void 0;for(o=cu.length>3&&"function"==typeof o?(r--,o):void 0,i&&De(e[0],e[1],i)&&(o=r<3?void 0:o,r=1),n=Object(n);++t<r;){var a=e[t];a&&cu(n,a,t,o)}return n}))),du=uu;function fu(){let n=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:vn(n,"useTooltip",!0)},legend:{useHTML:!0,enabled:vn(n,"useLegend",!0)}}}function pu(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=vn(n,"marginLeftShift",60),t=vn(n,"marginRightShift",0),r=vn(n,"marginTopShift",10),o=vn(n,"marginBottomShift",60),i=vn(n,"spacingLeft",0),a=vn(n,"spacingRight",0),l=vn(n,"spacingTop",0),s=vn(n,"spacingBottom",0),c=vn(n,"plotBorderColor","#666"),u=vn(n,"plotBorderWidth",1),d=vn(n,"space",5);return{animation:!1,plotBorderColor:c,plotBorderWidth:u,marginLeft:d+e,marginRight:d+t,marginTop:d+r,marginBottom:d+o,spacingLeft:i,spacingRight:a,spacingTop:l,spacingBottom:s}}function hu(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=vn(n,"softMax"),t=vn(n,"vDig"),r={crosshair:!0,title:{useHTML:!0,text:"",style:{fontFamily:vn(n,"titleFontFamily","微軟正黑體"),fontSize:vn(n,"titleFontSize","12pt"),color:vn(n,"titleColor","#000")}},softMax:e,labels:{autoRotation:!1,style:{fontFamily:vn(n,"labelFontFamily","微軟正黑體"),fontSize:vn(n,"labelFontSize","9pt"),color:vn(n,"labelColor","#222")},formatter:function(n){return t?function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return Si(n)&&il(e)?(n=Ai(n),Ii(n,e).toFixed(e)):""}(n.value,t):n.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 r}function mu(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=vn(n,"legnedFontFamily","微軟正黑體"),t=vn(n,"legnedFontSize","9pt"),r=vn(n,"legnedColor","#222");return{useHTML:!0,enabled:!0,shared:!0,floating:!0,layout:"vertical",backgroundColor:vn(n,"legendBackgroundColor","rgba(255,255,255,0.75)"),borderColor:vn(n,"legnedBorderColor","#aaa"),borderWidth:1,itemStyle:{fontFamily:e,fontSize:t,color:r}}}function gu(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=vn(e,"legendPosition","topright"),r=vn(n,"chart.marginLeft")||vn(n,"chart.margin-left");r=Ai(r);let o=vn(n,"chart.marginRight")||vn(n,"chart.margin-right");o=Ai(o);let i=vn(n,"chart.marginTop")||vn(n,"chart.margin-top");i=Ai(i);let a=vn(n,"chart.marginBottom")||vn(n,"chart.margin-bottom");a=Ai(a),vn(e,"legendIgnoreMargin",!1)&&(r=0,o=0,i=0,a=0);let l=vn(n,"chart.spacingLeft")||vn(n,"chart.spacing-left");l=Ai(l);let s=vn(n,"chart.spacingRight")||vn(n,"chart.spacing-right");s=Ai(s);let c=vn(n,"chart.spacingTop")||vn(n,"chart.spacing-top");c=Ai(c);let u=vn(n,"chart.spacingBottom")||vn(n,"chart.spacing-bottom");u=Ai(u),vn(e,"legendIgnoreSpacing",!1)&&(l=0,s=0,c=0,u=0);let d=vn(n,"legend",{});if(n.legend=d,"topleft"===t){n.legend.align="left",n.legend.verticalAlign="top";let e=5,t=5;n.legend.x=r-l+e,n.legend.y=i-c+t}else if("bottomleft"===t){n.legend.align="left",n.legend.verticalAlign="bottom";let e=5,t=-5;n.legend.x=r-l+e,n.legend.y=-a+u+t}else if("bottomright"===t){n.legend.align="right",n.legend.verticalAlign="bottom";let e=-5,t=-5;n.legend.x=-o+s+e,n.legend.y=-a+u+t}else{n.legend.align="right",n.legend.verticalAlign="top";let e=-5,t=5;n.legend.x=-o+s+e,n.legend.y=i-c+t}return n}function vu(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function bu(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?vu(Object(t),!0).forEach((function(e){Xr(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):vu(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function yu(n,e,t,r){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},i=vn(o,"marginLeft",null),a=vn(o,"marginRight",null),l=vn(o,"marginTop",null),s=vn(o,"marginBottom",null),c=vn(o,"direction","vertical");"vertical"!==c&&"horizontal"!==c&&(c="vertical");let u,d=vn(o,"xTitle",""),f=vn(o,"yTitle",""),p=vn(o,"barColor",void 0),h=vn(o,"barKpColor",void 0),m=vn(o,"barGroupWidthRatio",.2),g=vn(o,"barWidthRatio",.2),v=vn(o,"barBorderWidth",1),b=vn(o,"barDisplay","separate");"separate"!==b&&"stackNormal"!==b&&"stackPercent"!==b&&(b="separate"),"stackNormal"===b?u="normal":"stackPercent"===b&&(u="percent");let y=vn(o,"barBorderRadius",4),w=vn(o,"barShowLabels",!0),k=vn(o,"barUseInnerLabelsForHorizontal",!1),x=vn(o,"showLegend",!1),C=t,S=[];Fe(r,((n,e)=>{let r=vn(n,"name",""),o=p,i=vn(n,"color",void 0),a=vn(n,"data",{}),l=null,s=[];Fe(t,(n=>{let t=vn(a,n,null),r=t;if(Qi(r)){if(!ul(r,"value"))throw new Error("bar data is an object but no value");r=vn(r,"value",null)}let c=vn(h,n,void 0),u=vn(h,`${e}.${n}`,void 0),d=vn(t,"color",void 0),f=(n=>{if(va(n)){let e=Nr(n);n=1===e?n[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Sr(n,((n,t)=>[t/(e-1),n]))}}return n})(o||i||c||u||d);null===l&&(l=f),s.push({name:n,y:r,color:f})})),S.push({name:r,data:s,color:l})}));let A=fu(o),_=pu(o),T=hu(o),B=du(T,{categories:C,labels:{allowOverlap:!0}});B.title.text=d;let W=hu(o),I=du(W,{});I.title.text=f,I.min=0;let P=mu(o),j=bu(bu({},A),{},{chart:bu(bu({},_),{},{type:"vertical"===c?"column":"bar",width:n,height:e}),xAxis:B,yAxis:I,legend:P,series:S});return fa(i)&&(j.chart.marginLeft=i),fa(a)&&(j.chart.marginRight=a),fa(l)&&(j.chart.marginTop=l),fa(s)&&(j.chart.marginBottom=s),"stackPercent"===b&&("vertical"===c&&(j.chart.marginLeft+=11),j.yAxis.labels.formatter=n=>`${n.value}%`),"horizontal"===c&&k&&(j.chart.marginLeft=40,j.xAxis.title.margin=21,j.xAxis.labels.enabled=!1,j.xAxis.tickWidth=0,j.xAxis.min=-.25,j.xAxis.tickInterval=1,j.xAxis.plotLines=[{color:j.xAxis.gridLineColor,width:j.xAxis.gridLineWidth,value:-.5}]),j.plotOptions=bu(bu({},j.plotOptions),{},{series:{groupPadding:m,pointPadding:g,borderWidth:v,grouping:!0,borderRadius:y,stacking:u,dataLabels:{enabled:w,allowOverlap:!0}}}),j=gu(j,o),j.legend.enabled=x,j}const wu={components:{WPlot:eu},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return vn(this,"opt.width",0)},picHeight:function(){return vn(this,"opt.height",0)},ks:function(){return vn(this,"opt.keys",[])},hasOptBar:function(){return Qi(this.optBar)},optBar:function(){let n=this,e=null;try{let t=vn(n,"opt.rds",[]);e=yu(n.picWidth,n.picHeight,n.ks,t,n.opt)}catch(n){console.log(n)}return e},useInnerLabels:function(){let n="horizontal"===vn(this,"opt.direction",""),e=vn(this,"opt.barUseInnerLabelsForHorizontal",!1);return n&&e},locLeft:function(){return vn(this,"optBar.chart.marginLeft",0)},locTop:function(){return vn(this,"optBar.chart.marginTop",0)},locBottom:function(){return vn(this,"optBar.chart.marginBottom",0)},hTickLableFontFamily:function(){return vn(this,"optBar.xAxis.labels.style.fontFamily","")},hTickLableFontSize:function(){return vn(this,"optBar.xAxis.labels.style.fontSize","")},hTickLableColor:function(){return vn(this,"optBar.xAxis.labels.style.color","")},hAxisMin:function(){return vn(this,"optBar.xAxis.min",0)},hTickLabels:function(){let n=this,e=n.picHeight-n.locTop-n.locBottom;e=Math.max(e,0);let t=Nr(n.ks)-n.hAxisMin,r=0;return t>0&&(r=e/t),Sr(n.ks,((e,t)=>({name:e,y:n.locTop+r*(t-n.hAxisMin)})))}},methods:{}};var ku=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.hasOptBar?t("div",{staticStyle:{display:"inline-block"}},[t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("top",null,{opt:n.optBar})],2),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("WPlot",{attrs:{options:n.optBar}}),n._v(" "),n.useInnerLabels?n._l(n.hTickLabels,(function(e,r){return t("div",{key:"ktk-"+r,style:"position:absolute; left:"+n.locLeft+"px; top:"+e.y+"px; font-family:"+n.hTickLableFontFamily+"; font-size:"+n.hTickLableFontSize+"; color:"+n.hTickLableColor+";"},[n._v("\n                "+n._s(e.name)+"\n            ")])})):n._e()],2),n._v(" "),t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("bottom",null,{opt:n.optBar})],2)]):n._e()};ku._withStripped=!0;const xu=ya({render:ku,staticRenderFns:[]},(function(n){n&&n("data-v-f6d7b3c2_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})}),wu,"data-v-f6d7b3c2",false,undefined,!1,ka,void 0,void 0);var Cu={components:{demolink:Dc,WBar:xu},props:{},data:function(){let n=["USA","China","Brazil","EU","India","Russia"];return{WBar:{opt1a:{width:400,height:400,keys:n,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:n,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:n,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:n,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:n,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:n,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:n,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:n,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 Su=Cu;var Au=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{marginLeft:85,marginRight:25,marginTop:35,marginBottom:75})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barColor:"#FF9800"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barColor:["#4f95d8","#0058a5"]})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1b)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1c)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & hide labels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barShowLabels:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & show legned"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2b,{barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2c,{barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2d,{barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2e,{barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && show labels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!0,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && hide legned"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal) && barShowLabels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackPercent)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & marginLeft & marginRight & marginTop & marginBottom"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:85,marginRight:25,marginTop:35,marginBottom:75,legendPosition:"bottomright"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barUseInnerLabelsForHorizontal"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:"#FF9800"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:["#4f95d8","#0058a5"]})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & hide labels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & show legned"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barUseInnerLabelsForHorizontal & barGroupWidthRatio"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barUseInnerLabelsForHorizontal:!0,barGroupWidthRatio:.25})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2d,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2e,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && show labels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && hide legned"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal) && barShowLabels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackPercent)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1)])])};Au._withStripped=!0;const _u=ya({render:Au,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-bar")])])}]},(function(n){n&&n("data-v-b351726c_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})}),Su,"data-v-b351726c",false,undefined,!1,ka,void 0,void 0);function Tu(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function Bu(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Tu(Object(t),!0).forEach((function(e){Xr(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Tu(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Wu(n,e,t,r){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},i=vn(o,"marginLeft",null),a=vn(o,"marginRight",null),l=vn(o,"marginTop",null),s=vn(o,"marginBottom",null),c=vn(o,"pieThicknessRatio",.6);c=Math.min(c,1),c=Math.max(c,0);let u=vn(o,"pieBorderRadius",4),d=vn(o,"pieKpColor",void 0),f=vn(o,"pieBorderWidth",1),p=vn(o,"pieShowLabels",!0),h=vn(o,"showLegend",!0),m=[];Fe(r,((n,e)=>{let r=vn(n,"name",""),o=vn(n,"color",void 0),i=vn(n,"data",{}),a=null,l=[];Fe(t,(n=>{let t=vn(i,n,null),r=t;if(Qi(r)){if(!ul(r,"value"))throw new Error("pie data is an object but no value");r=vn(r,"value",null)}let s=vn(d,n,void 0),c=vn(d,`${e}.${n}`,void 0),u=vn(t,"color",void 0),f=(n=>{if(va(n)){let e=Nr(n);n=1===e?n[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Sr(n,((n,t)=>[t/(e-1),n]))}}return n})(o||s||c||u);null===a&&(a=f),l.push({name:n,y:r,color:f})})),m.push({name:r,data:l,color:a})}));let g=fu(o),v=pu(Bu(Bu({},o),{},{marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"})),b=mu(o),y=Bu(Bu({},g),{},{chart:Bu(Bu({},v),{},{type:"pie",width:n,height:e}),legend:b,series:m});return fa(i)&&(y.chart.marginLeft=i),fa(a)&&(y.chart.marginRight=a),fa(l)&&(y.chart.marginTop=l),fa(s)&&(y.chart.marginBottom=s),y.plotOptions=Bu(Bu({},y.plotOptions),{},{series:{borderWidth:f,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:u,showInLegend:h}}),y=gu(y,Bu(Bu({},o),{},{legendIgnoreMargin:!0})),y.legend.enabled=h,y}const Iu={components:{WPlot:eu},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return vn(this,"opt.width",0)},picHeight:function(){return vn(this,"opt.height",0)},ks:function(){return vn(this,"opt.keys",[])},hasOptPie:function(){return Qi(this.optPie)},optPie:function(){let n=this,e=null;try{let t=vn(n,"opt.rds",[]);e=Wu(n.picWidth,n.picHeight,n.ks,t,n.opt)}catch(n){console.log(n)}return e}},methods:{}};var Pu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.hasOptPie?t("div",{staticStyle:{display:"inline-block"}},[t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("top",null,{opt:n.optPie})],2),n._v(" "),t("WPlot",{attrs:{options:n.optPie}}),n._v(" "),t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("bottom",null,{opt:n.optPie})],2)],1):n._e()};Pu._withStripped=!0;const ju=ya({render:Pu,staticRenderFns:[]},(function(n){n&&n("data-v-4bd6b5e4_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})}),Iu,"data-v-4bd6b5e4",false,undefined,!1,ka,void 0,void 0);var Ou={components:{demolink:Dc,WPie:ju},props:{},data:function(){let n=["USA","China","Brazil","EU","India","Russia"];return{WPie:{opt1a:{width:400,height:400,keys:n,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:n,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:n,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 Eu=Ou;var Lu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieThicknessRatio"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieThicknessRatio:.05})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderRadius"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderWidth & pieBorderRadius"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieBorderWidth:0,pieBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color)"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1b)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color, gradient)"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1c)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor(gradient)"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide labels"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieShowLabels:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide legned"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{showLegend:!1})}})],1)])])};Lu._withStripped=!0;const zu=ya({render:Lu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-pie")])])}]},(function(n){n&&n("data-v-4a0e0775_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})}),Eu,"data-v-4a0e0775",false,undefined,!1,ka,void 0,void 0);function Fu(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function Ru(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Fu(Object(t),!0).forEach((function(e){Xr(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Fu(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Hu(n,e,t,r){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},i=vn(o,"marginLeft",null),a=vn(o,"marginRight",null),l=vn(o,"marginTop",null),s=vn(o,"marginBottom",null),c=vn(o,"xLabelFontSize","10pt"),u=vn(o,"yTitle",""),d=vn(o,"yTitleFontSize","10pt"),f=vn(o,"yTitleColor","#444"),p=vn(o,"yLabelFontSize","8pt"),h=vn(o,"yLabelColor","#888"),m=vn(o,"roseKpColor",void 0),g=vn(o,"roseWidthRatio",.25),v=vn(o,"roseBorderWidth",1),b=vn(o,"roseShowLabels",!1),y=vn(o,"showLegend",!1),w=t,k=[];Fe(r,((n,e)=>{let r=vn(n,"name",""),o=vn(n,"color",void 0),i=vn(n,"data",{}),a=null,l=[];Fe(t,(n=>{let t=vn(i,n,null),r=t;if(Qi(r)){if(!ul(r,"value"))throw new Error("rose data is an object but no value");r=vn(r,"value",null)}let s=vn(m,n,void 0),c=vn(m,`${e}.${n}`,void 0),u=vn(t,"color",void 0),d=(n=>{if(va(n)){let e=Nr(n);n=1===e?n[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Sr(n,((n,t)=>[t/(e-1),n]))}}return n})(o||s||c||u);null===a&&(a=d),l.push({name:n,y:r,color:d})})),k.push({name:r,data:l,color:a})}));let x=fu(o),C=pu(Ru(Ru({},o),{},{space:40,marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"})),S=hu(Ru(Ru({},o),{},{labelFontSize:c})),A=du(S,{categories:w,labels:{allowOverlap:!0}}),_=hu(Ru(Ru({},o),{},{titleFontSize:d,titleColor:f,labelFontSize:p,labelColor:h})),T=du(_,{});T.title.text=u,T.min=0;let B=mu(o),W=Ru(Ru({},x),{},{chart:Ru(Ru({},C),{},{polar:!0,type:"column",width:n,height:e}),xAxis:A,yAxis:T,legend:B,series:k});return fa(i)&&(W.chart.marginLeft=i),fa(a)&&(W.chart.marginRight=a),fa(l)&&(W.chart.marginTop=l),fa(s)&&(W.chart.marginBottom=s),W.plotOptions=Ru(Ru({},W.plotOptions),{},{series:{stacking:"normal",groupPadding:0,pointPadding:g,borderWidth:v,dataLabels:{enabled:b,allowOverlap:!0,align:"center",y:-10}}}),W=gu(W,Ru(Ru({},o),{},{legendIgnoreMargin:!0})),W.legend.enabled=y,W}const $u={components:{WPlot:eu},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return vn(this,"opt.width",0)},picHeight:function(){return vn(this,"opt.height",0)},ks:function(){return vn(this,"opt.keys",[])},hasOptRose:function(){return Qi(this.optRose)},optRose:function(){let n=this,e=null;try{let t=vn(n,"opt.rds",[]);e=Hu(n.picWidth,n.picHeight,n.ks,t,n.opt)}catch(n){console.log(n)}return e}},methods:{}};var Mu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.hasOptRose?t("div",{staticStyle:{display:"inline-block"}},[t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("top",null,{opt:n.optRose})],2),n._v(" "),t("WPlot",{attrs:{options:n.optRose}}),n._v(" "),t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("bottom",null,{opt:n.optRose})],2)],1):n._e()};Mu._withStripped=!0;const Du=ya({render:Mu,staticRenderFns:[]},(function(n){n&&n("data-v-1c332d9b_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})}),$u,"data-v-1c332d9b",false,undefined,!1,ka,void 0,void 0);var Uu={components:{demolink:Dc,WRose:Du},props:{},data:function(){let n=["USA","China","Brazil","EU","India","Russia"];return{WRose:{opt1a:{width:400,height:400,keys:n,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:n,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:n,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:n,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:n,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:n,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:n,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:n,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 Nu=Uu;var Vu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseBorderWidth"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{roseBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseWidthRatio"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{roseWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend & legendPosition"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{showLegend:!0,legendPosition:"topleft"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1b)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color, gradient)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1c)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{roseKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor(gradient)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{roseKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseShowLabels"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{roseShowLabels:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2a,{roseShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseBorderWidth"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseWidthRatio"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2b,{roseShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color, gradient)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2c,{roseShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2d,{roseShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color, gradient)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2e,{roseShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor(gradient)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && show labels"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2a,{roseShowLabels:!0,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && hide legned"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2a,{roseShowLabels:!1,showLegend:!1})}})],1)])])};Vu._withStripped=!0;const Zu=ya({render:Vu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-rose")])])}]},(function(n){n&&n("data-v-47ce36e8_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})}),Nu,"data-v-47ce36e8",false,undefined,!1,ka,void 0,void 0);const Ku={components:{WIcon:_a,WTooltip:zc},props:{paddingStyle:{type:Object,default:()=>({v:0,h:15})},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderWidth:{type:Number,default:1},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},shadow:{type:Boolean,default:!0},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-2"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0},hovered:{type:Boolean,default:!1},focused:{type:Boolean,default:!1}},data:function(){return{hoveredTrans:!1,focusedTrans:!1}},computed:{changeParam:function(){let n=this;return n.hoveredTrans=n.hovered,n.focusedTrans=n.focused,""},useBackgroundColor:function(){let n=this,e={};return n.focusedTrans?(e["background-color"]=qi(n.backgroundColorFocus),e):n.hoveredTrans?(e["background-color"]=qi(n.backgroundColorHover),e):(e["background-color"]=qi(n.backgroundColor),e)},useBorder:function(){let n=this,e={};return n.focusedTrans?(e.border=`${n.borderWidth}px solid ${qi(n.borderColorFocus)}`,e):n.hoveredTrans?(e.border=`${n.borderWidth}px solid ${qi(n.borderColorHover)}`,e):(e.border=`${n.borderWidth}px solid ${qi(n.borderColor)}`,e)},useShadow:function(){let n={};return this.shadow&&(n["box-shadow"]="0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"),n},useLeftIconColor:function(){let n=this;return n.hoveredTrans?qi(n.leftIconColorHover):n.focusedTrans?qi(n.leftIconColorFocus):qi(n.leftIconColor)},useRightIconColor:function(){let n=this;return n.hoveredTrans?qi(n.rightIconColorHover):n.focusedTrans?qi(n.rightIconColorFocus):qi(n.rightIconColor)},useTitleColor:function(){let n={};return n.color=qi(this.titleColor),n},usePadding:function(){return{padding:pa(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return _r(this.leftIconTooltip)},hasRightIconTooltop:function(){return _r(this.rightIconTooltip)},useVerticalAlign:function(){let n=this,e={};return"center"===n.verticalAlign?e["align-items"]="center":"top"===n.verticalAlign?e["align-items"]="flex-start":"bottom"===n.verticalAlign&&(e["align-items"]="flex-end"),e}},methods:{clickIcon:function(n){let e=this;!1!==e.editable&&e.$nextTick((()=>{e.$emit("click-"+n)}))},mouseenter:function(){let n=this;n.hoveredTrans=!0,n.$nextTick((()=>{n.$emit("update:hovered",!0)}))},mouseleave:function(){let n=this;n.hoveredTrans=!1,n.$nextTick((()=>{n.$emit("update:hovered",!1)}))}}};var Gu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{style:[{transition:"all 0.3s",display:"flex","justify-content":"flex-start","border-radius":n.borderRadius+"px",opacity:n.editable?1:.6},n.usePadding,n.useBackgroundColor,n.useBorder,n.useShadow,n.useVerticalAlign],on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[n.leftIcon?t("div",{style:"margin-left:"+n.iconShiftOuter+"px; margin-right:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("left")},click:function(e){return n.clickIcon("left")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasLeftIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"leftIcon"}},[t("WIcon",{attrs:{icon:n.leftIcon,size:n.leftIconSize,color:n.useLeftIconColor,colorHover:n.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3849071383)})],1):n._e(),n._v(" "),t("div",{style:[{width:"100%"}]},[n._t("default")],2),n._v(" "),n.rightIcon?t("div",{style:"margin-right:"+n.iconShiftOuter+"px; margin-left:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("right")},click:function(e){return n.clickIcon("right")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasRightIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"rightIcon"}},[t("WIcon",{attrs:{icon:n.rightIcon,size:n.rightIconSize,color:n.useRightIconColor,colorHover:n.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1563142679)})],1):n._e()])])};Gu._withStripped=!0;const Yu=ya({render:Gu,staticRenderFns:[]},(function(n){n&&n("data-v-274ff811_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})}),Ku,"data-v-274ff811",false,undefined,!1,ka,void 0,void 0);const qu={components:{WTooltip:zc},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 Xu=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WTooltip",n._g(n._b({scopedSlots:n._u([{key:"trigger",fn:function(){return[n._t("trigger")]},proxy:!0},{key:"content",fn:function(e){return[n._t("content",null,{funHide:e.funHide})]}}],null,!0)},"WTooltip",Object.assign({},n.$props,{mode:"popup"}),!1),n.$listeners))};Xu._withStripped=!0;const Qu=ya({render:Xu,staticRenderFns:[]},(function(n){n&&n("data-v-d62e3d30_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})}),qu,"data-v-d62e3d30",false,undefined,!1,ka,void 0,void 0);function Ju(n,e){let t=!1,r="";if("isstr"===e)Ar(n)||(t=!0,r="需要為字串",n="");else if("isnum"===e)Si(n)||(t=!0,r="需要為數字",n=0);else if("isp0num"===e)Si(o=n)&&Ai(o)>=0||(t=!0,r="需要為含0的正浮點數",n=0);else if("isn0num"===e)(function(n){return!!Si(n)&&Ai(n)<=0})(n)||(t=!0,r="需要為含0的負浮點數",n=0);else if("isint"===e)_i(n)||(t=!0,r="需要為整數",n=0);else if("ispint"===e)ji(n)||(t=!0,r="需要為不含0正整數",n=0);else if("isp0int"===e)il(n)||(t=!0,r="需要為含0正整數",n=0);else if("isnint"===e)(function(n){return!!_i(n)&&Pi(n)<0})(n)||(t=!0,r="需要為不含0負整數",n=0);else if("isn0int"===e)(function(n){return!!_i(n)&&Pi(n)<=0})(n)||(t=!0,r="需要為含0負整數",n=0);else if(Fi(e)){n=e(n)}else"any"===e?Si(n)||Ar(n)||(t=!0,r="需要為字串或數字",n=""):(t=!0,r="需要指定驗證類型",n=null);var o;return{value:n,err:t,errmsg:r}}const nd={props:{type:{type:String,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 n=this,e="";return Si(n.height)?e=`height:${n.height}px;`:_r(n.height)&&(e=`height:${n.height}; line-height:${n.height};`),e},useTextFontSize:function(){let n=this.textFontSize;return n=Xi(n,";",""),`font-size:${n};`},useTextColor:function(){return qi(this.textColor)}},methods:{setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(n){let e=this;e.focused!==n&&e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateValue:function(n){let e=this,t=Ju(e.valueTrans,e.type);e.valueTrans=t.value,e.errmsg=t.errmsg},trigger:function(n,e){let t=this;t.$nextTick((()=>{t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};var ed=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{type:"text",readonly:!n.editable,placeholder:n.placeholder},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}})])};ed._withStripped=!0;const td=ya({render:ed,staticRenderFns:[]},(function(n){n&&n("data-v-78284214_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})}),nd,"data-v-78284214",false,undefined,!1,ka,void 0,void 0);function rd(n){return null==n?[]:function(n,e){return ln(e,(function(e){return n[e]}))}(n,Oe(n))}function od(n,e){if(!va(n))return[];if(!_r(e)&&!va(e))return[];let t=null;t=_r(e)?Ua(e," "):e;let r=Nr(t);return Sr(n,(n=>function(n){let e=!1,o=0;for(let i=0;i<r;i++){let a=t[i],l=a,s="+"===al(a,1),c="-"===al(a,1);if((s||c)&&(l=sl(a,1)),""===Fa(l))continue;let u=n.indexOf(l)>=0;if(s){if(u){e=!0,o=1;break}e=!1,o=0;break}if(c){if(u){e=!1,o=0;break}e=!0,o=1;break}if(u){e=!0;let n=1-i/r;n=n**2,o+=n}}return{hasKeyword:e,weight:o}}(n)))}function id(){return new function(n){let e=[],t=null,r=null;return ji(n)||(n=300),n=Pi(n),function(o){if(Fi(o)){r=Date.now();for(var i=arguments.length,a=new Array(i>1?i-1:0),l=1;l<i;l++)a[l-1]=arguments[l];e.push({func:o,input:a}),null===t&&(t=setInterval((()=>{if(Date.now()-r>n){let n=e.pop();e=[],n.func(...n.input)}0===e.length&&(clearInterval(t),t=null)}),10))}else console.log("func is not a function")}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:300)}let ad=function(n){if(!Fi(n))throw new Error("fn is not a function");return function(){let e=Na(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):Nc(t)?t.then((n=>{e.resolve({state:"success",msg:n})})).catch((n=>{"cancelled"===vn(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})})):e.resolve({state:"success",msg:t}),e}};function ld(){let n=zi(),e=[],t=null,r=!1;return function(o){let i=Na();if(!Fi(o))return void console.log("func is not a function");let a=Di();for(var l=arguments.length,s=new Array(l>1?l-1:0),c=1;c<l;c++)s[c-1]=arguments[c];return e.push({id:a,func:o,input:s}),null===t&&(t=setInterval((async()=>{if(r)return;r=!0;let o=e.pop();for(let t=0;t<e.length;t++){let r=e[t].id,o={state:"cancelled"};n.emit(r,o)}if(e=[],o){let e,t=o.id;e=Fi(o.func)?await ad(o.func)(...o.input):{state:"error",msg:"fun is not a function"},n.emit(t,e)}r=!1,r||0!==e.length||(clearInterval(t),t=null)}),10)),n.once(a,(n=>{"success"===n.state?i.resolve(n.msg):"cancelled"===n.state?i.reject({reason:"cancelled"}):i.reject(n.msg)})),i}}function sd(n,e){return n>e}function cd(n,e){return n&&n.length?function(n,e,t){for(var r=-1,o=n.length;++r<o;){var i=n[r],a=e(i);if(null!=a&&(void 0===l?a==a&&!v(a):t(a,l)))var l=a,s=i}return s}(n,xr(e),sd):void 0}function ud(n,t){let r=Nr(n),o=0,i=t(o),a=r-1,l=t(a),s=!0,c=null;for(;s;){let n=Math.floor((a+o)/2),r=t(n);if(i<0&&r<0&&l<0){c=null,s=!1;break}if(i>0&&r>0&&l>0){c=null,s=!1;break}if(0===i){c=o,s=!1;break}if(0===r){c=n,s=!1;break}if(0===l){c=a,s=!1;break}if(n===o||n===a){let t=[{i:o,v:i},{i:n,v:r},{i:a,v:l}];d=n=>n.v<=0,t=(e(u=t)?Ot:Ra)(u,xr(d)),c=cd(t,"v").i,s=!1;break}i*r>0?(o=n,i=r):(a=n,l=r)}var u,d;return c}let dd={};function fd(){return!function(){try{return"IntersectionObserver"in window}catch(n){return!1}}()||!function(){try{return"IntersectionObserverEntry"in window}catch(n){return!1}}()||!(function(){try{return"intersectionRatio"in window.IntersectionObserverEntry.prototype}catch(n){return!1}}()||Fi(window.IntersectionObserverEntry))}const pd={directives:{domresize:Ui(),dommutation:function(){let n={};return{bind:function(e,t,r){let o=`r${Di()}`;e.setAttribute("ev-mutation",o);let i=new MutationObserver((function(n){!function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"dommutation",{ele:e,mutations:n})}));i.observe(e,{attributes:!0,childList:!0,subtree:!0}),n[o]=i},unbind:function(e){let t=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),n[t]&&(n[t].disconnect(),delete n[t])}}}(),domvisible:function(){let n={};return{bind:function(e,t,r){let o=`r${Di()}`;e.setAttribute("ev-visible",o);let i=!1,a=setInterval((()=>{(function(n){if(!aa(n))return Promise.reject("invalid element");if(fd())return Promise.reject("invalid IntersectionObserver");let e=Na();try{let t=new IntersectionObserver((n=>{e.resolve(n[0].isIntersecting),t.disconnect()}));t.observe(n)}catch(n){e.reject(n)}return e})(e).then((n=>{i!==n&&(i=n,function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domvisible",n))})).catch((()=>{}))}),20);n[o]=a},unbind:function(e){let t=e.getAttribute("ev-visible");e.setAttribute("ev-visible",null),n[t]&&(clearInterval(n[t]),n[t]=null,delete n[t])}}}()},components:{},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{dbc:id(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(n){let e=this,t=vn(e,"$refs.divDetect");if(t){let n=t.offsetWidth-t.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.viewHeight!==n.snew.offsetHeight&&(e.viewHeight=n.snew.offsetHeight);let r=vn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=vn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let r=vn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},mutation:function(n){let e=this,t=vn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...n,from:"content"})},visible:function(n){let e=this,t=vn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:n,from:"content"})},updateRatio:function(){let n=this;if(!n.$refs.divShell)return;let e=0;n.contentHeightEff>0&&(e=n.$refs.divShell.scrollTop/n.contentHeightEff),n.ratio=e},updateScrollTop:function(n){let e=this;(async function(){await Vc((()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar),{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=n),e.$refs.divBar&&(e.$refs.divBar.scrollTop=n)})().catch((n=>{console.log(n)}))},updateScrollInfor:function(){let n=this;if(!n.$refs.divShell)return;let e={r:n.ratio,sti:n.scrollTop,stn:n.$refs.divShell.scrollTop,dir:n.scrollTop>n.$refs.divShell.scrollTop?"up":"down",t:n.viewTop,b:n.viewBottom,ch:n.contentHeight,che:n.contentHeightEff};Kr(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&vn(e,"$refs.divShell")&&vn(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"shell"}),e.dbc((()=>{e.mouseLoc=""})))},scrollBar:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&vn(e,"$refs.divShell")&&vn(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"bar"}),e.dbc((()=>{e.mouseLoc=""})))},triggerEvent:function(n,e){let t=this;t.useEmitEvent&&(t.$emit(n,e),t.updateScrollInfor(),t.$emit("change-infor",{evName:n,evMsg:e,...t.scrollInfor}))}}};var hd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:n.changeScrollTop},on:{domresize:n.resizePanel,mouseenter:function(e){n.mouseEntering=!0},mouseleave:function(e){n.mouseEntering=!1}}},[t("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[t("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[t("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"scroll"}},[t("div",{staticStyle:{width:"100px",height:"100px"}})])])]),n._v(" "),t("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"position:relative; width:calc( 100% + "+(n.nativeBarWidth+1)+"px ); height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;",attrs:{_class:"sb"},on:{domresize:n.resizeShell,scroll:n.scrollShell}},[t("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"}],ref:"divContent",style:"",on:{dommutation:n.mutation,domvisible:n.visible}},[n._t("default")],2)]),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+(n.isMobile?-8:0)+"px; width:8px;"},[t("div",{ref:"divBar",staticClass:"sb",style:"width:8px; height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:"+(n.mouseEntering?n.barOpacityHover:n.barOpacity)+";",on:{scroll:n.scrollBar}},[t("div",{style:"width:1px; height:"+n.contentHeight+"px;"})])])])])};hd._withStripped=!0;let md={set:function(n,e){dd[n]=e},get:function(n){return dd[n]},remove:function(n){delete dd[n]}};var gd={components:{WPanelScrollyCore:ya({render:hd,staticRenderFns:[]},(function(n){n&&n("data-v-4ccdd7f6_0",{source:"\n.sb[data-v-4ccdd7f6] {\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-4ccdd7f6]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-4ccdd7f6]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-4ccdd7f6]::-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-105-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})}),pd,"data-v-4ccdd7f6",false,undefined,!1,ka,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:ld(),dbcRefresh:id(),dbcSetRows:id(),mmkey:Di(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,filterKeywordsTemp:"",itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let n=this;null!==n.mmkey&&md.remove(n.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler(n){this.setRows(n)}}},computed:{changeFilterKeyWords:function(){let n=this.filterKeywords;return this.filterDebounce(),n}},methods:{getRows:function(){return md.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!ha(n)){return"rows is not array"}null!==e.mmkey&&md.remove(e.mmkey);let t=Sr(n,((n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n})));md.set(e.mmkey,t),e.changeDisplay=!0},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=Nr(n)<=1e4,e.setRowsCore(n),await e.refreshCore("setRows")}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1}))},setRowsDebounce:function(n){let e=this;e.lockFromSetRows=!0,e.dbcSetRows((()=>{e.setRows(n)}))},genUseItems:function(){let n=this;if(null===n.mmkey)return;let e=md.get(n.mmkey),t=Nr(e),r=[],o=!1,i=!1;if(t>0){let i=ud(e,(t=>{let r=e[t];return n.scrollInfor.t-(r.y+r.height)}));null===i&&(i=0);let a=Math.max(i-1,0),l=ud(e,(t=>{let r=e[t];return n.scrollInfor.b-r.y}));null===l&&(l=t-1);let s=Math.min(l+n.itemsPreload,t-1),c=0;for(let n=0;n<a;n++){let t=e[n];t.displayShow&&t.filterShow&&(c+=t.height)}let u=0;for(let n=s+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(u+=t.height)}for(let t=a;t<=s;t++){let o=ci(e[t]);o.displayShow&&o.filterShow&&(o.nowShow=!0,o.top=o.y-n.scrollInfor.t,r.push(o))}n.itemsHeightPre!==c&&(o=!0,n.itemsHeightPre=c),n.itemsHeightAft!==u&&(o=!0,n.itemsHeightAft=u)}if(Kr(n.useItems,r)||(i=!0,n.useItems=r),n.$refs.wdsDiv){let e=Sr(r,"row"),t=Sr(r,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),Kr(n.emItemsTemp,t)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:e,items:t}),n.emItemsTemp=t)}return{change:o||i}},syncItemsHeight:function(n,e){let t=!1;return 0===Nr(n)||Fe(vn(this,"$refs.wdsDiv",[]),((r,o)=>{if(!r.getAttribute)return console.log("找不到getAttribute"),!0;let i=r.getAttribute("index");if(!il(i))return console.log("!isp0int(index)",i),!0;i=Pi(i);let a=vn(r,"children.0");if(!aa(a))return console.log("!isEle(cnode)",a),!0;let l=a.offsetHeight;n[i].height!==l&&(Fi(e)&&e(i,l),t=!0)})),t},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=md.get(n.mmkey),t=Nr(e);n.changeHeight=n.syncItemsHeight(e,((n,t)=>{e[n].height=t})),n.show||(n.changeHeight=!1);let r=null,o=n.changeHeight||n.changeDisplay||n.changeFilter;if(o){let o=0;for(let n=0;n<t;n++){let t=e[n];t.y!==o&&(e[n].y=o),t.displayShow&&t.filterShow&&(o+=t.height)}r=n.itemsHeight,r!==o&&(r=o),0===r&&(r=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:o,itemsHeight:r}},refreshCore:async function(n){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let t=0,r=3;await async function(){e.lockFromRefreshUseItems=!0;let n=ci(e.scrollInfor),o=await async function(){let n=Na();if(t+=1,t>r)return n.resolve(null),n;e.filterItems();let o=e.genUseItems();await Zc(20);let i=e.updateItemsHeight();return n.resolve({genUseItems:o,updateItemsHeight:i}),n}(),i=vn(o,"genUseItems.change",!1)||vn(o,"updateItemsHeight.change",!1),a=vn(o,"updateItemsHeight.itemsHeight",null);if(fa(a))if(a<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=a-n.ch);let r=e.scrollTop+t;e.scrollTop!==r&&(e.scrollTop=r),e.itemsHeight=a,e.$emit("change-height-of-items",{height:a})}i&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromRefreshUseItems=!1}))},refresh:function(n){this.pmtRefresh(this.refreshCore,n).catch((()=>{}))},filterDebounce:function(){let n=this;n.dbcRefresh((()=>{n.refreshCore("filterDebounce")}))},changeInfor:function(n){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((()=>{e.scrollInfor=n,e.refresh("changeInfor")})))},processItems:async function(n={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let t=md.get(e.mmkey);if(!ha(t))return;let r=vn(n,"fun",null);if(Fi(r)){let n=r(t);Nc(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let o=vn(n,"indStart",null),i=vn(n,"indEnd",null);if(_i(o)&&_i(i)){let r=vn(n,"displayShow",null);if(ua(r)){for(let n=o;n<=i;n++){vn(t,n,null)&&(t[n].displayShow=r)}e.changeDisplay=!0}let a=vn(n,"filterShow",null);if(ua(a)){for(let n=o;n<=i;n++){vn(t,n,null)&&(t[n].filterShow=a)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromProcess=!1}))},setSearchingResults:function(n){this.searchingResults=n},filterItems:function(){let n=this;if(null===n.mmkey)return;if(n.filterKeywordsTemp===n.filterKeywords)return;n.filterKeywordsTemp=n.filterKeywords;let e=md.get(n.mmkey),t=Nr(e);if(n.searchingResults=-1,0===Nr(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),r=Sr(e,(n=>{let e=n.row,t="";return t=Ar(e)?e:Si(e)?fn(e):Qi(e)?Ma(rd(e)," "):function(n){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(ma(n))return"";let t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}(e),t=t.toLowerCase(),t})),o=od(r,t),i=0;Fe(e,((n,t)=>{let r=o[t];e[t].filterShow=r.hasKeyword,r.hasKeyword&&i++})),n.searchingResults=i}n.changeFilter=!0},triggerEvent:function(n,e){let t=vn(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const vd=gd;var bd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,(function(e,r){return[t("div",{key:"kitem-"+r,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:r,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]}))],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};bd._withStripped=!0;const yd={components:{WPopup:Qu,WTextCore:td,WDynamicList:ya({render:bd,staticRenderFns:[]},(function(n){n&&n("data-v-63960b08_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})}),vd,"data-v-63960b08",false,undefined,!1,ka,void 0,void 0),WIcon:_a},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 n=this;return Nr(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return Gr(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=Xi(n,";",""),`font-size:${n};`},useTextColor:function(){return qi(this.textColor)},useItemBackgroundColor:function(){return qi(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return qi(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=Xi(n,";",""),`font-size:${n};`},useItemTextColor:function(){return qi(this.itemTextColor)},useItemTextColorHover:function(){return qi(this.itemTextColorHover)},useItemPadding:function(){return`padding:${pa(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return qi(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return Gr(n)?n[e.keyText]:n},selectText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(n,e){this.editable&&this.triggerAll({focused:n},"updateFocused")},updateShowPanel:function(n,e){this.editable&&this.triggerAll({showPanel:n,focused:n},"updateShowPanel")},updateValue:function(n){let e=this;e.editable&&(e.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(n,e){let t=this;t.editable&&(t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"),t.triggerAll({showPanel:!1,focused:!1},"clickItem"))},triggerEvent:function(n,e,t,r){let o=this;o.editable&&o.$nextTick((()=>{o.$emit(n,e,t)}))},triggerAll:function(n,e){let t=this;if(!t.editable)return;let r=vn(n,"showPanel",null),o=vn(n,"focused",null);setTimeout((()=>{ua(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),ua(r)&&t.showPanelTrans!==r&&(Nr(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,null,"triggerAll"))}),20)}}};var wd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{staticStyle:{display:"block"},attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDist:n.placementDist,editable:n.editable,value:n.showPanelTrans,changeValueFromPopup:n.changeValueFromPopup,changeFocusedFromPopup:n.changeFocusedFromPopup,changeShowPanelFromPopup:n.changeShowPanelFromPopup},on:{input:function(e){n.updateShowPanel(e,"WPopup")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",[t("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===n.mode?t("div",{style:"width:100%; _height:"+n.height+"px; _line-height:"+n.height+"px; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{_tabindex:"0"},on:{focus:n.focusText}},[n._t("select",(function(){return[n._v("\n                        "+n._s(n.valueTrans)+"\n                    ")]}),{item:n.value,text:n.valueTrans})],2):n._e(),n._v(" "),"suggest"===n.mode?t("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:n.textFontSize,textColor:n.useTextColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,focused:n.focusedTrans,value:n.valueTrans},on:{"update:focused":function(e){n.updateFocused(e,"update:focused"),n.triggerEvent("blur",n.value,null,"blur")},enter:function(e){return n.triggerEvent("enter",n.value,null,"enter")},input:n.updateValue,select:n.selectText}}):n._e(),n._v(" "),t("div",{},[t("div",{style:"transform:rotate("+(n.useRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.uesExpansionIconColor,colorHover:n.uesExpansionIconColor,size:n.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[t("div",[t("WDynamicList",{attrs:{rows:n.items,filterKeywords:"suggest"===n.mode?n.valueTrans:"",viewHeightMax:n.maxHeight,itemMinHeight:n.defItemHeight,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,show:n.showPanelTrans},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+n.useItemBackgroundColor+"; color:"+n.useItemTextColor+"; "+n.useItemTextFontSize+" "+n.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:n.clickItem(e.row,e.index)},click:function(t){return n.clickItem(e.row,e.index)},mouseenter:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},mouseleave:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor},focus:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},blur:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor}}},[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.row)))])]}),{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};wd._withStripped=!0;const kd=ya({render:wd,staticRenderFns:[]},(function(n){n&&n("data-v-d60080ec_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})}),yd,"data-v-d60080ec",false,undefined,!1,ka,void 0,void 0);const xd={directives:{domresize:Ui()},components:{WShellEllipse:Yu,WTextSuggestCore:kd},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(n){let e=this,t=pa(e.paddingStyle,{returnObj:!0}).bottom-2,r=vn(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return Gr(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick((()=>{e.$emit("update:showPanel",n)}))}}};var Cd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"select",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,maxHeight:n.maxHeight,minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDist:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"select",fn:function(e){return[n._t("select",(function(){return[n._v("\n                        "+n._s(e.text)+"\n                    ")]}),{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};Cd._withStripped=!0;const Sd={components:{WTextSelect:ya({render:Cd,staticRenderFns:[]},(function(n){n&&n("data-v-8b9739d6_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})}),xd,"data-v-8b9739d6",false,undefined,!1,ka,void 0,void 0),WBar:xu,WPie:ju,WRose:Du},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 n=this;return"one"===n.mode?n.typeItemsDefOne:n.typeItemsDefMulti},changeTypeItems:function(){let n=this,e=[];return Qi(n.kpSelectText)?Fe(n.typeItemsDef,(t=>{if(!ul(n.kpSelectText,t.key))return!0;let r=n.kpSelectText[t.key];e.push({...t,text:r})})):e=n.typeItemsDef,n.typeItems=e,""},changeKeySelect:function(){return this.updateTypeSelectByKey(this.keySelect),""},picWidth:function(){return vn(this,"opt.width",0)},picHeight:function(){return vn(this,"opt.height",0)},ks:function(){return vn(this,"opt.keys",[])},hasOptTar:function(){return Qi(this.optTar)},cmp:function(){let n=vn(this,"typeSelect.type","");return n=Zi(n),`W${n}`},optTar:function(){let n=this,e=vn(n,"opt.showLabels",!0),t=e,r=e,o=e,i=vn(n,"opt.showLegend",!1),a=vn(n,"opt.rds",[]),l=Nr(a);if(0===l)return console.log("no data, size(opt.rds)=0"),null;"one"===n.mode&&l>1&&(console.log("size(opt.rds)>1"),a=[a[0]]);let s=null;try{s=n.opt,s=ci(s);let e=vn(n,"typeSelect.optExt",{});e=ci(e);let a={barShowLabels:t,pieShowLabels:r,roseShowLabels:o,showLegend:i};s=du(s,e),s=du(s,a)}catch(n){console.log(n)}return s}},methods:{updateTypeSelectByKey:function(n){let e=this;e.keySelectTrans=n;let t=null;Fe(e.typeItems,(e=>{if(e.key===n)return t=e,!1})),e.typeSelect=t},updateTypeSelectAndEmitKeySelect:function(n){let e=this;e.typeSelect=n;let t=vn(n,"key","");e.updateTypeSelectByKey(t),e.$emit("update:keySelect",t)}}};var Ad=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeTypeItems:n.changeTypeItems,changeKeySelect:n.changeKeySelect}},[t("div",{staticStyle:{"padding-bottom":"5px"}},[t("div",{staticStyle:{display:"flex","align-items":"flex-end"}},[t("div",{style:""},[n._t("head")],2),n._v(" "),t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"padding-right":"10px","font-size":"0.85rem",color:"#666"}},[n._v("\n                    "+n._s(n.textPlotType)+":\n                ")]),n._v(" "),t("WTextSelect",{style:"width:"+n.widthSelect+"px;",attrs:{paddingStyle:{v:3,h:10},borderRadius:4,items:n.typeItems,value:n.typeSelect},on:{input:n.updateTypeSelectAndEmitKeySelect}})],1)])]),n._v(" "),n.hasOptTar?t("div",{attrs:{name:"tarp"}},[t(n.cmp,{tag:"component",attrs:{opt:n.optTar}})],1):n._e()])};Ad._withStripped=!0;const _d=ya({render:Ad,staticRenderFns:[]},(function(n){n&&n("data-v-521f1a51_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})}),Sd,"data-v-521f1a51",false,undefined,!1,ka,void 0,void 0);const Td={components:{WSetMulti:_d},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 Bd=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WSetMulti",n._g(n._b({scopedSlots:n._u([{key:"head",fn:function(){return[n._t("head")]},proxy:!0}],null,!0)},"WSetMulti",Object.assign({},n.$props,{mode:"one"}),!1),n.$listeners))};Bd._withStripped=!0;const Wd={components:{demolink:Dc,WSetOne:ya({render:Bd,staticRenderFns:[]},(function(n){n&&n("data-v-1c93716a_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})}),Td,"data-v-1c93716a",false,undefined,!1,ka,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 Id=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"default"}}),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"keySelect"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[n._v("\n                keySelect: "+n._s(n.WSetOne.keySelect)+"\n            ")]),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c),keySelect:n.WSetOne.keySelect},on:{"update:keySelect":function(e){return n.$set(n.WSetOne,"keySelect",e)},"update:key-select":function(e){return n.$set(n.WSetOne,"keySelect",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"textPlotType & kpSelectText & widthSelect"}}),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c),textPlotType:"繪圖類型",kpSelectText:{"bar-v-normal":"垂直直條圖","bar-h-normal":"水平直條圖","bar-h-normal-dense":"水平直條圖(緊密)","pie-normal":"圓餅圖","rose-normal":"玫瑰圖"},widthSelect:160}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"hide labels"}}),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c,{showLabels:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"show legned"}}),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c,{showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"slot head"}}),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c)},scopedSlots:n._u([{key:"head",fn:function(){return[t("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[n._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Id._withStripped=!0;const Pd=ya({render:Id,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-set-one")])])}]},(function(n){n&&n("data-v-b99a7ee2_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})}),Wd,"data-v-b99a7ee2",false,undefined,!1,ka,void 0,void 0);const jd={components:{demolink:Dc,WSetMulti:_d},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 Od=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"default"}}),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.WSetMulti.opt2e)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"keySelect"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[n._v("\n                keySelect: "+n._s(n.WSetMulti.keySelect)+"\n            ")]),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.WSetMulti.opt2e),keySelect:n.WSetMulti.keySelect},on:{"update:keySelect":function(e){return n.$set(n.WSetMulti,"keySelect",e)},"update:key-select":function(e){return n.$set(n.WSetMulti,"keySelect",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"textPlotType & kpSelectText & widthSelect"}}),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"hide labels"}}),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.WSetMulti.opt2e,{showLabels:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"hide legned"}}),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.WSetMulti.opt2e,{showLegend:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"slot head"}}),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.WSetMulti.opt2e)},scopedSlots:n._u([{key:"head",fn:function(){return[t("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[n._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Od._withStripped=!0;var Ed={components:{WListHorizontal:Ea,AppZoneWPlot:ou,AppZoneWBar:_u,AppZoneWPie:zu,AppZoneWRose:Zu,AppZoneWSetOne:Pd,AppZoneWSetMulti:ya({render:Od,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-set-multi")])])}]},(function(n){n&&n("data-v-cbd7228c_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})}),jd,"data-v-cbd7228c",false,undefined,!1,ka,void 0,void 0)},data:function(){return{kebabCase:qn,cmpsL1:[{name:"basic",cmps:[{name:"WPlot"},{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 n=this;n.indP1=0,n.indP2=0,n.indP3=0;let e=function(n){if(!_r(n))return{};if(!_r(n=vn(n=it(n,"?"),"[1]")))return{};let e=it(n,"&");return e=Sr(e,(function(n){return it(n,"=")})),e=function(n){for(var e=-1,t=null==n?0:n.length,r={};++e<t;){var o=n[e];r[o[0]]=o[1]}return r}(e),e}(location.href);n.viewPick(vn(e,"cmp",""))},computed:{changeMenus:function(){let n=this;return n.modifyMenus(n.indP1,n.indP2,n.indP3),""},isNarrow:function(){return window.innerWidth<1e3}},methods:{modifyMenus:function(){let n=this,e="";setTimeout((()=>{n.cmpP1=vn(n.cmpsL1,n.indP1,{}),n.cmpsL2=vn(n.cmpP1,"cmps",[]);let t=vn(n.cmpP1,"name","");t&&(e=t)}),50),setTimeout((()=>{let t=vn(n.cmpP1,"cmps",[]);n.cmpP2=vn(t,n.indP2,{}),n.cmpsL3=vn(n.cmpP2,"cmps",[]);let r=vn(n.cmpP2,"name","");r&&(e=r)}),100),setTimeout((()=>{let t=vn(n.cmpP2,"cmps",[]);n.cmpP3=vn(t,n.indP3,{}),n.cmpsL4=vn(n.cmpP3,"cmps",[]);let r=vn(n.cmpP3,"name","");r&&(e=r),n.cmpPick=e}),150)},getInd:function(n,e){let t=-1;return Fe(e,((e,r)=>{if(n.name===e.name)return t=r,!1})),t},viewPick:function(n){let e=this,t=qn(n),r="",o=[],i=[],a=0,l=n=>{Fe(n,((n,e)=>{let s=vn(n,"name",""),c=qn(s),u=vn(n,"cmps",[]);u.length>0&&(i.push(a),a++,l(u),a--,i.pop());let d=[...i,e];o.push({clst:d.join("."),name:s}),c===t&&(r=d)}))};l(e.cmpsL1),e.indP1=vn(r,0,0),e.indP2=vn(r,1,0),e.indP3=vn(r,2,0)}}};const Ld=Ed;var zd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeMenus:n.changeMenus}},[n.isNarrow?n._e():[t("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"}},[t("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"}},[t("path",{attrs:{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}}),t("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"}}),t("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"}})])])],n._v(" "),t("div",{staticStyle:{background:"#f5f5f5"}},[n.cmpsL1&&n.cmpsL1.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("WListHorizontal",{attrs:{items:n.cmpsL1,itemActive:n.cmpP1,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP1=e},function(e){n.indP3=0,n.indP2=0,n.indP1=n.getInd(e,n.cmpsL1)}],"update:item-active":function(e){n.cmpP1=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e(),n._v(" "),n.cmpsL2&&n.cmpsL2.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("div",{staticStyle:{height:"3px",background:"#fff"}}),n._v(" "),t("WListHorizontal",{attrs:{items:n.cmpsL2,itemActive:n.cmpP2,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP2=e},function(e){n.indP3=0,n.indP2=n.getInd(e,n.cmpsL2)}],"update:item-active":function(e){n.cmpP2=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e(),n._v(" "),n.cmpsL3&&n.cmpsL3.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("div",{staticStyle:{height:"3px",background:"#fff"}}),n._v(" "),t("WListHorizontal",{attrs:{items:n.cmpsL3,itemActive:n.cmpP3,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP3=e},function(e){n.indP3=n.getInd(e,n.cmpsL3)}],"update:item-active":function(e){n.cmpP3=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e()]),n._v(" "),t("div",{staticStyle:{padding:"20px"}},["WPlot"===n.cmpPick?t("AppZoneWPlot"):n._e(),n._v(" "),"WBar"===n.cmpPick?t("AppZoneWBar"):n._e(),n._v(" "),"WPie"===n.cmpPick?t("AppZoneWPie"):n._e(),n._v(" "),"WRose"===n.cmpPick?t("AppZoneWRose"):n._e(),n._v(" "),"WSetOne"===n.cmpPick?t("AppZoneWSetOne"):n._e(),n._v(" "),"WSetMulti"===n.cmpPick?t("AppZoneWSetMulti"):n._e()],1)],2)};zd._withStripped=!0;return ya({render:zd,staticRenderFns:[]},(function(n){n&&n("data-v-47b245d4_0",{source:"\n.head1 {\n    margin: 0px;\n    padding: 0px 0px 10px 0px;\n    font-size: 2.5rem;\n}\n.bk {\n    vertical-align: top;\n    padding: 10px 0px 60px 0px;\n}\n@media screen and (min-width:1000px){ /* 寬版 */\n.bk {\n        display: inline-block;\n        margin: 0px 80px 0px 0px;\n}\n}\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-105-3-w-plot-vue\\w-plot-vue\\src\\App.vue"],names:[],mappings:";AA2TA;IACA,WAAA;IACA,yBAAA;IACA,iBAAA;AACA;AACA;IACA,mBAAA;IACA,0BAAA;AACA;AACA,sCAAA,OAAA;AACA;QACA,qBAAA;QACA,wBAAA;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                            {{kebabCase(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                            {{kebabCase(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                            {{kebabCase(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 style="padding:20px;">\n\n            <AppZoneWPlot v-if="cmpPick===\'WPlot\'"></AppZoneWPlot>\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        </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 urlParse from \'wsemi/src/urlParse.mjs\'\nimport WListHorizontal from \'w-component-vue/src/components/WListHorizontal.vue\'\nimport AppZoneWPlot from \'./AppZoneWPlot.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\'\n\n\nexport default {\n    components: {\n        WListHorizontal,\n        AppZoneWPlot,\n        AppZoneWBar,\n        AppZoneWPie,\n        AppZoneWRose,\n        AppZoneWSetOne,\n        AppZoneWSetMulti,\n    },\n    data: function() {\n        let cmps = [\n            {\n                name: \'basic\',\n                cmps: [\n                    { name: \'WPlot\', },\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        return {\n            kebabCase,\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-pie\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 = kebabCase(cmpPick)\n            let r = \'\'\n            let rs = []\n            let ls = []\n            let l = 0\n            let pv = (ts) => {\n                each(ts, (v, k) => {\n                    let name = get(v, `name`, \'\')\n                    let _name = kebabCase(name)\n                    let cmps = get(v, `cmps`, [])\n                    if (cmps.length > 0) {\n                        ls.push(l)\n                        l++\n                        pv(cmps)\n                        l--\n                        ls.pop()\n                    }\n                    let lst = [...ls, k]\n                    rs.push({\n                        clst: lst.join(\'.\'),\n                        name,\n                    })\n                    if (_name === _cmpPick) {\n                        r = lst\n                    }\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    margin: 0px;\n    padding: 0px 0px 10px 0px;\n    font-size: 2.5rem;\n}\n.bk {\n    vertical-align: top;\n    padding: 10px 0px 60px 0px;\n}\n@media screen and (min-width:1000px){ /* 寬版 */\n    .bk {\n        display: inline-block;\n        margin: 0px 80px 0px 0px;\n    }\n}\n</style>\n']},media:void 0})}),Ld,undefined,false,undefined,!1,ka,void 0,void 0)}));
+!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(n="undefined"!=typeof globalThis?globalThis:n||self).app=e(n.Vue)}(this,(function(n){"use strict";var e=Array.isArray,t="object"==typeof global&&global&&global.Object===Object&&global,r="object"==typeof self&&self&&self.Object===Object&&self,o=t||r||Function("return this")(),i=o.Symbol,a=Object.prototype,l=a.hasOwnProperty,s=a.toString,c=i?i.toStringTag:void 0;var u=Object.prototype.toString;var d="[object Null]",f="[object Undefined]",p=i?i.toStringTag:void 0;function h(n){return null==n?void 0===n?f:d:p&&p in Object(n)?function(n){var e=l.call(n,c),t=n[c];try{n[c]=void 0;var r=!0}catch(n){}var o=s.call(n);return r&&(e?n[c]=t:delete n[c]),o}(n):function(n){return u.call(n)}(n)}function m(n){return null!=n&&"object"==typeof n}var g="[object Symbol]";function v(n){return"symbol"==typeof n||m(n)&&h(n)==g}var b=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,y=/^\w*$/;function w(n,t){if(e(n))return!1;var r=typeof n;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=n&&!v(n))||(y.test(n)||!b.test(n)||null!=t&&n in Object(t))}function k(n){var e=typeof n;return null!=n&&("object"==e||"function"==e)}var x="[object AsyncFunction]",C="[object Function]",S="[object GeneratorFunction]",A="[object Proxy]";function _(n){if(!k(n))return!1;var e=h(n);return e==C||e==S||e==x||e==A}var T,B=o["__core-js_shared__"],W=(T=/[^.]+$/.exec(B&&B.keys&&B.keys.IE_PROTO||""))?"Symbol(src)_1."+T:"";var I=Function.prototype.toString;function P(n){if(null!=n){try{return I.call(n)}catch(n){}try{return n+""}catch(n){}}return""}var j=/^\[object .+?Constructor\]$/,O=Function.prototype,E=Object.prototype,L=O.toString,z=E.hasOwnProperty,F=RegExp("^"+L.call(z).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function R(n){return!(!k(n)||(e=n,W&&W in e))&&(_(n)?F:j).test(P(n));var e}function H(n,e){var t=function(n,e){return null==n?void 0:n[e]}(n,e);return R(t)?t:void 0}var $=H(Object,"create");var M=Object.prototype.hasOwnProperty;var D=Object.prototype.hasOwnProperty;function U(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}function N(n,e){return n===e||n!=n&&e!=e}function V(n,e){for(var t=n.length;t--;)if(N(n[t][0],e))return t;return-1}U.prototype.clear=function(){this.__data__=$?$(null):{},this.size=0},U.prototype.delete=function(n){var e=this.has(n)&&delete this.__data__[n];return this.size-=e?1:0,e},U.prototype.get=function(n){var e=this.__data__;if($){var t=e[n];return"__lodash_hash_undefined__"===t?void 0:t}return M.call(e,n)?e[n]:void 0},U.prototype.has=function(n){var e=this.__data__;return $?void 0!==e[n]:D.call(e,n)},U.prototype.set=function(n,e){var t=this.__data__;return this.size+=this.has(n)?0:1,t[n]=$&&void 0===e?"__lodash_hash_undefined__":e,this};var Z=Array.prototype.splice;function K(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}K.prototype.clear=function(){this.__data__=[],this.size=0},K.prototype.delete=function(n){var e=this.__data__,t=V(e,n);return!(t<0)&&(t==e.length-1?e.pop():Z.call(e,t,1),--this.size,!0)},K.prototype.get=function(n){var e=this.__data__,t=V(e,n);return t<0?void 0:e[t][1]},K.prototype.has=function(n){return V(this.__data__,n)>-1},K.prototype.set=function(n,e){var t=this.__data__,r=V(t,n);return r<0?(++this.size,t.push([n,e])):t[r][1]=e,this};var G=H(o,"Map");function Y(n,e){var t,r,o=n.__data__;return("string"==(r=typeof(t=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==t:null===t)?o["string"==typeof e?"string":"hash"]:o.map}function q(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}q.prototype.clear=function(){this.size=0,this.__data__={hash:new U,map:new(G||K),string:new U}},q.prototype.delete=function(n){var e=Y(this,n).delete(n);return this.size-=e?1:0,e},q.prototype.get=function(n){return Y(this,n).get(n)},q.prototype.has=function(n){return Y(this,n).has(n)},q.prototype.set=function(n,e){var t=Y(this,n),r=t.size;return t.set(n,e),this.size+=t.size==r?0:1,this};var X="Expected a function";function Q(n,e){if("function"!=typeof n||null!=e&&"function"!=typeof e)throw new TypeError(X);var t=function(){var r=arguments,o=e?e.apply(this,r):r[0],i=t.cache;if(i.has(o))return i.get(o);var a=n.apply(this,r);return t.cache=i.set(o,a)||i,a};return t.cache=new(Q.Cache||q),t}Q.Cache=q;var J,nn,en,tn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,rn=/\\(\\)?/g,on=(J=function(n){var e=[];return 46===n.charCodeAt(0)&&e.push(""),n.replace(tn,(function(n,t,r,o){e.push(r?o.replace(rn,"$1"):t||n)})),e},nn=Q(J,(function(n){return 500===en.size&&en.clear(),n})),en=nn.cache,nn),an=on;function ln(n,e){for(var t=-1,r=null==n?0:n.length,o=Array(r);++t<r;)o[t]=e(n[t],t,n);return o}var sn=1/0,cn=i?i.prototype:void 0,un=cn?cn.toString:void 0;function dn(n){if("string"==typeof n)return n;if(e(n))return ln(n,dn)+"";if(v(n))return un?un.call(n):"";var t=n+"";return"0"==t&&1/n==-sn?"-0":t}function fn(n){return null==n?"":dn(n)}function pn(n,t){return e(n)?n:w(n,t)?[n]:an(fn(n))}var hn=1/0;function mn(n){if("string"==typeof n||v(n))return n;var e=n+"";return"0"==e&&1/n==-hn?"-0":e}function gn(n,e){for(var t=0,r=(e=pn(e,n)).length;null!=n&&t<r;)n=n[mn(e[t++])];return t&&t==r?n:void 0}function vn(n,e,t){var r=null==n?void 0:gn(n,e);return void 0===r?t:r}var bn,yn=(bn={"À":"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(n){return null==bn?void 0:bn[n]}),wn=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,kn=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var xn=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Cn=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var Sn="\\ud800-\\udfff",An="\\u2700-\\u27bf",_n="a-z\\xdf-\\xf6\\xf8-\\xff",Tn="A-Z\\xc0-\\xd6\\xd8-\\xde",Bn="\\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",Wn="["+Bn+"]",In="\\d+",Pn="["+An+"]",jn="["+_n+"]",On="[^"+Sn+Bn+In+An+_n+Tn+"]",En="(?:\\ud83c[\\udde6-\\uddff]){2}",Ln="[\\ud800-\\udbff][\\udc00-\\udfff]",zn="["+Tn+"]",Fn="(?:"+jn+"|"+On+")",Rn="(?:"+zn+"|"+On+")",Hn="(?:['’](?:d|ll|m|re|s|t|ve))?",$n="(?:['’](?:D|LL|M|RE|S|T|VE))?",Mn="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",Dn="[\\ufe0e\\ufe0f]?",Un=Dn+Mn+("(?:\\u200d(?:"+["[^"+Sn+"]",En,Ln].join("|")+")"+Dn+Mn+")*"),Nn="(?:"+[Pn,En,Ln].join("|")+")"+Un,Vn=RegExp([zn+"?"+jn+"+"+Hn+"(?="+[Wn,zn,"$"].join("|")+")",Rn+"+"+$n+"(?="+[Wn,zn+Fn,"$"].join("|")+")",zn+"?"+Fn+"+"+Hn,zn+"+"+$n,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",In,Nn].join("|"),"g");function Zn(n,e,t){return n=fn(n),void 0===(e=t?void 0:e)?function(n){return Cn.test(n)}(n)?function(n){return n.match(Vn)||[]}(n):function(n){return n.match(xn)||[]}(n):n.match(e)||[]}var Kn=RegExp("['’]","g");function Gn(n){return function(e){return function(n,e,t,r){var o=-1,i=null==n?0:n.length;for(r&&i&&(t=n[++o]);++o<i;)t=e(t,n[o],o,n);return t}(Zn(function(n){return(n=fn(n))&&n.replace(wn,yn).replace(kn,"")}(e).replace(Kn,"")),n,"")}}var Yn=Gn((function(n,e,t){return n+(t?"-":"")+e.toLowerCase()})),qn=Yn;function Xn(n,e){for(var t=-1,r=null==n?0:n.length;++t<r&&!1!==e(n[t],t,n););return n}var Qn,Jn=function(n,e,t){for(var r=-1,o=Object(n),i=t(n),a=i.length;a--;){var l=i[Qn?a:++r];if(!1===e(o[l],l,o))break}return n},ne=Jn;function ee(n){return m(n)&&"[object Arguments]"==h(n)}var te=Object.prototype,re=te.hasOwnProperty,oe=te.propertyIsEnumerable,ie=ee(function(){return arguments}())?ee:function(n){return m(n)&&re.call(n,"callee")&&!oe.call(n,"callee")},ae=ie;var le="object"==typeof exports&&exports&&!exports.nodeType&&exports,se=le&&"object"==typeof module&&module&&!module.nodeType&&module,ce=se&&se.exports===le?o.Buffer:void 0,ue=(ce?ce.isBuffer:void 0)||function(){return!1},de=9007199254740991,fe=/^(?:0|[1-9]\d*)$/;function pe(n,e){var t=typeof n;return!!(e=null==e?de:e)&&("number"==t||"symbol"!=t&&fe.test(n))&&n>-1&&n%1==0&&n<e}var he=9007199254740991;function me(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=he}var ge={};function ve(n){return function(e){return n(e)}}ge["[object Float32Array]"]=ge["[object Float64Array]"]=ge["[object Int8Array]"]=ge["[object Int16Array]"]=ge["[object Int32Array]"]=ge["[object Uint8Array]"]=ge["[object Uint8ClampedArray]"]=ge["[object Uint16Array]"]=ge["[object Uint32Array]"]=!0,ge["[object Arguments]"]=ge["[object Array]"]=ge["[object ArrayBuffer]"]=ge["[object Boolean]"]=ge["[object DataView]"]=ge["[object Date]"]=ge["[object Error]"]=ge["[object Function]"]=ge["[object Map]"]=ge["[object Number]"]=ge["[object Object]"]=ge["[object RegExp]"]=ge["[object Set]"]=ge["[object String]"]=ge["[object WeakMap]"]=!1;var be="object"==typeof exports&&exports&&!exports.nodeType&&exports,ye=be&&"object"==typeof module&&module&&!module.nodeType&&module,we=ye&&ye.exports===be&&t.process,ke=function(){try{var n=ye&&ye.require&&ye.require("util").types;return n||we&&we.binding&&we.binding("util")}catch(n){}}(),xe=ke&&ke.isTypedArray,Ce=xe?ve(xe):function(n){return m(n)&&me(n.length)&&!!ge[h(n)]},Se=Object.prototype.hasOwnProperty;function Ae(n,t){var r=e(n),o=!r&&ae(n),i=!r&&!o&&ue(n),a=!r&&!o&&!i&&Ce(n),l=r||o||i||a,s=l?function(n,e){for(var t=-1,r=Array(n);++t<n;)r[t]=e(t);return r}(n.length,String):[],c=s.length;for(var u in n)!t&&!Se.call(n,u)||l&&("length"==u||i&&("offset"==u||"parent"==u)||a&&("buffer"==u||"byteLength"==u||"byteOffset"==u)||pe(u,c))||s.push(u);return s}var _e=Object.prototype;function Te(n){var e=n&&n.constructor;return n===("function"==typeof e&&e.prototype||_e)}function Be(n,e){return function(t){return n(e(t))}}var We=Be(Object.keys,Object),Ie=Object.prototype.hasOwnProperty;function Pe(n){if(!Te(n))return We(n);var e=[];for(var t in Object(n))Ie.call(n,t)&&"constructor"!=t&&e.push(t);return e}function je(n){return null!=n&&me(n.length)&&!_(n)}function Oe(n){return je(n)?Ae(n):Pe(n)}var Ee=function(n,e){return function(t,r){if(null==t)return t;if(!je(t))return n(t,r);for(var o=t.length,i=e?o:-1,a=Object(t);(e?i--:++i<o)&&!1!==r(a[i],i,a););return t}}((function(n,e){return n&&ne(n,e,Oe)})),Le=Ee;function ze(n){return n}function Fe(n,t){var r;return(e(n)?Xn:Le)(n,"function"==typeof(r=t)?r:ze)}function Re(n,e,t){var r=-1,o=n.length;e<0&&(e=-e>o?0:o+e),(t=t>o?o:t)<0&&(t+=o),o=e>t?0:t-e>>>0,e>>>=0;for(var i=Array(o);++r<o;)i[r]=n[r+e];return i}function He(n,e,t){var r=n.length;return t=void 0===t?r:t,!e&&t>=r?n:Re(n,e,t)}var $e=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");function Me(n){return $e.test(n)}function De(n,e,t){if(!k(t))return!1;var r=typeof e;return!!("number"==r?je(t)&&pe(e,t.length):"string"==r&&e in t)&&N(t[e],n)}var Ue=ke&&ke.isRegExp,Ne=Ue?ve(Ue):function(n){return m(n)&&"[object RegExp]"==h(n)};var Ve="\\ud800-\\udfff",Ze="["+Ve+"]",Ke="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Ge="\\ud83c[\\udffb-\\udfff]",Ye="[^"+Ve+"]",qe="(?:\\ud83c[\\udde6-\\uddff]){2}",Xe="[\\ud800-\\udbff][\\udc00-\\udfff]",Qe="(?:"+Ke+"|"+Ge+")"+"?",Je="[\\ufe0e\\ufe0f]?",nt=Je+Qe+("(?:\\u200d(?:"+[Ye,qe,Xe].join("|")+")"+Je+Qe+")*"),et="(?:"+[Ye+Ke+"?",Ke,qe,Xe,Ze].join("|")+")",tt=RegExp(Ge+"(?="+Ge+")|"+et+nt,"g");function rt(n){return Me(n)?function(n){return n.match(tt)||[]}(n):function(n){return n.split("")}(n)}var ot=4294967295;function it(n,e,t){return t&&"number"!=typeof t&&De(n,e,t)&&(e=t=void 0),(t=void 0===t?ot:t>>>0)?(n=fn(n))&&("string"==typeof e||null!=e&&!Ne(e))&&!(e=dn(e))&&Me(n)?He(rt(n),0,t):n.split(e,t):[]}function at(n){var e=this.__data__=new K(n);this.size=e.size}at.prototype.clear=function(){this.__data__=new K,this.size=0},at.prototype.delete=function(n){var e=this.__data__,t=e.delete(n);return this.size=e.size,t},at.prototype.get=function(n){return this.__data__.get(n)},at.prototype.has=function(n){return this.__data__.has(n)},at.prototype.set=function(n,e){var t=this.__data__;if(t instanceof K){var r=t.__data__;if(!G||r.length<199)return r.push([n,e]),this.size=++t.size,this;t=this.__data__=new q(r)}return t.set(n,e),this.size=t.size,this};function lt(n){var e=-1,t=null==n?0:n.length;for(this.__data__=new q;++e<t;)this.add(n[e])}function st(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(e(n[t],t,n))return!0;return!1}function ct(n,e){return n.has(e)}lt.prototype.add=lt.prototype.push=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this},lt.prototype.has=function(n){return this.__data__.has(n)};var ut=1,dt=2;function ft(n,e,t,r,o,i){var a=t&ut,l=n.length,s=e.length;if(l!=s&&!(a&&s>l))return!1;var c=i.get(n),u=i.get(e);if(c&&u)return c==e&&u==n;var d=-1,f=!0,p=t&dt?new lt:void 0;for(i.set(n,e),i.set(e,n);++d<l;){var h=n[d],m=e[d];if(r)var g=a?r(m,h,d,e,n,i):r(h,m,d,n,e,i);if(void 0!==g){if(g)continue;f=!1;break}if(p){if(!st(e,(function(n,e){if(!ct(p,e)&&(h===n||o(h,n,t,r,i)))return p.push(e)}))){f=!1;break}}else if(h!==m&&!o(h,m,t,r,i)){f=!1;break}}return i.delete(n),i.delete(e),f}var pt=o.Uint8Array;function ht(n){var e=-1,t=Array(n.size);return n.forEach((function(n,r){t[++e]=[r,n]})),t}function mt(n){var e=-1,t=Array(n.size);return n.forEach((function(n){t[++e]=n})),t}var gt=1,vt=2,bt="[object Boolean]",yt="[object Date]",wt="[object Error]",kt="[object Map]",xt="[object Number]",Ct="[object RegExp]",St="[object Set]",At="[object String]",_t="[object Symbol]",Tt="[object ArrayBuffer]",Bt="[object DataView]",Wt=i?i.prototype:void 0,It=Wt?Wt.valueOf:void 0;function Pt(n,e){for(var t=-1,r=e.length,o=n.length;++t<r;)n[o+t]=e[t];return n}function jt(n,t,r){var o=t(n);return e(n)?o:Pt(o,r(n))}function Ot(n,e){for(var t=-1,r=null==n?0:n.length,o=0,i=[];++t<r;){var a=n[t];e(a,t,n)&&(i[o++]=a)}return i}function Et(){return[]}var Lt=Object.prototype.propertyIsEnumerable,zt=Object.getOwnPropertySymbols,Ft=zt?function(n){return null==n?[]:(n=Object(n),Ot(zt(n),(function(e){return Lt.call(n,e)})))}:Et,Rt=Ft;function Ht(n){return jt(n,Oe,Rt)}var $t=1,Mt=Object.prototype.hasOwnProperty;var Dt=H(o,"DataView"),Ut=H(o,"Promise"),Nt=H(o,"Set"),Vt=H(o,"WeakMap"),Zt="[object Map]",Kt="[object Promise]",Gt="[object Set]",Yt="[object WeakMap]",qt="[object DataView]",Xt=P(Dt),Qt=P(G),Jt=P(Ut),nr=P(Nt),er=P(Vt),tr=h;(Dt&&tr(new Dt(new ArrayBuffer(1)))!=qt||G&&tr(new G)!=Zt||Ut&&tr(Ut.resolve())!=Kt||Nt&&tr(new Nt)!=Gt||Vt&&tr(new Vt)!=Yt)&&(tr=function(n){var e=h(n),t="[object Object]"==e?n.constructor:void 0,r=t?P(t):"";if(r)switch(r){case Xt:return qt;case Qt:return Zt;case Jt:return Kt;case nr:return Gt;case er:return Yt}return e});var rr=tr,or=1,ir="[object Arguments]",ar="[object Array]",lr="[object Object]",sr=Object.prototype.hasOwnProperty;function cr(n,t,r,o,i,a){var l=e(n),s=e(t),c=l?ar:rr(n),u=s?ar:rr(t),d=(c=c==ir?lr:c)==lr,f=(u=u==ir?lr:u)==lr,p=c==u;if(p&&ue(n)){if(!ue(t))return!1;l=!0,d=!1}if(p&&!d)return a||(a=new at),l||Ce(n)?ft(n,t,r,o,i,a):function(n,e,t,r,o,i,a){switch(t){case Bt:if(n.byteLength!=e.byteLength||n.byteOffset!=e.byteOffset)return!1;n=n.buffer,e=e.buffer;case Tt:return!(n.byteLength!=e.byteLength||!i(new pt(n),new pt(e)));case bt:case yt:case xt:return N(+n,+e);case wt:return n.name==e.name&&n.message==e.message;case Ct:case At:return n==e+"";case kt:var l=ht;case St:var s=r&gt;if(l||(l=mt),n.size!=e.size&&!s)return!1;var c=a.get(n);if(c)return c==e;r|=vt,a.set(n,e);var u=ft(l(n),l(e),r,o,i,a);return a.delete(n),u;case _t:if(It)return It.call(n)==It.call(e)}return!1}(n,t,c,r,o,i,a);if(!(r&or)){var h=d&&sr.call(n,"__wrapped__"),m=f&&sr.call(t,"__wrapped__");if(h||m){var g=h?n.value():n,v=m?t.value():t;return a||(a=new at),i(g,v,r,o,a)}}return!!p&&(a||(a=new at),function(n,e,t,r,o,i){var a=t&$t,l=Ht(n),s=l.length;if(s!=Ht(e).length&&!a)return!1;for(var c=s;c--;){var u=l[c];if(!(a?u in e:Mt.call(e,u)))return!1}var d=i.get(n),f=i.get(e);if(d&&f)return d==e&&f==n;var p=!0;i.set(n,e),i.set(e,n);for(var h=a;++c<s;){var m=n[u=l[c]],g=e[u];if(r)var v=a?r(g,m,u,e,n,i):r(m,g,u,n,e,i);if(!(void 0===v?m===g||o(m,g,t,r,i):v)){p=!1;break}h||(h="constructor"==u)}if(p&&!h){var b=n.constructor,y=e.constructor;b==y||!("constructor"in n)||!("constructor"in e)||"function"==typeof b&&b instanceof b&&"function"==typeof y&&y instanceof y||(p=!1)}return i.delete(n),i.delete(e),p}(n,t,r,o,i,a))}function ur(n,e,t,r,o){return n===e||(null==n||null==e||!m(n)&&!m(e)?n!=n&&e!=e:cr(n,e,t,r,ur,o))}var dr=1,fr=2;function pr(n){return n==n&&!k(n)}function hr(n,e){return function(t){return null!=t&&(t[n]===e&&(void 0!==e||n in Object(t)))}}function mr(n){var e=function(n){for(var e=Oe(n),t=e.length;t--;){var r=e[t],o=n[r];e[t]=[r,o,pr(o)]}return e}(n);return 1==e.length&&e[0][2]?hr(e[0][0],e[0][1]):function(t){return t===n||function(n,e,t,r){var o=t.length,i=o,a=!r;if(null==n)return!i;for(n=Object(n);o--;){var l=t[o];if(a&&l[2]?l[1]!==n[l[0]]:!(l[0]in n))return!1}for(;++o<i;){var s=(l=t[o])[0],c=n[s],u=l[1];if(a&&l[2]){if(void 0===c&&!(s in n))return!1}else{var d=new at;if(r)var f=r(c,u,s,n,e,d);if(!(void 0===f?ur(u,c,dr|fr,r,d):f))return!1}}return!0}(t,n,e)}}function gr(n,e){return null!=n&&e in Object(n)}function vr(n,t){return null!=n&&function(n,t,r){for(var o=-1,i=(t=pn(t,n)).length,a=!1;++o<i;){var l=mn(t[o]);if(!(a=null!=n&&r(n,l)))break;n=n[l]}return a||++o!=i?a:!!(i=null==n?0:n.length)&&me(i)&&pe(l,i)&&(e(n)||ae(n))}(n,t,gr)}var br=1,yr=2;function wr(n){return function(e){return null==e?void 0:e[n]}}function kr(n){return w(n)?wr(mn(n)):function(n){return function(e){return gn(e,n)}}(n)}function xr(n){return"function"==typeof n?n:null==n?ze:"object"==typeof n?e(n)?(t=n[0],r=n[1],w(t)&&pr(r)?hr(mn(t),r):function(n){var e=vn(n,t);return void 0===e&&e===r?vr(n,t):ur(r,e,br|yr)}):mr(n):kr(n);var t,r}function Cr(n,e){var t=-1,r=je(n)?Array(n.length):[];return Le(n,(function(n,o,i){r[++t]=e(n,o,i)})),r}function Sr(n,t){return(e(n)?ln:Cr)(n,xr(t))}function Ar(n){return"[object String]"===Object.prototype.toString.call(n)}function _r(n){return!(!Ar(n)||""===n)}var Tr="[object String]";var Br=wr("length"),Wr="\\ud800-\\udfff",Ir="["+Wr+"]",Pr="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",jr="\\ud83c[\\udffb-\\udfff]",Or="[^"+Wr+"]",Er="(?:\\ud83c[\\udde6-\\uddff]){2}",Lr="[\\ud800-\\udbff][\\udc00-\\udfff]",zr="(?:"+Pr+"|"+jr+")"+"?",Fr="[\\ufe0e\\ufe0f]?",Rr=Fr+zr+("(?:\\u200d(?:"+[Or,Er,Lr].join("|")+")"+Fr+zr+")*"),Hr="(?:"+[Or+Pr+"?",Pr,Er,Lr,Ir].join("|")+")",$r=RegExp(jr+"(?="+jr+")|"+Hr+Rr,"g");function Mr(n){return Me(n)?function(n){for(var e=$r.lastIndex=0;$r.test(n);)++e;return e}(n):Br(n)}var Dr="[object Map]",Ur="[object Set]";function Nr(n){if(null==n)return 0;if(je(n))return"string"==typeof(t=n)||!e(t)&&m(t)&&h(t)==Tr?Mr(n):n.length;var t,r=rr(n);return r==Dr||r==Ur?n.size:Pe(n).length}function Vr(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(!e(n[t],t,n))return!1;return!0}function Zr(n,e){var t=!0;return Le(n,(function(n,r,o){return t=!!e(n,r,o)})),t}function Kr(n,e){return ur(n,e)}function Gr(n){return"[object Object]"===Object.prototype.toString.call(n)}function Yr(n){return Yr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},Yr(n)}function qr(n){var e=function(n,e){if("object"!=Yr(n)||!n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var r=t.call(n,e||"default");if("object"!=Yr(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}(n,"string");return"symbol"==Yr(e)?e:String(e)}function Xr(n,e,t){return(e=qr(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var Qr=function(){try{var n=H(Object,"defineProperty");return n({},"",{}),n}catch(n){}}(),Jr=Qr;function no(n,e,t){"__proto__"==e&&Jr?Jr(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):n[e]=t}var eo=Object.prototype.hasOwnProperty;function to(n,e,t){var r=n[e];eo.call(n,e)&&N(r,t)&&(void 0!==t||e in n)||no(n,e,t)}function ro(n,e,t,r){var o=!t;t||(t={});for(var i=-1,a=e.length;++i<a;){var l=e[i],s=r?r(t[l],n[l],l,t,n):void 0;void 0===s&&(s=n[l]),o?no(t,l,s):to(t,l,s)}return t}var oo=Object.prototype.hasOwnProperty;function io(n){if(!k(n))return function(n){var e=[];if(null!=n)for(var t in Object(n))e.push(t);return e}(n);var e=Te(n),t=[];for(var r in n)("constructor"!=r||!e&&oo.call(n,r))&&t.push(r);return t}function ao(n){return je(n)?Ae(n,!0):io(n)}var lo="object"==typeof exports&&exports&&!exports.nodeType&&exports,so=lo&&"object"==typeof module&&module&&!module.nodeType&&module,co=so&&so.exports===lo?o.Buffer:void 0,uo=co?co.allocUnsafe:void 0;function fo(n,e){if(e)return n.slice();var t=n.length,r=uo?uo(t):new n.constructor(t);return n.copy(r),r}function po(n,e){var t=-1,r=n.length;for(e||(e=Array(r));++t<r;)e[t]=n[t];return e}var ho=Be(Object.getPrototypeOf,Object),mo=Object.getOwnPropertySymbols?function(n){for(var e=[];n;)Pt(e,Rt(n)),n=ho(n);return e}:Et,go=mo;function vo(n){return jt(n,ao,go)}var bo=Object.prototype.hasOwnProperty;function yo(n){var e=new n.constructor(n.byteLength);return new pt(e).set(new pt(n)),e}var wo=/\w*$/;var ko=i?i.prototype:void 0,xo=ko?ko.valueOf:void 0;function Co(n,e){var t=e?yo(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)}var So="[object Boolean]",Ao="[object Date]",_o="[object Map]",To="[object Number]",Bo="[object RegExp]",Wo="[object Set]",Io="[object String]",Po="[object Symbol]",jo="[object ArrayBuffer]",Oo="[object DataView]",Eo="[object Float32Array]",Lo="[object Float64Array]",zo="[object Int8Array]",Fo="[object Int16Array]",Ro="[object Int32Array]",Ho="[object Uint8Array]",$o="[object Uint8ClampedArray]",Mo="[object Uint16Array]",Do="[object Uint32Array]";function Uo(n,e,t){var r,o=n.constructor;switch(e){case jo:return yo(n);case So:case Ao:return new o(+n);case Oo:return function(n,e){var t=e?yo(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.byteLength)}(n,t);case Eo:case Lo:case zo:case Fo:case Ro:case Ho:case $o:case Mo:case Do:return Co(n,t);case _o:return new o;case To:case Io:return new o(n);case Bo:return function(n){var e=new n.constructor(n.source,wo.exec(n));return e.lastIndex=n.lastIndex,e}(n);case Wo:return new o;case Po:return r=n,xo?Object(xo.call(r)):{}}}var No=Object.create,Vo=function(){function n(){}return function(e){if(!k(e))return{};if(No)return No(e);n.prototype=e;var t=new n;return n.prototype=void 0,t}}(),Zo=Vo;function Ko(n){return"function"!=typeof n.constructor||Te(n)?{}:Zo(ho(n))}var Go=ke&&ke.isMap,Yo=Go?ve(Go):function(n){return m(n)&&"[object Map]"==rr(n)};var qo=ke&&ke.isSet,Xo=qo?ve(qo):function(n){return m(n)&&"[object Set]"==rr(n)},Qo=1,Jo=2,ni=4,ei="[object Arguments]",ti="[object Function]",ri="[object GeneratorFunction]",oi="[object Object]",ii={};function ai(n,t,r,o,i,a){var l,s=t&Qo,c=t&Jo,u=t&ni;if(r&&(l=i?r(n,o,i,a):r(n)),void 0!==l)return l;if(!k(n))return n;var d=e(n);if(d){if(l=function(n){var e=n.length,t=new n.constructor(e);return e&&"string"==typeof n[0]&&bo.call(n,"index")&&(t.index=n.index,t.input=n.input),t}(n),!s)return po(n,l)}else{var f=rr(n),p=f==ti||f==ri;if(ue(n))return fo(n,s);if(f==oi||f==ei||p&&!i){if(l=c||p?{}:Ko(n),!s)return c?function(n,e){return ro(n,go(n),e)}(n,function(n,e){return n&&ro(e,ao(e),n)}(l,n)):function(n,e){return ro(n,Rt(n),e)}(n,function(n,e){return n&&ro(e,Oe(e),n)}(l,n))}else{if(!ii[f])return i?n:{};l=Uo(n,f,s)}}a||(a=new at);var h=a.get(n);if(h)return h;a.set(n,l),Xo(n)?n.forEach((function(e){l.add(ai(e,t,r,e,n,a))})):Yo(n)&&n.forEach((function(e,o){l.set(o,ai(e,t,r,o,n,a))}));var m=d?void 0:(u?c?vo:Ht:c?ao:Oe)(n);return Xn(m||n,(function(e,o){m&&(e=n[o=e]),to(l,o,ai(e,t,r,o,n,a))})),l}ii[ei]=ii["[object Array]"]=ii["[object ArrayBuffer]"]=ii["[object DataView]"]=ii["[object Boolean]"]=ii["[object Date]"]=ii["[object Float32Array]"]=ii["[object Float64Array]"]=ii["[object Int8Array]"]=ii["[object Int16Array]"]=ii["[object Int32Array]"]=ii["[object Map]"]=ii["[object Number]"]=ii[oi]=ii["[object RegExp]"]=ii["[object Set]"]=ii["[object String]"]=ii["[object Symbol]"]=ii["[object Uint8Array]"]=ii["[object Uint8ClampedArray]"]=ii["[object Uint16Array]"]=ii["[object Uint32Array]"]=!0,ii["[object Error]"]=ii[ti]=ii["[object WeakMap]"]=!1;var li=1,si=4;function ci(n){return ai(n,li|si)}var ui=/\s/;var di=/^\s+/;function fi(n){return n?n.slice(0,function(n){for(var e=n.length;e--&&ui.test(n.charAt(e)););return e}(n)+1).replace(di,""):n}var pi=NaN,hi=/^[-+]0x[0-9a-f]+$/i,mi=/^0b[01]+$/i,gi=/^0o[0-7]+$/i,vi=parseInt;function bi(n){if("number"==typeof n)return n;if(v(n))return pi;if(k(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=k(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=fi(n);var t=mi.test(n);return t||gi.test(n)?vi(n.slice(2),t?2:8):hi.test(n)?pi:+n}var yi=1/0,wi=17976931348623157e292;function ki(n){return n?(n=bi(n))===yi||n===-yi?(n<0?-1:1)*wi:n==n?n:0:0===n?n:0}function xi(n){var e=ki(n),t=e%1;return e==e?t?e-t:e:0}function Ci(n){return n!=n}function Si(n){let e=!1;if(_r(n))e=!isNaN(Number(n));else if(function(n){return"[object Number]"===Object.prototype.toString.call(n)}(n)){if(Ci(n))return!1;e=!0}return e}function Ai(n){if(!Si(n))return 0;return ki(n)}function _i(n){return!!Si(n)&&(n=Ai(n),"number"==typeof(e=n)&&e==xi(e));var e}var Ti=o.isFinite,Bi=Math.min;var Wi=function(n){var e=Math[n];return function(n,t){if(n=bi(n),(t=null==t?0:Bi(xi(t),292))&&Ti(n)){var r=(fn(n)+"e").split("e");return+((r=(fn(e(r[0]+"e"+(+r[1]+t)))+"e").split("e"))[0]+"e"+(+r[1]-t))}return e(n)}}("round"),Ii=Wi;function Pi(n){if(!Si(n))return 0;n=Ai(n);let e=Ii(n);return"0"===String(e)?0:e}function ji(n){if(!_i(n))return!1;return Pi(n)>0}function Oi(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var Ei={exports:{}};!function(n){var e=Object.prototype.hasOwnProperty,t="~";function r(){}function o(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,r,i,a){if("function"!=typeof r)throw new TypeError("The listener must be a function");var l=new o(r,i||n,a),s=t?t+e:e;return n._events[s]?n._events[s].fn?n._events[s]=[n._events[s],l]:n._events[s].push(l):(n._events[s]=l,n._eventsCount++),n}function a(n,e){0==--n._eventsCount?n._events=new r:delete n._events[e]}function l(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(t=!1)),l.prototype.eventNames=function(){var n,r,o=[];if(0===this._eventsCount)return o;for(r in n=this._events)e.call(n,r)&&o.push(t?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(n)):o},l.prototype.listeners=function(n){var e=t?t+n:n,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var o=0,i=r.length,a=new Array(i);o<i;o++)a[o]=r[o].fn;return a},l.prototype.listenerCount=function(n){var e=t?t+n:n,r=this._events[e];return r?r.fn?1:r.length:0},l.prototype.emit=function(n,e,r,o,i,a){var l=t?t+n:n;if(!this._events[l])return!1;var s,c,u=this._events[l],d=arguments.length;if(u.fn){switch(u.once&&this.removeListener(n,u.fn,void 0,!0),d){case 1:return u.fn.call(u.context),!0;case 2:return u.fn.call(u.context,e),!0;case 3:return u.fn.call(u.context,e,r),!0;case 4:return u.fn.call(u.context,e,r,o),!0;case 5:return u.fn.call(u.context,e,r,o,i),!0;case 6:return u.fn.call(u.context,e,r,o,i,a),!0}for(c=1,s=new Array(d-1);c<d;c++)s[c-1]=arguments[c];u.fn.apply(u.context,s)}else{var f,p=u.length;for(c=0;c<p;c++)switch(u[c].once&&this.removeListener(n,u[c].fn,void 0,!0),d){case 1:u[c].fn.call(u[c].context);break;case 2:u[c].fn.call(u[c].context,e);break;case 3:u[c].fn.call(u[c].context,e,r);break;case 4:u[c].fn.call(u[c].context,e,r,o);break;default:if(!s)for(f=1,s=new Array(d-1);f<d;f++)s[f-1]=arguments[f];u[c].fn.apply(u[c].context,s)}}return!0},l.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},l.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},l.prototype.removeListener=function(n,e,r,o){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return a(this,i),this;var l=this._events[i];if(l.fn)l.fn!==e||o&&!l.once||r&&l.context!==r||a(this,i);else{for(var s=0,c=[],u=l.length;s<u;s++)(l[s].fn!==e||o&&!l[s].once||r&&l[s].context!==r)&&c.push(l[s]);c.length?this._events[i]=1===c.length?c[0]:c:a(this,i)}return this},l.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&a(this,e)):(this._events=new r,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=t,l.EventEmitter=l,n.exports=l}(Ei);var Li=Oi(Ei.exports);function zi(){return new Li}function Fi(n){let e=Object.prototype.toString.call(n);return"[object Function]"===e||"[object AsyncFunction]"===e}function Ri(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function Hi(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=vn(e,"timeInterval",null);ji(t)||(t=20);let r=vn(e,"tolerancePixel",null);ji(r)||(r=1);let o,i=zi(),a={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0},l=ci(a),s={width:"",height:""};if(!Fi(n))return console.log("invalid f",n),null;o=setInterval((()=>{let e=n();if(e){let n={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight,windowWidth:window.innerWidth,windowHeight:window.innerHeight},t=l.offsetWidth-n.offsetWidth,o=l.offsetHeight-n.offsetHeight,c=Math.abs(t)>r,u=Math.abs(o)>r,d="";t>0?d="smaller":t<0&&(d="larger");let f="";if(o>0?f="smaller":o<0&&(f="larger"),s={width:d,height:f},c||u){let t=function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Ri(Object(t),!0).forEach((function(e){Xr(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Ri(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({},l);setTimeout((()=>{n.offsetWidth>0&&n.offsetHeight>0&&(i.emit("resize",{sold:t,snew:n,smode:s,ele:e}),i.emit("resizeWithWindow",{sold:t,snew:n,smode:s,ele:e,from:"dom"}))}),1)}a=l,l=n}}),t);let c=n=>{i.emit("resizeWithWindow",{sold:a,snew:l,smode:s,from:"window"})};return window.addEventListener("resize",c),i.clear=()=>{clearInterval(o),window.removeEventListener("resize",c)},i}let $i="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Mi=$i.length;function Di(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:32,e=[];n=ji(n)?Pi(n):32;for(let t=0;t<n;t++)e[t]=$i[0|Math.random()*Mi];return e.join("")}function Ui(){let n={};return{bind:function(e,t,r){let o=`r${Di()}`;e.setAttribute("ev-resize",o);let i=Hi((()=>e));i.on("resizeWithWindow",(n=>{!function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domresize",n)})),n[o]=i},unbind:function(e){let t=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),n[t]&&(n[t].clear(),n[t]=null,delete n[t])}}}var Ni,Vi=(Ni="toUpperCase",function(n){var e=Me(n=fn(n))?rt(n):void 0,t=e?e[0]:n.charAt(0),r=e?He(e,1).join(""):n.slice(1);return t[Ni]()+r});function Zi(n){return Vi(fn(n).toLowerCase())}var Ki=Gn((function(n,e,t){return e=e.toLowerCase(),n+(t?Zi(e):e)})),Gi=Ki;let Yi={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 qi(n){if("white"===n)return"#fff";if("black"===n)return"#000";if("transparent"===n)return"rgba(0,0,0,0)";let e=function(n){let e=it(n," ");return 1===Nr(e)&&(e[1]=null),e}(n),t=function(n,e,t){let r=vn(Yi,`default.${n}.${e}`,null);return null===r&&(r=t),r}(function(n){let e=n.trim();return e=Gi(e),e}(e[0]),function(n){_r(n)||(n="base");let e=n.trim();return e=e.replace("-","").trim(),e}(e[1]),n);return t}function Xi(n,e,t){if(!_r(n))return"";if(!_r(e))return"";if(!Ar(t))return"";return String(n).replaceAll(e,t)}function Qi(n){if(Gr(n)){for(let e in n)return!0;return!1}return!1}var Ji="[object Object]",na=Function.prototype,ea=Object.prototype,ta=na.toString,ra=ea.hasOwnProperty,oa=ta.call(Object);function ia(n){if(!m(n)||h(n)!=Ji)return!1;var e=ho(n);if(null===e)return!0;var t=ra.call(e,"constructor")&&e.constructor;return"function"==typeof t&&t instanceof t&&ta.call(t)==oa}function aa(n){return m(e=n)&&1===e.nodeType&&!ia(e);var e}function la(n){function e(n){n.parentNode.removeChild(n)}if(aa(n)){return void e(n)}if(!_r(n))return;let t=function(n){return document.querySelectorAll(n)}(n);Fe(t,(function(n){e(n)}))}function sa(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=vn(t,"timeDuration",null);ji(r)||(r=1e3);let o=vn(t,"color",null);if(_r(o)||(o="rgba(255, 255, 255, 0.5)"),!aa(n))return;n.style.position="relative",n.style.overflow="hidden";let i=n.getBoundingClientRect(),a=e.clientX-i.left,l=e.clientY-i.top,s=2*Math.max(n.clientWidth,n.clientHeight),c=document.createElement("div");c.style.width=`${s}px`,c.style.height=`${s}px`,c.style.transition=`all ${r/1e3}s linear`,c.style.position="absolute",c.style.zIndex=1,c.style.left=`${a}px`,c.style.top=`${l}px`,c.style.borderRadius="50%",c.style.transformOrigin="center",c.style.transform="translate(-50%,-50%) scale(0)",c.style.background=o,c.style.userSelect="none",c.style.pointerEvents="none",n.appendChild(c),setTimeout((()=>{c.style.transform="translate(-50%,-50%) scale(2)",c.style.opacity=0}),1),setTimeout((()=>{la(c)}),r)}var ca="[object Boolean]";function ua(n){return!0===(e=n)||!1===e||m(e)&&h(e)==ca;var e}var da="[object Number]";function fa(n){return"number"==typeof n||m(n)&&h(n)==da}function pa(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=vn(e,"parse");ua(t)||(t=!0);let r=vn(e,"ext");Qi(r)||(r={});let o=vn(e,"semicolon");ua(o)||(o=!0);let i=vn(e,"returnObj");ua(i)||(i=!1);let a=0,l=0,s=0,c=0;if(t){let e=function(n){let e,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=vn(t,"def",""),o=vn(t,"type","");"num"!==o&&"text"!==o&&(o="num"),"num"===o?e=fa:"text"===o&&(e=Ar);let i=r,a=r,l=r,s=r;return e(vn(n,"h"))&&(i=vn(n,"h"),a=i),e(vn(n,"v"))&&(l=vn(n,"v"),s=l),e(vn(n,"left"))&&(i=vn(n,"left")),e(vn(n,"right"))&&(a=vn(n,"right")),e(vn(n,"top"))&&(l=vn(n,"top")),e(vn(n,"bottom"))&&(s=vn(n,"bottom")),{left:i,right:a,top:l,bottom:s}}(n);a=e.left,l=e.right,s=e.top,c=e.bottom}a+=vn(r,"left",0),l+=vn(r,"right",0),s+=vn(r,"top",0),c+=vn(r,"bottom",0);let u=null;return i?u={left:a,right:l,top:s,bottom:c}:(u=`${s}px ${l}px ${c}px ${a}px`,o&&(u=`${u};`)),u}function ha(n){return"[object Array]"===Object.prototype.toString.call(n)}function ma(n){return"[object Undefined]"===Object.prototype.toString.call(n)}function ga(n){return!!ma(n)||(!!function(n){return"[object Null]"===Object.prototype.toString.call(n)}(n)||(!!function(n){if(Gr(n)){for(let e in n)return!1;return!0}return!1}(n)||(!!function(n){return!(!Ar(n)||""!==n)}(n)||(!!function(n){return!!ha(n)&&0===n.length}(n)||!!Ci(n)))))}function va(n){return!!ha(n)&&(0!==n.length&&(1!==n.length||!ga(n[0])))}var ba={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 _r(this.icon)},isMdi:function(){return!!this.hasIcon&&this.icon.indexOf("mdi-")>=0},isFa:function(){return!!this.hasIcon&&this.icon.indexOf(" fa-")>=0},isSvg:function(){let n=this;if(n.isMdi||n.isFa)return!1;let e=_r(n.icon),t=va(n.icon);return e||t},usePaths:function(){let n=this;if(!n.isSvg)return[];let e=n.icon;return _r(n.icon)&&(e=[n.icon]),e},useIconColor:function(){let n=this;return n.mouseEnter?qi(n.colorHover):qi(n.color)},useStyleSize:function(){let n=this;return{width:`${n.size}px`,height:`${n.size}px`,"line-height":`${n.size}px`,"max-height":`${n.size}px`,"min-height":`${n.size}px`}}},methods:{}};function ya(n,e,t,r,o,i,a,l,s,c){"boolean"!=typeof a&&(s=l,l=a,a=!1);const u="function"==typeof t?t.options:t;let d;if(n&&n.render&&(u.render=n.render,u.staticRenderFns=n.staticRenderFns,u._compiled=!0,o&&(u.functional=!0)),r&&(u._scopeId=r),i?(d=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),e&&e.call(this,s(n)),n&&n._registeredComponents&&n._registeredComponents.add(i)},u._ssrRegister=d):e&&(d=a?function(n){e.call(this,c(n,this.$root.$options.shadowRoot))}:function(n){e.call(this,l(n))}),d)if(u.functional){const n=u.render;u.render=function(e,t){return d.call(t),n(e,t)}}else{const n=u.beforeCreate;u.beforeCreate=n?[].concat(n,d):[d]}return t}const wa="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function ka(n){return(n,e)=>function(n,e){const t=wa?e.media||"default":n,r=Ca[t]||(Ca[t]={ids:new Set,styles:[]});if(!r.ids.has(n)){r.ids.add(n);let t=e.source;if(e.map&&(t+="\n/*# sourceURL="+e.map.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",e.media&&r.element.setAttribute("media",e.media),void 0===xa&&(xa=document.head||document.getElementsByTagName("head")[0]),xa.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(t),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{const n=r.ids.size-1,e=document.createTextNode(t),o=r.element.childNodes;o[n]&&r.element.removeChild(o[n]),o.length?r.element.insertBefore(e,o[n]):r.element.appendChild(e)}}}(n,e)}let xa;const Ca={};const Sa=ba;var Aa=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.icon?t("div",{style:[n.useStyleSize,{display:"flex","align-items":"center","user-select":"none",border:"0px solid #ddd"}],on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[n.isSvg?t("svg",{style:"transition:all "+n.timeTransition+"s linear; fill:"+n.useIconColor+";",attrs:{width:n.size,height:n.size,viewBox:"0 0 "+n.sizeOriginal+" "+n.sizeOriginal},on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},n._l(n.usePaths,(function(e,r){return t("path",{key:r,attrs:{d:n.icon}})})),0):n._e(),n._v(" "),n.isMdi?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("span",{class:"mdi "+n.icon,style:"font-size:"+n.size+"px;"})]):n._e(),n._v(" "),n.isFa?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("div",{style:"width:"+n.size+"px; height:"+n.size+"px; _transform-origin:center; transform:translateX(0px) translateY(0px) scale("+n.r+");"},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[t("i",{class:"fas "+n.icon,style:"font-size:"+n.size+"px;"})])])]):n._e()]):n._e()};Aa._withStripped=!0;const _a=ya({render:Aa,staticRenderFns:[]},(function(n){n&&n("data-v-030cb92e_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})}),Sa,"data-v-030cb92e",false,undefined,!1,ka,void 0,void 0);var Ta={directives:{domripple:function(){let n={};return{bind:function(e,t,r){let o=`r${Di()}`;e.setAttribute("ev-ripple",o),function(e,t){let r=e.getAttribute("ev-ripple"),o=vn(t,"value");if(o=Qi(o),!o)return;let i=vn(t,"value.color");if(!_r(i))return;i=qi(i);let a=vn(t,"value.timeDuration");Si(a)||(a=1e3);function l(n){sa(n.currentTarget,n,{color:i,timeDuration:a})}a=Ai(a),e.addEventListener("click",l,!1),n[r]=l}(e,t)},unbind:function(e){!function(e){let t=e.getAttribute("ev-ripple");if(n[t]){let r=n[t];e.removeEventListener("click",r,!1),delete n[t]}}(e),e.setAttribute("ev-ripple",null)}}}()},components:{WIcon:_a},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:()=>({v:10,h:12})},borderRadius:{type:Number,default:0},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},backgroundColorDisabled:{type:String,default:"white"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},textColorDisabled:{type:String,default:"#444"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},iconColorDisabled:{type:String,default:"#444"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"},cursorPointer:{type:Boolean,default:!0}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Xi(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){let n=this;return`padding:${pa(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effBackgroundColor:function(){return qi(this.backgroundColor)},effBackgroundColorHover:function(){return qi(this.backgroundColorHover)},effBackgroundActive:function(){return qi(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return qi(this.backgroundColorDisabled)},useBackgroundColor:function(){let n=this;return n.editable?n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor:n.effBackgroundColorDisabled},effTextColor:function(){return qi(this.textColor)},effTextColorHover:function(){return qi(this.textColorHover)},effTextActive:function(){return qi(this.textColorActive)},effTextColorDisabled:function(){return qi(this.textColorDisabled)},useTextColor:function(){let n=this;return n.editable?n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor:n.effTextColorDisabled},effIconColor:function(){return qi(this.iconColor)},effIconColorHover:function(){return qi(this.iconColorHover)},effIconActive:function(){return qi(this.iconColorActive)},effIconColorDisabled:function(){return qi(this.iconColorDisabled)},useIconColor:function(){let n=this;return n.editable?n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor:n.effIconColorDisabled},effDisabledColor:function(){return qi(this.disabledColor)}},methods:{clickItem:function(){let n=this;n.editable&&n.$emit("click",{icon:n.icon,text:n.text})}}};const Ba=Ta;var Wa=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"position:relative; transition:all 0.3s; border-top-left-radius:"+n.borderRadius+"px; border-top-right-radius:"+n.borderRadius+"px; "+n.usePadding+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":""),on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:n.clickItem}},[t("div",{style:"transition:all 0.3s; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._t("item",(function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("item-left",null,{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-content",(function(){return[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",[n._v("\n                        "+n._s(n.text)+"\n                    ")])]}),{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-right",null,{isHover:n.mouseEnter,isActive:n.active})],2)]}),{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])],2)])};Wa._withStripped=!0;const Ia=ya({render:Wa,staticRenderFns:[]},(function(n){n&&n("data-v-66b7ac72_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})}),Ba,"data-v-66b7ac72",false,undefined,!1,ka,void 0,void 0);var Pa={directives:{domresize:Ui()},components:{WListItem:Ia},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(n,e){this.updateBorderBottom()},immediate:!0}},computed:{changeItemActive:function(){let n=this;return n.enableActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==Nr(this.items)&&function(n,t,r){var o=e(n)?Vr:Zr;return r&&De(n,t,r)&&(t=void 0),o(n,xr(t))}(this.items,(n=>Gr(n)))},effBorderBottomColor:function(){return qi(this.borderBottomColor)}},methods:{resize:function(n){this.updateBorderBottom()},getIcon:function(n){let e=this;return e.isObjValue?vn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return vn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Kr(n,e.itemActiveTrans)),t},getEditable:function(n){return vn(n,"editable",!0)},updateBorderBottom:function(){let n=this;if(null==n.itemActiveTrans)return;let e=0,t=[];Fe(vn(n,"$refs.wli",[]),((r,o)=>{let i=r,a=vn(i,"clientWidth",0),l=vn(i,"clientHeight",0),s=e,c=a,u=l;o>0&&n.space>0&&(s+=n.space,c-=n.space),t.push({left:s,bottom:0,width:c,heiht:u}),e+=a}));let r=-1;if(Fe(n.items,((e,t)=>{if(Kr(e,n.itemActiveTrans))return r=t,!1})),-1===r)return;let o=t[r];n.borderBottomLeft=o.left,n.borderBottomWidth=o.width},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let r=null;r=t.isObjValue?{...n}:n,t.$emit("click",r,e),t.$emit("update:itemActive",r)}}};const ja=Pa;var Oa=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[n.borderBottom?t("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+n.borderBottomLeft+"px; padding-left:"+n.borderBottomWidth+"px; border-bottom:"+n.borderBottomSize+"px solid "+n.effBorderBottomColor+";"}):n._e(),n._v(" "),n._l(n.items,(function(e,r){return t("div",{key:r},[t("div",{ref:"wli",refInFor:!0,style:n.space>0&&r>0?"padding-left:"+n.space+"px;":""},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,borderRadius:n.itemBorderRadius,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,r)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)])}))],2)])};Oa._withStripped=!0;const Ea=ya({render:Oa,staticRenderFns:[]},(function(n){n&&n("data-v-31cfb10e_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})}),ja,"data-v-31cfb10e",false,undefined,!1,ka,void 0,void 0);function La(n){return n!=n}function za(n,e,t){return e==e?function(n,e,t){for(var r=t-1,o=n.length;++r<o;)if(n[r]===e)return r;return-1}(n,e,t):function(n,e,t,r){for(var o=n.length,i=t+(r?1:-1);r?i--:++i<o;)if(e(n[i],i,n))return i;return-1}(n,La,t)}function Fa(n,e,t){if((n=fn(n))&&(t||void 0===e))return fi(n);if(!n||!(e=dn(e)))return n;var r=rt(n),o=rt(e),i=function(n,e){for(var t=-1,r=n.length;++t<r&&za(e,n[t],0)>-1;);return t}(r,o),a=function(n,e){for(var t=n.length;t--&&za(e,n[t],0)>-1;);return t}(r,o)+1;return He(r,i,a).join("")}function Ra(n,e){var t=[];return Le(n,(function(n,r,o){e(n,r,o)&&t.push(n)})),t}function Ha(n){return fn(n).toUpperCase()}var $a=Array.prototype.join;function Ma(n,e){return null==n?"":$a.call(n,e)}function Da(n){return function(n){let e=it(n,"&");e=Sr(e,(function(n){return Fa(n)}));let t=Nr(e);t=Math.min(4,t);let r=[];for(let n=0;n<t;n++)r.push(e[n]);return Ma(r,"_")}(n)}function Ua(n,e){if(!_r(n))return[];if(!_r(e))return[];let t=function(n,e){return _r(n)&&_r(e)?n.split(e):[]}(n,e);t=Sr(t,Fa);let r=[];return Fe(t,(function(n){_r(n)&&r.push(n)})),r}function Na(){let n,e,t=new Promise((function(){n=arguments[0],e=arguments[1]}));return t.resolve=n,t.reject=e,t}var Va=i?i.isConcatSpreadable:void 0;function Za(n){return e(n)||ae(n)||!!(Va&&n&&n[Va])}function Ka(n,e,t,r,o){var i=-1,a=n.length;for(t||(t=Za),o||(o=[]);++i<a;){var l=n[i];e>0&&t(l)?e>1?Ka(l,e-1,t,r,o):Pt(o,l):r||(o[o.length]=l)}return o}function Ga(n,e){if(n!==e){var t=void 0!==n,r=null===n,o=n==n,i=v(n),a=void 0!==e,l=null===e,s=e==e,c=v(e);if(!l&&!c&&!i&&n>e||i&&a&&s&&!l&&!c||r&&a&&s||!t&&s||!o)return 1;if(!r&&!i&&!c&&n<e||c&&t&&o&&!r&&!i||l&&t&&o||!a&&o||!s)return-1}return 0}function Ya(n,t,r){t=t.length?ln(t,(function(n){return e(n)?function(e){return gn(e,1===n.length?n[0]:n)}:n})):[ze];var o=-1;return t=ln(t,ve(xr)),function(n,e){var t=n.length;for(n.sort(e);t--;)n[t]=n[t].value;return n}(Cr(n,(function(n,e,r){return{criteria:ln(t,(function(e){return e(n)})),index:++o,value:n}})),(function(n,e){return function(n,e,t){for(var r=-1,o=n.criteria,i=e.criteria,a=o.length,l=t.length;++r<a;){var s=Ga(o[r],i[r]);if(s)return r>=l?s:s*("desc"==t[r]?-1:1)}return n.index-e.index}(n,e,r)}))}var qa=Math.max;var Xa=Jr?function(n,e){return Jr(n,"toString",{configurable:!0,enumerable:!1,value:(t=e,function(){return t}),writable:!0});var t}:ze,Qa=Xa,Ja=Date.now;var nl=function(n){var e=0,t=0;return function(){var r=Ja(),o=16-(r-t);if(t=r,o>0){if(++e>=800)return arguments[0]}else e=0;return n.apply(void 0,arguments)}}(Qa),el=nl;function tl(n,e){return el(function(n,e,t){return e=qa(void 0===e?n.length-1:e,0),function(){for(var r=arguments,o=-1,i=qa(r.length-e,0),a=Array(i);++o<i;)a[o]=r[e+o];o=-1;for(var l=Array(e+1);++o<e;)l[o]=r[o];return l[e]=t(a),function(n,e,t){switch(t.length){case 0:return n.call(e);case 1:return n.call(e,t[0]);case 2:return n.call(e,t[0],t[1]);case 3:return n.call(e,t[0],t[1],t[2])}return n.apply(e,t)}(n,this,l)}}(n,e,ze),n+"")}var rl=tl((function(n,e){if(null==n)return[];var t=e.length;return t>1&&De(n,e[0],e[1])?e=[]:t>2&&De(e[0],e[1],e[2])&&(e=[e[0]]),Ya(n,Ka(e,1),[])}));function ol(n){return fn(n).toLowerCase()}function il(n){if(!_i(n))return!1;return Pi(n)>=0}function al(n,e){return _r(n)&&il(e)?0===(e=Pi(e))?"":n.substring(0,e):""}function ll(n,e){if(!_r(n))return"";if(!il(e))return"";if(0===(e=Pi(e)))return"";let t=n.length-e;return t<0&&(t=0),n.substr(t,e)}function sl(n,e){return _r(n)&&il(e)?0===(e=Pi(e))?n:ll(n,n.length-e):""}function cl(n){if(!_r(n)&&!Si(n)&&!v(n))return"";let e="";try{e=String(n)}catch(n){}try{e=n.toString()}catch(n){}return e}function ul(n,e){return!!Gr(n)&&(!(!_r(e)&&!Si(e))&&e in n)}function dl(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return _r(n)&&il(e)?(t=ji(t)?Pi(t):1,n.substring(e,e+t)):""}let fl={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 pl(n){return ml(n,1)}function hl(n){return ml(n,360)}function ml(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(n.indexOf("%")>=0){if(!Si(n=Xi(n,"%","")))throw new Error("invalid color: value is not a number");n=Ai(n)/100}else{if(!Si(n))throw new Error("invalid color: value is not a number");n=Ai(n)/e}if(n>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function gl(n){if(!Si(n))throw new Error("invalid color: value is not a number");if((n=Ai(n))>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function vl(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba";if(!ha(n))throw new Error("invalid colors array");let t=vn(n,0,0),r=vn(n,1,0),o=vn(n,2,0),i=vn(n,3,1);if(e=e.split(""),4!==Nr(e))throw new Error("tar.length !== 4");return{[vn(e,0)]:t,[vn(e,1)]:r,[vn(e,2)]:o,[vn(e,3)]:i}}function bl(n){let e=Nr(n=sl(n,1));if(2===e)n=`${n}${n}${n}ff`;else if(3===e){let e=dl(n,0,1),t=dl(n,1,1),r=dl(n,2,1);n=`${e}${e}${t}${t}${r}${r}ff`}else if(6===e)n=`${n}ff`;else if(8!==e)throw new Error("invalid hex color");function t(n){if(2!==Nr(n))throw new Error("hex.length of color is not equal to 2");if(!Si(n=parseInt(n,16)))throw new Error("invalid hex of color");return(n=Ai(n))/255}return{r:t(dl(n,0,2)),g:t(dl(n,2,2)),b:t(dl(n,4,2)),a:t(dl(n,6,2))}}function yl(n){return n=vl(n=Sr(n,((n,e)=>e<=2?ml(n,255):3===e?gl(n):null)),"rgba")}function wl(n){return n=Bl(n=vl(n=Sr(n,((n,e)=>0===e?hl(n):1===e||2===e?pl(n):3===e?gl(n):null)),"hsla"))}function kl(n){return n=Wl(n=vl(n=Sr(n,((n,e)=>0===e?hl(n):1===e||2===e?pl(n):3===e?gl(n):null)),"hsva"))}function xl(n){if("transparent"===n)return{r:0,g:0,b:0,a:0};if(function(n){return ul(fl,n)}(n))return bl(n=`#${fl[n]}`);if(function(n){return"#"===al(n,1)&&(!!/[0-9A-Fa-f]{2}/g.test(n)||(!!/[0-9A-Fa-f]{3}/g.test(n)||(!!/[0-9A-Fa-f]{6}/g.test(n)||!!/[0-9A-Fa-f]{8}/g.test(n))))}(n))return bl(n);if(function(n){return"rgb"===al(n,3)||"rgba"===al(n,4)}(n))return function(n){return n=Xi(n,"rgba",""),n=Xi(n,"rgb",""),yl(Ua(n=Xi(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsl"===al(n,3)||"hsla"===al(n,4)}(n))return function(n){return n=Xi(n,"hsla",""),n=Xi(n,"hsl",""),wl(Ua(n=Xi(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsv"===al(n,3)||"hsva"===al(n,4)}(n))return function(n){return n=Xi(n,"hsva",""),n=Xi(n,"hsv",""),kl(Ua(n=Xi(n=n.replace(/[()]/g,""),","," ")," "))}(n);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function Cl(n,e){return!!ul(n,e=ol(e))||!!ul(n,e=Ha(e))}function Sl(n,e,t){let r;return r=vn(n,e,null),null!==r?r:(r=vn(n,e=Ha(e),null),null!==r?r:t)}function Al(n){if(function(n){let e=Cl(n,"r"),t=Cl(n,"g"),r=Cl(n,"b");return e&&t&&r}(n))return function(n){let e=[Sl(n,"r",null),Sl(n,"g",null),Sl(n,"b",null),Sl(n,"a",1)];return e=Sr(e,cl),yl(e)}(n);if(function(n){let e=Cl(n,"h"),t=Cl(n,"s"),r=Cl(n,"l");return e&&t&&r}(n))return function(n){let e=[Sl(n,"h",null),Sl(n,"s",null),Sl(n,"l",null),Sl(n,"a",1)];return e=Sr(e,cl),wl(e)}(n);if(function(n){let e=Cl(n,"h"),t=Cl(n,"s"),r=Cl(n,"v");return e&&t&&r}(n))return function(n){let e=[Sl(n,"h",null),Sl(n,"s",null),Sl(n,"v",null),Sl(n,"a",1)];return e=Sr(e,cl),kl(e)}(n);throw new Error("color object is not one of rgba, hsla, hsva")}function _l(n){let e,t,r=n.r,o=n.g,i=n.b,a=Math.max(r,o,i),l=Math.min(r,o,i),s=(a+l)/2;if(a===l)e=t=0;else{let n=a-l;switch(t=s>.5?n/(2-a-l):n/(a+l),a){case r:e=(o-i)/n+(o<i?6:0);break;case o:e=(i-r)/n+2;break;case i:e=(r-o)/n+4}e/=6}return{h:e,s:t,l:s,a:n.a}}function Tl(n){let e,t,r=n.r,o=n.g,i=n.b,a=Math.max(r,o,i),l=Math.min(r,o,i),s=a,c=a-l;if(t=0===a?0:c/a,a===l)e=0;else{switch(a){case r:e=(o-i)/c+(o<i?6:0);break;case o:e=(i-r)/c+2;break;case i:e=(r-o)/c+4}e/=6}return{h:e,s:t,v:s,a:n.a}}function Bl(n){let e,t,r,o=n.h,i=n.s,a=n.l;function l(n,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?n+6*(e-n)*t:t<.5?e:t<2/3?n+(e-n)*(2/3-t)*6:n}if(0===i)e=t=r=a;else{let n=a<.5?a*(1+i):a+i-a*i,s=2*a-n;e=l(s,n,o+1/3),t=l(s,n,o),r=l(s,n,o-1/3)}return{r:e,g:t,b:r,a:n.a}}function Wl(n){let e,t,r,o=n.h,i=n.s,a=n.v,l=Math.floor(6*o),s=6*o-l,c=a*(1-i),u=a*(1-s*i),d=a*(1-(1-s)*i);switch(l%6){case 0:e=a,t=d,r=c;break;case 1:e=u,t=a,r=c;break;case 2:e=c,t=a,r=d;break;case 3:e=c,t=u,r=a;break;case 4:e=d,t=c,r=a;break;case 5:e=a,t=c,r=u}return{r:e,g:t,b:r,a:n.a}}function Il(n){let e=Math.round(255*n).toString(16);if(1===Nr(e))return`0${e}`;if(2===Nr(e))return e;throw new Error("invalid value")}function Pl(n){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=n.r,r=n.g,o=n.b,i=n.a,a=`${Il(t)}${Il(r)}${Il(o)}`;return e&&(a=`${a}${Il(i)}`),a}function jl(n){return Math.min(1,Math.max(0,n))}function Ol(n,e){if(!_r(e))throw new Error("fmtOutput is not a string");if(!ps[e])throw console.log(`fmtOutput must be [${Oe(ps)}]`),new Error("invalid fmtOutput");return n=ps[e](n)}function El(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=_l(n);return r.h+=e,r.h=r.h%1,Ol(Bl(r),t)}function Ll(n,e,t,r){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"toRgbString";if(e<0||e>1)throw new Error("w1 < 0 or > 1");if(r<0||r>1)throw new Error("w1 < 0 or > 1");return Ol({r:n.r*e+t.r*r,g:n.g*e+t.g*r,b:n.b*e+t.b*r,a:n.a*e+t.a*r},o)}function zl(n){return`${Ii(100*n,1)}%`}function Fl(n){return Ii(n,0)}function Rl(n){return Ii(n,3)}function Hl(n){return{r:Fl(255*n.r),g:Fl(255*n.g),b:Fl(255*n.b)}}function $l(n){return`rgb(${Fl(255*n.r)}, ${Fl(255*n.g)}, ${Fl(255*n.b)})`}function Ml(n){return{r:Fl(255*n.r),g:Fl(255*n.g),b:Fl(255*n.b),a:Rl(n.a)}}function Dl(n){return`rgba(${Fl(255*n.r)}, ${Fl(255*n.g)}, ${Fl(255*n.b)}, ${Rl(n.a)})`}function Ul(n){let e=_l(n);return{h:Fl(360*e.h),s:Rl(e.s),l:Rl(e.l)}}function Nl(n){let e=_l(n);return`hsl(${Fl(360*e.h)}, ${Rl(e.s)}, ${Rl(e.l)})`}function Vl(n){let e=_l(n);return{h:Fl(360*e.h),s:Rl(e.s),l:Rl(e.l),a:Rl(e.a)}}function Zl(n){let e=_l(n);return`hsla(${Fl(360*e.h)}, ${Rl(e.s)}, ${Rl(e.l)}, ${Rl(e.a)})`}function Kl(n){let e=Tl(n);return{h:Fl(360*e.h),s:Rl(e.s),v:Rl(e.v)}}function Gl(n){let e=Tl(n);return`hsv(${Fl(360*e.h)}, ${Rl(e.s)}, ${Rl(e.v)})`}function Yl(n){let e=Tl(n);return{h:Fl(360*e.h),s:Rl(e.s),v:Rl(e.v),a:Rl(e.a)}}function ql(n){let e=Tl(n);return`hsva(${Fl(360*e.h)}, ${Rl(e.s)}, ${Rl(e.v)}, ${Rl(e.a)})`}function Xl(n){return{r:zl(n.r),g:zl(n.g),b:zl(n.b)}}function Ql(n){return`rgb(${zl(n.r)}, ${zl(n.g)}, ${zl(n.b)})`}function Jl(n){return{r:zl(n.r),g:zl(n.g),b:zl(n.b),a:Rl(n.a)}}function ns(n){return`rgba(${zl(n.r)}, ${zl(n.g)}, ${zl(n.b)}, ${Rl(n.a)})`}function es(n){let e=_l(n);return{h:Fl(360*e.h),s:zl(e.s),l:zl(e.l)}}function ts(n){let e=_l(n);return`hsl(${Fl(360*e.h)}, ${zl(e.s)}, ${zl(e.l)})`}function rs(n){let e=_l(n);return{h:Fl(360*e.h),s:zl(e.s),l:zl(e.l),a:Rl(e.a)}}function os(n){let e=_l(n);return`hsla(${Fl(360*e.h)}, ${zl(e.s)}, ${zl(e.l)}, ${Rl(e.a)})`}function is(n){let e=Tl(n);return{h:Fl(360*e.h),s:zl(e.s),v:zl(e.v)}}function as(n){let e=Tl(n);return`hsv(${Fl(360*e.h)}, ${zl(e.s)}, ${zl(e.v)})`}function ls(n){let e=Tl(n);return{h:Fl(360*e.h),s:zl(e.s),v:zl(e.v),a:Rl(e.a)}}function ss(n){let e=Tl(n);return`hsva(${Fl(360*e.h)}, ${zl(e.s)}, ${zl(e.v)}, ${Rl(e.a)})`}function cs(n){let e=function(n){return Pl(n,!1)}(n);return`#${e}`}function us(n){return`#${Pl(n)}`}function ds(n){let e=null,t=null,r=null;if(_r(n))e=ol(Fa(n));else{if(!Qi(n))throw console.log("color=",n),new Error("color is not a string or an object");t=n}if(null!==e)try{r=xl(e)}catch(n){throw console.log(n),new Error(`can not parse color: ${e}`)}else if(null!==t)try{r=Al(t)}catch(n){throw console.log(n),new Error(`can not parse color: ${JSON.stringify(t)}`)}return r}function fs(n){if(!Qi(n))return console.log("gradient is not an effective object"),n=>`rgb(${255*(n=Math.min(Math.max(n,0),1))},${255*n},${255*n})`;let e=[];return Fe(n,((n,t)=>{e.push([Ai(t),Ml(ds(n)),n])})),e=rl(e,0),function(n){let t=null;for(let r=1;r<e.length;r++){let o=e[r-1][0],i=e[r-1][1],a=e[r][0],l=e[r][1];if(o<=n&&a>=n){let e=(a-n)/(a-o),r=(n-o)/(a-o);t=Ll(ds(i),e,ds(l),r,"toRgbaString");break}}return t}}let ps={toRgb:Hl,toRgbString:$l,toRgba:Ml,toRgbaString:Dl,toHsl:Ul,toHslString:Nl,toHsla:Vl,toHslaString:Zl,toHsv:Kl,toHsvString:Gl,toHsva:Yl,toHsvaString:ql,toRgbP:Xl,toRgbPString:Ql,toRgbaP:Jl,toRgbaPString:ns,toHslP:es,toHslPString:ts,toHslaP:rs,toHslaPString:os,toHsvP:is,toHsvPString:as,toHsvaP:ls,toHsvaPString:ss,toHexString:cs,toHex8String:us};var hs=function(){let n={toRgb:n=>Hl(ds(n)),toRgbString:n=>$l(ds(n)),toRgba:n=>Ml(ds(n)),toRgbaString:n=>Dl(ds(n)),toHsl:n=>Ul(ds(n)),toHslString:n=>Nl(ds(n)),toHsla:n=>Vl(ds(n)),toHslaString:n=>Zl(ds(n)),toHsv:n=>Kl(ds(n)),toHsvString:n=>Gl(ds(n)),toHsva:n=>Yl(ds(n)),toHsvaString:n=>ql(ds(n)),toRgbP:n=>Xl(ds(n)),toRgbPString:n=>Ql(ds(n)),toRgbaP:n=>Jl(ds(n)),toRgbaPString:n=>ns(ds(n)),toHslP:n=>es(ds(n)),toHslPString:n=>ts(ds(n)),toHslaP:n=>rs(ds(n)),toHslaPString:n=>os(ds(n)),toHsvP:n=>is(ds(n)),toHsvPString:n=>as(ds(n)),toHsvaP:n=>ls(ds(n)),toHsvaPString:n=>ss(ds(n)),toHexString:n=>cs(ds(n)),toHex8String:n=>us(ds(n)),modSaturate:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=_l(n);return r.s+=e,r.s=jl(r.s),Ol(Bl(r),t)}(ds(n),e,t),modGrey:(n,e)=>function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString",t=_l(n);return t.s=0,Ol(Bl(t),e)}(ds(n),e),modLighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=_l(n);return r.l+=e,r.l=jl(r.l),Ol(Bl(r),t)}(ds(n),e,t),modBrighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");return n.r+=e,n.r=jl(n.r),n.g+=e,n.g=jl(n.g),n.b+=e,n.b=jl(n.b),Ol(n,t)}(ds(n),e,t),modHue:(n,e,t)=>El(ds(n),e,t),modComplement:(n,e)=>function(n){return El(n,.5,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString")}(ds(n),e),spreadHue:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!_i(e))throw new Error("num is not an integer");if((e=Pi(e))<=1)return[n];let r=_l(n),o=1/e,i=[];for(let n=0;n<e;n++)i.push(Ol(Bl(r),t)),r.h+=o,r.h=r.h%1;return i}(ds(n),e,t),spreadMonochromatic:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!_i(e))throw new Error("num is not an integer");if((e=Pi(e))<=1)return[n];let r=Tl(n);r.s=1,r.l=1;let o=1/e,i=[];for(let n=0;n<e;n++)i.push(Ol(Wl(r),t)),r.h-=o,r.l-=o;return i}(ds(n),e,t),mix:(n,e,t,r,o)=>Ll(ds(n),e,ds(t),r,o),getBrightness:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");return(299*n.r+587*n.g+114*n.b)/1e3}(ds(n)),getLuminance:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");let e,t,r,o=n.r,i=n.g,a=n.b;return e=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4),t=i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4),r=a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4),.2126*e+.7152*t+.0722*r}(ds(n)),interp:fs};return n}();const ms={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 qi(this.color)}},methods:{}};var gs=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+n.size+"px; width:"+n.size+"px;"},["cir-wave"===n.name?[t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:n.size,height:n.size}},[t("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline",begin:"-0.5s"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline",begin:"-0.5s"}})]),n._v(" "),t("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline"}})])])]:"cir-rotate"===n.name?[t("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:"+n.size+"px; width:"+n.size+"px;"},[t("svg",{staticClass:"pgc-rotate",staticStyle:{transform:"rotate(0deg)"},attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"}},[t("circle",{staticClass:"pgc-dash",attrs:{fill:"transparent",cx:"43.80952380952381",cy:"43.80952380952381",r:"20","stroke-width":"4","stroke-dasharray":"100","stroke-dashoffset":"50px",stroke:n.effColor}})])])]:n._e()],2)};gs._withStripped=!0;const vs=ya({render:gs,staticRenderFns:[]},(function(n){n&&n("data-v-466c4a5e_0",{source:"\n.pgc-rotate[data-v-466c4a5e] {\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-466c4a5e 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-466c4a5e] {\r\n    animation: progress-circular-dash-data-v-466c4a5e 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-466c4a5e {\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-466c4a5e {\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-466c4a5e {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-466c4a5e {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-105-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 color2hex from \'../js/vuetifyColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [name=\'cir-wave\'] 輸入動畫名稱字串，預設\'cir-wave\'\r\n * @vue-prop {Number} [size=48] 輸入圖標欲顯示的尺寸浮點數，預設48\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return color2hex(vo.color)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n\r\n.pgc-rotate {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate 1.4s linear infinite;\r\n    transform-origin: center center;\r\n}\r\n\r\n.pgc-dash {\r\n    animation: progress-circular-dash 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\r\n}\r\n\r\n@-webkit-keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@-webkit-keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n</style>\r\n']},media:void 0})}),ms,"data-v-466c4a5e",false,undefined,!1,ka,void 0,void 0);function bs(n,e,t,r){for(var o=t-1,i=n.length;++o<i;)if(r(n[o],e))return o;return-1}var ys=Array.prototype.splice;var ws=tl((function(n,e){return n&&n.length&&e&&e.length?function(n,e,t,r){var o=r?bs:za,i=-1,a=e.length,l=n;for(n===e&&(e=po(e)),t&&(l=ln(n,ve(t)));++i<a;)for(var s=0,c=e[i],u=t?t(c):c;(s=o(l,u,s,r))>-1;)l!==n&&ys.call(l,s,1),ys.call(n,s,1);return n}(n,e):n})),ks=ws;function xs(n,e,t){if(!fa(n))return void console.log("clientX is not a number",n);if(!fa(e))return void console.log("clientY is not a number",e);if(!aa(t))return void console.log("ele is not a HTMLElement",t);let r;try{r=t.getBoundingClientRect()}catch(n){return void console.log("invalid ele for getBoundingClientRect",n)}let o=!1;try{o=n>=r.left&&n<=r.right&&e>=r.top&&e<=r.bottom}catch(n){console.log("catch when calculating page information of element",n)}return o}function Cs(n){if(null==n)return window;if("[object Window]"!==n.toString()){var e=n.ownerDocument;return e&&e.defaultView||window}return n}function Ss(n){return n instanceof Cs(n).Element||n instanceof Element}function As(n){return n instanceof Cs(n).HTMLElement||n instanceof HTMLElement}function _s(n){return"undefined"!=typeof ShadowRoot&&(n instanceof Cs(n).ShadowRoot||n instanceof ShadowRoot)}var Ts=Math.max,Bs=Math.min,Ws=Math.round;function Is(){var n=navigator.userAgentData;return null!=n&&n.brands&&Array.isArray(n.brands)?n.brands.map((function(n){return n.brand+"/"+n.version})).join(" "):navigator.userAgent}function Ps(){return!/^((?!chrome|android).)*safari/i.test(Is())}function js(n,e,t){void 0===e&&(e=!1),void 0===t&&(t=!1);var r=n.getBoundingClientRect(),o=1,i=1;e&&As(n)&&(o=n.offsetWidth>0&&Ws(r.width)/n.offsetWidth||1,i=n.offsetHeight>0&&Ws(r.height)/n.offsetHeight||1);var a=(Ss(n)?Cs(n):window).visualViewport,l=!Ps()&&t,s=(r.left+(l&&a?a.offsetLeft:0))/o,c=(r.top+(l&&a?a.offsetTop:0))/i,u=r.width/o,d=r.height/i;return{width:u,height:d,top:c,right:s+u,bottom:c+d,left:s,x:s,y:c}}function Os(n){var e=Cs(n);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Es(n){return n?(n.nodeName||"").toLowerCase():null}function Ls(n){return((Ss(n)?n.ownerDocument:n.document)||window.document).documentElement}function zs(n){return js(Ls(n)).left+Os(n).scrollLeft}function Fs(n){return Cs(n).getComputedStyle(n)}function Rs(n){var e=Fs(n),t=e.overflow,r=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+o+r)}function Hs(n,e,t){void 0===t&&(t=!1);var r,o,i=As(e),a=As(e)&&function(n){var e=n.getBoundingClientRect(),t=Ws(e.width)/n.offsetWidth||1,r=Ws(e.height)/n.offsetHeight||1;return 1!==t||1!==r}(e),l=Ls(e),s=js(n,a,t),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(i||!i&&!t)&&(("body"!==Es(e)||Rs(l))&&(c=(r=e)!==Cs(r)&&As(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:Os(r)),As(e)?((u=js(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):l&&(u.x=zs(l))),{x:s.left+c.scrollLeft-u.x,y:s.top+c.scrollTop-u.y,width:s.width,height:s.height}}function $s(n){return"html"===Es(n)?n:n.assignedSlot||n.parentNode||(_s(n)?n.host:null)||Ls(n)}function Ms(n){return["html","body","#document"].indexOf(Es(n))>=0?n.ownerDocument.body:As(n)&&Rs(n)?n:Ms($s(n))}function Ds(n,e){var t;void 0===e&&(e=[]);var r=Ms(n),o=r===(null==(t=n.ownerDocument)?void 0:t.body),i=Cs(r),a=o?[i].concat(i.visualViewport||[],Rs(r)?r:[]):r,l=e.concat(a);return o?l:l.concat(Ds($s(a)))}function Us(n){return["table","td","th"].indexOf(Es(n))>=0}function Ns(n){return As(n)&&"fixed"!==Fs(n).position?n.offsetParent:null}function Vs(n){for(var e=Cs(n),t=Ns(n);t&&Us(t)&&"static"===Fs(t).position;)t=Ns(t);return t&&("html"===Es(t)||"body"===Es(t)&&"static"===Fs(t).position)?e:t||function(n){var e=/firefox/i.test(Is());if(/Trident/i.test(Is())&&As(n)&&"fixed"===Fs(n).position)return null;var t=$s(n);for(_s(t)&&(t=t.host);As(t)&&["html","body"].indexOf(Es(t))<0;){var r=Fs(t);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||e&&"filter"===r.willChange||e&&r.filter&&"none"!==r.filter)return t;t=t.parentNode}return null}(n)||e}var Zs="top",Ks="bottom",Gs="right",Ys="left",qs="auto",Xs=[Zs,Ks,Gs,Ys],Qs="start",Js="end",nc="clippingParents",ec="viewport",tc="popper",rc="reference",oc=Xs.reduce((function(n,e){return n.concat([e+"-"+Qs,e+"-"+Js])}),[]),ic=[].concat(Xs,[qs]).reduce((function(n,e){return n.concat([e,e+"-"+Qs,e+"-"+Js])}),[]),ac=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function lc(n){var e=new Map,t=new Set,r=[];function o(n){t.add(n.name),[].concat(n.requires||[],n.requiresIfExists||[]).forEach((function(n){if(!t.has(n)){var r=e.get(n);r&&o(r)}})),r.push(n)}return n.forEach((function(n){e.set(n.name,n)})),n.forEach((function(n){t.has(n.name)||o(n)})),r}function sc(n){return Object.assign({},n,{left:n.x,top:n.y,right:n.x+n.width,bottom:n.y+n.height})}function cc(n,e,t){return e===ec?sc(function(n,e){var t=Cs(n),r=Ls(n),o=t.visualViewport,i=r.clientWidth,a=r.clientHeight,l=0,s=0;if(o){i=o.width,a=o.height;var c=Ps();(c||!c&&"fixed"===e)&&(l=o.offsetLeft,s=o.offsetTop)}return{width:i,height:a,x:l+zs(n),y:s}}(n,t)):Ss(e)?function(n,e){var t=js(n,!1,"fixed"===e);return t.top=t.top+n.clientTop,t.left=t.left+n.clientLeft,t.bottom=t.top+n.clientHeight,t.right=t.left+n.clientWidth,t.width=n.clientWidth,t.height=n.clientHeight,t.x=t.left,t.y=t.top,t}(e,t):sc(function(n){var e,t=Ls(n),r=Os(n),o=null==(e=n.ownerDocument)?void 0:e.body,i=Ts(t.scrollWidth,t.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=Ts(t.scrollHeight,t.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),l=-r.scrollLeft+zs(n),s=-r.scrollTop;return"rtl"===Fs(o||t).direction&&(l+=Ts(t.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:l,y:s}}(Ls(n)))}function uc(n){var e=Ds($s(n)),t=["absolute","fixed"].indexOf(Fs(n).position)>=0&&As(n)?Vs(n):n;return Ss(t)?e.filter((function(n){return Ss(n)&&function(n,e){var t=e.getRootNode&&e.getRootNode();if(n.contains(e))return!0;if(t&&_s(t)){var r=e;do{if(r&&n.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}(n,t)&&"body"!==Es(n)})):[]}function dc(n){return n.split("-")[0]}function fc(n){return n.split("-")[1]}function pc(n){var e,t=n.reference,r=n.element,o=n.placement,i=o?dc(o):null,a=o?fc(o):null,l=t.x+t.width/2-r.width/2,s=t.y+t.height/2-r.height/2;switch(i){case Zs:e={x:l,y:t.y-r.height};break;case Ks:e={x:l,y:t.y+t.height};break;case Gs:e={x:t.x+t.width,y:s};break;case Ys:e={x:t.x-r.width,y:s};break;default:e={x:t.x,y:t.y}}var c=i?function(n){return["top","bottom"].indexOf(n)>=0?"x":"y"}(i):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case Qs:e[c]=e[c]-(t[u]/2-r[u]/2);break;case Js:e[c]=e[c]+(t[u]/2-r[u]/2)}}return e}function hc(n,e){void 0===e&&(e={});var t=e,r=t.placement,o=void 0===r?n.placement:r,i=t.strategy,a=void 0===i?n.strategy:i,l=t.boundary,s=void 0===l?nc:l,c=t.rootBoundary,u=void 0===c?ec:c,d=t.elementContext,f=void 0===d?tc:d,p=t.altBoundary,h=void 0!==p&&p,m=t.padding,g=void 0===m?0:m,v=function(n){return Object.assign({},{top:0,right:0,bottom:0,left:0},n)}("number"!=typeof g?g:function(n,e){return e.reduce((function(e,t){return e[t]=n,e}),{})}(g,Xs)),b=f===tc?rc:tc,y=n.rects.popper,w=n.elements[h?b:f],k=function(n,e,t,r){var o="clippingParents"===e?uc(n):[].concat(e),i=[].concat(o,[t]),a=i[0],l=i.reduce((function(e,t){var o=cc(n,t,r);return e.top=Ts(o.top,e.top),e.right=Bs(o.right,e.right),e.bottom=Bs(o.bottom,e.bottom),e.left=Ts(o.left,e.left),e}),cc(n,a,r));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}(Ss(w)?w:w.contextElement||Ls(n.elements.popper),s,u,a),x=js(n.elements.reference),C=pc({reference:x,element:y,strategy:"absolute",placement:o}),S=sc(Object.assign({},y,C)),A=f===tc?S:x,_={top:k.top-A.top+v.top,bottom:A.bottom-k.bottom+v.bottom,left:k.left-A.left+v.left,right:A.right-k.right+v.right},T=n.modifiersData.offset;if(f===tc&&T){var B=T[o];Object.keys(_).forEach((function(n){var e=[Gs,Ks].indexOf(n)>=0?1:-1,t=[Zs,Ks].indexOf(n)>=0?"y":"x";_[n]+=B[t]*e}))}return _}var mc={placement:"bottom",modifiers:[],strategy:"absolute"};function gc(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];return!e.some((function(n){return!(n&&"function"==typeof n.getBoundingClientRect)}))}function vc(n){void 0===n&&(n={});var e=n,t=e.defaultModifiers,r=void 0===t?[]:t,o=e.defaultOptions,i=void 0===o?mc:o;return function(n,e,t){void 0===t&&(t=i);var o,a,l={placement:"bottom",orderedModifiers:[],options:Object.assign({},mc,i),modifiersData:{},elements:{reference:n,popper:e},attributes:{},styles:{}},s=[],c=!1,u={state:l,setOptions:function(t){var o="function"==typeof t?t(l.options):t;d(),l.options=Object.assign({},i,l.options,o),l.scrollParents={reference:Ss(n)?Ds(n):n.contextElement?Ds(n.contextElement):[],popper:Ds(e)};var a,c,f=function(n){var e=lc(n);return ac.reduce((function(n,t){return n.concat(e.filter((function(n){return n.phase===t})))}),[])}((a=[].concat(r,l.options.modifiers),c=a.reduce((function(n,e){var t=n[e.name];return n[e.name]=t?Object.assign({},t,e,{options:Object.assign({},t.options,e.options),data:Object.assign({},t.data,e.data)}):e,n}),{}),Object.keys(c).map((function(n){return c[n]}))));return l.orderedModifiers=f.filter((function(n){return n.enabled})),l.orderedModifiers.forEach((function(n){var e=n.name,t=n.options,r=void 0===t?{}:t,o=n.effect;if("function"==typeof o){var i=o({state:l,name:e,instance:u,options:r}),a=function(){};s.push(i||a)}})),u.update()},forceUpdate:function(){if(!c){var n=l.elements,e=n.reference,t=n.popper;if(gc(e,t)){var r,o,i,a;l.rects={reference:Hs(e,Vs(t),"fixed"===l.options.strategy),popper:(r=t,o=js(r),i=r.offsetWidth,a=r.offsetHeight,Math.abs(o.width-i)<=1&&(i=o.width),Math.abs(o.height-a)<=1&&(a=o.height),{x:r.offsetLeft,y:r.offsetTop,width:i,height:a})},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((function(n){return l.modifiersData[n.name]=Object.assign({},n.data)}));for(var s=0;s<l.orderedModifiers.length;s++)if(!0!==l.reset){var d=l.orderedModifiers[s],f=d.fn,p=d.options,h=void 0===p?{}:p,m=d.name;"function"==typeof f&&(l=f({state:l,options:h,name:m,instance:u})||l)}else l.reset=!1,s=-1}}},update:(o=function(){return new Promise((function(n){u.forceUpdate(),n(l)}))},function(){return a||(a=new Promise((function(n){Promise.resolve().then((function(){a=void 0,n(o())}))}))),a}),destroy:function(){d(),c=!0}};if(!gc(n,e))return u;function d(){s.forEach((function(n){return n()})),s=[]}return u.setOptions(t).then((function(n){!c&&t.onFirstUpdate&&t.onFirstUpdate(n)})),u}}var bc={passive:!0};var yc={top:"auto",right:"auto",bottom:"auto",left:"auto"};function wc(n){var e,t=n.popper,r=n.popperRect,o=n.placement,i=n.variation,a=n.offsets,l=n.position,s=n.gpuAcceleration,c=n.adaptive,u=n.roundOffsets,d=n.isFixed,f=a.x,p=void 0===f?0:f,h=a.y,m=void 0===h?0:h,g="function"==typeof u?u({x:p,y:m}):{x:p,y:m};p=g.x,m=g.y;var v=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),y=Ys,w=Zs,k=window;if(c){var x=Vs(t),C="clientHeight",S="clientWidth";if(x===Cs(t)&&"static"!==Fs(x=Ls(t)).position&&"absolute"===l&&(C="scrollHeight",S="scrollWidth"),o===Zs||(o===Ys||o===Gs)&&i===Js)w=Ks,m-=(d&&x===k&&k.visualViewport?k.visualViewport.height:x[C])-r.height,m*=s?1:-1;if(o===Ys||(o===Zs||o===Ks)&&i===Js)y=Gs,p-=(d&&x===k&&k.visualViewport?k.visualViewport.width:x[S])-r.width,p*=s?1:-1}var A,_=Object.assign({position:l},c&&yc),T=!0===u?function(n,e){var t=n.x,r=n.y,o=e.devicePixelRatio||1;return{x:Ws(t*o)/o||0,y:Ws(r*o)/o||0}}({x:p,y:m},Cs(t)):{x:p,y:m};return p=T.x,m=T.y,s?Object.assign({},_,((A={})[w]=b?"0":"",A[y]=v?"0":"",A.transform=(k.devicePixelRatio||1)<=1?"translate("+p+"px, "+m+"px)":"translate3d("+p+"px, "+m+"px, 0)",A)):Object.assign({},_,((e={})[w]=b?m+"px":"",e[y]=v?p+"px":"",e.transform="",e))}var kc={name:"applyStyles",enabled:!0,phase:"write",fn:function(n){var e=n.state;Object.keys(e.elements).forEach((function(n){var t=e.styles[n]||{},r=e.attributes[n]||{},o=e.elements[n];As(o)&&Es(o)&&(Object.assign(o.style,t),Object.keys(r).forEach((function(n){var e=r[n];!1===e?o.removeAttribute(n):o.setAttribute(n,!0===e?"":e)})))}))},effect:function(n){var e=n.state,t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.styles=t,e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),function(){Object.keys(e.elements).forEach((function(n){var r=e.elements[n],o=e.attributes[n]||{},i=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce((function(n,e){return n[e]="",n}),{});As(r)&&Es(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(n){r.removeAttribute(n)})))}))}},requires:["computeStyles"]},xc=vc({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(n){var e=n.state,t=n.instance,r=n.options,o=r.scroll,i=void 0===o||o,a=r.resize,l=void 0===a||a,s=Cs(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(n){n.addEventListener("scroll",t.update,bc)})),l&&s.addEventListener("resize",t.update,bc),function(){i&&c.forEach((function(n){n.removeEventListener("scroll",t.update,bc)})),l&&s.removeEventListener("resize",t.update,bc)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(n){var e=n.state,t=n.name;e.modifiersData[t]=pc({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(n){var e=n.state,t=n.options,r=t.gpuAcceleration,o=void 0===r||r,i=t.adaptive,a=void 0===i||i,l=t.roundOffsets,s=void 0===l||l,c={placement:dc(e.placement),variation:fc(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,wc(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:s})))),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:s})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},kc]}),Cc={left:"right",right:"left",bottom:"top",top:"bottom"};function Sc(n){return n.replace(/left|right|bottom|top/g,(function(n){return Cc[n]}))}var Ac={start:"end",end:"start"};function _c(n){return n.replace(/start|end/g,(function(n){return Ac[n]}))}function Tc(n,e){void 0===e&&(e={});var t=e,r=t.placement,o=t.boundary,i=t.rootBoundary,a=t.padding,l=t.flipVariations,s=t.allowedAutoPlacements,c=void 0===s?ic:s,u=fc(r),d=u?l?oc:oc.filter((function(n){return fc(n)===u})):Xs,f=d.filter((function(n){return c.indexOf(n)>=0}));0===f.length&&(f=d);var p=f.reduce((function(e,t){return e[t]=hc(n,{placement:t,boundary:o,rootBoundary:i,padding:a})[dc(t)],e}),{});return Object.keys(p).sort((function(n,e){return p[n]-p[e]}))}var Bc={name:"flip",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,r=n.name;if(!e.modifiersData[r]._skip){for(var o=t.mainAxis,i=void 0===o||o,a=t.altAxis,l=void 0===a||a,s=t.fallbackPlacements,c=t.padding,u=t.boundary,d=t.rootBoundary,f=t.altBoundary,p=t.flipVariations,h=void 0===p||p,m=t.allowedAutoPlacements,g=e.options.placement,v=dc(g),b=s||(v===g||!h?[Sc(g)]:function(n){if(dc(n)===qs)return[];var e=Sc(n);return[_c(n),e,_c(e)]}(g)),y=[g].concat(b).reduce((function(n,t){return n.concat(dc(t)===qs?Tc(e,{placement:t,boundary:u,rootBoundary:d,padding:c,flipVariations:h,allowedAutoPlacements:m}):t)}),[]),w=e.rects.reference,k=e.rects.popper,x=new Map,C=!0,S=y[0],A=0;A<y.length;A++){var _=y[A],T=dc(_),B=fc(_)===Qs,W=[Zs,Ks].indexOf(T)>=0,I=W?"width":"height",P=hc(e,{placement:_,boundary:u,rootBoundary:d,altBoundary:f,padding:c}),j=W?B?Gs:Ys:B?Ks:Zs;w[I]>k[I]&&(j=Sc(j));var O=Sc(j),E=[];if(i&&E.push(P[T]<=0),l&&E.push(P[j]<=0,P[O]<=0),E.every((function(n){return n}))){S=_,C=!1;break}x.set(_,E)}if(C)for(var L=function(n){var e=y.find((function(e){var t=x.get(e);if(t)return t.slice(0,n).every((function(n){return n}))}));if(e)return S=e,"break"},z=h?3:1;z>0;z--){if("break"===L(z))break}e.placement!==S&&(e.modifiersData[r]._skip=!0,e.placement=S,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Wc={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var e=n.state,t=n.options,r=n.name,o=t.offset,i=void 0===o?[0,0]:o,a=ic.reduce((function(n,t){return n[t]=function(n,e,t){var r=dc(n),o=[Ys,Zs].indexOf(r)>=0?-1:1,i="function"==typeof t?t(Object.assign({},e,{placement:n})):t,a=i[0],l=i[1];return a=a||0,l=(l||0)*o,[Ys,Gs].indexOf(r)>=0?{x:l,y:a}:{x:a,y:l}}(t,e.rects,i),n}),{}),l=a[e.placement],s=l.x,c=l.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a}};function Ic(n,e,t){return void 0===t&&(t={x:0,y:0}),{top:n.top-e.height-t.y,right:n.right-e.width+t.x,bottom:n.bottom-e.height+t.y,left:n.left-e.width-t.x}}function Pc(n){return[Zs,Gs,Ks,Ys].some((function(e){return n[e]>=0}))}var jc={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(n){var e=n.state,t=n.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=hc(e,{elementContext:"reference"}),l=hc(e,{altBoundary:!0}),s=Ic(a,r),c=Ic(l,o,i),u=Pc(s),d=Pc(c);e.modifiersData[t]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}};let Oc={tooltip:[],popup:[]};const Ec={directives:{domresize:Ui()},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:Di(),valueTrans:!1,triggerWidth:null,cursorTriggerInner:!1,clickContentInner:!1,windowMousedown:null,windowMouseup:null,windowScroll:null,popperInstance:null,popperShow:!1,contentStyle:"",mouseClientX:0,mouseClientY:0}},mounted:function(){let n=this;n.windowMousemove=e=>{n.mouseClientX=e.clientX,n.mouseClientY=e.clientY},window.addEventListener("mousemove",n.windowMousemove,!1),n.windowMousedown=e=>{let t=vn(n,"$refs.divTrigger",null);n.cursorTriggerInner=!!t&&xs(e.clientX,e.clientY,t);let r=vn(n,"$refs.divContent",null);n.valueTrans&&r?n.clickContentInner=xs(e.clientX,e.clientY,r):n.clickContentInner=!1},window.addEventListener("mousedown",n.windowMousedown,!1),n.windowMouseup=e=>{n.checkTriggerEff(n.mmkey)&&(!n.valueTrans||n.cursorTriggerInner||n.clickContentInner?(n.cursorTriggerInner=!1,n.clickContentInner=!1):n.evHide("click","windowMouseup"))},window.addEventListener("mouseup",n.windowMouseup,!1),n.windowScroll=e=>{if("hover"!==n.kind)return;let t=vn(n,"$refs.divTrigger",null);t&&(n.cursorTriggerInner=!!t&&xs(n.mouseClientX,n.mouseClientY,t),n.cursorTriggerInner?n.valueTrans||n.evShow("hover","windowScroll"):n.valueTrans&&n.evHide("hover","windowScroll"))},window.addEventListener("scroll",n.windowScroll,!1)},beforeDestroy:function(){let n=this;window.removeEventListener("mousemove",n.windowMousemove,!1),window.removeEventListener("mousedown",n.windowMousedown,!1),window.removeEventListener("mouseup",n.windowMouseup,!1),window.removeEventListener("scroll",n.windowMouseup,!1),n.triggerEvent(!1),clearInterval(n.trt)},computed:{changeValue:function(){let n=this,e=n.value;return n.isolated||n.updateValue(e,"changeValue"),""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let n=this;return fa(n.minWidth)?`min-width:${n.minWidth}px;`:n.autoFitMinWidth?`min-width:${n.triggerWidth}px;`:""},useMaxWidth:function(){let n=this;return fa(n.maxWidth)?`max-width:${n.maxWidth}px;`:n.autoFitMaxWidth?`max-width:${n.triggerWidth}px;`:""},useBorderRadius:function(){let n=this;return fa(n.borderRadius)?`border-radius:${n.borderRadius}px;`:""},useTextFontSize:function(){let n=this.textFontSize;return n=Xi(n,";",""),`font-size:${n};`},useTextColor:function(){return qi(this.textColor)},useBackgroundColor:function(){return qi(this.backgroundColor)},usePadding:function(){return`padding:${pa(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let n=Xi(this.shadowStyle,";","");return""!==n?`box-shadow:${n};`:""},kind:function(){return"popup"===this.mode?"click":"hover"}},methods:{addTrigger:function(n){return function(n,e){Oc[n].push(e)}(this.mode,n)},checkTriggerEff:function(n){return function(n,e){return t=Oc[n],((r=null==t?0:t.length)?t[r-1]:void 0)===e;var t,r}(this.mode,n)},removeTrigger:function(n){return function(n,e){ks(Oc[n],e)}(this.mode,n)},showPopper:function(n){let e=this,t=vn(e,"$refs.divTrigger",null);if(null===t)return;e.$nextTick((()=>{e.triggerWidth=t.offsetWidth}));let r=vn(e,"$refs.divContent",null);if(null===r)return;e.addTrigger(e.mmkey);let o={strategy:"fixed",placement:e.placement,modifiers:[Bc,{name:"flip",options:{fallbackPlacements:["bottom-start","bottom-end","top","top-start","top-end"]}},Wc,{name:"offset",options:{offset:({placement:n,reference:t,popper:r})=>[0,e.placementDist]}},jc]};e.popperInstance=xc(t,r,o)},hidePopper:function(n){let e=this;e.popperInstance&&(e.popperInstance.destroy(),e.popperInstance=null),setTimeout((()=>{e.removeTrigger(e.mmkey)}),20)},updatePopper:function(n){let e=this;e.popperInstance&&e.popperInstance.update(),e.$emit("resize",n)},displayPopper:function(){let n=this;n.$nextTick((()=>{let e=n.editable&&n.valueTrans;if(e&&!n.popperShow){let e=-15;n.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,n.showPopper("displayPopper"),n.popperShow=!0,n.$emit("show"),setTimeout((()=>{n.contentStyle=`transition:all ${n.transitionTime}ms ease-out; opacity:1; pointer-events:none;`}),1),setTimeout((()=>{n.contentStyle=""}),n.transitionTime)}else!e&&n.popperShow&&(n.hidePopper("displayPopper"),n.popperShow=!1,n.$emit("hide"))}))},updateValue:function(n,e){let t=this;t.editable&&(t.valueTrans=n,t.displayPopper())},triggerEvent:function(n){let e=this;e.editable&&(e.isolated&&e.updateValue(n,"triggerEvent"),e.$nextTick((()=>{e.$emit("input",n)})))},evShow:function(n,e){let t=this;t.editable&&(t.valueTrans||t.kind===n&&t.triggerEvent(!0))},evHide:function(n,e){let t=this;t.editable&&t.valueTrans&&t.kind===n&&t.triggerEvent(!1)}}};var Lc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""+n.useDisplayType,attrs:{changeValue:n.changeValue}},[t("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return n.evShow("click","click")},mouseenter:function(e){return n.evShow("hover","mouseenter")},mouseleave:function(e){return n.evHide("hover","mouseleave")}}},[n._t("trigger")],2),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopup-Content",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[n.valueTrans?t("div",{style:n.contentStyle+" "+n.usePadding+" "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+"; "+n.useMinWidth+" "+n.useMaxWidth+" "+n.useBorderRadius+" "+n.useShadow},[n._t("content",null,{funHide:function(){n.updateValue(!1,"slot")}})],2):n._e()])])};Lc._withStripped=!0;const zc=ya({render:Lc,staticRenderFns:[]},(function(n){n&&n("data-v-3a8062cb_0",{source:"\n.WPopup-Content[data-popper-reference-hidden][data-v-3a8062cb] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-105-3-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AA+yBA;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 color2hex from '../js/vuetifyColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport { createPopper } from '@popperjs/core/lib/popper-lite.js' //不用安裝@popperjs/core, 因wsemi安裝tippy.js內有依賴@popperjs/core\r\nimport flip from '@popperjs/core/lib/modifiers/flip.js'\r\nimport offset from '@popperjs/core/lib/modifiers/offset.js'\r\nimport hide from '@popperjs/core/lib/modifiers/hide.js'\r\n//import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'\r\n//import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction addTriggerMode(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction checkTriggerEffMode(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction removeTriggerMode(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='tooltip'] 輸入組件模式字串，可選'tooltip'與'popup'，預設'tooltip'\r\n * @vue-prop {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        //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 color2hex(vo.textColor)\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            //console.log('computed useBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.backgroundColor)\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle)\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        useShadow: function() {\r\n            //console.log('computed useShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.shadow) {\r\n                return ''\r\n            }\r\n\r\n            //shadowStyle\r\n            let s = replace(vo.shadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        kind: function() {\r\n            let vo = this\r\n            if (vo.mode === 'popup') {\r\n                return 'click'\r\n            }\r\n            return 'hover'\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        addTrigger: function(mmkey) {\r\n            let vo = this\r\n            return addTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        checkTriggerEff: function(mmkey) {\r\n            let vo = this\r\n            return checkTriggerEffMode(vo.mode, mmkey)\r\n        },\r\n\r\n        removeTrigger: function(mmkey) {\r\n            let vo = this\r\n            return removeTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        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', 'top-start', 'top-end'],\r\n                        },\r\n                    },\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            //offset: [0, 5], //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            offset: ({ placement, reference, popper }) => {\r\n                                // console.log('offset', placement, reference, popper, vo.placementDist)\r\n                                // if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else {\r\n                                //     return []\r\n                                // }\r\n                                return [0, vo.placementDist] //[Skidding, Distance]\r\n                            },\r\n                        },\r\n                    },\r\n                    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})}),Ec,"data-v-3a8062cb",false,undefined,!1,ka,void 0,void 0);var Fc={components:{WIcon:_a,WIconLoading:vs,WTooltip:zc},props:{tooltip:{type:String,default:""},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"grey darken-1"},iconColorHover:{type:String,default:"grey darken-2"},iconColorFocus:{type:String,default:"grey darken-3"},borderWidth:{type:Number,default:0},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorFocus:{type:String,default:"rgb(230,230,230)"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},cursorPointer:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{loadingTrans:!1,hoverTrans:!1,focusTrans:!1}},mounted:function(){},computed:{changeLoading:function(){return this.loadingTrans=this.loading,""},effIconColor:function(){return qi(this.iconColor)},effIconColorHover:function(){return qi(this.iconColorHover)},effIconColorFocus:function(){return qi(this.iconColorFocus)},useIconColor:function(){let n,e=this;return e.loadingTrans?e.effIconColor:(n=e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.effIconColor),n)},effBorderColor:function(){return qi(this.borderColor)},effBorderColorHover:function(){return qi(this.borderColorHover)},effBorderColorFocus:function(){return qi(this.borderColorFocus)},useBorderColor:function(){let n,e=this;return e.loadingTrans?e.effBorderColor:(n=e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.focusTrans?e.effBorderColorFocus:e.effBorderColor),n)},effBackgroundColor:function(){return qi(this.backgroundColor)},effBackgroundColorHover:function(){return qi(this.backgroundColorHover)},effBackgroundColorFocus:function(){return qi(this.backgroundColorFocus)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans?e.effBackgroundColor:(n=e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.focusTrans?e.effBackgroundColorFocus:e.effBackgroundColor),n)},effRippleColor:function(){return qi(this.rippleColor)},effLoadingColor:function(){return qi(this.loadingColor)},effDisabledColor:function(){return qi(this.disabledColor)},usePadding:function(){let n=this;return`padding:${pa(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useShadow:function(){let n=this;return n.shadow&&_r(n.shadowStyle)?function(n,e,t){let r=it(n=Xi(n,"}","{"),"{");return r=Sr(r,(n=>{if(n.indexOf(e)>=0){let e=Ua(n,"=")[1];return e=Si(e)?Ai(e):.2,function(n,e){let t=qi(n),r=hs.toRgba(t);return r.a=e,hs.toRgbaString(r)}(t,e)}return n})),Ma(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},hasTooltop:function(){return _r(this.tooltip)}},methods:{ripple:function(n){let e=this;e.editable&&(e.loadingTrans||e.$nextTick((()=>{sa(n.currentTarget,n,{color:e.effRippleColor,timeDuration:500})})))},clickBtn:function(n){let e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let n=Na();e.$nextTick((()=>{e.$emit("click",{pm:n})})),n.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}else e.$nextTick((()=>{e.$emit("click")}))}}};const Rc=Fc;var Hc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeLoading:n.changeLoading}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"position:relative; transition:all 0.3s; "+n.usePadding+" border-radius:50%; border:"+n.borderWidth+"px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" box-shadow:"+n.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},focus:function(e){n.focusTrans=!0},blur:function(e){n.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){n.ripple(e),n.clickBtn(e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n.loadingTrans?n._e():t("WIcon",{attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}),n._v(" "),n.loadingTrans?t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}}):n._e()],1),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"border-radius:50%; overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n            "+n._s(n.tooltip)+"\n        ")]},proxy:!0}])})],1)};Hc._withStripped=!0;const $c={components:{WButtonCircle:ya({render:Hc,staticRenderFns:[]},(function(n){n&&n("data-v-32d6e371_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",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})}),Rc,"data-v-32d6e371",false,undefined,!1,ka,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 n=`${this.casename}`;return`${this.kbname}_${Da(n)}`}},methods:{ckExample:function(){let n="https://yuda-lyu.github.io/w-plot-vue/examples/"+this.fn+".html";window.open(n,"_blank")},ckCode:function(){let n="https://github.com/yuda-lyu/w-plot-vue/blob/master/docs/examples/"+this.fn+".html";window.open(n,"_blank")}}};var Mc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"item"},[t("div",{staticStyle:{display:"inline-block"}},[n._v("\n        "+n._s(n.casename)+"\n    ")]),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:n.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:n.ckExample}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:n.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:n.ckCode}})],1)};Mc._withStripped=!0;const Dc=ya({render:Mc,staticRenderFns:[]},(function(n){n&&n("data-v-ae1fe3c6_0",{source:"\n.item[data-v-ae1fe3c6] {\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-105-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})}),$c,"data-v-ae1fe3c6",false,undefined,!1,ka,void 0,void 0);function Uc(n,e){let t=Na();if(!ha(n)&&!Gr(n))return t.reject("rs is not an array or object"),t;let r=!1;if(Gr(n)){r=!0;let e=[];Fe(n,((n,t)=>{e.push({k:t,v:n})})),n=e}Fi(e)||(e=function(n){return n});let o=-1,i=[];return n.reduce((function(n,t){return n.then((function(n){i.push(n),o+=1;let a=o,l=t;return r&&(a=t.k,l=t.v),Fi(e)?e(l,a):l}))}),Promise.resolve()).then((function(n){var e,r,o,a;i.push(n),a=null==(e=i)?0:e.length,i=a?Re(e,(r=o||void 0===r?1:xi(r))<0?0:r,a):[],t.resolve(i)})).catch((function(n){t.reject(n)})),t}function Nc(n){let e,t=Object.prototype.toString.call(n);if(e="[object Promise]"===t,e)return!0;if("[object Function]"!==t)return!1;try{e="function"!=typeof n.subscribe&&"function"==typeof n.then}catch(n){}return e}async function Vc(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=null,r=Na();if(!Fi(n))return r.reject("waitfunction需輸入函數f"),r;let o=async()=>{let e=n();return Nc(e)&&(e=await e),e};if(t=await o(),!0===t)return r.resolve(),r;let i=vn(e,"attemptNum",null);ji(i)||(i=200);let a=vn(e,"timeInterval",null);ji(a)||(a=1e3);let l=0,s=setInterval((async()=>{l+=1,t=await o(),!0===t&&(clearInterval(s),r.resolve()),l>i&&(clearInterval(s),r.reject(`exceeded attemptNum[${i}]`))}),a);return r}function Zc(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;Si(n)||(n=10);let e=Na();return setTimeout((function(){e.resolve()}),n),e}let Kc={},Gc={};function Yc(n){let{tagName:e,path:t,attributes:r={},func:o}=n,i=Na();if("done"===Kc[t])return i.resolve("loaded"),i;if("loading"===Kc[t])return Vc((()=>"done"===Kc[t])).then((function(){i.resolve("loaded")})),i;Kc[t]="loading";let a=document.createElement(e);return Fe(r,((n,e)=>{a.setAttribute(e,n)})),r.rel&&"stylesheet"===r.rel?(a.setAttribute("href",t),setTimeout((()=>{i.resolve(a),Kc[t]="done"}),1)):(a.src=t,a.addEventListener("load",(()=>{let n;Fi(o)?n=Vc(o):(n=Na(),n.resolve()),n.then((()=>Zc(500))).then((function(){i.resolve(a),Kc[t]="done"}))})),a.addEventListener("error",(()=>{i.reject(a),Kc[t]="done"}))),document.getElementsByTagName("head")[0].appendChild(a),i}function qc(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}n&&!window.Vue&&(window.Vue=n);const Xc={components:{WIconLoading:vs},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/dist/w-highcharts.umd.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let e=this;(function(n){let e=Na();ha(n)||(n=[n]),Fe(n,((e,t)=>{Ar(e)&&(n[t]={path:e})}));let t=Ma(Sr(n,"path"),"|");return"done"===Gc[t]?(e.resolve("loaded"),e):"loading"===Gc[t]?(Vc((()=>"done"===Gc[t])).then((function(){e.resolve("loaded")})),e):(Gc[t]="loading",Fe(n,((n,e)=>{n.type||(".js"===ll(n.path,3)?n.type="js":".css"===ll(n.path,4)?n.type="css":n.type="unknow")})),Uc(n,(n=>{let e=Na();if("js"===n.type)e=Yc({tagName:"script",path:n.path,attributes:{type:"text/javascript"},func:n.func});else if("css"===n.type)e=Yc({tagName:"link",path:n.path,attributes:{rel:"stylesheet"}});else{let t="invalid pathItem.type: "+n.type;console.log(t),e.reject(t)}return e})).finally((()=>{Gc[t]="done"})))})(e.pathItems).then((t=>{if("loaded"!==t){let e=window.Highcharts,t=window["w-highcharts"];t.iniMarkers(e),e.setOptions(t.getDefOpt());let r=window.VueHighcharts;r.default&&(r=r.default),function(){let e=qc();return n||e.Vue}().use(r,{Highcharts:e})}e.cmpName="Highcharts"}))},computed:{},methods:{}};var Qc=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Qc._withStripped=!0;const Jc={components:{WHighchartsVueDyn:ya({render:Qc,staticRenderFns:[]},(function(n){n&&n("data-v-05714b50_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})}),Xc,"data-v-05714b50",false,undefined,!1,ka,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 n=this.width,e=vn(this,"options.chart.width","");return Si(e)&&(n=Ai(e)),n},heightInp:function(){let n=this.height,e=vn(this,"options.chart.height","");return Si(e)&&(n=Ai(e)),n}},methods:{}};var nu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.options?t("div",{style:"display:inline-block; width:"+n.widthInp+"px; min-width:"+n.widthInp+"px; height:"+n.heightInp+"px; overflow-y:hidden;"},[t("WHighchartsVueDyn",{attrs:{options:n.options}})],1):n._e()};nu._withStripped=!0;const eu=ya({render:nu,staticRenderFns:[]},(function(n){n&&n("data-v-b67ffb76_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:"WPlot.vue"},media:void 0})}),Jc,"data-v-b67ffb76",false,undefined,!1,ka,void 0,void 0);const tu={components:{demolink:Dc,WPlot:eu},props:{},data:function(){return{WPlot:{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 ru=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-plot",casename:"default"}}),n._v(" "),t("w-plot",{attrs:{options:n.WPlot.option1}})],1)])])};ru._withStripped=!0;const ou=ya({render:ru,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-plot")])])}]},(function(n){n&&n("data-v-3dc0c9b2_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:"AppZoneWPlot.vue"},media:void 0})}),tu,"data-v-3dc0c9b2",false,undefined,!1,ka,void 0,void 0);function iu(n,e,t){(void 0!==t&&!N(n[e],t)||void 0===t&&!(e in n))&&no(n,e,t)}function au(n,e){if(("constructor"!==e||"function"!=typeof n[e])&&"__proto__"!=e)return n[e]}function lu(n,t,r,o,i,a,l){var s=au(n,r),c=au(t,r),u=l.get(c);if(u)iu(n,r,u);else{var d,f=a?a(s,c,r+"",n,t,l):void 0,p=void 0===f;if(p){var h=e(c),g=!h&&ue(c),v=!h&&!g&&Ce(c);f=c,h||g||v?e(s)?f=s:m(d=s)&&je(d)?f=po(s):g?(p=!1,f=fo(c,!0)):v?(p=!1,f=Co(c,!0)):f=[]:ia(c)||ae(c)?(f=s,ae(s)?f=function(n){return ro(n,ao(n))}(s):k(s)&&!_(s)||(f=Ko(c))):p=!1}p&&(l.set(c,f),i(f,c,o,a,l),l.delete(c)),iu(n,r,f)}}function su(n,e,t,r,o){n!==e&&ne(e,(function(i,a){if(o||(o=new at),k(i))lu(n,e,a,t,su,r,o);else{var l=r?r(au(n,a),i,a+"",n,e,o):void 0;void 0===l&&(l=i),iu(n,a,l)}}),ao)}var cu,uu=(cu=function(n,e,t){su(n,e,t)},tl((function(n,e){var t=-1,r=e.length,o=r>1?e[r-1]:void 0,i=r>2?e[2]:void 0;for(o=cu.length>3&&"function"==typeof o?(r--,o):void 0,i&&De(e[0],e[1],i)&&(o=r<3?void 0:o,r=1),n=Object(n);++t<r;){var a=e[t];a&&cu(n,a,t,o)}return n}))),du=uu;function fu(){let n=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:vn(n,"useTooltip",!0)},legend:{useHTML:!0,enabled:vn(n,"useLegend",!0)}}}function pu(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=vn(n,"marginLeftShift",60),t=vn(n,"marginRightShift",0),r=vn(n,"marginTopShift",10),o=vn(n,"marginBottomShift",60),i=vn(n,"spacingLeft",0),a=vn(n,"spacingRight",0),l=vn(n,"spacingTop",0),s=vn(n,"spacingBottom",0),c=vn(n,"plotBorderColor","#666"),u=vn(n,"plotBorderWidth",1),d=vn(n,"space",5);return{animation:!1,plotBorderColor:c,plotBorderWidth:u,marginLeft:d+e,marginRight:d+t,marginTop:d+r,marginBottom:d+o,spacingLeft:i,spacingRight:a,spacingTop:l,spacingBottom:s}}function hu(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=vn(n,"softMax"),t=vn(n,"vDig"),r={crosshair:!0,title:{useHTML:!0,text:"",style:{fontFamily:vn(n,"titleFontFamily","微軟正黑體"),fontSize:vn(n,"titleFontSize","12pt"),color:vn(n,"titleColor","#000")}},softMax:e,labels:{autoRotation:!1,style:{fontFamily:vn(n,"labelFontFamily","微軟正黑體"),fontSize:vn(n,"labelFontSize","9pt"),color:vn(n,"labelColor","#222")},formatter:function(n){return t?function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return Si(n)&&il(e)?(n=Ai(n),Ii(n,e).toFixed(e)):""}(n.value,t):n.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 r}function mu(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=vn(n,"legnedFontFamily","微軟正黑體"),t=vn(n,"legnedFontSize","9pt"),r=vn(n,"legnedColor","#222");return{useHTML:!0,enabled:!0,shared:!0,floating:!0,layout:"vertical",backgroundColor:vn(n,"legendBackgroundColor","rgba(255,255,255,0.75)"),borderColor:vn(n,"legnedBorderColor","#aaa"),borderWidth:1,itemStyle:{fontFamily:e,fontSize:t,color:r}}}function gu(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=vn(e,"legendPosition","topright"),r=vn(n,"chart.marginLeft")||vn(n,"chart.margin-left");r=Ai(r);let o=vn(n,"chart.marginRight")||vn(n,"chart.margin-right");o=Ai(o);let i=vn(n,"chart.marginTop")||vn(n,"chart.margin-top");i=Ai(i);let a=vn(n,"chart.marginBottom")||vn(n,"chart.margin-bottom");a=Ai(a),vn(e,"legendIgnoreMargin",!1)&&(r=0,o=0,i=0,a=0);let l=vn(n,"chart.spacingLeft")||vn(n,"chart.spacing-left");l=Ai(l);let s=vn(n,"chart.spacingRight")||vn(n,"chart.spacing-right");s=Ai(s);let c=vn(n,"chart.spacingTop")||vn(n,"chart.spacing-top");c=Ai(c);let u=vn(n,"chart.spacingBottom")||vn(n,"chart.spacing-bottom");u=Ai(u),vn(e,"legendIgnoreSpacing",!1)&&(l=0,s=0,c=0,u=0);let d=vn(n,"legend",{});if(n.legend=d,"topleft"===t){n.legend.align="left",n.legend.verticalAlign="top";let e=5,t=5;n.legend.x=r-l+e,n.legend.y=i-c+t}else if("bottomleft"===t){n.legend.align="left",n.legend.verticalAlign="bottom";let e=5,t=-5;n.legend.x=r-l+e,n.legend.y=-a+u+t}else if("bottomright"===t){n.legend.align="right",n.legend.verticalAlign="bottom";let e=-5,t=-5;n.legend.x=-o+s+e,n.legend.y=-a+u+t}else{n.legend.align="right",n.legend.verticalAlign="top";let e=-5,t=5;n.legend.x=-o+s+e,n.legend.y=i-c+t}return n}function vu(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function bu(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?vu(Object(t),!0).forEach((function(e){Xr(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):vu(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function yu(n,e,t,r){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},i=vn(o,"marginLeft",null),a=vn(o,"marginRight",null),l=vn(o,"marginTop",null),s=vn(o,"marginBottom",null),c=vn(o,"direction","vertical");"vertical"!==c&&"horizontal"!==c&&(c="vertical");let u,d=vn(o,"xTitle",""),f=vn(o,"yTitle",""),p=vn(o,"barColor",void 0),h=vn(o,"barKpColor",void 0),m=vn(o,"barGroupWidthRatio",.2),g=vn(o,"barWidthRatio",.2),v=vn(o,"barBorderWidth",1),b=vn(o,"barDisplay","separate");"separate"!==b&&"stackNormal"!==b&&"stackPercent"!==b&&(b="separate"),"stackNormal"===b?u="normal":"stackPercent"===b&&(u="percent");let y=vn(o,"barBorderRadius",4),w=vn(o,"barShowLabels",!0),k=vn(o,"barUseInnerLabelsForHorizontal",!1),x=vn(o,"showLegend",!1),C=t,S=[];Fe(r,((n,e)=>{let r=vn(n,"name",""),o=p,i=vn(n,"color",void 0),a=vn(n,"data",{}),l=null,s=[];Fe(t,(n=>{let t=vn(a,n,null),r=t;if(Qi(r)){if(!ul(r,"value"))throw new Error("bar data is an object but no value");r=vn(r,"value",null)}let c=vn(h,n,void 0),u=vn(h,`${e}.${n}`,void 0),d=vn(t,"color",void 0),f=(n=>{if(va(n)){let e=Nr(n);n=1===e?n[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Sr(n,((n,t)=>[t/(e-1),n]))}}return n})(o||i||c||u||d);null===l&&(l=f),s.push({name:n,y:r,color:f})})),S.push({name:r,data:s,color:l})}));let A=fu(o),_=pu(o),T=hu(o),B=du(T,{categories:C,labels:{allowOverlap:!0}});B.title.text=d;let W=hu(o),I=du(W,{});I.title.text=f,I.min=0;let P=mu(o),j=bu(bu({},A),{},{chart:bu(bu({},_),{},{type:"vertical"===c?"column":"bar",width:n,height:e}),xAxis:B,yAxis:I,legend:P,series:S});return fa(i)&&(j.chart.marginLeft=i),fa(a)&&(j.chart.marginRight=a),fa(l)&&(j.chart.marginTop=l),fa(s)&&(j.chart.marginBottom=s),"stackPercent"===b&&("vertical"===c&&(j.chart.marginLeft+=11),j.yAxis.labels.formatter=n=>`${n.value}%`),"horizontal"===c&&k&&(j.chart.marginLeft=40,j.xAxis.title.margin=21,j.xAxis.labels.enabled=!1,j.xAxis.tickWidth=0,j.xAxis.min=-.25,j.xAxis.tickInterval=1,j.xAxis.plotLines=[{color:j.xAxis.gridLineColor,width:j.xAxis.gridLineWidth,value:-.5}]),j.plotOptions=bu(bu({},j.plotOptions),{},{series:{groupPadding:m,pointPadding:g,borderWidth:v,grouping:!0,borderRadius:y,stacking:u,dataLabels:{enabled:w,allowOverlap:!0}}}),j=gu(j,o),j.legend.enabled=x,j}const wu={components:{WPlot:eu},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return vn(this,"opt.width",0)},picHeight:function(){return vn(this,"opt.height",0)},ks:function(){return vn(this,"opt.keys",[])},hasOptBar:function(){return Qi(this.optBar)},optBar:function(){let n=this,e=null;try{let t=vn(n,"opt.rds",[]);e=yu(n.picWidth,n.picHeight,n.ks,t,n.opt)}catch(n){console.log(n)}return e},useInnerLabels:function(){let n="horizontal"===vn(this,"opt.direction",""),e=vn(this,"opt.barUseInnerLabelsForHorizontal",!1);return n&&e},locLeft:function(){return vn(this,"optBar.chart.marginLeft",0)},locTop:function(){return vn(this,"optBar.chart.marginTop",0)},locBottom:function(){return vn(this,"optBar.chart.marginBottom",0)},hTickLableFontFamily:function(){return vn(this,"optBar.xAxis.labels.style.fontFamily","")},hTickLableFontSize:function(){return vn(this,"optBar.xAxis.labels.style.fontSize","")},hTickLableColor:function(){return vn(this,"optBar.xAxis.labels.style.color","")},hAxisMin:function(){return vn(this,"optBar.xAxis.min",0)},hTickLabels:function(){let n=this,e=n.picHeight-n.locTop-n.locBottom;e=Math.max(e,0);let t=Nr(n.ks)-n.hAxisMin,r=0;return t>0&&(r=e/t),Sr(n.ks,((e,t)=>({name:e,y:n.locTop+r*(t-n.hAxisMin)})))}},methods:{}};var ku=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.hasOptBar?t("div",{staticStyle:{display:"inline-block"}},[t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("top",null,{opt:n.optBar})],2),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("WPlot",{attrs:{options:n.optBar}}),n._v(" "),n.useInnerLabels?n._l(n.hTickLabels,(function(e,r){return t("div",{key:"ktk-"+r,style:"position:absolute; left:"+n.locLeft+"px; top:"+e.y+"px; font-family:"+n.hTickLableFontFamily+"; font-size:"+n.hTickLableFontSize+"; color:"+n.hTickLableColor+";"},[n._v("\n                "+n._s(e.name)+"\n            ")])})):n._e()],2),n._v(" "),t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("bottom",null,{opt:n.optBar})],2)]):n._e()};ku._withStripped=!0;const xu=ya({render:ku,staticRenderFns:[]},(function(n){n&&n("data-v-f6d7b3c2_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})}),wu,"data-v-f6d7b3c2",false,undefined,!1,ka,void 0,void 0);var Cu={components:{demolink:Dc,WBar:xu},props:{},data:function(){let n=["USA","China","Brazil","EU","India","Russia"];return{WBar:{opt1a:{width:400,height:400,keys:n,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:n,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:n,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:n,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:n,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:n,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:n,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:n,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 Su=Cu;var Au=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{marginLeft:85,marginRight:25,marginTop:35,marginBottom:75})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barColor:"#FF9800"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barColor:["#4f95d8","#0058a5"]})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1b)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1c)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & hide labels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{barShowLabels:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"one-set & show legned"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2b,{barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2c,{barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2d,{barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2e,{barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && show labels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!0,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && hide legned"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal) && barShowLabels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackPercent)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & marginLeft & marginRight & marginTop & marginBottom"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:85,marginRight:25,marginTop:35,marginBottom:75,legendPosition:"bottomright"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barUseInnerLabelsForHorizontal"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:"#FF9800"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:["#4f95d8","#0058a5"]})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & hide labels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & show legned"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barUseInnerLabelsForHorizontal & barGroupWidthRatio"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barUseInnerLabelsForHorizontal:!0,barGroupWidthRatio:.25})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2d,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color, gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2e,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor(gradient)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && show labels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && hide legned"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal) && barShowLabels"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackPercent)"}}),n._v(" "),t("w-bar",{attrs:{opt:Object.assign({},n.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1)])])};Au._withStripped=!0;const _u=ya({render:Au,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-bar")])])}]},(function(n){n&&n("data-v-b351726c_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})}),Su,"data-v-b351726c",false,undefined,!1,ka,void 0,void 0);function Tu(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function Bu(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Tu(Object(t),!0).forEach((function(e){Xr(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Tu(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Wu(n,e,t,r){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},i=vn(o,"marginLeft",null),a=vn(o,"marginRight",null),l=vn(o,"marginTop",null),s=vn(o,"marginBottom",null),c=vn(o,"pieThicknessRatio",.6);c=Math.min(c,1),c=Math.max(c,0);let u=vn(o,"pieBorderRadius",4),d=vn(o,"pieKpColor",void 0),f=vn(o,"pieBorderWidth",1),p=vn(o,"pieShowLabels",!0),h=vn(o,"showLegend",!0),m=[];Fe(r,((n,e)=>{let r=vn(n,"name",""),o=vn(n,"color",void 0),i=vn(n,"data",{}),a=null,l=[];Fe(t,(n=>{let t=vn(i,n,null),r=t;if(Qi(r)){if(!ul(r,"value"))throw new Error("pie data is an object but no value");r=vn(r,"value",null)}let s=vn(d,n,void 0),c=vn(d,`${e}.${n}`,void 0),u=vn(t,"color",void 0),f=(n=>{if(va(n)){let e=Nr(n);n=1===e?n[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Sr(n,((n,t)=>[t/(e-1),n]))}}return n})(o||s||c||u);null===a&&(a=f),l.push({name:n,y:r,color:f})})),m.push({name:r,data:l,color:a})}));let g=fu(o),v=pu(Bu(Bu({},o),{},{marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"})),b=mu(o),y=Bu(Bu({},g),{},{chart:Bu(Bu({},v),{},{type:"pie",width:n,height:e}),legend:b,series:m});return fa(i)&&(y.chart.marginLeft=i),fa(a)&&(y.chart.marginRight=a),fa(l)&&(y.chart.marginTop=l),fa(s)&&(y.chart.marginBottom=s),y.plotOptions=Bu(Bu({},y.plotOptions),{},{series:{borderWidth:f,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:u,showInLegend:h}}),y=gu(y,Bu(Bu({},o),{},{legendIgnoreMargin:!0})),y.legend.enabled=h,y}const Iu={components:{WPlot:eu},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return vn(this,"opt.width",0)},picHeight:function(){return vn(this,"opt.height",0)},ks:function(){return vn(this,"opt.keys",[])},hasOptPie:function(){return Qi(this.optPie)},optPie:function(){let n=this,e=null;try{let t=vn(n,"opt.rds",[]);e=Wu(n.picWidth,n.picHeight,n.ks,t,n.opt)}catch(n){console.log(n)}return e}},methods:{}};var Pu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.hasOptPie?t("div",{staticStyle:{display:"inline-block"}},[t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("top",null,{opt:n.optPie})],2),n._v(" "),t("WPlot",{attrs:{options:n.optPie}}),n._v(" "),t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("bottom",null,{opt:n.optPie})],2)],1):n._e()};Pu._withStripped=!0;const ju=ya({render:Pu,staticRenderFns:[]},(function(n){n&&n("data-v-4bd6b5e4_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})}),Iu,"data-v-4bd6b5e4",false,undefined,!1,ka,void 0,void 0);var Ou={components:{demolink:Dc,WPie:ju},props:{},data:function(){let n=["USA","China","Brazil","EU","India","Russia"];return{WPie:{opt1a:{width:400,height:400,keys:n,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:n,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:n,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 Eu=Ou;var Lu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieThicknessRatio"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieThicknessRatio:.05})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderRadius"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderWidth & pieBorderRadius"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieBorderWidth:0,pieBorderRadius:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color)"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1b)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color, gradient)"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1c)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor(gradient)"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide labels"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{pieShowLabels:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide legned"}}),n._v(" "),t("w-pie",{attrs:{opt:Object.assign({},n.WPie.opt1a,{showLegend:!1})}})],1)])])};Lu._withStripped=!0;const zu=ya({render:Lu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-pie")])])}]},(function(n){n&&n("data-v-4a0e0775_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})}),Eu,"data-v-4a0e0775",false,undefined,!1,ka,void 0,void 0);function Fu(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function Ru(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Fu(Object(t),!0).forEach((function(e){Xr(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Fu(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Hu(n,e,t,r){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},i=vn(o,"marginLeft",null),a=vn(o,"marginRight",null),l=vn(o,"marginTop",null),s=vn(o,"marginBottom",null),c=vn(o,"xLabelFontSize","10pt"),u=vn(o,"yTitle",""),d=vn(o,"yTitleFontSize","10pt"),f=vn(o,"yTitleColor","#444"),p=vn(o,"yLabelFontSize","8pt"),h=vn(o,"yLabelColor","#888"),m=vn(o,"roseKpColor",void 0),g=vn(o,"roseWidthRatio",.25),v=vn(o,"roseBorderWidth",1),b=vn(o,"roseShowLabels",!1),y=vn(o,"showLegend",!1),w=t,k=[];Fe(r,((n,e)=>{let r=vn(n,"name",""),o=vn(n,"color",void 0),i=vn(n,"data",{}),a=null,l=[];Fe(t,(n=>{let t=vn(i,n,null),r=t;if(Qi(r)){if(!ul(r,"value"))throw new Error("rose data is an object but no value");r=vn(r,"value",null)}let s=vn(m,n,void 0),c=vn(m,`${e}.${n}`,void 0),u=vn(t,"color",void 0),d=(n=>{if(va(n)){let e=Nr(n);n=1===e?n[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:Sr(n,((n,t)=>[t/(e-1),n]))}}return n})(o||s||c||u);null===a&&(a=d),l.push({name:n,y:r,color:d})})),k.push({name:r,data:l,color:a})}));let x=fu(o),C=pu(Ru(Ru({},o),{},{space:40,marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"})),S=hu(Ru(Ru({},o),{},{labelFontSize:c})),A=du(S,{categories:w,labels:{allowOverlap:!0}}),_=hu(Ru(Ru({},o),{},{titleFontSize:d,titleColor:f,labelFontSize:p,labelColor:h})),T=du(_,{});T.title.text=u,T.min=0;let B=mu(o),W=Ru(Ru({},x),{},{chart:Ru(Ru({},C),{},{polar:!0,type:"column",width:n,height:e}),xAxis:A,yAxis:T,legend:B,series:k});return fa(i)&&(W.chart.marginLeft=i),fa(a)&&(W.chart.marginRight=a),fa(l)&&(W.chart.marginTop=l),fa(s)&&(W.chart.marginBottom=s),W.plotOptions=Ru(Ru({},W.plotOptions),{},{series:{stacking:"normal",groupPadding:0,pointPadding:g,borderWidth:v,dataLabels:{enabled:b,allowOverlap:!0,align:"center",y:-10}}}),W=gu(W,Ru(Ru({},o),{},{legendIgnoreMargin:!0})),W.legend.enabled=y,W}const $u={components:{WPlot:eu},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return vn(this,"opt.width",0)},picHeight:function(){return vn(this,"opt.height",0)},ks:function(){return vn(this,"opt.keys",[])},hasOptRose:function(){return Qi(this.optRose)},optRose:function(){let n=this,e=null;try{let t=vn(n,"opt.rds",[]);e=Hu(n.picWidth,n.picHeight,n.ks,t,n.opt)}catch(n){console.log(n)}return e}},methods:{}};var Mu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.hasOptRose?t("div",{staticStyle:{display:"inline-block"}},[t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("top",null,{opt:n.optRose})],2),n._v(" "),t("WPlot",{attrs:{options:n.optRose}}),n._v(" "),t("div",{style:"width:"+n.picWidth+"px; max-width:"+n.picWidth+"px;"},[n._t("bottom",null,{opt:n.optRose})],2)],1):n._e()};Mu._withStripped=!0;const Du=ya({render:Mu,staticRenderFns:[]},(function(n){n&&n("data-v-1c332d9b_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})}),$u,"data-v-1c332d9b",false,undefined,!1,ka,void 0,void 0);var Uu={components:{demolink:Dc,WRose:Du},props:{},data:function(){let n=["USA","China","Brazil","EU","India","Russia"];return{WRose:{opt1a:{width:400,height:400,keys:n,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:n,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:n,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:n,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:n,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:n,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:n,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:n,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 Nu=Uu;var Vu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseBorderWidth"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{roseBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseWidthRatio"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{roseWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend & legendPosition"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{showLegend:!0,legendPosition:"topleft"})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1b)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color, gradient)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1c)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{roseKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor(gradient)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{roseKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseShowLabels"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt1a,{roseShowLabels:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2a,{roseShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseBorderWidth"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseBorderWidth:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseWidthRatio"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseWidthRatio:0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2b,{roseShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color, gradient)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2c,{roseShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2d,{roseShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color, gradient)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2e,{roseShowLabels:!1,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor(gradient)"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && show labels"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2a,{roseShowLabels:!0,showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && hide legned"}}),n._v(" "),t("w-rose",{attrs:{opt:Object.assign({},n.WRose.opt2a,{roseShowLabels:!1,showLegend:!1})}})],1)])])};Vu._withStripped=!0;const Zu=ya({render:Vu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-rose")])])}]},(function(n){n&&n("data-v-47ce36e8_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})}),Nu,"data-v-47ce36e8",false,undefined,!1,ka,void 0,void 0);const Ku={components:{WIcon:_a,WTooltip:zc},props:{paddingStyle:{type:Object,default:()=>({v:0,h:15})},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderWidth:{type:Number,default:1},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},shadow:{type:Boolean,default:!0},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-2"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0},hovered:{type:Boolean,default:!1},focused:{type:Boolean,default:!1}},data:function(){return{hoveredTrans:!1,focusedTrans:!1}},computed:{changeParam:function(){let n=this;return n.hoveredTrans=n.hovered,n.focusedTrans=n.focused,""},useBackgroundColor:function(){let n=this,e={};return n.focusedTrans?(e["background-color"]=qi(n.backgroundColorFocus),e):n.hoveredTrans?(e["background-color"]=qi(n.backgroundColorHover),e):(e["background-color"]=qi(n.backgroundColor),e)},useBorder:function(){let n=this,e={};return n.focusedTrans?(e.border=`${n.borderWidth}px solid ${qi(n.borderColorFocus)}`,e):n.hoveredTrans?(e.border=`${n.borderWidth}px solid ${qi(n.borderColorHover)}`,e):(e.border=`${n.borderWidth}px solid ${qi(n.borderColor)}`,e)},useShadow:function(){let n={};return this.shadow&&(n["box-shadow"]="0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"),n},useLeftIconColor:function(){let n=this;return n.hoveredTrans?qi(n.leftIconColorHover):n.focusedTrans?qi(n.leftIconColorFocus):qi(n.leftIconColor)},useRightIconColor:function(){let n=this;return n.hoveredTrans?qi(n.rightIconColorHover):n.focusedTrans?qi(n.rightIconColorFocus):qi(n.rightIconColor)},useTitleColor:function(){let n={};return n.color=qi(this.titleColor),n},usePadding:function(){return{padding:pa(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return _r(this.leftIconTooltip)},hasRightIconTooltop:function(){return _r(this.rightIconTooltip)},useVerticalAlign:function(){let n=this,e={};return"center"===n.verticalAlign?e["align-items"]="center":"top"===n.verticalAlign?e["align-items"]="flex-start":"bottom"===n.verticalAlign&&(e["align-items"]="flex-end"),e}},methods:{clickIcon:function(n){let e=this;!1!==e.editable&&e.$nextTick((()=>{e.$emit("click-"+n)}))},mouseenter:function(){let n=this;n.hoveredTrans=!0,n.$nextTick((()=>{n.$emit("update:hovered",!0)}))},mouseleave:function(){let n=this;n.hoveredTrans=!1,n.$nextTick((()=>{n.$emit("update:hovered",!1)}))}}};var Gu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{style:[{transition:"all 0.3s",display:"flex","justify-content":"flex-start","border-radius":n.borderRadius+"px",opacity:n.editable?1:.6},n.usePadding,n.useBackgroundColor,n.useBorder,n.useShadow,n.useVerticalAlign],on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[n.leftIcon?t("div",{style:"margin-left:"+n.iconShiftOuter+"px; margin-right:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("left")},click:function(e){return n.clickIcon("left")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasLeftIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"leftIcon"}},[t("WIcon",{attrs:{icon:n.leftIcon,size:n.leftIconSize,color:n.useLeftIconColor,colorHover:n.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3849071383)})],1):n._e(),n._v(" "),t("div",{style:[{width:"100%"}]},[n._t("default")],2),n._v(" "),n.rightIcon?t("div",{style:"margin-right:"+n.iconShiftOuter+"px; margin-left:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("right")},click:function(e){return n.clickIcon("right")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasRightIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"rightIcon"}},[t("WIcon",{attrs:{icon:n.rightIcon,size:n.rightIconSize,color:n.useRightIconColor,colorHover:n.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1563142679)})],1):n._e()])])};Gu._withStripped=!0;const Yu=ya({render:Gu,staticRenderFns:[]},(function(n){n&&n("data-v-274ff811_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})}),Ku,"data-v-274ff811",false,undefined,!1,ka,void 0,void 0);const qu={components:{WTooltip:zc},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 Xu=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WTooltip",n._g(n._b({scopedSlots:n._u([{key:"trigger",fn:function(){return[n._t("trigger")]},proxy:!0},{key:"content",fn:function(e){return[n._t("content",null,{funHide:e.funHide})]}}],null,!0)},"WTooltip",Object.assign({},n.$props,{mode:"popup"}),!1),n.$listeners))};Xu._withStripped=!0;const Qu=ya({render:Xu,staticRenderFns:[]},(function(n){n&&n("data-v-d62e3d30_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})}),qu,"data-v-d62e3d30",false,undefined,!1,ka,void 0,void 0);function Ju(n,e){let t=!1,r="";if("isstr"===e)Ar(n)||(t=!0,r="需要為字串",n="");else if("isnum"===e)Si(n)||(t=!0,r="需要為數字",n=0);else if("isp0num"===e)Si(o=n)&&Ai(o)>=0||(t=!0,r="需要為含0的正浮點數",n=0);else if("isn0num"===e)(function(n){return!!Si(n)&&Ai(n)<=0})(n)||(t=!0,r="需要為含0的負浮點數",n=0);else if("isint"===e)_i(n)||(t=!0,r="需要為整數",n=0);else if("ispint"===e)ji(n)||(t=!0,r="需要為不含0正整數",n=0);else if("isp0int"===e)il(n)||(t=!0,r="需要為含0正整數",n=0);else if("isnint"===e)(function(n){return!!_i(n)&&Pi(n)<0})(n)||(t=!0,r="需要為不含0負整數",n=0);else if("isn0int"===e)(function(n){return!!_i(n)&&Pi(n)<=0})(n)||(t=!0,r="需要為含0負整數",n=0);else if(Fi(e)){n=e(n)}else"any"===e?Si(n)||Ar(n)||(t=!0,r="需要為字串或數字",n=""):(t=!0,r="需要指定驗證類型",n=null);var o;return{value:n,err:t,errmsg:r}}const nd={props:{type:{type:String,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 n=this,e="";return Si(n.height)?e=`height:${n.height}px;`:_r(n.height)&&(e=`height:${n.height}; line-height:${n.height};`),e},useTextFontSize:function(){let n=this.textFontSize;return n=Xi(n,";",""),`font-size:${n};`},useTextColor:function(){return qi(this.textColor)}},methods:{setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(n){let e=this;e.focused!==n&&e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateValue:function(n){let e=this,t=Ju(e.valueTrans,e.type);e.valueTrans=t.value,e.errmsg=t.errmsg},trigger:function(n,e){let t=this;t.$nextTick((()=>{t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};var ed=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{type:"text",readonly:!n.editable,placeholder:n.placeholder},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}})])};ed._withStripped=!0;const td=ya({render:ed,staticRenderFns:[]},(function(n){n&&n("data-v-78284214_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})}),nd,"data-v-78284214",false,undefined,!1,ka,void 0,void 0);function rd(n){return null==n?[]:function(n,e){return ln(e,(function(e){return n[e]}))}(n,Oe(n))}function od(n,e){if(!va(n))return[];if(!_r(e)&&!va(e))return[];let t=null;t=_r(e)?Ua(e," "):e;let r=Nr(t);return Sr(n,(n=>function(n){let e=!1,o=0;for(let i=0;i<r;i++){let a=t[i],l=a,s="+"===al(a,1),c="-"===al(a,1);if((s||c)&&(l=sl(a,1)),""===Fa(l))continue;let u=n.indexOf(l)>=0;if(s){if(u){e=!0,o=1;break}e=!1,o=0;break}if(c){if(u){e=!1,o=0;break}e=!0,o=1;break}if(u){e=!0;let n=1-i/r;n=n**2,o+=n}}return{hasKeyword:e,weight:o}}(n)))}function id(){return new function(n){let e=[],t=null,r=null;return ji(n)||(n=300),n=Pi(n),function(o){if(Fi(o)){r=Date.now();for(var i=arguments.length,a=new Array(i>1?i-1:0),l=1;l<i;l++)a[l-1]=arguments[l];e.push({func:o,input:a}),null===t&&(t=setInterval((()=>{if(Date.now()-r>n){let n=e.pop();e=[],n.func(...n.input)}0===e.length&&(clearInterval(t),t=null)}),10))}else console.log("func is not a function")}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:300)}let ad=function(n){if(!Fi(n))throw new Error("fn is not a function");return function(){let e=Na(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):Nc(t)?t.then((n=>{e.resolve({state:"success",msg:n})})).catch((n=>{"cancelled"===vn(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})})):e.resolve({state:"success",msg:t}),e}};function ld(){let n=zi(),e=[],t=null,r=!1;return function(o){let i=Na();if(!Fi(o))return void console.log("func is not a function");let a=Di();for(var l=arguments.length,s=new Array(l>1?l-1:0),c=1;c<l;c++)s[c-1]=arguments[c];return e.push({id:a,func:o,input:s}),null===t&&(t=setInterval((async()=>{if(r)return;r=!0;let o=e.pop();for(let t=0;t<e.length;t++){let r=e[t].id,o={state:"cancelled"};n.emit(r,o)}if(e=[],o){let e,t=o.id;e=Fi(o.func)?await ad(o.func)(...o.input):{state:"error",msg:"fun is not a function"},n.emit(t,e)}r=!1,r||0!==e.length||(clearInterval(t),t=null)}),10)),n.once(a,(n=>{"success"===n.state?i.resolve(n.msg):"cancelled"===n.state?i.reject({reason:"cancelled"}):i.reject(n.msg)})),i}}function sd(n,e){return n>e}function cd(n,e){return n&&n.length?function(n,e,t){for(var r=-1,o=n.length;++r<o;){var i=n[r],a=e(i);if(null!=a&&(void 0===l?a==a&&!v(a):t(a,l)))var l=a,s=i}return s}(n,xr(e),sd):void 0}function ud(n,t){let r=Nr(n),o=0,i=t(o),a=r-1,l=t(a),s=!0,c=null;for(;s;){let n=Math.floor((a+o)/2),r=t(n);if(i<0&&r<0&&l<0){c=null,s=!1;break}if(i>0&&r>0&&l>0){c=null,s=!1;break}if(0===i){c=o,s=!1;break}if(0===r){c=n,s=!1;break}if(0===l){c=a,s=!1;break}if(n===o||n===a){let t=[{i:o,v:i},{i:n,v:r},{i:a,v:l}];d=n=>n.v<=0,t=(e(u=t)?Ot:Ra)(u,xr(d)),c=cd(t,"v").i,s=!1;break}i*r>0?(o=n,i=r):(a=n,l=r)}var u,d;return c}let dd={};function fd(){return!function(){try{return"IntersectionObserver"in window}catch(n){return!1}}()||!function(){try{return"IntersectionObserverEntry"in window}catch(n){return!1}}()||!(function(){try{return"intersectionRatio"in window.IntersectionObserverEntry.prototype}catch(n){return!1}}()||Fi(window.IntersectionObserverEntry))}const pd={directives:{domresize:Ui(),dommutation:function(){let n={};return{bind:function(e,t,r){let o=`r${Di()}`;e.setAttribute("ev-mutation",o);let i=new MutationObserver((function(n){!function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"dommutation",{ele:e,mutations:n})}));i.observe(e,{attributes:!0,childList:!0,subtree:!0}),n[o]=i},unbind:function(e){let t=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),n[t]&&(n[t].disconnect(),delete n[t])}}}(),domvisible:function(){let n={};return{bind:function(e,t,r){let o=`r${Di()}`;e.setAttribute("ev-visible",o);let i=!1,a=setInterval((()=>{(function(n){if(!aa(n))return Promise.reject("invalid element");if(fd())return Promise.reject("invalid IntersectionObserver");let e=Na();try{let t=new IntersectionObserver((n=>{e.resolve(n[0].isIntersecting),t.disconnect()}));t.observe(n)}catch(n){e.reject(n)}return e})(e).then((n=>{i!==n&&(i=n,function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domvisible",n))})).catch((()=>{}))}),20);n[o]=a},unbind:function(e){let t=e.getAttribute("ev-visible");e.setAttribute("ev-visible",null),n[t]&&(clearInterval(n[t]),n[t]=null,delete n[t])}}}()},components:{},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{dbc:id(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(n){let e=this,t=vn(e,"$refs.divDetect");if(t){let n=t.offsetWidth-t.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.viewHeight!==n.snew.offsetHeight&&(e.viewHeight=n.snew.offsetHeight);let r=vn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=vn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let r=vn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},mutation:function(n){let e=this,t=vn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...n,from:"content"})},visible:function(n){let e=this,t=vn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:n,from:"content"})},updateRatio:function(){let n=this;if(!n.$refs.divShell)return;let e=0;n.contentHeightEff>0&&(e=n.$refs.divShell.scrollTop/n.contentHeightEff),n.ratio=e},updateScrollTop:function(n){let e=this;(async function(){await Vc((()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar),{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=n),e.$refs.divBar&&(e.$refs.divBar.scrollTop=n)})().catch((n=>{console.log(n)}))},updateScrollInfor:function(){let n=this;if(!n.$refs.divShell)return;let e={r:n.ratio,sti:n.scrollTop,stn:n.$refs.divShell.scrollTop,dir:n.scrollTop>n.$refs.divShell.scrollTop?"up":"down",t:n.viewTop,b:n.viewBottom,ch:n.contentHeight,che:n.contentHeightEff};Kr(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&vn(e,"$refs.divShell")&&vn(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"shell"}),e.dbc((()=>{e.mouseLoc=""})))},scrollBar:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&vn(e,"$refs.divShell")&&vn(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"bar"}),e.dbc((()=>{e.mouseLoc=""})))},triggerEvent:function(n,e){let t=this;t.useEmitEvent&&(t.$emit(n,e),t.updateScrollInfor(),t.$emit("change-infor",{evName:n,evMsg:e,...t.scrollInfor}))}}};var hd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:n.changeScrollTop},on:{domresize:n.resizePanel,mouseenter:function(e){n.mouseEntering=!0},mouseleave:function(e){n.mouseEntering=!1}}},[t("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[t("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[t("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"scroll"}},[t("div",{staticStyle:{width:"100px",height:"100px"}})])])]),n._v(" "),t("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"position:relative; width:calc( 100% + "+(n.nativeBarWidth+1)+"px ); height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;",attrs:{_class:"sb"},on:{domresize:n.resizeShell,scroll:n.scrollShell}},[t("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"}],ref:"divContent",style:"",on:{dommutation:n.mutation,domvisible:n.visible}},[n._t("default")],2)]),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+(n.isMobile?-8:0)+"px; width:8px;"},[t("div",{ref:"divBar",staticClass:"sb",style:"width:8px; height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:"+(n.mouseEntering?n.barOpacityHover:n.barOpacity)+";",on:{scroll:n.scrollBar}},[t("div",{style:"width:1px; height:"+n.contentHeight+"px;"})])])])])};hd._withStripped=!0;let md={set:function(n,e){dd[n]=e},get:function(n){return dd[n]},remove:function(n){delete dd[n]}};var gd={components:{WPanelScrollyCore:ya({render:hd,staticRenderFns:[]},(function(n){n&&n("data-v-4ccdd7f6_0",{source:"\n.sb[data-v-4ccdd7f6] {\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-4ccdd7f6]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-4ccdd7f6]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-4ccdd7f6]::-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-105-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})}),pd,"data-v-4ccdd7f6",false,undefined,!1,ka,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:ld(),dbcRefresh:id(),dbcSetRows:id(),mmkey:Di(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,filterKeywordsTemp:"",itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let n=this;null!==n.mmkey&&md.remove(n.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler(n){this.setRows(n)}}},computed:{changeFilterKeyWords:function(){let n=this.filterKeywords;return this.filterDebounce(),n}},methods:{getRows:function(){return md.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!ha(n)){return"rows is not array"}null!==e.mmkey&&md.remove(e.mmkey);let t=Sr(n,((n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n})));md.set(e.mmkey,t),e.changeDisplay=!0},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=Nr(n)<=1e4,e.setRowsCore(n),await e.refreshCore("setRows")}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1}))},setRowsDebounce:function(n){let e=this;e.lockFromSetRows=!0,e.dbcSetRows((()=>{e.setRows(n)}))},genUseItems:function(){let n=this;if(null===n.mmkey)return;let e=md.get(n.mmkey),t=Nr(e),r=[],o=!1,i=!1;if(t>0){let i=ud(e,(t=>{let r=e[t];return n.scrollInfor.t-(r.y+r.height)}));null===i&&(i=0);let a=Math.max(i-1,0),l=ud(e,(t=>{let r=e[t];return n.scrollInfor.b-r.y}));null===l&&(l=t-1);let s=Math.min(l+n.itemsPreload,t-1),c=0;for(let n=0;n<a;n++){let t=e[n];t.displayShow&&t.filterShow&&(c+=t.height)}let u=0;for(let n=s+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(u+=t.height)}for(let t=a;t<=s;t++){let o=ci(e[t]);o.displayShow&&o.filterShow&&(o.nowShow=!0,o.top=o.y-n.scrollInfor.t,r.push(o))}n.itemsHeightPre!==c&&(o=!0,n.itemsHeightPre=c),n.itemsHeightAft!==u&&(o=!0,n.itemsHeightAft=u)}if(Kr(n.useItems,r)||(i=!0,n.useItems=r),n.$refs.wdsDiv){let e=Sr(r,"row"),t=Sr(r,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),Kr(n.emItemsTemp,t)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:e,items:t}),n.emItemsTemp=t)}return{change:o||i}},syncItemsHeight:function(n,e){let t=!1;return 0===Nr(n)||Fe(vn(this,"$refs.wdsDiv",[]),((r,o)=>{if(!r.getAttribute)return console.log("找不到getAttribute"),!0;let i=r.getAttribute("index");if(!il(i))return console.log("!isp0int(index)",i),!0;i=Pi(i);let a=vn(r,"children.0");if(!aa(a))return console.log("!isEle(cnode)",a),!0;let l=a.offsetHeight;n[i].height!==l&&(Fi(e)&&e(i,l),t=!0)})),t},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=md.get(n.mmkey),t=Nr(e);n.changeHeight=n.syncItemsHeight(e,((n,t)=>{e[n].height=t})),n.show||(n.changeHeight=!1);let r=null,o=n.changeHeight||n.changeDisplay||n.changeFilter;if(o){let o=0;for(let n=0;n<t;n++){let t=e[n];t.y!==o&&(e[n].y=o),t.displayShow&&t.filterShow&&(o+=t.height)}r=n.itemsHeight,r!==o&&(r=o),0===r&&(r=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:o,itemsHeight:r}},refreshCore:async function(n){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let t=0,r=3;await async function(){e.lockFromRefreshUseItems=!0;let n=ci(e.scrollInfor),o=await async function(){let n=Na();if(t+=1,t>r)return n.resolve(null),n;e.filterItems();let o=e.genUseItems();await Zc(20);let i=e.updateItemsHeight();return n.resolve({genUseItems:o,updateItemsHeight:i}),n}(),i=vn(o,"genUseItems.change",!1)||vn(o,"updateItemsHeight.change",!1),a=vn(o,"updateItemsHeight.itemsHeight",null);if(fa(a))if(a<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=a-n.ch);let r=e.scrollTop+t;e.scrollTop!==r&&(e.scrollTop=r),e.itemsHeight=a,e.$emit("change-height-of-items",{height:a})}i&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromRefreshUseItems=!1}))},refresh:function(n){this.pmtRefresh(this.refreshCore,n).catch((()=>{}))},filterDebounce:function(){let n=this;n.dbcRefresh((()=>{n.refreshCore("filterDebounce")}))},changeInfor:function(n){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((()=>{e.scrollInfor=n,e.refresh("changeInfor")})))},processItems:async function(n={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let t=md.get(e.mmkey);if(!ha(t))return;let r=vn(n,"fun",null);if(Fi(r)){let n=r(t);Nc(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let o=vn(n,"indStart",null),i=vn(n,"indEnd",null);if(_i(o)&&_i(i)){let r=vn(n,"displayShow",null);if(ua(r)){for(let n=o;n<=i;n++){vn(t,n,null)&&(t[n].displayShow=r)}e.changeDisplay=!0}let a=vn(n,"filterShow",null);if(ua(a)){for(let n=o;n<=i;n++){vn(t,n,null)&&(t[n].filterShow=a)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromProcess=!1}))},setSearchingResults:function(n){this.searchingResults=n},filterItems:function(){let n=this;if(null===n.mmkey)return;if(n.filterKeywordsTemp===n.filterKeywords)return;n.filterKeywordsTemp=n.filterKeywords;let e=md.get(n.mmkey),t=Nr(e);if(n.searchingResults=-1,0===Nr(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),r=Sr(e,(n=>{let e=n.row,t="";return t=Ar(e)?e:Si(e)?fn(e):Qi(e)?Ma(rd(e)," "):function(n){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(ma(n))return"";let t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}(e),t=t.toLowerCase(),t})),o=od(r,t),i=0;Fe(e,((n,t)=>{let r=o[t];e[t].filterShow=r.hasKeyword,r.hasKeyword&&i++})),n.searchingResults=i}n.changeFilter=!0},triggerEvent:function(n,e){let t=vn(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const vd=gd;var bd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,(function(e,r){return[t("div",{key:"kitem-"+r,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:r,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]}))],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};bd._withStripped=!0;const yd={components:{WPopup:Qu,WTextCore:td,WDynamicList:ya({render:bd,staticRenderFns:[]},(function(n){n&&n("data-v-63960b08_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})}),vd,"data-v-63960b08",false,undefined,!1,ka,void 0,void 0),WIcon:_a},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 n=this;return Nr(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return Gr(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=Xi(n,";",""),`font-size:${n};`},useTextColor:function(){return qi(this.textColor)},useItemBackgroundColor:function(){return qi(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return qi(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=Xi(n,";",""),`font-size:${n};`},useItemTextColor:function(){return qi(this.itemTextColor)},useItemTextColorHover:function(){return qi(this.itemTextColorHover)},useItemPadding:function(){return`padding:${pa(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return qi(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return Gr(n)?n[e.keyText]:n},selectText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(n,e){this.editable&&this.triggerAll({focused:n},"updateFocused")},updateShowPanel:function(n,e){this.editable&&this.triggerAll({showPanel:n,focused:n},"updateShowPanel")},updateValue:function(n){let e=this;e.editable&&(e.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(n,e){let t=this;t.editable&&(t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"),t.triggerAll({showPanel:!1,focused:!1},"clickItem"))},triggerEvent:function(n,e,t,r){let o=this;o.editable&&o.$nextTick((()=>{o.$emit(n,e,t)}))},triggerAll:function(n,e){let t=this;if(!t.editable)return;let r=vn(n,"showPanel",null),o=vn(n,"focused",null);setTimeout((()=>{ua(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),ua(r)&&t.showPanelTrans!==r&&(Nr(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,null,"triggerAll"))}),20)}}};var wd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{staticStyle:{display:"block"},attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDist:n.placementDist,editable:n.editable,value:n.showPanelTrans,changeValueFromPopup:n.changeValueFromPopup,changeFocusedFromPopup:n.changeFocusedFromPopup,changeShowPanelFromPopup:n.changeShowPanelFromPopup},on:{input:function(e){n.updateShowPanel(e,"WPopup")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",[t("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===n.mode?t("div",{style:"width:100%; _height:"+n.height+"px; _line-height:"+n.height+"px; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{_tabindex:"0"},on:{focus:n.focusText}},[n._t("select",(function(){return[n._v("\n                        "+n._s(n.valueTrans)+"\n                    ")]}),{item:n.value,text:n.valueTrans})],2):n._e(),n._v(" "),"suggest"===n.mode?t("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:n.textFontSize,textColor:n.useTextColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,focused:n.focusedTrans,value:n.valueTrans},on:{"update:focused":function(e){n.updateFocused(e,"update:focused"),n.triggerEvent("blur",n.value,null,"blur")},enter:function(e){return n.triggerEvent("enter",n.value,null,"enter")},input:n.updateValue,select:n.selectText}}):n._e(),n._v(" "),t("div",{},[t("div",{style:"transform:rotate("+(n.useRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.uesExpansionIconColor,colorHover:n.uesExpansionIconColor,size:n.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[t("div",[t("WDynamicList",{attrs:{rows:n.items,filterKeywords:"suggest"===n.mode?n.valueTrans:"",viewHeightMax:n.maxHeight,itemMinHeight:n.defItemHeight,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,show:n.showPanelTrans},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+n.useItemBackgroundColor+"; color:"+n.useItemTextColor+"; "+n.useItemTextFontSize+" "+n.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:n.clickItem(e.row,e.index)},click:function(t){return n.clickItem(e.row,e.index)},mouseenter:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},mouseleave:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor},focus:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},blur:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor}}},[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.row)))])]}),{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};wd._withStripped=!0;const kd=ya({render:wd,staticRenderFns:[]},(function(n){n&&n("data-v-d60080ec_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})}),yd,"data-v-d60080ec",false,undefined,!1,ka,void 0,void 0);const xd={directives:{domresize:Ui()},components:{WShellEllipse:Yu,WTextSuggestCore:kd},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(n){let e=this,t=pa(e.paddingStyle,{returnObj:!0}).bottom-2,r=vn(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return Gr(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick((()=>{e.$emit("update:showPanel",n)}))}}};var Cd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"select",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,maxHeight:n.maxHeight,minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDist:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"select",fn:function(e){return[n._t("select",(function(){return[n._v("\n                        "+n._s(e.text)+"\n                    ")]}),{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};Cd._withStripped=!0;const Sd={components:{WTextSelect:ya({render:Cd,staticRenderFns:[]},(function(n){n&&n("data-v-8b9739d6_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})}),xd,"data-v-8b9739d6",false,undefined,!1,ka,void 0,void 0),WBar:xu,WPie:ju,WRose:Du},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 n=this;return"one"===n.mode?n.typeItemsDefOne:n.typeItemsDefMulti},changeTypeItems:function(){let n=this,e=[];return Qi(n.kpSelectText)?Fe(n.typeItemsDef,(t=>{if(!ul(n.kpSelectText,t.key))return!0;let r=n.kpSelectText[t.key];e.push({...t,text:r})})):e=n.typeItemsDef,n.typeItems=e,""},changeKeySelect:function(){return this.updateTypeSelectByKey(this.keySelect),""},picWidth:function(){return vn(this,"opt.width",0)},picHeight:function(){return vn(this,"opt.height",0)},ks:function(){return vn(this,"opt.keys",[])},hasOptTar:function(){return Qi(this.optTar)},cmp:function(){let n=vn(this,"typeSelect.type","");return n=Zi(n),`W${n}`},optTar:function(){let n=this,e=vn(n,"opt.showLabels",!0),t=e,r=e,o=e,i=vn(n,"opt.showLegend",!1),a=vn(n,"opt.rds",[]),l=Nr(a);if(0===l)return console.log("no data, size(opt.rds)=0"),null;"one"===n.mode&&l>1&&(console.log("size(opt.rds)>1"),a=[a[0]]);let s=null;try{s=n.opt,s=ci(s);let e=vn(n,"typeSelect.optExt",{});e=ci(e);let a={barShowLabels:t,pieShowLabels:r,roseShowLabels:o,showLegend:i};s=du(s,e),s=du(s,a)}catch(n){console.log(n)}return s}},methods:{updateTypeSelectByKey:function(n){let e=this;e.keySelectTrans=n;let t=null;Fe(e.typeItems,(e=>{if(e.key===n)return t=e,!1})),e.typeSelect=t},updateTypeSelectAndEmitKeySelect:function(n){let e=this;e.typeSelect=n;let t=vn(n,"key","");e.updateTypeSelectByKey(t),e.$emit("update:keySelect",t)}}};var Ad=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeTypeItems:n.changeTypeItems,changeKeySelect:n.changeKeySelect}},[t("div",{staticStyle:{"padding-bottom":"5px"}},[t("div",{staticStyle:{display:"flex","align-items":"flex-end"}},[t("div",{style:""},[n._t("head")],2),n._v(" "),t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"padding-right":"10px","font-size":"0.85rem",color:"#666"}},[n._v("\n                    "+n._s(n.textPlotType)+":\n                ")]),n._v(" "),t("WTextSelect",{style:"width:"+n.widthSelect+"px;",attrs:{paddingStyle:{v:3,h:10},borderRadius:4,items:n.typeItems,value:n.typeSelect},on:{input:n.updateTypeSelectAndEmitKeySelect}})],1)])]),n._v(" "),n.hasOptTar?t("div",{attrs:{name:"tarp"}},[t(n.cmp,{tag:"component",attrs:{opt:n.optTar}})],1):n._e()])};Ad._withStripped=!0;const _d=ya({render:Ad,staticRenderFns:[]},(function(n){n&&n("data-v-521f1a51_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})}),Sd,"data-v-521f1a51",false,undefined,!1,ka,void 0,void 0);const Td={components:{WSetMulti:_d},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 Bd=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WSetMulti",n._g(n._b({scopedSlots:n._u([{key:"head",fn:function(){return[n._t("head")]},proxy:!0}],null,!0)},"WSetMulti",Object.assign({},n.$props,{mode:"one"}),!1),n.$listeners))};Bd._withStripped=!0;const Wd={components:{demolink:Dc,WSetOne:ya({render:Bd,staticRenderFns:[]},(function(n){n&&n("data-v-1c93716a_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})}),Td,"data-v-1c93716a",false,undefined,!1,ka,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 Id=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"default"}}),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"keySelect"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[n._v("\n                keySelect: "+n._s(n.WSetOne.keySelect)+"\n            ")]),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c),keySelect:n.WSetOne.keySelect},on:{"update:keySelect":function(e){return n.$set(n.WSetOne,"keySelect",e)},"update:key-select":function(e){return n.$set(n.WSetOne,"keySelect",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"textPlotType & kpSelectText & widthSelect"}}),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c),textPlotType:"繪圖類型",kpSelectText:{"bar-v-normal":"垂直直條圖","bar-h-normal":"水平直條圖","bar-h-normal-dense":"水平直條圖(緊密)","pie-normal":"圓餅圖","rose-normal":"玫瑰圖"},widthSelect:160}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"hide labels"}}),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c,{showLabels:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"show legned"}}),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c,{showLegend:!0})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-one",casename:"slot head"}}),n._v(" "),t("w-set-one",{attrs:{opt:Object.assign({},n.WSetOne.opt1c)},scopedSlots:n._u([{key:"head",fn:function(){return[t("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[n._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Id._withStripped=!0;const Pd=ya({render:Id,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-set-one")])])}]},(function(n){n&&n("data-v-b99a7ee2_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})}),Wd,"data-v-b99a7ee2",false,undefined,!1,ka,void 0,void 0);const jd={components:{demolink:Dc,WSetMulti:_d},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 Od=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"default"}}),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.WSetMulti.opt2e)}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"keySelect"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[n._v("\n                keySelect: "+n._s(n.WSetMulti.keySelect)+"\n            ")]),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.WSetMulti.opt2e),keySelect:n.WSetMulti.keySelect},on:{"update:keySelect":function(e){return n.$set(n.WSetMulti,"keySelect",e)},"update:key-select":function(e){return n.$set(n.WSetMulti,"keySelect",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"textPlotType & kpSelectText & widthSelect"}}),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.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),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"hide labels"}}),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.WSetMulti.opt2e,{showLabels:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"hide legned"}}),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.WSetMulti.opt2e,{showLegend:!1})}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-set-multi",casename:"slot head"}}),n._v(" "),t("w-set-multi",{attrs:{opt:Object.assign({},n.WSetMulti.opt2e)},scopedSlots:n._u([{key:"head",fn:function(){return[t("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[n._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Od._withStripped=!0;var Ed={components:{WListHorizontal:Ea,AppZoneWPlot:ou,AppZoneWBar:_u,AppZoneWPie:zu,AppZoneWRose:Zu,AppZoneWSetOne:Pd,AppZoneWSetMulti:ya({render:Od,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("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')"}},[n._v("w-set-multi")])])}]},(function(n){n&&n("data-v-cbd7228c_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})}),jd,"data-v-cbd7228c",false,undefined,!1,ka,void 0,void 0)},data:function(){return{kebabCase:qn,cmpsL1:[{name:"basic",cmps:[{name:"WPlot"},{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 n=this;n.indP1=0,n.indP2=0,n.indP3=0;let e=function(n){if(!_r(n))return{};if(!_r(n=vn(n=it(n,"?"),"[1]")))return{};let e=it(n,"&");return e=Sr(e,(function(n){return it(n,"=")})),e=function(n){for(var e=-1,t=null==n?0:n.length,r={};++e<t;){var o=n[e];r[o[0]]=o[1]}return r}(e),e}(location.href);n.viewPick(vn(e,"cmp",""))},computed:{changeMenus:function(){let n=this;return n.modifyMenus(n.indP1,n.indP2,n.indP3),""},isNarrow:function(){return window.innerWidth<1e3}},methods:{modifyMenus:function(){let n=this,e="";setTimeout((()=>{n.cmpP1=vn(n.cmpsL1,n.indP1,{}),n.cmpsL2=vn(n.cmpP1,"cmps",[]);let t=vn(n.cmpP1,"name","");t&&(e=t)}),50),setTimeout((()=>{let t=vn(n.cmpP1,"cmps",[]);n.cmpP2=vn(t,n.indP2,{}),n.cmpsL3=vn(n.cmpP2,"cmps",[]);let r=vn(n.cmpP2,"name","");r&&(e=r)}),100),setTimeout((()=>{let t=vn(n.cmpP2,"cmps",[]);n.cmpP3=vn(t,n.indP3,{}),n.cmpsL4=vn(n.cmpP3,"cmps",[]);let r=vn(n.cmpP3,"name","");r&&(e=r),n.cmpPick=e}),150)},getInd:function(n,e){let t=-1;return Fe(e,((e,r)=>{if(n.name===e.name)return t=r,!1})),t},viewPick:function(n){let e=this,t=qn(n),r="",o=[],i=[],a=0,l=n=>{i.push(a),Fe(n,((n,e)=>{let s=vn(n,"name",""),c=qn(s),u=vn(n,"cmps",[]);u.length>0&&(a++,l(u),a--);let d=[...i,e];o.push({clst:d.join("."),name:s}),c===t&&(r=d)})),i.pop()};l(e.cmpsL1),e.indP1=vn(r,1,0),e.indP2=vn(r,2,0),e.indP3=vn(r,3,0)}}};const Ld=Ed;var zd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeMenus:n.changeMenus}},[n.isNarrow?n._e():[t("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"}},[t("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"}},[t("path",{attrs:{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}}),t("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"}}),t("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"}})])])],n._v(" "),t("div",{staticStyle:{background:"#f5f5f5"}},[n.cmpsL1&&n.cmpsL1.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("WListHorizontal",{attrs:{items:n.cmpsL1,itemActive:n.cmpP1,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP1=e},function(e){n.indP3=0,n.indP2=0,n.indP1=n.getInd(e,n.cmpsL1)}],"update:item-active":function(e){n.cmpP1=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e(),n._v(" "),n.cmpsL2&&n.cmpsL2.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("div",{staticStyle:{height:"3px",background:"#fff"}}),n._v(" "),t("WListHorizontal",{attrs:{items:n.cmpsL2,itemActive:n.cmpP2,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP2=e},function(e){n.indP3=0,n.indP2=n.getInd(e,n.cmpsL2)}],"update:item-active":function(e){n.cmpP2=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e(),n._v(" "),n.cmpsL3&&n.cmpsL3.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("div",{staticStyle:{height:"3px",background:"#fff"}}),n._v(" "),t("WListHorizontal",{attrs:{items:n.cmpsL3,itemActive:n.cmpP3,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP3=e},function(e){n.indP3=n.getInd(e,n.cmpsL3)}],"update:item-active":function(e){n.cmpP3=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e()]),n._v(" "),t("div",{staticStyle:{padding:"20px"}},["WPlot"===n.cmpPick?t("AppZoneWPlot"):n._e(),n._v(" "),"WBar"===n.cmpPick?t("AppZoneWBar"):n._e(),n._v(" "),"WPie"===n.cmpPick?t("AppZoneWPie"):n._e(),n._v(" "),"WRose"===n.cmpPick?t("AppZoneWRose"):n._e(),n._v(" "),"WSetOne"===n.cmpPick?t("AppZoneWSetOne"):n._e(),n._v(" "),"WSetMulti"===n.cmpPick?t("AppZoneWSetMulti"):n._e()],1)],2)};zd._withStripped=!0;return ya({render:zd,staticRenderFns:[]},(function(n){n&&n("data-v-629cb5b5_0",{source:"\n.head1 {\n    margin: 0px;\n    padding: 0px 0px 10px 0px;\n    font-size: 2.5rem;\n}\n.bk {\n    vertical-align: top;\n    padding: 10px 0px 60px 0px;\n}\n@media screen and (min-width:1000px){ /* 寬版 */\n.bk {\n        display: inline-block;\n        margin: 0px 80px 0px 0px;\n}\n}\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-105-3-w-plot-vue\\w-plot-vue\\src\\App.vue"],names:[],mappings:";AA2TA;IACA,WAAA;IACA,yBAAA;IACA,iBAAA;AACA;AACA;IACA,mBAAA;IACA,0BAAA;AACA;AACA,sCAAA,OAAA;AACA;QACA,qBAAA;QACA,wBAAA;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                            {{kebabCase(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                            {{kebabCase(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                            {{kebabCase(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 style="padding:20px;">\n\n            <AppZoneWPlot v-if="cmpPick===\'WPlot\'"></AppZoneWPlot>\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        </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 urlParse from \'wsemi/src/urlParse.mjs\'\nimport WListHorizontal from \'w-component-vue/src/components/WListHorizontal.vue\'\nimport AppZoneWPlot from \'./AppZoneWPlot.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\'\n\n\nexport default {\n    components: {\n        WListHorizontal,\n        AppZoneWPlot,\n        AppZoneWBar,\n        AppZoneWPie,\n        AppZoneWRose,\n        AppZoneWSetOne,\n        AppZoneWSetMulti,\n    },\n    data: function() {\n        let cmps = [\n            {\n                name: \'basic\',\n                cmps: [\n                    { name: \'WPlot\', },\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        return {\n            kebabCase,\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 = kebabCase(cmpPick)\n            let r = \'\'\n            let rs = []\n            let ls = []\n            let l = 0\n            let pv = (ts) => {\n                ls.push(l)\n                each(ts, (v, k) => {\n                    let name = get(v, `name`, \'\')\n                    let _name = kebabCase(name)\n                    let cmps = get(v, `cmps`, [])\n                    if (cmps.length > 0) {\n                        l++\n                        pv(cmps)\n                        l--\n                    }\n                    let lst = [...ls, k]\n                    rs.push({\n                        clst: lst.join(\'.\'),\n                        name,\n                    })\n                    if (_name === _cmpPick) {\n                        r = lst\n                    }\n                })\n                ls.pop()\n            }\n            pv(vo.cmpsL1)\n            // console.log(\'rs\', rs)\n            // console.log(\'r\', r)\n            vo.indP1 = get(r, 1, 0)\n            vo.indP2 = get(r, 2, 0)\n            vo.indP3 = get(r, 3, 0)\n        },\n\n    },\n}\n<\/script>\n\n<style>\n.head1 {\n    margin: 0px;\n    padding: 0px 0px 10px 0px;\n    font-size: 2.5rem;\n}\n.bk {\n    vertical-align: top;\n    padding: 10px 0px 60px 0px;\n}\n@media screen and (min-width:1000px){ /* 寬版 */\n    .bk {\n        display: inline-block;\n        margin: 0px 80px 0px 0px;\n    }\n}\n</style>\n']},media:void 0})}),Ld,undefined,false,undefined,!1,ka,void 0,void 0)}));
 //# sourceMappingURL=app.umd.js.map