npm - w-plot-vue - Versions diffs - 1.0.13 → 1.0.14 - Mend

w-plot-vue 1.0.13 → 1.0.14

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,9 +1,9 @@
 /*!
- * app v1.0.13
+ * app v1.0.14
  * (c) 2018-2021 yuda-lyu(semisphere)
  * Released under the MIT License.
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).app=e(t.Vue)}(this,function(t){"use strict";var e=Array.isArray,n="object"==typeof global&&global&&global.Object===Object&&global,i="object"==typeof self&&self&&self.Object===Object&&self,r=n||i||Function("return this")(),o=r.Symbol,s=Object.prototype,a=s.hasOwnProperty,l=s.toString,c=o?o.toStringTag:void 0;var h=Object.prototype.toString;var u=o?o.toStringTag:void 0;function d(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":u&&u in Object(t)?function(t){var e=a.call(t,c),n=t[c];try{t[c]=void 0;var i=!0}catch(t){}var r=l.call(t);return i&&(e?t[c]=n:delete t[c]),r}(t):function(t){return h.call(t)}(t)}function p(t){return null!=t&&"object"==typeof t}function f(t){return"symbol"==typeof t||p(t)&&"[object Symbol]"==d(t)}var m=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,g=/^\w*$/;function v(t,n){if(e(t))return!1;var i=typeof t;return!("number"!=i&&"symbol"!=i&&"boolean"!=i&&null!=t&&!f(t))||(g.test(t)||!m.test(t)||null!=n&&t in Object(n))}function _(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function y(t){if(!_(t))return!1;var e=d(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}var b,x=r["__core-js_shared__"],S=(b=/[^.]+$/.exec(x&&x.keys&&x.keys.IE_PROTO||""))?"Symbol(src)_1."+b:"";var w=Function.prototype.toString;function M(t){if(null!=t){try{return w.call(t)}catch(t){}try{return t+""}catch(t){}}return""}var T=/^\[object .+?Constructor\]$/,A=Function.prototype,E=Object.prototype,C=A.toString,R=E.hasOwnProperty,P=RegExp("^"+C.call(R).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function L(t){return!(!_(t)||(e=t,S&&S in e))&&(y(t)?P:T).test(M(t));var e}function I(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return L(n)?n:void 0}var O=I(Object,"create");var k=Object.prototype.hasOwnProperty;var U=Object.prototype.hasOwnProperty;function D(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}function N(t,e){return t===e||t!=t&&e!=e}function B(t,e){for(var n=t.length;n--;)if(N(t[n][0],e))return n;return-1}D.prototype.clear=function(){this.__data__=O?O(null):{},this.size=0},D.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},D.prototype.get=function(t){var e=this.__data__;if(O){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return k.call(e,t)?e[t]:void 0},D.prototype.has=function(t){var e=this.__data__;return O?void 0!==e[t]:U.call(e,t)},D.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=O&&void 0===e?"__lodash_hash_undefined__":e,this};var F=Array.prototype.splice;function z(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}z.prototype.clear=function(){this.__data__=[],this.size=0},z.prototype.delete=function(t){var e=this.__data__,n=B(e,t);return!(n<0)&&(n==e.length-1?e.pop():F.call(e,n,1),--this.size,!0)},z.prototype.get=function(t){var e=this.__data__,n=B(e,t);return n<0?void 0:e[n][1]},z.prototype.has=function(t){return B(this.__data__,t)>-1},z.prototype.set=function(t,e){var n=this.__data__,i=B(n,t);return i<0?(++this.size,n.push([t,e])):n[i][1]=e,this};var H=I(r,"Map");function W(t,e){var n,i,r=t.__data__;return("string"==(i=typeof(n=e))||"number"==i||"symbol"==i||"boolean"==i?"__proto__"!==n:null===n)?r["string"==typeof e?"string":"hash"]:r.map}function V(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}V.prototype.clear=function(){this.size=0,this.__data__={hash:new D,map:new(H||z),string:new D}},V.prototype.delete=function(t){var e=W(this,t).delete(t);return this.size-=e?1:0,e},V.prototype.get=function(t){return W(this,t).get(t)},V.prototype.has=function(t){return W(this,t).has(t)},V.prototype.set=function(t,e){var n=W(this,t),i=n.size;return n.set(t,e),this.size+=n.size==i?0:1,this};function G(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var i=arguments,r=e?e.apply(this,i):i[0],o=n.cache;if(o.has(r))return o.get(r);var s=t.apply(this,i);return n.cache=o.set(r,s)||o,s};return n.cache=new(G.Cache||V),n}G.Cache=V;var j,X,$,Y=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,q=/\\(\\)?/g,Z=(j=function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(Y,function(t,n,i,r){e.push(i?r.replace(q,"$1"):n||t)}),e},X=G(j,function(t){return 500===$.size&&$.clear(),t}),$=X.cache,X),K=Z;function J(t,e){for(var n=-1,i=null==t?0:t.length,r=Array(i);++n<i;)r[n]=e(t[n],n,t);return r}var Q=o?o.prototype:void 0,tt=Q?Q.toString:void 0;function et(t){if("string"==typeof t)return t;if(e(t))return J(t,et)+"";if(f(t))return tt?tt.call(t):"";var n=t+"";return"0"==n&&1/t==-1/0?"-0":n}function nt(t){return null==t?"":et(t)}function it(t,n){return e(t)?t:v(t,n)?[t]:K(nt(t))}function rt(t){if("string"==typeof t||f(t))return t;var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}function ot(t,e){for(var n=0,i=(e=it(e,t)).length;null!=t&&n<i;)t=t[rt(e[n++])];return n&&n==i?t:void 0}function st(t,e,n){var i=null==t?void 0:ot(t,e);return void 0===i?n:i}var at,lt=(at={"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","Ĳ":"IJ","ĳ":"ij","Œ":"Oe","œ":"oe","ŉ":"'n","ſ":"s"},function(t){return null==at?void 0:at[t]}),ct=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,ht=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var ut=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var dt=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var pt="\\ud800-\\udfff",ft="\\u2700-\\u27bf",mt="a-z\\xdf-\\xf6\\xf8-\\xff",gt="A-Z\\xc0-\\xd6\\xd8-\\xde",vt="\\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",_t="["+vt+"]",yt="\\d+",bt="["+ft+"]",xt="["+mt+"]",St="[^"+pt+vt+yt+ft+mt+gt+"]",wt="(?:\\ud83c[\\udde6-\\uddff]){2}",Mt="[\\ud800-\\udbff][\\udc00-\\udfff]",Tt="["+gt+"]",At="(?:"+xt+"|"+St+")",Et="(?:"+Tt+"|"+St+")",Ct="(?:['’](?:d|ll|m|re|s|t|ve))?",Rt="(?:['’](?:D|LL|M|RE|S|T|VE))?",Pt="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",Lt="[\\ufe0e\\ufe0f]?",It=Lt+Pt+("(?:\\u200d(?:"+["[^"+pt+"]",wt,Mt].join("|")+")"+Lt+Pt+")*"),Ot="(?:"+[bt,wt,Mt].join("|")+")"+It,kt=RegExp([Tt+"?"+xt+"+"+Ct+"(?="+[_t,Tt,"$"].join("|")+")",Et+"+"+Rt+"(?="+[_t,Tt+At,"$"].join("|")+")",Tt+"?"+At+"+"+Ct,Tt+"+"+Rt,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",yt,Ot].join("|"),"g");function Ut(t,e,n){return t=nt(t),void 0===(e=n?void 0:e)?function(t){return dt.test(t)}(t)?function(t){return t.match(kt)||[]}(t):function(t){return t.match(ut)||[]}(t):t.match(e)||[]}var Dt=RegExp("['’]","g");function Nt(t){return function(e){return function(t,e,n,i){var r=-1,o=null==t?0:t.length;for(i&&o&&(n=t[++r]);++r<o;)n=e(n,t[r],r,t);return n}(Ut(function(t){return(t=nt(t))&&t.replace(ct,lt).replace(ht,"")}(e).replace(Dt,"")),t,"")}}var Bt=Nt(function(t,e,n){return t+(n?"-":"")+e.toLowerCase()}),Ft=Bt;function zt(t,e){for(var n=-1,i=null==t?0:t.length;++n<i&&!1!==e(t[n],n,t););return t}var Ht,Wt=function(t,e,n){for(var i=-1,r=Object(t),o=n(t),s=o.length;s--;){var a=o[Ht?s:++i];if(!1===e(r[a],a,r))break}return t},Vt=Wt;function Gt(t){return p(t)&&"[object Arguments]"==d(t)}var jt=Object.prototype,Xt=jt.hasOwnProperty,$t=jt.propertyIsEnumerable,Yt=Gt(function(){return arguments}())?Gt:function(t){return p(t)&&Xt.call(t,"callee")&&!$t.call(t,"callee")},qt=Yt;var Zt="object"==typeof exports&&exports&&!exports.nodeType&&exports,Kt=Zt&&"object"==typeof module&&module&&!module.nodeType&&module,Jt=Kt&&Kt.exports===Zt?r.Buffer:void 0,Qt=(Jt?Jt.isBuffer:void 0)||function(){return!1},te=/^(?:0|[1-9]\d*)$/;function ee(t,e){var n=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==n||"symbol"!=n&&te.test(t))&&t>-1&&t%1==0&&t<e}function ne(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}var ie={};function re(t){return function(e){return t(e)}}ie["[object Float32Array]"]=ie["[object Float64Array]"]=ie["[object Int8Array]"]=ie["[object Int16Array]"]=ie["[object Int32Array]"]=ie["[object Uint8Array]"]=ie["[object Uint8ClampedArray]"]=ie["[object Uint16Array]"]=ie["[object Uint32Array]"]=!0,ie["[object Arguments]"]=ie["[object Array]"]=ie["[object ArrayBuffer]"]=ie["[object Boolean]"]=ie["[object DataView]"]=ie["[object Date]"]=ie["[object Error]"]=ie["[object Function]"]=ie["[object Map]"]=ie["[object Number]"]=ie["[object Object]"]=ie["[object RegExp]"]=ie["[object Set]"]=ie["[object String]"]=ie["[object WeakMap]"]=!1;var oe="object"==typeof exports&&exports&&!exports.nodeType&&exports,se=oe&&"object"==typeof module&&module&&!module.nodeType&&module,ae=se&&se.exports===oe&&n.process,le=function(){try{var t=se&&se.require&&se.require("util").types;return t||ae&&ae.binding&&ae.binding("util")}catch(t){}}(),ce=le&&le.isTypedArray,he=ce?re(ce):function(t){return p(t)&&ne(t.length)&&!!ie[d(t)]},ue=Object.prototype.hasOwnProperty;function de(t,n){var i=e(t),r=!i&&qt(t),o=!i&&!r&&Qt(t),s=!i&&!r&&!o&&he(t),a=i||r||o||s,l=a?function(t,e){for(var n=-1,i=Array(t);++n<t;)i[n]=e(n);return i}(t.length,String):[],c=l.length;for(var h in t)!n&&!ue.call(t,h)||a&&("length"==h||o&&("offset"==h||"parent"==h)||s&&("buffer"==h||"byteLength"==h||"byteOffset"==h)||ee(h,c))||l.push(h);return l}var pe=Object.prototype;function fe(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||pe)}function me(t,e){return function(n){return t(e(n))}}var ge=me(Object.keys,Object),ve=Object.prototype.hasOwnProperty;function _e(t){if(!fe(t))return ge(t);var e=[];for(var n in Object(t))ve.call(t,n)&&"constructor"!=n&&e.push(n);return e}function ye(t){return null!=t&&ne(t.length)&&!y(t)}function be(t){return ye(t)?de(t):_e(t)}var xe=function(t,e){return function(n,i){if(null==n)return n;if(!ye(n))return t(n,i);for(var r=n.length,o=e?r:-1,s=Object(n);(e?o--:++o<r)&&!1!==i(s[o],o,s););return n}}(function(t,e){return t&&Vt(t,e,be)}),Se=xe;function we(t){return t}function Me(t,n){var i;return(e(t)?zt:Se)(t,"function"==typeof(i=n)?i:we)}function Te(t){return"[object String]"===Object.prototype.toString.call(t)}function Ae(t){return!(!Te(t)||""===t)}var Ee=/\s/;var Ce=/^\s+/;function Re(t){return t?t.slice(0,function(t){for(var e=t.length;e--&&Ee.test(t.charAt(e)););return e}(t)+1).replace(Ce,""):t}var Pe=/^[-+]0x[0-9a-f]+$/i,Le=/^0b[01]+$/i,Ie=/^0o[0-7]+$/i,Oe=parseInt;function ke(t){if("number"==typeof t)return t;if(f(t))return NaN;if(_(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=_(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=Re(t);var n=Le.test(t);return n||Ie.test(t)?Oe(t.slice(2),n?2:8):Pe.test(t)?NaN:+t}var Ue=1/0;function De(t){return t?(t=ke(t))===Ue||t===-1/0?17976931348623157e292*(t<0?-1:1):t==t?t:0:0===t?t:0}function Ne(t){var e=De(t),n=e%1;return e==e?n?e-n:e:0}function Be(t){return t!=t}function Fe(t){let e=!1;if(Ae(t))e=!isNaN(Number(t));else if(function(t){return"[object Number]"===Object.prototype.toString.call(t)}(t)){if(Be(t))return!1;e=!0}return e}function ze(t){if(!Fe(t))return 0;return De(t)}function He(t){return!!Fe(t)&&(t=ze(t),"number"==typeof(e=t)&&e==Ne(e));var e}var We=r.isFinite,Ve=Math.min;var Ge=function(t){var e=Math[t];return function(t,n){if(t=ke(t),(n=null==n?0:Ve(Ne(n),292))&&We(t)){var i=(nt(t)+"e").split("e");return+((i=(nt(e(i[0]+"e"+(+i[1]+n)))+"e").split("e"))[0]+"e"+(+i[1]-n))}return e(t)}}("round"),je=Ge;function Xe(t){if(!Fe(t))return 0;t=ze(t);let e=je(t);return"0"===String(e)?0:e}function $e(t){if(!He(t))return!1;return Xe(t)>=0}function Ye(t,e){if(!Ae(t))return"";if(!$e(e))return"";if(0===(e=Xe(e)))return"";let n=t.length-e;return n<0&&(n=0),t.substring(n,n+e)}function qe(t,e){return Ae(t)&&$e(e)?0===(e=Xe(e))?"":t.substring(0,e):""}function Ze(t,e){return Ae(t)&&$e(e)?0===(e=Xe(e))?t:qe(t,t.length-e):""}function Ke(t,e,n){var i=-1,r=t.length;e<0&&(e=-e>r?0:r+e),(n=n>r?r:n)<0&&(n+=r),r=e>n?0:n-e>>>0,e>>>=0;for(var o=Array(r);++i<r;)o[i]=t[i+e];return o}function Je(t,e,n){var i=t.length;return n=void 0===n?i:n,!e&&n>=i?t:Ke(t,e,n)}var Qe=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");function tn(t){return Qe.test(t)}function en(t,e,n){if(!_(n))return!1;var i=typeof e;return!!("number"==i?ye(n)&&ee(e,n.length):"string"==i&&e in n)&&N(n[e],t)}var nn=le&&le.isRegExp,rn=nn?re(nn):function(t){return p(t)&&"[object RegExp]"==d(t)};var on="\\ud800-\\udfff",sn="["+on+"]",an="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",ln="\\ud83c[\\udffb-\\udfff]",cn="[^"+on+"]",hn="(?:\\ud83c[\\udde6-\\uddff]){2}",un="[\\ud800-\\udbff][\\udc00-\\udfff]",dn="(?:"+an+"|"+ln+")"+"?",pn="[\\ufe0e\\ufe0f]?",fn=pn+dn+("(?:\\u200d(?:"+[cn,hn,un].join("|")+")"+pn+dn+")*"),mn="(?:"+[cn+an+"?",an,hn,un,sn].join("|")+")",gn=RegExp(ln+"(?="+ln+")|"+mn+fn,"g");function vn(t){return tn(t)?function(t){return t.match(gn)||[]}(t):function(t){return t.split("")}(t)}function _n(t,e,n){return n&&"number"!=typeof n&&en(t,e,n)&&(e=n=void 0),(n=void 0===n?4294967295:n>>>0)?(t=nt(t))&&("string"==typeof e||null!=e&&!rn(e))&&!(e=et(e))&&tn(t)?Je(vn(t),0,n):t.split(e,n):[]}function yn(t){var e=this.__data__=new z(t);this.size=e.size}yn.prototype.clear=function(){this.__data__=new z,this.size=0},yn.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},yn.prototype.get=function(t){return this.__data__.get(t)},yn.prototype.has=function(t){return this.__data__.has(t)},yn.prototype.set=function(t,e){var n=this.__data__;if(n instanceof z){var i=n.__data__;if(!H||i.length<199)return i.push([t,e]),this.size=++n.size,this;n=this.__data__=new V(i)}return n.set(t,e),this.size=n.size,this};function bn(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new V;++e<n;)this.add(t[e])}function xn(t,e){for(var n=-1,i=null==t?0:t.length;++n<i;)if(e(t[n],n,t))return!0;return!1}function Sn(t,e){return t.has(e)}bn.prototype.add=bn.prototype.push=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this},bn.prototype.has=function(t){return this.__data__.has(t)};function wn(t,e,n,i,r,o){var s=1&n,a=t.length,l=e.length;if(a!=l&&!(s&&l>a))return!1;var c=o.get(t),h=o.get(e);if(c&&h)return c==e&&h==t;var u=-1,d=!0,p=2&n?new bn:void 0;for(o.set(t,e),o.set(e,t);++u<a;){var f=t[u],m=e[u];if(i)var g=s?i(m,f,u,e,t,o):i(f,m,u,t,e,o);if(void 0!==g){if(g)continue;d=!1;break}if(p){if(!xn(e,function(t,e){if(!Sn(p,e)&&(f===t||r(f,t,n,i,o)))return p.push(e)})){d=!1;break}}else if(f!==m&&!r(f,m,n,i,o)){d=!1;break}}return o.delete(t),o.delete(e),d}var Mn=r.Uint8Array;function Tn(t){var e=-1,n=Array(t.size);return t.forEach(function(t,i){n[++e]=[i,t]}),n}function An(t){var e=-1,n=Array(t.size);return t.forEach(function(t){n[++e]=t}),n}var En=o?o.prototype:void 0,Cn=En?En.valueOf:void 0;function Rn(t,e){for(var n=-1,i=e.length,r=t.length;++n<i;)t[r+n]=e[n];return t}function Pn(t,n,i){var r=n(t);return e(t)?r:Rn(r,i(t))}function Ln(t,e){for(var n=-1,i=null==t?0:t.length,r=0,o=[];++n<i;){var s=t[n];e(s,n,t)&&(o[r++]=s)}return o}function In(){return[]}var On=Object.prototype.propertyIsEnumerable,kn=Object.getOwnPropertySymbols,Un=kn?function(t){return null==t?[]:(t=Object(t),Ln(kn(t),function(e){return On.call(t,e)}))}:In,Dn=Un;function Nn(t){return Pn(t,be,Dn)}var Bn=Object.prototype.hasOwnProperty;var Fn=I(r,"DataView"),zn=I(r,"Promise"),Hn=I(r,"Set"),Wn=I(r,"WeakMap"),Vn="[object Map]",Gn="[object Promise]",jn="[object Set]",Xn="[object WeakMap]",$n="[object DataView]",Yn=M(Fn),qn=M(H),Zn=M(zn),Kn=M(Hn),Jn=M(Wn),Qn=d;(Fn&&Qn(new Fn(new ArrayBuffer(1)))!=$n||H&&Qn(new H)!=Vn||zn&&Qn(zn.resolve())!=Gn||Hn&&Qn(new Hn)!=jn||Wn&&Qn(new Wn)!=Xn)&&(Qn=function(t){var e=d(t),n="[object Object]"==e?t.constructor:void 0,i=n?M(n):"";if(i)switch(i){case Yn:return $n;case qn:return Vn;case Zn:return Gn;case Kn:return jn;case Jn:return Xn}return e});var ti=Qn,ei="[object Arguments]",ni="[object Array]",ii="[object Object]",ri=Object.prototype.hasOwnProperty;function oi(t,n,i,r,o,s){var a=e(t),l=e(n),c=a?ni:ti(t),h=l?ni:ti(n),u=(c=c==ei?ii:c)==ii,d=(h=h==ei?ii:h)==ii,p=c==h;if(p&&Qt(t)){if(!Qt(n))return!1;a=!0,u=!1}if(p&&!u)return s||(s=new yn),a||he(t)?wn(t,n,i,r,o,s):function(t,e,n,i,r,o,s){switch(n){case"[object DataView]":if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=e.byteLength||!o(new Mn(t),new Mn(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return N(+t,+e);case"[object Error]":return t.name==e.name&&t.message==e.message;case"[object RegExp]":case"[object String]":return t==e+"";case"[object Map]":var a=Tn;case"[object Set]":var l=1&i;if(a||(a=An),t.size!=e.size&&!l)return!1;var c=s.get(t);if(c)return c==e;i|=2,s.set(t,e);var h=wn(a(t),a(e),i,r,o,s);return s.delete(t),h;case"[object Symbol]":if(Cn)return Cn.call(t)==Cn.call(e)}return!1}(t,n,c,i,r,o,s);if(!(1&i)){var f=u&&ri.call(t,"__wrapped__"),m=d&&ri.call(n,"__wrapped__");if(f||m){var g=f?t.value():t,v=m?n.value():n;return s||(s=new yn),o(g,v,i,r,s)}}return!!p&&(s||(s=new yn),function(t,e,n,i,r,o){var s=1&n,a=Nn(t),l=a.length;if(l!=Nn(e).length&&!s)return!1;for(var c=l;c--;){var h=a[c];if(!(s?h in e:Bn.call(e,h)))return!1}var u=o.get(t),d=o.get(e);if(u&&d)return u==e&&d==t;var p=!0;o.set(t,e),o.set(e,t);for(var f=s;++c<l;){var m=t[h=a[c]],g=e[h];if(i)var v=s?i(g,m,h,e,t,o):i(m,g,h,t,e,o);if(!(void 0===v?m===g||r(m,g,n,i,o):v)){p=!1;break}f||(f="constructor"==h)}if(p&&!f){var _=t.constructor,y=e.constructor;_==y||!("constructor"in t)||!("constructor"in e)||"function"==typeof _&&_ instanceof _&&"function"==typeof y&&y instanceof y||(p=!1)}return o.delete(t),o.delete(e),p}(t,n,i,r,o,s))}function si(t,e,n,i,r){return t===e||(null==t||null==e||!p(t)&&!p(e)?t!=t&&e!=e:oi(t,e,n,i,si,r))}function ai(t){return t==t&&!_(t)}function li(t,e){return function(n){return null!=n&&(n[t]===e&&(void 0!==e||t in Object(n)))}}function ci(t){var e=function(t){for(var e=be(t),n=e.length;n--;){var i=e[n],r=t[i];e[n]=[i,r,ai(r)]}return e}(t);return 1==e.length&&e[0][2]?li(e[0][0],e[0][1]):function(n){return n===t||function(t,e,n,i){var r=n.length,o=r,s=!i;if(null==t)return!o;for(t=Object(t);r--;){var a=n[r];if(s&&a[2]?a[1]!==t[a[0]]:!(a[0]in t))return!1}for(;++r<o;){var l=(a=n[r])[0],c=t[l],h=a[1];if(s&&a[2]){if(void 0===c&&!(l in t))return!1}else{var u=new yn;if(i)var d=i(c,h,l,t,e,u);if(!(void 0===d?si(h,c,3,i,u):d))return!1}}return!0}(n,t,e)}}function hi(t,e){return null!=t&&e in Object(t)}function ui(t,n){return null!=t&&function(t,n,i){for(var r=-1,o=(n=it(n,t)).length,s=!1;++r<o;){var a=rt(n[r]);if(!(s=null!=t&&i(t,a)))break;t=t[a]}return s||++r!=o?s:!!(o=null==t?0:t.length)&&ne(o)&&ee(a,o)&&(e(t)||qt(t))}(t,n,hi)}function di(t){return function(e){return null==e?void 0:e[t]}}function pi(t){return v(t)?di(rt(t)):function(t){return function(e){return ot(e,t)}}(t)}function fi(t){return"function"==typeof t?t:null==t?we:"object"==typeof t?e(t)?(n=t[0],i=t[1],v(n)&&ai(i)?li(rt(n),i):function(t){var e=st(t,n);return void 0===e&&e===i?ui(t,n):si(i,e,3)}):ci(t):pi(t);var n,i}function mi(t,e){var n=-1,i=ye(t)?Array(t.length):[];return Se(t,function(t,r,o){i[++n]=e(t,r,o)}),i}function gi(t,n){return(e(t)?J:mi)(t,fi(n))}var vi=function(){try{var t=I(Object,"defineProperty");return t({},"",{}),t}catch(t){}}(),_i=vi;function yi(t,e,n){"__proto__"==e&&_i?_i(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}function bi(t){if(!Ae(t))return{};if(!Ae(t=st(t=_n(t,"?"),"[1]")))return{};let e=_n(t,"&");return e=gi(e,function(t){return _n(t,"=")}),e=function(t){for(var e=-1,n=null==t?0:t.length,i={};++e<n;){var r=t[e];yi(i,r[0],r[1])}return i}(e),e}var xi=di("length"),Si="\\ud800-\\udfff",wi="["+Si+"]",Mi="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Ti="\\ud83c[\\udffb-\\udfff]",Ai="[^"+Si+"]",Ei="(?:\\ud83c[\\udde6-\\uddff]){2}",Ci="[\\ud800-\\udbff][\\udc00-\\udfff]",Ri="(?:"+Mi+"|"+Ti+")"+"?",Pi="[\\ufe0e\\ufe0f]?",Li=Pi+Ri+("(?:\\u200d(?:"+[Ai,Ei,Ci].join("|")+")"+Pi+Ri+")*"),Ii="(?:"+[Ai+Mi+"?",Mi,Ei,Ci,wi].join("|")+")",Oi=RegExp(Ti+"(?="+Ti+")|"+Ii+Li,"g");function ki(t){return tn(t)?function(t){for(var e=Oi.lastIndex=0;Oi.test(t);)++e;return e}(t):xi(t)}function Ui(t){if(null==t)return 0;if(ye(t))return"string"==typeof(n=t)||!e(n)&&p(n)&&"[object String]"==d(n)?ki(t):t.length;var n,i=ti(t);return"[object Map]"==i||"[object Set]"==i?t.size:_e(t).length}function Di(t,e){for(var n=-1,i=null==t?0:t.length;++n<i;)if(!e(t[n],n,t))return!1;return!0}function Ni(t,e){var n=!0;return Se(t,function(t,i,r){return n=!!e(t,i,r)}),n}function Bi(t,e){return si(t,e)}function Fi(t){return"[object Object]"===Object.prototype.toString.call(t)}function zi(t){if(!He(t))return!1;return Xe(t)>0}let Hi="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Wi=Hi.length;function Vi(t=32){let e=[];t=zi(t)?Xe(t):32;for(let n=0;n<t;n++)e[n]=Hi[0|Math.random()*Wi];return e.join("")}var Gi=Object.prototype.hasOwnProperty;function ji(t,e,n){var i=t[e];Gi.call(t,e)&&N(i,n)&&(void 0!==n||e in t)||yi(t,e,n)}function Xi(t,e,n,i){var r=!n;n||(n={});for(var o=-1,s=e.length;++o<s;){var a=e[o],l=i?i(n[a],t[a],a,n,t):void 0;void 0===l&&(l=t[a]),r?yi(n,a,l):ji(n,a,l)}return n}var $i=Object.prototype.hasOwnProperty;function Yi(t){if(!_(t))return function(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}(t);var e=fe(t),n=[];for(var i in t)("constructor"!=i||!e&&$i.call(t,i))&&n.push(i);return n}function qi(t){return ye(t)?de(t,!0):Yi(t)}var Zi="object"==typeof exports&&exports&&!exports.nodeType&&exports,Ki=Zi&&"object"==typeof module&&module&&!module.nodeType&&module,Ji=Ki&&Ki.exports===Zi?r.Buffer:void 0,Qi=Ji?Ji.allocUnsafe:void 0;function tr(t,e){if(e)return t.slice();var n=t.length,i=Qi?Qi(n):new t.constructor(n);return t.copy(i),i}function er(t,e){var n=-1,i=t.length;for(e||(e=Array(i));++n<i;)e[n]=t[n];return e}var nr=me(Object.getPrototypeOf,Object),ir=Object.getOwnPropertySymbols?function(t){for(var e=[];t;)Rn(e,Dn(t)),t=nr(t);return e}:In,rr=ir;function or(t){return Pn(t,qi,rr)}var sr=Object.prototype.hasOwnProperty;function ar(t){var e=new t.constructor(t.byteLength);return new Mn(e).set(new Mn(t)),e}var lr=/\w*$/;var cr=o?o.prototype:void 0,hr=cr?cr.valueOf:void 0;function ur(t,e){var n=e?ar(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}function dr(t,e,n){var i,r=t.constructor;switch(e){case"[object ArrayBuffer]":return ar(t);case"[object Boolean]":case"[object Date]":return new r(+t);case"[object DataView]":return function(t,e){var n=e?ar(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,n);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return ur(t,n);case"[object Map]":case"[object Set]":return new r;case"[object Number]":case"[object String]":return new r(t);case"[object RegExp]":return function(t){var e=new t.constructor(t.source,lr.exec(t));return e.lastIndex=t.lastIndex,e}(t);case"[object Symbol]":return i=t,hr?Object(hr.call(i)):{}}}var pr=Object.create,fr=function(){function t(){}return function(e){if(!_(e))return{};if(pr)return pr(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}(),mr=fr;function gr(t){return"function"!=typeof t.constructor||fe(t)?{}:mr(nr(t))}var vr=le&&le.isMap,_r=vr?re(vr):function(t){return p(t)&&"[object Map]"==ti(t)};var yr=le&&le.isSet,br=yr?re(yr):function(t){return p(t)&&"[object Set]"==ti(t)},xr="[object Arguments]",Sr="[object Function]",wr="[object Object]",Mr={};function Tr(t,n,i,r,o,s){var a,l=1&n,c=2&n,h=4&n;if(i&&(a=o?i(t,r,o,s):i(t)),void 0!==a)return a;if(!_(t))return t;var u=e(t);if(u){if(a=function(t){var e=t.length,n=new t.constructor(e);return e&&"string"==typeof t[0]&&sr.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(t),!l)return er(t,a)}else{var d=ti(t),p=d==Sr||"[object GeneratorFunction]"==d;if(Qt(t))return tr(t,l);if(d==wr||d==xr||p&&!o){if(a=c||p?{}:gr(t),!l)return c?function(t,e){return Xi(t,rr(t),e)}(t,function(t,e){return t&&Xi(e,qi(e),t)}(a,t)):function(t,e){return Xi(t,Dn(t),e)}(t,function(t,e){return t&&Xi(e,be(e),t)}(a,t))}else{if(!Mr[d])return o?t:{};a=dr(t,d,l)}}s||(s=new yn);var f=s.get(t);if(f)return f;s.set(t,a),br(t)?t.forEach(function(e){a.add(Tr(e,n,i,e,t,s))}):_r(t)&&t.forEach(function(e,r){a.set(r,Tr(e,n,i,r,t,s))});var m=u?void 0:(h?c?or:Nn:c?qi:be)(t);return zt(m||t,function(e,r){m&&(e=t[r=e]),ji(a,r,Tr(e,n,i,r,t,s))}),a}Mr[xr]=Mr["[object Array]"]=Mr["[object ArrayBuffer]"]=Mr["[object DataView]"]=Mr["[object Boolean]"]=Mr["[object Date]"]=Mr["[object Float32Array]"]=Mr["[object Float64Array]"]=Mr["[object Int8Array]"]=Mr["[object Int16Array]"]=Mr["[object Int32Array]"]=Mr["[object Map]"]=Mr["[object Number]"]=Mr[wr]=Mr["[object RegExp]"]=Mr["[object Set]"]=Mr["[object String]"]=Mr["[object Symbol]"]=Mr["[object Uint8Array]"]=Mr["[object Uint8ClampedArray]"]=Mr["[object Uint16Array]"]=Mr["[object Uint32Array]"]=!0,Mr["[object Error]"]=Mr[Sr]=Mr["[object WeakMap]"]=!1;function Ar(t){return Tr(t,5)}function Er(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var Cr={exports:{}};!function(t){var e=Object.prototype.hasOwnProperty,n="~";function i(){}function r(t,e,n){this.fn=t,this.context=e,this.once=n||!1}function o(t,e,i,o,s){if("function"!=typeof i)throw new TypeError("The listener must be a function");var a=new r(i,o||t,s),l=n?n+e:e;return t._events[l]?t._events[l].fn?t._events[l]=[t._events[l],a]:t._events[l].push(a):(t._events[l]=a,t._eventsCount++),t}function s(t,e){0===--t._eventsCount?t._events=new i:delete t._events[e]}function a(){this._events=new i,this._eventsCount=0}Object.create&&(i.prototype=Object.create(null),(new i).__proto__||(n=!1)),a.prototype.eventNames=function(){var t,i,r=[];if(0===this._eventsCount)return r;for(i in t=this._events)e.call(t,i)&&r.push(n?i.slice(1):i);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(t)):r},a.prototype.listeners=function(t){var e=n?n+t:t,i=this._events[e];if(!i)return[];if(i.fn)return[i.fn];for(var r=0,o=i.length,s=new Array(o);r<o;r++)s[r]=i[r].fn;return s},a.prototype.listenerCount=function(t){var e=n?n+t:t,i=this._events[e];return i?i.fn?1:i.length:0},a.prototype.emit=function(t,e,i,r,o,s){var a=n?n+t:t;if(!this._events[a])return!1;var l,c,h=this._events[a],u=arguments.length;if(h.fn){switch(h.once&&this.removeListener(t,h.fn,void 0,!0),u){case 1:return h.fn.call(h.context),!0;case 2:return h.fn.call(h.context,e),!0;case 3:return h.fn.call(h.context,e,i),!0;case 4:return h.fn.call(h.context,e,i,r),!0;case 5:return h.fn.call(h.context,e,i,r,o),!0;case 6:return h.fn.call(h.context,e,i,r,o,s),!0}for(c=1,l=new Array(u-1);c<u;c++)l[c-1]=arguments[c];h.fn.apply(h.context,l)}else{var d,p=h.length;for(c=0;c<p;c++)switch(h[c].once&&this.removeListener(t,h[c].fn,void 0,!0),u){case 1:h[c].fn.call(h[c].context);break;case 2:h[c].fn.call(h[c].context,e);break;case 3:h[c].fn.call(h[c].context,e,i);break;case 4:h[c].fn.call(h[c].context,e,i,r);break;default:if(!l)for(d=1,l=new Array(u-1);d<u;d++)l[d-1]=arguments[d];h[c].fn.apply(h[c].context,l)}}return!0},a.prototype.on=function(t,e,n){return o(this,t,e,n,!1)},a.prototype.once=function(t,e,n){return o(this,t,e,n,!0)},a.prototype.removeListener=function(t,e,i,r){var o=n?n+t:t;if(!this._events[o])return this;if(!e)return s(this,o),this;var a=this._events[o];if(a.fn)a.fn!==e||r&&!a.once||i&&a.context!==i||s(this,o);else{for(var l=0,c=[],h=a.length;l<h;l++)(a[l].fn!==e||r&&!a[l].once||i&&a[l].context!==i)&&c.push(a[l]);c.length?this._events[o]=1===c.length?c[0]:c:s(this,o)}return this},a.prototype.removeAllListeners=function(t){var e;return t?(e=n?n+t:t,this._events[e]&&s(this,e)):(this._events=new i,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=n,a.EventEmitter=a,t.exports=a}(Cr);var Rr=Er(Cr.exports);function Pr(){return new Rr}function Lr(t){let e=Object.prototype.toString.call(t);return"[object Function]"===e||"[object AsyncFunction]"===e}function Ir(){let t={};return{bind:function(e,n,i){let r=`r${Vi()}`;e.setAttribute("ev-resize",r);let o=function(t,e={}){let n=st(e,"timeInterval",null);zi(n)||(n=20);let i=st(e,"tolerancePixel",null);zi(i)||(i=1);let r,o=Pr(),s={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0},a=Ar(s),l={width:"",height:""};if(!Lr(t))return console.log("invalid f",t),null;r=setInterval(()=>{let e=t();if(e){let t={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight,windowWidth:window.innerWidth,windowHeight:window.innerHeight},n=a.offsetWidth-t.offsetWidth,r=a.offsetHeight-t.offsetHeight,c=Math.abs(n)>i,h=Math.abs(r)>i,u="";n>0?u="smaller":n<0&&(u="larger");let d="";if(r>0?d="smaller":r<0&&(d="larger"),l={width:u,height:d},c||h){let n={...a};setTimeout(()=>{t.offsetWidth>0&&t.offsetHeight>0&&(o.emit("resize",{sold:n,snew:t,smode:l,ele:e}),o.emit("resizeWithWindow",{sold:n,snew:t,smode:l,ele:e,from:"dom"}))},1)}s=a,a=t}},n);let c=t=>{o.emit("resizeWithWindow",{sold:s,snew:a,smode:l,from:"window"})};return window.addEventListener("resize",c),o.clear=()=>{clearInterval(r),window.removeEventListener("resize",c)},o}(()=>e);o.on("resizeWithWindow",t=>{!function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"domresize",t)}),t[r]=o},unbind:function(e){let n=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),t[n]&&(t[n].clear(),t[n]=null,delete t[n])}}}var Or,kr=(Or="toUpperCase",function(t){var e=tn(t=nt(t))?vn(t):void 0,n=e?e[0]:t.charAt(0),i=e?Je(e,1).join(""):t.slice(1);return n[Or]()+i});function Ur(t){return kr(nt(t).toLowerCase())}var Dr=Nt(function(t,e,n){return e=e.toLowerCase(),t+(n?Ur(e):e)}),Nr=Dr;let Br={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 Fr(t){if("white"===t)return"#fff";if("black"===t)return"#000";if("transparent"===t)return"rgba(0,0,0,0)";let e=function(t){let e=_n(t," ");return 1===Ui(e)&&(e[1]=null),e}(t),n=function(t,e,n){let i=st(Br,`default.${t}.${e}`,null);return null===i&&(i=n),i}(function(t){let e=t.trim();return e=Nr(e),e}(e[0]),function(t){Ae(t)||(t="base");let e=t.trim();return e=e.replace("-","").trim(),e}(e[1]),t);return n}function zr(t,e,n){if(!Ae(t))return"";if(!Ae(e))return"";if(!Te(n))return"";return String(t).replaceAll(e,n)}function Hr(t){if(Fi(t)){for(let e in t)return!0;return!1}return!1}var Wr=Function.prototype,Vr=Object.prototype,Gr=Wr.toString,jr=Vr.hasOwnProperty,Xr=Gr.call(Object);function $r(t){if(!p(t)||"[object Object]"!=d(t))return!1;var e=nr(t);if(null===e)return!0;var n=jr.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&Gr.call(n)==Xr}function Yr(t){return p(e=t)&&1===e.nodeType&&!$r(e);var e}function qr(t){function e(t){t.parentNode.removeChild(t)}if(Yr(t)){return void e(t)}if(!Ae(t))return;let n=function(t){return document.querySelectorAll(t)}(t);Me(n,function(t){e(t)})}function Zr(t,e,n={}){let i=st(n,"timeDuration",null);zi(i)||(i=1e3);let r=st(n,"color",null);if(Ae(r)||(r="rgba(255, 255, 255, 0.5)"),!Yr(t))return;t.style.position="relative",t.style.overflow="hidden";let o=t.getBoundingClientRect(),s=e.clientX-o.left,a=e.clientY-o.top,l=2*Math.max(t.clientWidth,t.clientHeight),c=document.createElement("div");c.style.width=`${l}px`,c.style.height=`${l}px`,c.style.transition=`all ${i/1e3}s linear`,c.style.position="absolute",c.style.zIndex=1,c.style.left=`${s}px`,c.style.top=`${a}px`,c.style.borderRadius="50%",c.style.transformOrigin="center",c.style.transform="translate(-50%,-50%) scale(0)",c.style.background=r,c.style.userSelect="none",c.style.pointerEvents="none",t.appendChild(c),setTimeout(()=>{c.style.transform="translate(-50%,-50%) scale(2)",c.style.opacity=0},1),setTimeout(()=>{qr(c)},i)}function Kr(t){return!0===(e=t)||!1===e||p(e)&&"[object Boolean]"==d(e);var e}function Jr(t){return"number"==typeof t||p(t)&&"[object Number]"==d(t)}function Qr(t,e={}){let n=st(e,"parse");Kr(n)||(n=!0);let i=st(e,"ext");Hr(i)||(i={});let r=st(e,"semicolon");Kr(r)||(r=!0);let o=st(e,"returnObj");Kr(o)||(o=!1);let s=0,a=0,l=0,c=0;if(n){let e=function(t,e={}){let n,i=st(e,"def",""),r=st(e,"type","");"num"!==r&&"text"!==r&&(r="num"),"num"===r?n=Jr:"text"===r&&(n=Te);let o=i,s=i,a=i,l=i;return n(st(t,"h"))&&(o=st(t,"h"),s=o),n(st(t,"v"))&&(a=st(t,"v"),l=a),n(st(t,"left"))&&(o=st(t,"left")),n(st(t,"right"))&&(s=st(t,"right")),n(st(t,"top"))&&(a=st(t,"top")),n(st(t,"bottom"))&&(l=st(t,"bottom")),{left:o,right:s,top:a,bottom:l}}(t);s=e.left,a=e.right,l=e.top,c=e.bottom}s+=st(i,"left",0),a+=st(i,"right",0),l+=st(i,"top",0),c+=st(i,"bottom",0);let h=null;return o?h={left:s,right:a,top:l,bottom:c}:(h=`${l}px ${a}px ${c}px ${s}px`,r&&(h=`${h};`)),h}function to(t){return"[object Array]"===Object.prototype.toString.call(t)}function eo(t){return"[object Undefined]"===Object.prototype.toString.call(t)}function no(t){return!!eo(t)||(!!function(t){return"[object Null]"===Object.prototype.toString.call(t)}(t)||(!!function(t){if(Fi(t)){for(let e in t)return!1;return!0}return!1}(t)||(!!function(t){return!(!Te(t)||""!==t)}(t)||(!!function(t){return!!to(t)&&0===t.length}(t)||!!Be(t)))))}function io(t){return!!to(t)&&(0!==t.length&&(1!==t.length||!no(t[0])))}var ro={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 Ae(this.icon)},isMdi:function(){return!!this.hasIcon&&this.icon.indexOf("mdi-")>=0},isFa:function(){return!!this.hasIcon&&this.icon.indexOf(" fa-")>=0},isSvg:function(){let t=this;if(t.isMdi||t.isFa)return!1;let e=Ae(t.icon),n=io(t.icon);return e||n},usePaths:function(){let t=this;if(!t.isSvg)return[];let e=t.icon;return Ae(t.icon)&&(e=[t.icon]),e},useIconColor:function(){let t=this;return t.mouseEnter?Fr(t.colorHover):Fr(t.color)},useStyleSize:function(){let t=this;return{width:`${t.size}px`,height:`${t.size}px`,"line-height":`${t.size}px`,"max-height":`${t.size}px`,"min-height":`${t.size}px`}}},methods:{}};function oo(t,e,n,i,r,o,s,a,l,c){"boolean"!=typeof s&&(l=a,a=s,s=!1);const h="function"==typeof n?n.options:n;let u;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,r&&(h.functional=!0)),i&&(h._scopeId=i),o?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(o)},h._ssrRegister=u):e&&(u=s?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),u)if(h.functional){const t=h.render;h.render=function(e,n){return u.call(n),t(e,n)}}else{const t=h.beforeCreate;h.beforeCreate=t?[].concat(t,u):[u]}return n}const so="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function ao(t){return(t,e)=>function(t,e){const n=so?e.media||"default":t,i=co[n]||(co[n]={ids:new Set,styles:[]});if(!i.ids.has(t)){i.ids.add(t);let n=e.source;if(e.map&&(n+="\n/*# sourceURL="+e.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",e.media&&i.element.setAttribute("media",e.media),void 0===lo&&(lo=document.head||document.getElementsByTagName("head")[0]),lo.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(n),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{const t=i.ids.size-1,e=document.createTextNode(n),r=i.element.childNodes;r[t]&&i.element.removeChild(r[t]),r.length?i.element.insertBefore(e,r[t]):i.element.appendChild(e)}}}(t,e)}let lo;const co={};const ho=ro;var uo=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.icon?n("div",{style:[t.useStyleSize,{display:"flex","align-items":"center","user-select":"none",border:"0px solid #ddd"}],on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.$emit("click",e)}.apply(null,arguments)},click:function(e){t.$emit("click",e)}}},[t.isSvg?n("svg",{style:"transition:all "+t.timeTransition+"s linear; fill:"+t.useIconColor+";",attrs:{width:t.size,height:t.size,viewBox:"0 0 "+t.sizeOriginal+" "+t.sizeOriginal},on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},t._l(t.usePaths,function(e,i){return n("path",{key:i,attrs:{d:t.icon}})}),0):t._e(),t._v(" "),t.isMdi?n("div",{style:"transition:all "+t.timeTransition+"s linear; width:"+t.size+"px; height:"+t.size+"px; color:"+t.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},[n("span",{class:"mdi "+t.icon,style:"font-size:"+t.size+"px;"})]):t._e(),t._v(" "),t.isFa?n("div",{style:"transition:all "+t.timeTransition+"s linear; width:"+t.size+"px; height:"+t.size+"px; color:"+t.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},[n("div",{style:"width:"+t.size+"px; height:"+t.size+"px; _transform-origin:center; transform:translateX(0px) translateY(0px) scale("+t.r+");"},[n("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n("i",{class:"fas "+t.icon,style:"font-size:"+t.size+"px;"})])])]):t._e()]):t._e()};uo._withStripped=!0;const po=oo({render:uo,staticRenderFns:[]},function(t){t&&t("data-v-3aa6fba6_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})},ho,"data-v-3aa6fba6",false,void 0,!1,ao,void 0,void 0);var fo={directives:{domripple:function(){let t={};return{bind:function(e,n,i){let r=`r${Vi()}`;e.setAttribute("ev-ripple",r),function(e,n){let i=e.getAttribute("ev-ripple"),r=st(n,"value");if(r=Hr(r),!r)return;let o=st(n,"value.color");if(!Ae(o))return;o=Fr(o);let s=st(n,"value.timeDuration");Fe(s)||(s=1e3);function a(t){Zr(t.currentTarget,t,{color:o,timeDuration:s})}s=ze(s),e.addEventListener("click",a,!1),t[i]=a}(e,n)},unbind:function(e){!function(e){let n=e.getAttribute("ev-ripple");if(t[n]){let i=t[n];e.removeEventListener("click",i,!1),delete t[n]}}(e),e.setAttribute("ev-ripple",null)}}}()},components:{WIcon:po},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:()=>({v:10,h:12})},borderRadius:{type:Number,default:0},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},backgroundColorDisabled:{type:String,default:"white"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},textColorDisabled:{type:String,default:"#444"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},iconColorDisabled:{type:String,default:"#444"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"},cursorPointer:{type:Boolean,default:!0}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){let t=this.textFontSize;return t=zr(t,";",""),`font-size:${t};`},hasIcon:function(){return""!==this.icon},usePadding:function(){return`padding:${Qr(this.paddingStyle,{ext:{}})};`},effBackgroundColor:function(){return Fr(this.backgroundColor)},effBackgroundColorHover:function(){return Fr(this.backgroundColorHover)},effBackgroundActive:function(){return Fr(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return Fr(this.backgroundColorDisabled)},useBackgroundColor:function(){let t=this;return t.editable?t.active?t.effBackgroundActive:t.mouseEnter?t.effBackgroundColorHover:t.effBackgroundColor:t.effBackgroundColorDisabled},effTextColor:function(){return Fr(this.textColor)},effTextColorHover:function(){return Fr(this.textColorHover)},effTextActive:function(){return Fr(this.textColorActive)},effTextColorDisabled:function(){return Fr(this.textColorDisabled)},useTextColor:function(){let t=this;return t.editable?t.active?t.effTextActive:t.mouseEnter?t.effTextColorHover:t.effTextColor:t.effTextColorDisabled},effIconColor:function(){return Fr(this.iconColor)},effIconColorHover:function(){return Fr(this.iconColorHover)},effIconActive:function(){return Fr(this.iconColorActive)},effIconColorDisabled:function(){return Fr(this.iconColorDisabled)},useIconColor:function(){let t=this;return t.editable?t.active?t.effIconActive:t.mouseEnter?t.effIconColorHover:t.effIconColor:t.effIconColorDisabled},effDisabledColor:function(){return Fr(this.disabledColor)}},methods:{clickItem:function(){let t=this;t.editable&&t.$emit("click",{icon:t.icon,text:t.text})}}};const mo=fo;var go=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:t.rippleColor},expression:"{color:rippleColor}"}],style:"position:relative; transition:all 0.3s; border-top-left-radius:"+t.borderRadius+"px; border-top-right-radius:"+t.borderRadius+"px; "+t.usePadding+" background:"+t.useBackgroundColor+"; "+(t.editable&&t.cursorPointer?"cursor:pointer;":"cursor:context-menu;"),on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1},click:t.clickItem}},[n("div",{style:"transition:all 0.3s; color:"+t.useTextColor+"; "+t.useTextFontSize},[t._t("item",function(){return[n("div",{staticStyle:{display:"flex","align-items":"center"}},[t._t("item-left",null,{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t._t("item-content",function(){return[t.hasIcon?n("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:t.icon,color:t.useIconColor,colorHover:t.useIconColor,size:t.iconSize}}):t._e(),t._v(" "),n("div",[t._v("\n                        "+t._s(t.text)+"\n                    ")])]},{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t._t("item-right",null,{isHover:t.mouseEnter,isActive:t.active})],2)]},{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t.editable?t._e():n("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[n("div",{style:"overflow:hidden; width:100%; height:100%;"},[n("div",{style:"background:"+t.effDisabledColor+"; height:100%;"})])])],2)])};go._withStripped=!0;const vo=oo({render:go,staticRenderFns:[]},function(t){t&&t("data-v-374fc012_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})},mo,"data-v-374fc012",false,void 0,!1,ao,void 0,void 0);var _o={directives:{domresize:Ir()},components:{WListItem:vo},props:{items:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},space:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBorderRadius:{type:Number,default:0},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"white"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"orange darken-3"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"orange darken-3"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(245,124,0,0.4)"},borderBottom:{type:Boolean,default:!0},borderBottomSize:{type:Number,default:2},borderBottomColor:{type:String,default:"rgba(245,124,0,0.8)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0}},data:function(){return{borderBottomLeft:0,borderBottomWidth:0,itemActiveTrans:null}},watch:{itemActiveTrans:{handler(t,e){this.updateBorderBottom()},immediate:!0}},computed:{changeItemActive:function(){let t=this;return t.enableActive&&(t.itemActiveTrans=t.itemActive),""},isObjValue:function(){return 0!==Ui(this.items)&&function(t,n,i){var r=e(t)?Di:Ni;return i&&en(t,n,i)&&(n=void 0),r(t,fi(n))}(this.items,t=>Fi(t))},effBorderBottomColor:function(){return Fr(this.borderBottomColor)}},methods:{resize:function(t){this.updateBorderBottom()},getIcon:function(t){let e=this;return e.isObjValue?st(t,e.keyIcon,""):""},getText:function(t){let e=this;if(e.isObjValue){return st(t,e.keyText,"")}return t},getActive:function(t){let e=this,n=!1;return e.enableActive&&(n=Bi(t,e.itemActiveTrans)),n},getEditable:function(t){return st(t,"editable",!0)},updateBorderBottom:function(){let t=this;if(null==t.itemActiveTrans)return;let e=0,n=[];Me(st(t,"$refs.wli",[]),(i,r)=>{let o=i,s=st(o,"clientWidth",0),a=st(o,"clientHeight",0),l=e,c=s,h=a;r>0&&t.space>0&&(l+=t.space,c-=t.space),n.push({left:l,bottom:0,width:c,heiht:h}),e+=s});let i=-1;if(Me(t.items,(e,n)=>{if(Bi(e,t.itemActiveTrans))return i=n,!1}),-1===i)return;let r=n[i];t.borderBottomLeft=r.left,t.borderBottomWidth=r.width},ckItem:function(t,e){let n=this;if(!n.getEditable(t))return;n.itemActiveTrans=t;let i=null;i=n.isObjValue?{...t}:t,n.$emit("click",i,e),n.$emit("update:itemActive",i)}}};const yo=_o;var bo=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:t.changeItemActive},on:{domresize:t.resize}},[n("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[t.borderBottom?n("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+t.borderBottomLeft+"px; padding-left:"+t.borderBottomWidth+"px; border-bottom:"+t.borderBottomSize+"px solid "+t.effBorderBottomColor+";"}):t._e(),t._v(" "),t._l(t.items,function(e,i){return n("div",{key:i},[n("div",{ref:"wli",refInFor:!0,style:t.space>0&&i>0?"padding-left:"+t.space+"px;":""},[n("WListItem",{attrs:{icon:t.getIcon(e),text:t.getText(e),textFontSize:t.itemTextFontSize,active:t.getActive(e),paddingStyle:t.paddingStyle,borderRadius:t.itemBorderRadius,backgroundColor:t.itemBackgroundColor,backgroundColorHover:t.itemBackgroundColorHover,backgroundColorActive:t.itemBackgroundColorActive,backgroundColorDisabled:t.itemBackgroundColorDisabled,textColor:t.itemTextColor,textColorHover:t.itemTextColorHover,textColorActive:t.itemTextColorActive,textColorDisabled:t.itemTextColorDisabled,iconSize:t.itemIconSize,iconColor:t.itemIconColor,iconColorHover:t.itemIconColorHover,iconColorActive:t.itemIconColorActive,iconColorDisabled:t.itemIconColorDisabled,rippleColor:t.getEditable(e)?t.itemRippleColor:null,editable:t.getEditable(e),disabledColor:t.itemDisabledColor,cursorPointer:!t.getActive(e)&&t.itemCursorPointer},on:{click:function(n){return t.ckItem(e,i)}},scopedSlots:t._u([{key:"item",fn:function(n){return[t._t("item",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-left",fn:function(n){return[t._t("item-left",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-content",fn:function(n){return[t._t("item-content",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-right",fn:function(n){return[t._t("item-right",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}}],null,!0)})],1)])})],2)])};bo._withStripped=!0;const xo=oo({render:bo,staticRenderFns:[]},function(t){t&&t("data-v-8517fc2a_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})},yo,"data-v-8517fc2a",false,void 0,!1,ao,void 0,void 0);function So(t){return t!=t}function wo(t,e,n){return e==e?function(t,e,n){for(var i=n-1,r=t.length;++i<r;)if(t[i]===e)return i;return-1}(t,e,n):function(t,e,n,i){for(var r=t.length,o=n+(i?1:-1);i?o--:++o<r;)if(e(t[o],o,t))return o;return-1}(t,So,n)}function Mo(t,e,n){if((t=nt(t))&&(n||void 0===e))return Re(t);if(!t||!(e=et(e)))return t;var i=vn(t),r=vn(e),o=function(t,e){for(var n=-1,i=t.length;++n<i&&wo(e,t[n],0)>-1;);return n}(i,r),s=function(t,e){for(var n=t.length;n--&&wo(e,t[n],0)>-1;);return n}(i,r)+1;return Je(i,o,s).join("")}function To(t,e){var n=[];return Se(t,function(t,i,r){e(t,i,r)&&n.push(t)}),n}function Ao(t,n){return(e(t)?Ln:To)(t,fi(n))}function Eo(t){return nt(t).toUpperCase()}var Co=Array.prototype.join;function Ro(t,e){return null==t?"":Co.call(t,e)}function Po(t){return function(t){let e=_n(t,"&");e=gi(e,function(t){return Mo(t)});let n=Ui(e);n=Math.min(4,n);let i=[];for(let t=0;t<n;t++)i.push(e[t]);return Ro(i,"_")}(t)}function Lo(t,e){if(!Ae(t))return[];if(!Ae(e))return[];let n=function(t,e){return Ae(t)&&Ae(e)?t.split(e):[]}(t,e);n=gi(n,Mo);let i=[];return Me(n,function(t){Ae(t)&&i.push(t)}),i}function Io(){let t,e,n=new Promise(function(){t=arguments[0],e=arguments[1]});return n.resolve=t,n.reject=e,n}var Oo=o?o.isConcatSpreadable:void 0;function ko(t){return e(t)||qt(t)||!!(Oo&&t&&t[Oo])}function Uo(t,e,n,i,r){var o=-1,s=t.length;for(n||(n=ko),r||(r=[]);++o<s;){var a=t[o];e>0&&n(a)?e>1?Uo(a,e-1,n,i,r):Rn(r,a):i||(r[r.length]=a)}return r}function Do(t,e){if(t!==e){var n=void 0!==t,i=null===t,r=t==t,o=f(t),s=void 0!==e,a=null===e,l=e==e,c=f(e);if(!a&&!c&&!o&&t>e||o&&s&&l&&!a&&!c||i&&s&&l||!n&&l||!r)return 1;if(!i&&!o&&!c&&t<e||c&&n&&r&&!i&&!o||a&&n&&r||!s&&r||!l)return-1}return 0}function No(t,n,i){n=n.length?J(n,function(t){return e(t)?function(e){return ot(e,1===t.length?t[0]:t)}:t}):[we];var r=-1;return n=J(n,re(fi)),function(t,e){var n=t.length;for(t.sort(e);n--;)t[n]=t[n].value;return t}(mi(t,function(t,e,i){return{criteria:J(n,function(e){return e(t)}),index:++r,value:t}}),function(t,e){return function(t,e,n){for(var i=-1,r=t.criteria,o=e.criteria,s=r.length,a=n.length;++i<s;){var l=Do(r[i],o[i]);if(l)return i>=a?l:l*("desc"==n[i]?-1:1)}return t.index-e.index}(t,e,i)})}var Bo=Math.max;var Fo=_i?function(t,e){return _i(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:we,zo=Fo,Ho=Date.now;var Wo=function(t){var e=0,n=0;return function(){var i=Ho(),r=16-(i-n);if(n=i,r>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}(zo),Vo=Wo;function Go(t,e){return Vo(function(t,e,n){return e=Bo(void 0===e?t.length-1:e,0),function(){for(var i=arguments,r=-1,o=Bo(i.length-e,0),s=Array(o);++r<o;)s[r]=i[e+r];r=-1;for(var a=Array(e+1);++r<e;)a[r]=i[r];return a[e]=n(s),function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}(t,this,a)}}(t,e,we),t+"")}var jo=Go(function(t,e){if(null==t)return[];var n=e.length;return n>1&&en(t,e[0],e[1])?e=[]:n>2&&en(e[0],e[1],e[2])&&(e=[e[0]]),No(t,Uo(e,1),[])});function Xo(t){return nt(t).toLowerCase()}function $o(t,e){return Ae(t)&&$e(e)?0===(e=Xe(e))?t:Ye(t,t.length-e):""}function Yo(t){if(!(Ae(t)||Fe(t)||f(t)||function(t){return"[object BigInt]"===Object.prototype.toString.call(t)}(t)))return"";let e="";try{e=String(t)}catch(t){}try{e=t.toString()}catch(t){}return e}function qo(t,e){return!!Fi(t)&&(!(!Ae(e)&&!Fe(e))&&e in t)}function Zo(t,e,n=1){return Ae(t)&&$e(e)?(n=zi(n)?Xe(n):1,t.substring(e,e+n)):""}let Ko={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 Jo(t){return ts(t,1)}function Qo(t){return ts(t,360)}function ts(t,e=1){if(t.indexOf("%")>=0){if(!Fe(t=zr(t,"%","")))throw new Error("invalid color: value is not a number");t=ze(t)/100}else{if(!Fe(t))throw new Error("invalid color: value is not a number");t=ze(t)/e}if(t>1)throw new Error("invalid color: value > 1");if(t<0)throw new Error("invalid color: value < 0");return t}function es(t){if(!Fe(t))throw new Error("invalid color: value is not a number");if((t=ze(t))>1)throw new Error("invalid color: value > 1");if(t<0)throw new Error("invalid color: value < 0");return t}function ns(t,e="rgba"){if(!to(t))throw new Error("invalid colors array");let n=st(t,0,0),i=st(t,1,0),r=st(t,2,0),o=st(t,3,1);if(4!==Ui(e=e.split("")))throw new Error("tar.length !== 4");let s=st(e,0),a=st(e,1),l=st(e,2),c=st(e,3);return{[s]:n,[a]:i,[l]:r,[c]:o}}function is(t){let e=(t=$o(t,1)).length;if(2===e)t=`${t}${t}${t}ff`;else if(3===e){let e=Zo(t,0,1),n=Zo(t,1,1),i=Zo(t,2,1);t=`${e}${e}${n}${n}${i}${i}ff`}else if(6===e)t=`${t}ff`;else if(8!==e)throw new Error("invalid hex color");function n(t){if(2!==t.length)throw new Error("hex.length of color is not equal to 2");if(!Fe(t=parseInt(t,16)))throw new Error("invalid hex of color");return(t=ze(t))/255}return{r:n(Zo(t,0,2)),g:n(Zo(t,2,2)),b:n(Zo(t,4,2)),a:n(Zo(t,6,2))}}function rs(t){return t=ns(t=gi(t,(t,e)=>e<=2?ts(t,255):3===e?es(t):null),"rgba")}function os(t){return t=ps(t=ns(t=gi(t,(t,e)=>0===e?Qo(t):1===e||2===e?Jo(t):3===e?es(t):null),"hsla"))}function ss(t){return t=fs(t=ns(t=gi(t,(t,e)=>0===e?Qo(t):1===e||2===e?Jo(t):3===e?es(t):null),"hsva"))}function as(t){if("transparent"===t)return{r:0,g:0,b:0,a:0};if(function(t){return qo(Ko,t)}(t))return is(t=`#${Ko[t]}`);if(function(t){return"#"===qe(t,1)&&(!!/[0-9A-Fa-f]{2}/g.test(t)||(!!/[0-9A-Fa-f]{3}/g.test(t)||(!!/[0-9A-Fa-f]{6}/g.test(t)||!!/[0-9A-Fa-f]{8}/g.test(t))))}(t))return is(t);if(function(t){return"rgb"===qe(t,3)||"rgba"===qe(t,4)}(t))return function(t){return t=zr(t,"rgba",""),t=zr(t,"rgb",""),rs(Lo(t=zr(t=t.replace(/[()]/g,""),","," ")," "))}(t);if(function(t){return"hsl"===qe(t,3)||"hsla"===qe(t,4)}(t))return function(t){return t=zr(t,"hsla",""),t=zr(t,"hsl",""),os(Lo(t=zr(t=t.replace(/[()]/g,""),","," ")," "))}(t);if(function(t){return"hsv"===qe(t,3)||"hsva"===qe(t,4)}(t))return function(t){return t=zr(t,"hsva",""),t=zr(t,"hsv",""),ss(Lo(t=zr(t=t.replace(/[()]/g,""),","," ")," "))}(t);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function ls(t,e){return!!qo(t,e=Xo(e))||!!qo(t,e=Eo(e))}function cs(t,e,n){let i;return i=st(t,e,null),null!==i?i:(i=st(t,e=Eo(e),null),null!==i?i:n)}function hs(t){if(function(t){let e=ls(t,"r"),n=ls(t,"g"),i=ls(t,"b");return e&&n&&i}(t))return function(t){let e=[cs(t,"r",null),cs(t,"g",null),cs(t,"b",null),cs(t,"a",1)];return e=gi(e,Yo),rs(e)}(t);if(function(t){let e=ls(t,"h"),n=ls(t,"s"),i=ls(t,"l");return e&&n&&i}(t))return function(t){let e=[cs(t,"h",null),cs(t,"s",null),cs(t,"l",null),cs(t,"a",1)];return e=gi(e,Yo),os(e)}(t);if(function(t){let e=ls(t,"h"),n=ls(t,"s"),i=ls(t,"v");return e&&n&&i}(t))return function(t){let e=[cs(t,"h",null),cs(t,"s",null),cs(t,"v",null),cs(t,"a",1)];return e=gi(e,Yo),ss(e)}(t);throw new Error("color object is not one of rgba, hsla, hsva")}function us(t){let e,n,i=t.r,r=t.g,o=t.b,s=Math.max(i,r,o),a=Math.min(i,r,o),l=(s+a)/2;if(s===a)e=n=0;else{let t=s-a;switch(n=l>.5?t/(2-s-a):t/(s+a),s){case i:e=(r-o)/t+(r<o?6:0);break;case r:e=(o-i)/t+2;break;case o:e=(i-r)/t+4}e/=6}return{h:e,s:n,l:l,a:t.a}}function ds(t){let e,n,i=t.r,r=t.g,o=t.b,s=Math.max(i,r,o),a=Math.min(i,r,o),l=s,c=s-a;if(n=0===s?0:c/s,s===a)e=0;else{switch(s){case i:e=(r-o)/c+(r<o?6:0);break;case r:e=(o-i)/c+2;break;case o:e=(i-r)/c+4}e/=6}return{h:e,s:n,v:l,a:t.a}}function ps(t){let e,n,i,r=t.h,o=t.s,s=t.l;function a(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}if(0===o)e=n=i=s;else{let t=s<.5?s*(1+o):s+o-s*o,l=2*s-t;e=a(l,t,r+1/3),n=a(l,t,r),i=a(l,t,r-1/3)}return{r:e,g:n,b:i,a:t.a}}function fs(t){let e,n,i,r=t.h,o=t.s,s=t.v,a=Math.floor(6*r),l=6*r-a,c=s*(1-o),h=s*(1-l*o),u=s*(1-(1-l)*o);switch(a%6){case 0:e=s,n=u,i=c;break;case 1:e=h,n=s,i=c;break;case 2:e=c,n=s,i=u;break;case 3:e=c,n=h,i=s;break;case 4:e=u,n=c,i=s;break;case 5:e=s,n=c,i=h}return{r:e,g:n,b:i,a:t.a}}function ms(t){let e=Math.round(255*t).toString(16);if(1===e.length)return`0${e}`;if(2===e.length)return e;throw new Error("invalid value")}function gs(t,e=!0){let n=t.r,i=t.g,r=t.b,o=t.a,s=`${ms(n)}${ms(i)}${ms(r)}`;return e&&(s=`${s}${ms(o)}`),s}function vs(t){return Math.min(1,Math.max(0,t))}function _s(t,e){if(!Ae(e))throw new Error("fmtOutput is not a string");if(!Js[e])throw console.log(`fmtOutput must be [${be(Js)}]`),new Error("invalid fmtOutput");return t=Js[e](t)}function ys(t,e,n="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=us(t);return i.h+=e,i.h=i.h%1,_s(ps(i),n)}function bs(t,e,n,i,r="toRgbString"){if(e<0||e>1)throw new Error("w1 < 0 or > 1");if(i<0||i>1)throw new Error("w1 < 0 or > 1");return _s({r:t.r*e+n.r*i,g:t.g*e+n.g*i,b:t.b*e+n.b*i,a:t.a*e+n.a*i},r)}function xs(t){return`${je(100*t,1)}%`}function Ss(t){return je(t,0)}function ws(t){return je(t,3)}function Ms(t){return{r:Ss(255*t.r),g:Ss(255*t.g),b:Ss(255*t.b)}}function Ts(t){return`rgb(${Ss(255*t.r)}, ${Ss(255*t.g)}, ${Ss(255*t.b)})`}function As(t){return{r:Ss(255*t.r),g:Ss(255*t.g),b:Ss(255*t.b),a:ws(t.a)}}function Es(t){return`rgba(${Ss(255*t.r)}, ${Ss(255*t.g)}, ${Ss(255*t.b)}, ${ws(t.a)})`}function Cs(t){let e=us(t);return{h:Ss(360*e.h),s:ws(e.s),l:ws(e.l)}}function Rs(t){let e=us(t);return`hsl(${Ss(360*e.h)}, ${ws(e.s)}, ${ws(e.l)})`}function Ps(t){let e=us(t);return{h:Ss(360*e.h),s:ws(e.s),l:ws(e.l),a:ws(e.a)}}function Ls(t){let e=us(t);return`hsla(${Ss(360*e.h)}, ${ws(e.s)}, ${ws(e.l)}, ${ws(e.a)})`}function Is(t){let e=ds(t);return{h:Ss(360*e.h),s:ws(e.s),v:ws(e.v)}}function Os(t){let e=ds(t);return`hsv(${Ss(360*e.h)}, ${ws(e.s)}, ${ws(e.v)})`}function ks(t){let e=ds(t);return{h:Ss(360*e.h),s:ws(e.s),v:ws(e.v),a:ws(e.a)}}function Us(t){let e=ds(t);return`hsva(${Ss(360*e.h)}, ${ws(e.s)}, ${ws(e.v)}, ${ws(e.a)})`}function Ds(t){return{r:xs(t.r),g:xs(t.g),b:xs(t.b)}}function Ns(t){return`rgb(${xs(t.r)}, ${xs(t.g)}, ${xs(t.b)})`}function Bs(t){return{r:xs(t.r),g:xs(t.g),b:xs(t.b),a:ws(t.a)}}function Fs(t){return`rgba(${xs(t.r)}, ${xs(t.g)}, ${xs(t.b)}, ${ws(t.a)})`}function zs(t){let e=us(t);return{h:Ss(360*e.h),s:xs(e.s),l:xs(e.l)}}function Hs(t){let e=us(t);return`hsl(${Ss(360*e.h)}, ${xs(e.s)}, ${xs(e.l)})`}function Ws(t){let e=us(t);return{h:Ss(360*e.h),s:xs(e.s),l:xs(e.l),a:ws(e.a)}}function Vs(t){let e=us(t);return`hsla(${Ss(360*e.h)}, ${xs(e.s)}, ${xs(e.l)}, ${ws(e.a)})`}function Gs(t){let e=ds(t);return{h:Ss(360*e.h),s:xs(e.s),v:xs(e.v)}}function js(t){let e=ds(t);return`hsv(${Ss(360*e.h)}, ${xs(e.s)}, ${xs(e.v)})`}function Xs(t){let e=ds(t);return{h:Ss(360*e.h),s:xs(e.s),v:xs(e.v),a:ws(e.a)}}function $s(t){let e=ds(t);return`hsva(${Ss(360*e.h)}, ${xs(e.s)}, ${xs(e.v)}, ${ws(e.a)})`}function Ys(t){let e=function(t){return gs(t,!1)}(t);return`#${e}`}function qs(t){return`#${gs(t)}`}function Zs(t){let e=null,n=null,i=null;if(Ae(t))e=Xo(Mo(t));else{if(!Hr(t))throw console.log("color=",t),new Error("color is not a string or an object");n=t}if(null!==e)try{i=as(e)}catch(t){throw console.log(t),new Error(`can not parse color: ${e}`)}else if(null!==n)try{i=hs(n)}catch(t){throw console.log(t),new Error(`can not parse color: ${JSON.stringify(n)}`)}return i}function Ks(t){if(!Hr(t))return console.log("gradient is not an effective object"),t=>`rgb(${255*(t=Math.min(Math.max(t,0),1))},${255*t},${255*t})`;let e=[];return Me(t,(t,n)=>{e.push([ze(n),As(Zs(t)),t])}),e=jo(e,0),function(t){let n=null;for(let i=1;i<e.length;i++){let r=e[i-1][0],o=e[i-1][1],s=e[i][0],a=e[i][1];if(r<=t&&s>=t){let e=(s-t)/(s-r),i=(t-r)/(s-r);n=bs(Zs(o),e,Zs(a),i,"toRgbaString");break}}return n}}let Js={toRgb:Ms,toRgbString:Ts,toRgba:As,toRgbaString:Es,toHsl:Cs,toHslString:Rs,toHsla:Ps,toHslaString:Ls,toHsv:Is,toHsvString:Os,toHsva:ks,toHsvaString:Us,toRgbP:Ds,toRgbPString:Ns,toRgbaP:Bs,toRgbaPString:Fs,toHslP:zs,toHslPString:Hs,toHslaP:Ws,toHslaPString:Vs,toHsvP:Gs,toHsvPString:js,toHsvaP:Xs,toHsvaPString:$s,toHexString:Ys,toHex8String:qs};var Qs={toRgb:t=>Ms(Zs(t)),toRgbString:t=>Ts(Zs(t)),toRgba:t=>As(Zs(t)),toRgbaString:t=>Es(Zs(t)),toHsl:t=>Cs(Zs(t)),toHslString:t=>Rs(Zs(t)),toHsla:t=>Ps(Zs(t)),toHslaString:t=>Ls(Zs(t)),toHsv:t=>Is(Zs(t)),toHsvString:t=>Os(Zs(t)),toHsva:t=>ks(Zs(t)),toHsvaString:t=>Us(Zs(t)),toRgbP:t=>Ds(Zs(t)),toRgbPString:t=>Ns(Zs(t)),toRgbaP:t=>Bs(Zs(t)),toRgbaPString:t=>Fs(Zs(t)),toHslP:t=>zs(Zs(t)),toHslPString:t=>Hs(Zs(t)),toHslaP:t=>Ws(Zs(t)),toHslaPString:t=>Vs(Zs(t)),toHsvP:t=>Gs(Zs(t)),toHsvPString:t=>js(Zs(t)),toHsvaP:t=>Xs(Zs(t)),toHsvaPString:t=>$s(Zs(t)),toHexString:t=>Ys(Zs(t)),toHex8String:t=>qs(Zs(t)),modSaturate:(t,e,n)=>function(t,e,n="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=us(t);return i.s+=e,i.s=vs(i.s),_s(ps(i),n)}(Zs(t),e,n),modGrey:(t,e)=>function(t,e="toRgbString"){let n=us(t);return n.s=0,_s(ps(n),e)}(Zs(t),e),modLighten:(t,e,n)=>function(t,e,n="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=us(t);return i.l+=e,i.l=vs(i.l),_s(ps(i),n)}(Zs(t),e,n),modBrighten:(t,e,n)=>function(t,e,n="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");return t.r+=e,t.r=vs(t.r),t.g+=e,t.g=vs(t.g),t.b+=e,t.b=vs(t.b),_s(t,n)}(Zs(t),e,n),modHue:(t,e,n)=>ys(Zs(t),e,n),modComplement:(t,e)=>function(t,e="toRgbString"){return ys(t,.5,e)}(Zs(t),e),spreadHue:(t,e,n)=>function(t,e,n="toRgbString"){if(!He(e))throw new Error("num is not an integer");if((e=Xe(e))<=1)return[t];let i=us(t),r=1/e,o=[];for(let t=0;t<e;t++)o.push(_s(ps(i),n)),i.h+=r,i.h=i.h%1;return o}(Zs(t),e,n),spreadMonochromatic:(t,e,n)=>function(t,e,n="toRgbString"){if(!He(e))throw new Error("num is not an integer");if((e=Xe(e))<=1)return[t];let i=ds(t);i.s=1,i.l=1;let r=1/e,o=[];for(let t=0;t<e;t++)o.push(_s(fs(i),n)),i.h-=r,i.l-=r;return o}(Zs(t),e,n),mix:(t,e,n,i,r)=>bs(Zs(t),e,Zs(n),i,r),getBrightness:t=>function(t){if(1!==t.a)throw new Error("alpha of color can not be equal to 1");return(299*t.r+587*t.g+114*t.b)/1e3}(Zs(t)),getLuminance:t=>function(t){if(1!==t.a)throw new Error("alpha of color can not be equal to 1");let e,n,i,r=t.r,o=t.g,s=t.b;return e=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4),n=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4),i=s<=.03928?s/12.92:Math.pow((s+.055)/1.055,2.4),.2126*e+.7152*n+.0722*i}(Zs(t)),interp:Ks};const ta={components:{},props:{name:{type:String,default:"cir-wave"},size:{type:Number,default:48},color:{type:String,default:"#666"}},data:function(){return{}},computed:{effColor:function(){return Fr(this.color)}},methods:{}};var ea=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+t.size+"px; width:"+t.size+"px;",attrs:{cmp:"loading",loadtype:t.name}},["cir-wave"===t.name?[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:t.size,height:t.size}},[n("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[n("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline",begin:"-0.5s"}}),t._v(" "),n("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline",begin:"-0.5s"}})]),t._v(" "),n("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[n("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),t._v(" "),n("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline"}})])])]:"cir-rotate"===t.name?[n("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; height:"+t.size+"px; width:"+t.size+"px;"},[n("svg",{staticClass:"pgc-rotate",staticStyle:{transform:"rotate(0deg)"},attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"}},[n("circle",{staticClass:"pgc-dash",attrs:{fill:"transparent",cx:"43.80952380952381",cy:"43.80952380952381",r:"20","stroke-width":"4","stroke-dasharray":"100","stroke-dashoffset":"50px",stroke:t.effColor}})])])]:t._e()],2)};ea._withStripped=!0;const na=oo({render:ea,staticRenderFns:[]},function(t){t&&t("data-v-3e122b76_0",{source:"\n.pgc-rotate[data-v-3e122b76] {\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-3e122b76 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-3e122b76] {\r\n    animation: progress-circular-dash-data-v-3e122b76 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-3e122b76 {\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-3e122b76 {\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-3e122b76 {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-3e122b76 {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-106-7-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AAmGA;IACA,WAAA;IACA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,MAAA;IACA,SAAA;IACA,OAAA;IACA,QAAA;IACA,UAAA;IACA,+BAAA;IACA,wEAAA;IACA,+BAAA;AACA;AAEA;IACA,2EAAA;IACA,qBAAA;IACA,wBAAA;IACA,sBAAA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA",file:"WIconLoading.vue",sourcesContent:['<template>\r\n    <div\r\n        :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`"\r\n        :cmp="\'loading\'"\r\n        :loadtype="name"\r\n    >\r\n\r\n        <template v-if="name===\'cir-wave\'">\r\n\r\n        <svg\r\n            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"\r\n            :width="size"\r\n            :height="size"\r\n        >\r\n            <circle cx="50" cy="50" r="14.6699" fill="none" stroke="#420457" stroke-width="10">\r\n                <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n            </circle>\r\n            <circle cx="50" cy="50" r="33.9915" fill="none" stroke="#5a3faa" stroke-width="10">\r\n                <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate>\r\n                <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate>\r\n            </circle>\r\n        </svg>\r\n\r\n        </template>\r\n\r\n        <template v-else-if="name===\'cir-rotate\'">\r\n\r\n            <div :style="`position:relative; display:inline-flex; align-items:center; justify-content:center; height:${size}px; width:${size}px;`">\r\n                <svg\r\n                    class="pgc-rotate"\r\n                    style="transform: rotate(0deg);"\r\n                    xmlns="http://www.w3.org/2000/svg"\r\n                    viewBox="21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"\r\n                >\r\n                    <circle\r\n                        class="pgc-dash"\r\n                        fill="transparent"\r\n                        cx="43.80952380952381"\r\n                        cy="43.80952380952381"\r\n                        r="20"\r\n                        stroke-width="4"\r\n                        stroke-dasharray="100"\r\n                        stroke-dashoffset="50px"\r\n                        :stroke="effColor"\r\n                    ></circle>\r\n                </svg>\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from \'../js/convertColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [name=\'cir-wave\'] 輸入動畫名稱字串，預設\'cir-wave\'\r\n * @vue-prop {Number} [size=48] 輸入圖標欲顯示的尺寸浮點數，預設48\r\n * @vue-prop {String} [color=\'#666\'] 輸入圖標顏色字串，預設\'#666\'\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'#666\',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.color)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n\r\n.pgc-rotate {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate 1.4s linear infinite;\r\n    transform-origin: center center;\r\n}\r\n\r\n.pgc-dash {\r\n    animation: progress-circular-dash 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\r\n}\r\n\r\n@-webkit-keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@-webkit-keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n</style>\r\n']},media:void 0})},ta,"data-v-3e122b76",false,void 0,!1,ao,void 0,void 0);function ia(t,e,n,i){for(var r=n-1,o=t.length;++r<o;)if(i(t[r],e))return r;return-1}var ra=Array.prototype.splice;var oa=Go(function(t,e){return t&&t.length&&e&&e.length?function(t,e,n,i){var r=i?ia:wo,o=-1,s=e.length,a=t;for(t===e&&(e=er(e)),n&&(a=J(t,re(n)));++o<s;)for(var l=0,c=e[o],h=n?n(c):c;(l=r(a,h,l,i))>-1;)a!==t&&ra.call(a,l,1),ra.call(t,l,1);return t}(t,e):t}),sa=oa;const aa={props:{to:{type:String,default:null}},computed:{toEl:function(){let t=this,e=null;try{e=document.querySelector(t.to)}catch(t){}return e}},watch:{toEl:function(t){this.teleport()}},mounted:function(){this.teleport()},destroyed:function(){let t=this;try{t.$el.remove()}catch(t){}},methods:{teleport:function(){let t=this;try{t.$el&&t.$el.parentElement!==t.toEl&&t.toEl.appendChild(t.$el)}catch(t){}}}};var la=function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",[t._t("default")],2)};la._withStripped=!0;const ca=oo({render:la,staticRenderFns:[]},function(t){t&&t("data-v-a36a5392_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",map:{version:3,sources:[],names:[],mappings:"",file:"Teleport.vue"},media:void 0})},aa,"data-v-a36a5392",false,void 0,!1,ao,void 0,void 0);function ha(t,e,n){if(!Jr(t))return void console.log("clientX is not a number",t);if(!Jr(e))return void console.log("clientY is not a number",e);if(!Yr(n))return void console.log("ele is not a HTMLElement",n);let i;try{i=n.getBoundingClientRect()}catch(t){return void console.log("invalid ele for getBoundingClientRect",t)}let r=!1;try{r=t>=i.left&&t<=i.right&&e>=i.top&&e<=i.bottom}catch(t){console.log("catch when calculating page information of element",t)}return r}function ua(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function da(t){return t instanceof ua(t).Element||t instanceof Element}function pa(t){return t instanceof ua(t).HTMLElement||t instanceof HTMLElement}function fa(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ua(t).ShadowRoot||t instanceof ShadowRoot)}var ma=Math.max,ga=Math.min,va=Math.round;function _a(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function ya(){return!/^((?!chrome|android).)*safari/i.test(_a())}function ba(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&pa(t)&&(r=t.offsetWidth>0&&va(i.width)/t.offsetWidth||1,o=t.offsetHeight>0&&va(i.height)/t.offsetHeight||1);var s=(da(t)?ua(t):window).visualViewport,a=!ya()&&n,l=(i.left+(a&&s?s.offsetLeft:0))/r,c=(i.top+(a&&s?s.offsetTop:0))/o,h=i.width/r,u=i.height/o;return{width:h,height:u,top:c,right:l+h,bottom:c+u,left:l,x:l,y:c}}function xa(t){var e=ua(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Sa(t){return t?(t.nodeName||"").toLowerCase():null}function wa(t){return((da(t)?t.ownerDocument:t.document)||window.document).documentElement}function Ma(t){return ba(wa(t)).left+xa(t).scrollLeft}function Ta(t){return ua(t).getComputedStyle(t)}function Aa(t){var e=Ta(t),n=e.overflow,i=e.overflowX,r=e.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+i)}function Ea(t,e,n){void 0===n&&(n=!1);var i,r,o=pa(e),s=pa(e)&&function(t){var e=t.getBoundingClientRect(),n=va(e.width)/t.offsetWidth||1,i=va(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=wa(e),l=ba(t,s,n),c={scrollLeft:0,scrollTop:0},h={x:0,y:0};return(o||!o&&!n)&&(("body"!==Sa(e)||Aa(a))&&(c=(i=e)!==ua(i)&&pa(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:xa(i)),pa(e)?((h=ba(e,!0)).x+=e.clientLeft,h.y+=e.clientTop):a&&(h.x=Ma(a))),{x:l.left+c.scrollLeft-h.x,y:l.top+c.scrollTop-h.y,width:l.width,height:l.height}}function Ca(t){var e=ba(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function Ra(t){return"html"===Sa(t)?t:t.assignedSlot||t.parentNode||(fa(t)?t.host:null)||wa(t)}function Pa(t){return["html","body","#document"].indexOf(Sa(t))>=0?t.ownerDocument.body:pa(t)&&Aa(t)?t:Pa(Ra(t))}function La(t,e){var n;void 0===e&&(e=[]);var i=Pa(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=ua(i),s=r?[o].concat(o.visualViewport||[],Aa(i)?i:[]):i,a=e.concat(s);return r?a:a.concat(La(Ra(s)))}function Ia(t){return["table","td","th"].indexOf(Sa(t))>=0}function Oa(t){return pa(t)&&"fixed"!==Ta(t).position?t.offsetParent:null}function ka(t){for(var e=ua(t),n=Oa(t);n&&Ia(n)&&"static"===Ta(n).position;)n=Oa(n);return n&&("html"===Sa(n)||"body"===Sa(n)&&"static"===Ta(n).position)?e:n||function(t){var e=/firefox/i.test(_a());if(/Trident/i.test(_a())&&pa(t)&&"fixed"===Ta(t).position)return null;var n=Ra(t);for(fa(n)&&(n=n.host);pa(n)&&["html","body"].indexOf(Sa(n))<0;){var i=Ta(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}var Ua="top",Da="bottom",Na="right",Ba="left",Fa="auto",za=[Ua,Da,Na,Ba],Ha="start",Wa="end",Va="viewport",Ga="popper",ja=za.reduce(function(t,e){return t.concat([e+"-"+Ha,e+"-"+Wa])},[]),Xa=[].concat(za,[Fa]).reduce(function(t,e){return t.concat([e,e+"-"+Ha,e+"-"+Wa])},[]),$a=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Ya(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach(function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}}),i.push(t)}return t.forEach(function(t){e.set(t.name,t)}),t.forEach(function(t){n.has(t.name)||r(t)}),i}function qa(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Za(t,e,n){return e===Va?qa(function(t,e){var n=ua(t),i=wa(t),r=n.visualViewport,o=i.clientWidth,s=i.clientHeight,a=0,l=0;if(r){o=r.width,s=r.height;var c=ya();(c||!c&&"fixed"===e)&&(a=r.offsetLeft,l=r.offsetTop)}return{width:o,height:s,x:a+Ma(t),y:l}}(t,n)):da(e)?function(t,e){var n=ba(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):qa(function(t){var e,n=wa(t),i=xa(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=ma(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),s=ma(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-i.scrollLeft+Ma(t),l=-i.scrollTop;return"rtl"===Ta(r||n).direction&&(a+=ma(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:s,x:a,y:l}}(wa(t)))}function Ka(t){var e=La(Ra(t)),n=["absolute","fixed"].indexOf(Ta(t).position)>=0&&pa(t)?ka(t):t;return da(n)?e.filter(function(t){return da(t)&&function(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&fa(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}(t,n)&&"body"!==Sa(t)}):[]}function Ja(t){return t.split("-")[0]}function Qa(t){return t.split("-")[1]}function tl(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function el(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?Ja(r):null,s=r?Qa(r):null,a=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2;switch(o){case Ua:e={x:a,y:n.y-i.height};break;case Da:e={x:a,y:n.y+n.height};break;case Na:e={x:n.x+n.width,y:l};break;case Ba:e={x:n.x-i.width,y:l};break;default:e={x:n.x,y:n.y}}var c=o?tl(o):null;if(null!=c){var h="y"===c?"height":"width";switch(s){case Ha:e[c]=e[c]-(n[h]/2-i[h]/2);break;case Wa:e[c]=e[c]+(n[h]/2-i[h]/2)}}return e}function nl(t,e){void 0===e&&(e={});var n=e,i=n.placement,r=void 0===i?t.placement:i,o=n.strategy,s=void 0===o?t.strategy:o,a=n.boundary,l=void 0===a?"clippingParents":a,c=n.rootBoundary,h=void 0===c?Va:c,u=n.elementContext,d=void 0===u?Ga:u,p=n.altBoundary,f=void 0!==p&&p,m=n.padding,g=void 0===m?0:m,v=function(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}("number"!=typeof g?g:function(t,e){return e.reduce(function(e,n){return e[n]=t,e},{})}(g,za)),_=d===Ga?"reference":Ga,y=t.rects.popper,b=t.elements[f?_:d],x=function(t,e,n,i){var r="clippingParents"===e?Ka(t):[].concat(e),o=[].concat(r,[n]),s=o[0],a=o.reduce(function(e,n){var r=Za(t,n,i);return e.top=ma(r.top,e.top),e.right=ga(r.right,e.right),e.bottom=ga(r.bottom,e.bottom),e.left=ma(r.left,e.left),e},Za(t,s,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(da(b)?b:b.contextElement||wa(t.elements.popper),l,h,s),S=ba(t.elements.reference),w=el({reference:S,element:y,strategy:"absolute",placement:r}),M=qa(Object.assign({},y,w)),T=d===Ga?M:S,A={top:x.top-T.top+v.top,bottom:T.bottom-x.bottom+v.bottom,left:x.left-T.left+v.left,right:T.right-x.right+v.right},E=t.modifiersData.offset;if(d===Ga&&E){var C=E[r];Object.keys(A).forEach(function(t){var e=[Na,Da].indexOf(t)>=0?1:-1,n=[Ua,Da].indexOf(t)>=0?"y":"x";A[t]+=C[n]*e})}return A}var il={placement:"bottom",modifiers:[],strategy:"absolute"};function rl(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some(function(t){return!(t&&"function"==typeof t.getBoundingClientRect)})}function ol(t){void 0===t&&(t={});var e=t,n=e.defaultModifiers,i=void 0===n?[]:n,r=e.defaultOptions,o=void 0===r?il:r;return function(t,e,n){void 0===n&&(n=o);var r,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},il,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,h={state:a,setOptions:function(n){var r="function"==typeof n?n(a.options):n;u(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:da(t)?La(t):t.contextElement?La(t.contextElement):[],popper:La(e)};var s,c,d=function(t){var e=Ya(t);return $a.reduce(function(t,n){return t.concat(e.filter(function(t){return t.phase===n}))},[])}((s=[].concat(i,a.options.modifiers),c=s.reduce(function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t},{}),Object.keys(c).map(function(t){return c[t]})));return a.orderedModifiers=d.filter(function(t){return t.enabled}),a.orderedModifiers.forEach(function(t){var e=t.name,n=t.options,i=void 0===n?{}:n,r=t.effect;if("function"==typeof r){var o=r({state:a,name:e,instance:h,options:i}),s=function(){};l.push(o||s)}}),h.update()},forceUpdate:function(){if(!c){var t=a.elements,e=t.reference,n=t.popper;if(rl(e,n)){a.rects={reference:Ea(e,ka(n),"fixed"===a.options.strategy),popper:Ca(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach(function(t){return a.modifiersData[t.name]=Object.assign({},t.data)});for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var r=a.orderedModifiers[i],o=r.fn,s=r.options,l=void 0===s?{}:s,u=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:u,instance:h})||a)}else a.reset=!1,i=-1}}},update:(r=function(){return new Promise(function(t){h.forceUpdate(),t(a)})},function(){return s||(s=new Promise(function(t){Promise.resolve().then(function(){s=void 0,t(r())})})),s}),destroy:function(){u(),c=!0}};if(!rl(t,e))return h;function u(){l.forEach(function(t){return t()}),l=[]}return h.setOptions(n).then(function(t){!c&&n.onFirstUpdate&&n.onFirstUpdate(t)}),h}}var sl={passive:!0};var al={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ll(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,s=t.offsets,a=t.position,l=t.gpuAcceleration,c=t.adaptive,h=t.roundOffsets,u=t.isFixed,d=s.x,p=void 0===d?0:d,f=s.y,m=void 0===f?0:f,g="function"==typeof h?h({x:p,y:m}):{x:p,y:m};p=g.x,m=g.y;var v=s.hasOwnProperty("x"),_=s.hasOwnProperty("y"),y=Ba,b=Ua,x=window;if(c){var S=ka(n),w="clientHeight",M="clientWidth";if(S===ua(n)&&"static"!==Ta(S=wa(n)).position&&"absolute"===a&&(w="scrollHeight",M="scrollWidth"),r===Ua||(r===Ba||r===Na)&&o===Wa)b=Da,m-=(u&&S===x&&x.visualViewport?x.visualViewport.height:S[w])-i.height,m*=l?1:-1;if(r===Ba||(r===Ua||r===Da)&&o===Wa)y=Na,p-=(u&&S===x&&x.visualViewport?x.visualViewport.width:S[M])-i.width,p*=l?1:-1}var T,A=Object.assign({position:a},c&&al),E=!0===h?function(t,e){var n=t.x,i=t.y,r=e.devicePixelRatio||1;return{x:va(n*r)/r||0,y:va(i*r)/r||0}}({x:p,y:m},ua(n)):{x:p,y:m};return p=E.x,m=E.y,l?Object.assign({},A,((T={})[b]=_?"0":"",T[y]=v?"0":"",T.transform=(x.devicePixelRatio||1)<=1?"translate("+p+"px, "+m+"px)":"translate3d("+p+"px, "+m+"px, 0)",T)):Object.assign({},A,((e={})[b]=_?m+"px":"",e[y]=v?p+"px":"",e.transform="",e))}var cl={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i||i,o=n.adaptive,s=void 0===o||o,a=n.roundOffsets,l=void 0===a||a,c={placement:Ja(e.placement),variation:Qa(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,ll(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,ll(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}};var hl={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach(function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},r=e.elements[t];pa(r)&&Sa(r)&&(Object.assign(r.style,n),Object.keys(i).forEach(function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)}))})},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(t){var i=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce(function(t,e){return t[e]="",t},{});pa(i)&&Sa(i)&&(Object.assign(i.style,o),Object.keys(r).forEach(function(t){i.removeAttribute(t)}))})}},requires:["computeStyles"]},ul=ol({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r||r,s=i.resize,a=void 0===s||s,l=ua(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach(function(t){t.addEventListener("scroll",n.update,sl)}),a&&l.addEventListener("resize",n.update,sl),function(){o&&c.forEach(function(t){t.removeEventListener("scroll",n.update,sl)}),a&&l.removeEventListener("resize",n.update,sl)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,n=t.name;e.modifiersData[n]=el({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},cl,hl]}),dl={left:"right",right:"left",bottom:"top",top:"bottom"};function pl(t){return t.replace(/left|right|bottom|top/g,function(t){return dl[t]})}var fl={start:"end",end:"start"};function ml(t){return t.replace(/start|end/g,function(t){return fl[t]})}function gl(t,e){void 0===e&&(e={});var n=e,i=n.placement,r=n.boundary,o=n.rootBoundary,s=n.padding,a=n.flipVariations,l=n.allowedAutoPlacements,c=void 0===l?Xa:l,h=Qa(i),u=h?a?ja:ja.filter(function(t){return Qa(t)===h}):za,d=u.filter(function(t){return c.indexOf(t)>=0});0===d.length&&(d=u);var p=d.reduce(function(e,n){return e[n]=nl(t,{placement:n,boundary:r,rootBoundary:o,padding:s})[Ja(n)],e},{});return Object.keys(p).sort(function(t,e){return p[t]-p[e]})}var vl={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r||r,s=n.altAxis,a=void 0===s||s,l=n.fallbackPlacements,c=n.padding,h=n.boundary,u=n.rootBoundary,d=n.altBoundary,p=n.flipVariations,f=void 0===p||p,m=n.allowedAutoPlacements,g=e.options.placement,v=Ja(g),_=l||(v===g||!f?[pl(g)]:function(t){if(Ja(t)===Fa)return[];var e=pl(t);return[ml(t),e,ml(e)]}(g)),y=[g].concat(_).reduce(function(t,n){return t.concat(Ja(n)===Fa?gl(e,{placement:n,boundary:h,rootBoundary:u,padding:c,flipVariations:f,allowedAutoPlacements:m}):n)},[]),b=e.rects.reference,x=e.rects.popper,S=new Map,w=!0,M=y[0],T=0;T<y.length;T++){var A=y[T],E=Ja(A),C=Qa(A)===Ha,R=[Ua,Da].indexOf(E)>=0,P=R?"width":"height",L=nl(e,{placement:A,boundary:h,rootBoundary:u,altBoundary:d,padding:c}),I=R?C?Na:Ba:C?Da:Ua;b[P]>x[P]&&(I=pl(I));var O=pl(I),k=[];if(o&&k.push(L[E]<=0),a&&k.push(L[I]<=0,L[O]<=0),k.every(function(t){return t})){M=A,w=!1;break}S.set(A,k)}if(w)for(var U=function(t){var e=y.find(function(e){var n=S.get(e);if(n)return n.slice(0,t).every(function(t){return t})});if(e)return M=e,"break"},D=f?3:1;D>0;D--){if("break"===U(D))break}e.placement!==M&&(e.modifiersData[i]._skip=!0,e.placement=M,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var _l={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.offset,o=void 0===r?[0,0]:r,s=Xa.reduce(function(t,n){return t[n]=function(t,e,n){var i=Ja(t),r=[Ba,Ua].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=o[0],a=o[1];return s=s||0,a=(a||0)*r,[Ba,Na].indexOf(i)>=0?{x:a,y:s}:{x:s,y:a}}(n,e.rects,o),t},{}),a=s[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[i]=s}};function yl(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function bl(t){return[Ua,Na,Da,Ba].some(function(e){return t[e]>=0})}var xl={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,s=nl(e,{elementContext:"reference"}),a=nl(e,{altBoundary:!0}),l=yl(s,i),c=yl(a,r,o),h=bl(l),u=bl(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:h,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":u})}};function Sl(t,e,n){return ma(t,ga(e,n))}var wl={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r||r,s=n.altAxis,a=void 0!==s&&s,l=n.boundary,c=n.rootBoundary,h=n.altBoundary,u=n.padding,d=n.tether,p=void 0===d||d,f=n.tetherOffset,m=void 0===f?0:f,g=nl(e,{boundary:l,rootBoundary:c,padding:u,altBoundary:h}),v=Ja(e.placement),_=Qa(e.placement),y=!_,b=tl(v),x="x"===b?"y":"x",S=e.modifiersData.popperOffsets,w=e.rects.reference,M=e.rects.popper,T="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,A="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),E=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,C={x:0,y:0};if(S){if(o){var R,P="y"===b?Ua:Ba,L="y"===b?Da:Na,I="y"===b?"height":"width",O=S[b],k=O+g[P],U=O-g[L],D=p?-M[I]/2:0,N=_===Ha?w[I]:M[I],B=_===Ha?-M[I]:-w[I],F=e.elements.arrow,z=p&&F?Ca(F):{width:0,height:0},H=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},W=H[P],V=H[L],G=Sl(0,w[I],z[I]),j=y?w[I]/2-D-G-W-A.mainAxis:N-G-W-A.mainAxis,X=y?-w[I]/2+D+G+V+A.mainAxis:B+G+V+A.mainAxis,$=e.elements.arrow&&ka(e.elements.arrow),Y=$?"y"===b?$.clientTop||0:$.clientLeft||0:0,q=null!=(R=null==E?void 0:E[b])?R:0,Z=O+X-q,K=Sl(p?ga(k,O+j-q-Y):k,O,p?ma(U,Z):U);S[b]=K,C[b]=K-O}if(a){var J,Q="x"===b?Ua:Ba,tt="x"===b?Da:Na,et=S[x],nt="y"===x?"height":"width",it=et+g[Q],rt=et-g[tt],ot=-1!==[Ua,Ba].indexOf(v),st=null!=(J=null==E?void 0:E[x])?J:0,at=ot?it:et-w[nt]-M[nt]-st+A.altAxis,lt=ot?et+w[nt]+M[nt]-st-A.altAxis:rt,ct=p&&ot?function(t,e,n){var i=Sl(t,e,n);return i>n?n:i}(at,et,lt):Sl(p?at:it,et,p?lt:rt);S[x]=ct,C[x]=ct-et}e.modifiersData[i]=C}},requiresIfExists:["offset"]};function Ml(t,e,n,i,r,o={}){let s=Pr();if(Me(["mode","mmkey",i,"triggerWidth","placement","placementDistX","placementDistY","transitionTime","isolated","editable","contentStyle"],e=>{if(!qo(t,e))throw new Error(`invalid vo.${e}`)}),!Lr(e))throw new Error("funGetDivTrigger is not a function");if(!Lr(n))throw new Error("funGetDivContent is not a function");let a=st(o,"funAddTrigger"),l=st(o,"funCheckTrigger"),c=st(o,"funRemoveTrigger"),h=st(o,"modeHide",null);"click"!==h&&"mousedown"!==h&&(h="click");let u={mouseClientX:0,mouseClientY:0,cursorTriggerInner:!1,clickContentInner:!1,popperShow:!1,popperInstance:null,removeTriggerTimer:null},d=()=>!Lr(l)||l(t.mode,t.mmkey),p=i=>{let r=e();if(!Yr(r))return;t.$nextTick(()=>{t.triggerWidth=r.offsetWidth});let o=n();if(!Yr(o))return;null!==u.removeTriggerTimer&&(clearTimeout(u.removeTriggerTimer),u.removeTriggerTimer=null),Lr(a)&&a(t.mode,t.mmkey);let l={strategy:"fixed",placement:t.placement,modifiers:[wl,cl,{name:"computeStyles",options:{gpuAcceleration:!1}},vl,{name:"flip",options:{}},_l,{name:"offset",options:{offset:[t.placementDistX,t.placementDistY]}},xl,{name:"emitPlacement",enabled:!0,phase:"afterWrite",fn:({state:e})=>{let n=st(e,"placement",null);null!==n&&(t.$emit("placement-change",n),s.emit("placement-change",n))}}]};u.popperInstance=ul(r,o,l)},f=e=>{u.popperInstance&&(u.popperInstance.destroy(),u.popperInstance=null),u.removeTriggerTimer=setTimeout(()=>{u.removeTriggerTimer=null,Lr(c)&&c(t.mode,t.mmkey)},20)},m=e=>{t.$nextTick(()=>{let e=t.editable&&t[i];if(e&&!u.popperShow){let e=-15;t.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,p(),u.popperShow=!0,t.$emit("show"),s.emit("show"),setTimeout(()=>{t.contentStyle=`transition:all ${t.transitionTime}ms ease-out; opacity:1; pointer-events:none;`},1),setTimeout(()=>{t.contentStyle=""},t.transitionTime)}else!e&&u.popperShow&&(f(),u.popperShow=!1,t.$emit("hide"),s.emit("hide"))})},g=(e,n)=>{t.editable&&(t[i]=e,m())},v=(e,n)=>{t.editable&&(t.isolated&&g(e),t.$nextTick(()=>{t.$emit(r,e),s.emit(r,e)}))},_=(e,n)=>{t.editable&&(t[i]||t.mode===e&&v(!0))},y=(e,n)=>{t.editable&&t[i]&&t.mode===e&&v(!1)};return s.mounted=()=>{u.windowMousemove=t=>{u.mouseClientX=t.clientX,u.mouseClientY=t.clientY},window.addEventListener("mousemove",u.windowMousemove,!1),u.windowMousedown=r=>{let o=e();Yr(o)?u.cursorTriggerInner=ha(r.clientX,r.clientY,o):u.cursorTriggerInner=!1;let s=n();if(t[i]&&s?u.clickContentInner=ha(r.clientX,r.clientY,s):u.clickContentInner=!1,"mousedown"===h){if(!d())return;!t[i]||u.cursorTriggerInner||u.clickContentInner||t.evHide("popup","windowMousedown")}},window.addEventListener("mousedown",u.windowMousedown,!1),u.windowMouseup=e=>{d()&&(!t[i]||u.cursorTriggerInner||u.clickContentInner?(u.cursorTriggerInner=!1,u.clickContentInner=!1):t.evHide("popup","windowMouseup"))},window.addEventListener("mouseup",u.windowMouseup,!1),u.windowScroll=n=>{if("tooltip"!==t.mode)return;let r=e();Yr(r)&&(u.cursorTriggerInner=!!r&&ha(u.mouseClientX,u.mouseClientY,r),u.cursorTriggerInner?t[i]||_("tooltip"):t[i]&&y("tooltip"))},window.addEventListener("scroll",u.windowScroll,!1)},s.destroy=()=>{window.removeEventListener("mousemove",u.windowMousemove,!1),window.removeEventListener("mousedown",u.windowMousedown,!1),window.removeEventListener("mouseup",u.windowMouseup,!1),window.removeEventListener("scroll",u.windowMouseup,!1),v(!1)},s.showPopper=p,s.hidePopper=f,s.updatePopper=(e,n)=>{u.popperInstance&&u.popperInstance.update(),t.$emit("resize",e),s.emit("resize",e)},s.displayPopper=m,s.updateValue=g,s.triggerEvent=v,s.evShow=_,s.evHide=y,s}let Tl={tooltip:[],popup:[]};function Al(t,e){Tl[t].push(e)}function El(t,e){return n=Tl[t],((i=null==n?0:n.length)?n[i-1]:void 0)===e;var n,i}function Cl(t,e){sa(Tl[t],e)}const Rl={directives:{domresize:Ir()},components:{Teleport:ca},props:{mode:{type:String,default:"tooltip"},value:{type:Boolean,default:!1},displayType:{type:String,default:"block"},cmpZIndex:{type:Number,default:3e3},isolated:{type:Boolean,default:!1},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!1},autoFitMaxWidth:{type:Boolean,default:!1},placement:{type:String,default:"bottom"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},paddingStyle:{type:Object,default:()=>({v:2,h:10})},modeHide:{type:String,default:"click"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:Vi(),valueTrans:!1,triggerWidth:null,contentStyle:"",bp:null}},mounted:function(){let t=this;t.bp=new Ml(t,t.funGetDivTrigger,t.funGetDivContent,"valueTrans","input",{funAddTrigger:Al,funCheckTrigger:El,funRemoveTrigger:Cl,modeHide:t.modeHide}),t.bp.mounted()},beforeDestroy:function(){this.bp.destroy()},computed:{changeValue:function(){let t=this,e=t.value;return t.isolated||t.updateValue(e,"changeValue"),""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let t=this;return Jr(t.minWidth)?`min-width:${t.minWidth}px;`:t.autoFitMinWidth?`min-width:${t.triggerWidth}px;`:""},useMaxWidth:function(){let t=this;return Jr(t.maxWidth)?`max-width:${t.maxWidth}px;`:t.autoFitMaxWidth?`max-width:${t.triggerWidth}px;`:""},useBorderRadius:function(){let t=this;return Jr(t.borderRadius)?`border-radius:${t.borderRadius}px;`:""},useTextFontSize:function(){let t=this.textFontSize;return t=zr(t,";",""),`font-size:${t};`},useTextColor:function(){return Fr(this.textColor)},useBackgroundColor:function(){return Fr(this.backgroundColor)},usePadding:function(){return`padding:${Qr(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let t=zr(this.shadowStyle,";","");return""!==t?`box-shadow:${t};`:""}},methods:{funGetDivTrigger:function(){return st(this,"$refs.divTrigger",null)},funGetDivContent:function(){return st(this,"$refs.divContent",null)},evShow:function(t,e){let n=this;Lr(st(n,"bp.evShow"))&&n.bp.evShow(t,e)},evHide:function(t,e){let n=this;Lr(st(n,"bp.evHide"))&&n.bp.evHide(t,e)},updatePopper:function(t,e){let n=this;Lr(st(n,"bp.updatePopper"))&&n.bp.updatePopper(t,e)},updateValue:function(t,e){let n=this;Lr(st(n,"bp.updateValue"))&&n.bp.updateValue(t,e)}}};var Pl=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:""+t.useDisplayType,attrs:{changeValue:t.changeValue}},[n("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return t.evShow("popup","click")},mouseenter:function(e){return t.evShow("tooltip","mouseenter")},mouseleave:function(e){return t.evHide("tooltip","mouseleave")}}},[t._t("trigger")],2),t._v(" "),n("Teleport",{attrs:{to:"body"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+t.cmpZIndex+";",attrs:{wtlp:t.labelContent},on:{domresize:t.updatePopper}},[t.valueTrans?n("div",{style:t.contentStyle+" "+t.usePadding+" "+t.useTextFontSize+" color:"+t.useTextColor+"; background:"+t.useBackgroundColor+"; "+t.useMinWidth+" "+t.useMaxWidth+" "+t.useBorderRadius+" "+t.useShadow},[t._t("content",null,{funHide:function(){t.updateValue(!1,"slot")}})],2):t._e()])])],1)};Pl._withStripped=!0;const Ll=oo({render:Pl,staticRenderFns:[]},function(t){t&&t("data-v-5ce5fda2_0",{source:"\n.WPopperFix[data-popper-reference-hidden][data-v-5ce5fda2] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-106-7-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AAkbA;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('popup','click')\"\r\n            @mouseenter=\"evShow('tooltip','mouseenter')\"\r\n            @mouseleave=\"evHide('tooltip','mouseleave')\"\r\n        >\r\n\r\n            <slot name=\"trigger\"></slot>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 不能給予position因會被popupjs洗掉, 但可給z-index, 且popupjs會改用transform:translate定位 --\x3e\r\n        \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n        <Teleport to=\"body\">\r\n            <div\r\n                ref=\"divContent\"\r\n                class=\"WPopperFix\"\r\n                :style=\"`z-index:${cmpZIndex};`\"\r\n                :wtlp=\"labelContent\"\r\n                v-show=\"valueTrans\"\r\n                v-domresize\r\n                @domresize=\"updatePopper\"\r\n            >\r\n                <div\r\n                    :style=\"`${contentStyle} ${usePadding} ${useTextFontSize} color:${useTextColor}; background:${useBackgroundColor}; ${useMinWidth} ${useMaxWidth} ${useBorderRadius} ${useShadow}`\"\r\n                    v-if=\"valueTrans\"\r\n                >\r\n                    <slot\r\n                        name=\"content\"\r\n                        :funHide=\"()=>{updateValue(false,'slot')}\"\r\n                    ></slot>\r\n                </div>\r\n            </div>\r\n        </Teleport>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport last from 'lodash-es/last.js'\r\nimport pull from 'lodash-es/pull.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport Teleport from './Teleport.vue'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport BuildPopper from '../js/buildPopper.mjs'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction funAddTrigger(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction funCheckTrigger(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction funRemoveTrigger(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='tooltip'] 輸入組件模式字串，可選'tooltip'與'popup'，預設'tooltip'\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [displayType='block'] 輸入display設定字串，可選'block'與'line'，預設'block'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗或彈窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [isolated=false] 輸入提示窗或彈窗當mode為'popup'時是否為獨立顯引狀態布林值，也就是可不接收外部傳入value值，預設false\r\n * @vue-prop {Number} [minWidth=null] 輸入提示窗或彈窗最小寬度數字，不含paddingStyle的寬度，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入提示窗或彈窗最大寬度數字，不含paddingStyle的寬度，單位為px，預設null\r\n * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最小寬度布林值，不含paddingStyle的寬度，預設false\r\n * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最大寬度布林值，不含paddingStyle的寬度，預設false\r\n * @vue-prop {String} [placement='bottom'] 輸入提示窗或彈窗出現位置字串，可選'top-start'、'top'、'top-end'、'bottom-start'、'bottom'、'bottom-end'、'left-start'、'left'、'left-end'、'right-start'、'right'、'right-end'、，預設'bottom'\r\n * @vue-prop {Number} [placementDistX=0] 輸入提示窗或彈窗距離觸發元素之水平向右平移數字，單位為px，預設0\r\n * @vue-prop {Number} [placementDistY=5] 輸入提示窗或彈窗距離觸發元素之垂直向下平移數字，單位為px，預設5\r\n * @vue-prop {Number} [borderRadius=4] 輸入提示窗或彈窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入提示窗或彈窗文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [textColor='white'] 輸入提示窗或彈窗文字顏色字串，預設'white'\r\n * @vue-prop {String} [backgroundColor='rgba(60,60,60,0.75)'] 輸入提示窗或彈窗背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Object} [paddingStyle={v:2,h:10}] 輸入提示窗或彈窗內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:10}\r\n * @vue-prop {String} [modeHide='click'] 輸入點擊外部關閉模式字串，可選'click'與'mousedown'，'click'為mouseup時才關閉，'mousedown'為mousedown時關閉，預設'click'\r\n * @vue-prop {Boolean} [shadow=true] 輸入提示窗或彈窗是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入提示窗或彈窗陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [transitionTime=200] 輸入提示窗或彈窗淡入出現時間數字，單位為ms，預設200\r\n * @vue-prop {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        Teleport,\r\n    },\r\n    props: {\r\n        mode: {\r\n            type: String,\r\n            default: 'tooltip', //tooltip, popup\r\n        },\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        displayType: {\r\n            type: String,\r\n            default: 'block', //line, block\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        isolated: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        minWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        maxWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        autoFitMinWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoFitMaxWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        placement: {\r\n            type: String,\r\n            default: 'bottom',\r\n        },\r\n        placementDistX: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        placementDistY: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'rgba(60,60,60,0.75)',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 2,\r\n                    h: 10,\r\n                }\r\n            },\r\n        },\r\n        modeHide: {\r\n            type: String,\r\n            default: 'click',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        transitionTime: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        labelContent: {\r\n            type: String,\r\n            default: null,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成\r\n            // mmkey: (() => {\r\n            //     let id = genID()\r\n            //     console.log('data gen mmkey', id)\r\n            //     return id\r\n            // })(),\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null, //會由BuildPopper內更新\r\n            contentStyle: '',\r\n\r\n            bp: null,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //BuildPopper\r\n        let keyShow = 'valueTrans'\r\n        let evNameValue = 'input'\r\n        vo.bp = new BuildPopper(vo,\r\n            vo.funGetDivTrigger,\r\n            vo.funGetDivContent,\r\n            keyShow,\r\n            evNameValue,\r\n            {\r\n                funAddTrigger,\r\n                funCheckTrigger,\r\n                funRemoveTrigger,\r\n                modeHide: vo.modeHide,\r\n            })\r\n\r\n        //mounted\r\n        vo.bp.mounted()\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //destroy\r\n        vo.bp.destroy()\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(value, 'changeValue')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useDisplayType: function() {\r\n            let vo = this\r\n            if (vo.displayType === 'line') {\r\n                return 'display:block;'\r\n            }\r\n            return 'display:inline-block;'\r\n        },\r\n\r\n        useMinWidth: function() {\r\n            //console.log('computed useMinWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.minWidth)) {\r\n                return `min-width:${vo.minWidth}px;`\r\n            }\r\n            else if (vo.autoFitMinWidth) {\r\n                return `min-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useMaxWidth: function() {\r\n            //console.log('computed useMaxWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.maxWidth)) {\r\n                return `max-width:${vo.maxWidth}px;`\r\n            }\r\n            else if (vo.autoFitMaxWidth) {\r\n                return `max-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useBorderRadius: function() {\r\n            //console.log('computed useBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.borderRadius)) {\r\n                return `border-radius:${vo.borderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.textFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        useTextColor: function() {\r\n            //console.log('computed useTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.textColor)\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            //console.log('computed useBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.backgroundColor)\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle)\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        useShadow: function() {\r\n            //console.log('computed useShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.shadow) {\r\n                return ''\r\n            }\r\n\r\n            //shadowStyle\r\n            let s = replace(vo.shadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        funGetDivTrigger: function() {\r\n            let vo = this\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            return divTrigger\r\n        },\r\n\r\n        funGetDivContent: function() {\r\n            let vo = this\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n            return divContent\r\n        },\r\n\r\n        evShow: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evShow')\r\n            if (isfun(f)) {\r\n                vo.bp.evShow(kind, from)\r\n            }\r\n        },\r\n\r\n        evHide: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evHide')\r\n            if (isfun(f)) {\r\n                vo.bp.evHide(kind, from)\r\n            }\r\n        },\r\n\r\n        updatePopper: function(msg, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updatePopper')\r\n            if (isfun(f)) {\r\n                vo.bp.updatePopper(msg, from)\r\n            }\r\n        },\r\n\r\n        updateValue: function(value, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updateValue')\r\n            if (isfun(f)) {\r\n                vo.bp.updateValue(value, from)\r\n            }\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopperFix[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})},Rl,"data-v-5ce5fda2",false,void 0,!1,ao,void 0,void 0);var Il={components:{WIcon:po,WIconLoading:na,WTooltip:Ll},props:{tooltip:{type:String,default:""},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"grey darken-1"},iconColorHover:{type:String,default:"grey darken-2"},iconColorFocus:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"grey darken-3"},borderRadius:{type:[Number,String],default:"50%"},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderWidth:{type:Number,default:0},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorFocus:{type:String,default:"rgb(230,230,230)"},backgroundColorActive:{type:String,default:"rgb(230,230,230)"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},active:{type:Boolean,default:!1},cursorPointer:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{activeTrans:!1,hoverTrans:!1,focusTrans:!1,loadingTrans:!1}},mounted:function(){},computed:{changeActive:function(){return this.activeTrans=this.active,""},changeLoading:function(){return this.loadingTrans=this.loading,""},effIconColor:function(){return Fr(this.iconColor)},effIconColorHover:function(){return Fr(this.iconColorHover)},effIconColorFocus:function(){return Fr(this.iconColorFocus)},effIconColorActive:function(){return Fr(this.iconColorActive)},useIconColor:function(){let t,e=this;return e.loadingTrans?e.effIconColor:(t=e.activeTrans?e.effIconColorActive:e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(t=e.activeTrans?e.effIconColorActive:e.effIconColor),t)},useBorderRadius:function(){let t=this,e="0px";if(Fe(t.borderRadius)){e=`${ze(t.borderRadius)}px;`}else Ae(t.borderRadius)&&(e=t.borderRadius);let n="0px",i="0px",r="0px",o="0px";return!0===st(t,"borderRadiusStyle.left")&&(n=e,r=e),!0===st(t,"borderRadiusStyle.right")&&(i=e,o=e),!0===st(t,"borderRadiusStyle.top")&&(n=e,i=e),!0===st(t,"borderRadiusStyle.bottom")&&(r=e,o=e),!0!==st(t,"borderRadiusStyle.topLeft")&&!0!==st(t,"borderRadiusStyle.top-left")||(n=e),!0!==st(t,"borderRadiusStyle.topRight")&&!0!==st(t,"borderRadiusStyle.top-right")||(i=e),!0!==st(t,"borderRadiusStyle.bottomLeft")&&!0!==st(t,"borderRadiusStyle.bottom-left")||(r=e),!0!==st(t,"borderRadiusStyle.bottomRight")&&!0!==st(t,"borderRadiusStyle.bottom-right")||(o=e),`border-top-left-radius:${n}; border-top-right-radius:${i}; border-bottom-left-radius:${r}; border-bottom-right-radius:${o};`},effBorderColor:function(){return Fr(this.borderColor)},effBorderColorHover:function(){return Fr(this.borderColorHover)},effBorderColorFocus:function(){return Fr(this.borderColorFocus)},effBorderColorActive:function(){return Fr(this.borderColorActive)},useBorderColor:function(){let t,e=this;return e.loadingTrans?e.effBorderColor:(t=e.activeTrans?e.effBorderColorActive:e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(t=e.activeTrans?e.effBorderColorActive:e.effBorderColor),t)},effBackgroundColor:function(){return Fr(this.backgroundColor)},effBackgroundColorHover:function(){return Fr(this.backgroundColorHover)},effBackgroundColorFocus:function(){return Fr(this.backgroundColorFocus)},effBackgroundColorActive:function(){return Fr(this.backgroundColorActive)},useBackgroundColor:function(){let t,e=this;return e.loadingTrans?e.effBackgroundColor:(t=e.activeTrans?e.effBackgroundColorActive:e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(t=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),t)},effRippleColor:function(){return Fr(this.rippleColor)},effLoadingColor:function(){return Fr(this.loadingColor)},effDisabledColor:function(){return Fr(this.disabledColor)},usePadding:function(){return`padding:${Qr(this.paddingStyle,{ext:{}})};`},useShadow:function(){let t=this;return t.shadow&&Ae(t.shadowStyle)?"box-shadow:"+function(t,e,n){let i=_n(t=zr(t,"}","{"),"{");return i=gi(i,t=>{if(t.indexOf(e)>=0){let e=Lo(t,"=")[1];return e=Fe(e)?ze(e):.2,function(t,e){let n=Fr(t),i=Qs.toRgba(n);return i.a=e,Qs.toRgbaString(i)}(n,e)}return t}),Ro(i,"")}(t.shadowStyle,"backgroundColorAlpha",t.backgroundColor):""},hasTooltop:function(){return Ae(this.tooltip)}},methods:{ripple:function(t){let e=this;e.editable&&(e.loadingTrans||e.$nextTick(()=>{Zr(t.currentTarget,t,{color:e.effRippleColor,timeDuration:500})}))},clickBtn:function(t){let e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick(()=>{e.$emit("update:loading",e.loadingTrans)});let t=Io();e.$nextTick(()=>{e.$emit("click",{pm:t})}),t.catch().finally(()=>{e.loadingTrans=!1,e.$nextTick(()=>{e.$emit("update:loading",e.loadingTrans)})})}else e.$nextTick(()=>{e.$emit("click")})}}};const Ol=Il;var kl=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:t.editable?t.role:"",changeActive:t.changeActive,changeLoading:t.changeLoading}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{style:"position:relative; transition:all 0.3s; "+t.usePadding+" "+t.useBorderRadius+" border:"+t.borderWidth+"px solid "+t.useBorderColor+"; background:"+t.useBackgroundColor+"; "+(t.editable&&t.cursorPointer?"cursor:pointer;":"")+" "+t.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){t.hoverTrans=!0,t.$emit("mouseenter",e)},mouseleave:function(e){t.hoverTrans=!1,t.$emit("mouseleave",e)},focus:function(e){t.focusTrans=!0},blur:function(e){t.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickBtn(e)},click:function(e){t.ripple(e),t.clickBtn(e)}}},[n("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[t.loadingTrans?t._e():n("WIcon",{attrs:{icon:t.icon,color:t.useIconColor,colorHover:t.useIconColor,size:t.iconSize}}),t._v(" "),t.loadingTrans?n("WIconLoading",{attrs:{name:"cir-rotate",color:t.effLoadingColor,size:t.iconSize}}):t._e()],1),t._v(" "),t.editable?t._e():n("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[n("div",{style:t.useBorderRadius+" overflow:hidden; width:100%; height:100%;"},[n("div",{style:"background:"+t.effDisabledColor+"; height:100%;"})])])])]},proxy:!0},{key:"content",fn:function(){return[t._v("\n            "+t._s(t.tooltip)+"\n        ")]},proxy:!0}])})],1)};kl._withStripped=!0;const Ul={components:{WButtonCircle:oo({render:kl,staticRenderFns:[]},function(t){t&&t("data-v-13f1b94c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})},Ol,"data-v-13f1b94c",false,void 0,!1,ao,void 0,void 0)},props:{kbname:{type:String},casename:{type:String}},data:function(){return{mdiLaunch:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",mdiUnfoldMoreVertical:"M18.17,12L15,8.83L16.41,7.41L21,12L16.41,16.58L15,15.17L18.17,12M5.83,12L9,15.17L7.59,16.59L3,12L7.59,7.42L9,8.83L5.83,12Z"}},mounted:function(){},computed:{fn:function(){let t=`${this.casename}`;return`${this.kbname}_${Po(t)}`}},methods:{ckExample:function(){let t="https://yuda-lyu.github.io/w-plot-vue/examples/"+this.fn+".html";window.open(t,"_blank")},ckCode:function(){let t="https://github.com/yuda-lyu/w-plot-vue/blob/master/docs/examples/"+this.fn+".html";window.open(t,"_blank")}}};var Dl=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"item"},[n("div",{staticStyle:{display:"inline-block"}},[t._v("\n        "+t._s(t.casename)+"\n    ")]),t._v(" "),n("div",{staticStyle:{"padding-left":"5px"}}),t._v(" "),n("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:t.mdiLaunch,iconSize:16,iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"example"},on:{click:t.ckExample}}),t._v(" "),n("div",{staticStyle:{"padding-left":"5px"}}),t._v(" "),n("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:t.mdiUnfoldMoreVertical,iconSize:16,iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"code"},on:{click:t.ckCode}})],1)};Dl._withStripped=!0;const Nl=oo({render:Dl,staticRenderFns:[]},function(t){t&&t("data-v-eeb9dfb0_0",{source:"\n.item[data-v-eeb9dfb0] {\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:["C:\\opensrc\\開源-JS-106-7-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})},Ul,"data-v-eeb9dfb0",false,void 0,!1,ao,void 0,void 0);function Bl(t,e){let n=Io();if(!to(t)&&!Fi(t))return n.reject("rs is not an array or object"),n;let i=!1;if(Fi(t)){i=!0;let e=[];Me(t,(t,n)=>{e.push({k:n,v:t})}),t=e}Lr(e)||(e=function(t){return t});let r=-1,o=[];return t.reduce(function(t,n){return t.then(function(t){o.push(t),r+=1;let s=r,a=n;return i&&(s=n.k,a=n.v),Lr(e)?e(a,s):a})},Promise.resolve()).then(function(t){var e,i,r,s;o.push(t),s=null==(e=o)?0:e.length,o=s?Ke(e,(i=r||void 0===i?1:Ne(i))<0?0:i,s):[],n.resolve(o)}).catch(function(t){n.reject(t)}),n}function Fl(t){let e,n=Object.prototype.toString.call(t);if(e="[object Promise]"===n,e)return!0;if("[object Function]"!==n)return!1;try{e="function"!=typeof t.subscribe&&"function"==typeof t.then}catch(t){}return e}async function zl(t,e={}){let n=null,i=Io();if(!Lr(t))return i.reject("waitfunction需輸入函數f"),i;let r=async()=>{let e=t();return Fl(e)&&(e=await e),e};if(n=await r(),!0===n)return i.resolve(),i;let o=st(e,"attemptNum",null);zi(o)||(o=200);let s=st(e,"timeInterval",null);zi(s)||(s=1e3);let a=0,l=setInterval(async()=>{a+=1,n=await r(),!0===n&&(clearInterval(l),i.resolve()),a>o&&(clearInterval(l),i.reject(`exceeded attemptNum[${o}]`))},s);return i}function Hl(t=10){Fe(t)||(t=10);let e=Io();return setTimeout(function(){e.resolve()},t),e}let Wl={},Vl={};function Gl({tagName:t,path:e,attributes:n={},func:i}){let r=Io();if("done"===Wl[e])return r.resolve("loaded"),r;if("loading"===Wl[e])return zl(()=>"done"===Wl[e]).then(function(){r.resolve("loaded")}),r;Wl[e]="loading";let o=document.createElement(t);return Me(n,(t,e)=>{o.setAttribute(e,t)}),n.rel&&"stylesheet"===n.rel?(o.setAttribute("href",e),setTimeout(()=>{r.resolve(o),Wl[e]="done"},1)):(o.src=e,o.addEventListener("load",()=>{let t;Lr(i)?t=zl(i):(t=Io(),t.resolve()),t.then(()=>Hl(500)).then(function(){r.resolve(o),Wl[e]="done"})}),o.addEventListener("error",()=>{r.reject(o),Wl[e]="done"})),document.getElementsByTagName("head")[0].appendChild(o),r}let jl={},Xl={},$l=async(t,e="")=>{let n=`${t}|${e}`;if(qo(Xl,n)){return await Xl[n]}let i=Io();Xl[n]=i;let r=`https://raw.githubusercontent.com/yuda-lyu/${t}/refs/heads/master/package.json`,o=`https://cdn.jsdelivr.net/npm/${t}@{version}/dist/{fn}`,s=await(async(t,e={})=>{if(qo(jl,t))return await jl[t];let n=st(e,"useCache");Kr(n)||(n=!1);let i=Io();jl[t]=i;let r={cache:n?"force-cache":"reload"},o=await fetch(t,r);if(!o.ok)throw new Error(`can not get res from url[${t}]`);let s=await o.json();return i.resolve(s),s})(r),a=st(s,"version");if(!Ae(a))throw new Error("找不到 version");let l=`${t}.umd.js`;Ae(e)&&(l=e);let c=o;return c=zr(c,"{version}",a),c=zr(c,"{fn}",l),i.resolve(c),c},Yl=async t=>{let e=await Bl(t,async t=>{let e="",n="",i=t.indexOf("base:")>=0,r=t.indexOf("file:")>=0,o=Lo(t,"|"),s=st(o,0,""),a=st(o,1,"");if(i&&r&&(e=$o(s,5),n=$o(a,5)),i&&!r&&(e=$o(t,5)),!i&&!r)return t;let l=t;if(Ae(e)&&!Ae(n))l=await $l(e);else{if(!Ae(e)||!Ae(n))throw console.log("url",l),new Error("invalid url");l=await $l(e,n)}return l}),n=await function(t){let e=Io();to(t)||(t=[t]),Me(t,(e,n)=>{Te(e)&&(t[n]={path:e})});let n=Ro(gi(t,"path"),"|");return"done"===Vl[n]?(e.resolve("loaded"),e):"loading"===Vl[n]?(zl(()=>"done"===Vl[n]).then(function(){e.resolve("loaded")}),e):(Vl[n]="loading",Me(t,(t,e)=>{t.type||(".js"===Ye(t.path,3)?t.type="js":".css"===Ye(t.path,4)?t.type="css":t.type="unknow")}),Bl(t,t=>{let e=Io();if("js"===t.type)e=Gl({tagName:"script",path:t.path,attributes:{type:"text/javascript"},func:t.func});else if("css"===t.type)e=Gl({tagName:"link",path:t.path,attributes:{rel:"stylesheet"}});else{let n="invalid pathItem.type: "+t.type;console.log(n),e.reject(n)}return e}).finally(()=>{Vl[n]="done"}))}(e);return n};function ql(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}t&&!window.Vue&&(window.Vue=t);const Zl={components:{WIconLoading:na},props:{pathItems:{type:Array,default:()=>["base:w-highcharts-vue"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let e=this;Yl(e.pathItems).then(n=>{"loaded"!==n&&function(){let e=ql();return t||e.Vue}().use(window["w-highcharts-vue"]),e.cmpName="w-highcharts-vue"})},computed:{},methods:{}};var Kl=function(){var t=this,e=t.$createElement;return(t._self._c||e)(t.cmpName,{ref:"$self",tag:"component",attrs:{options:t.options}})};Kl._withStripped=!0;const Jl={components:{WHighchartsVueDyn:oo({render:Kl,staticRenderFns:[]},function(t){t&&t("data-v-3fabf612_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})},Zl,"data-v-3fabf612",false,void 0,!1,ao,void 0,void 0)},props:{options:{type:Object,default:()=>{}},width:{type:Number,default:400},height:{type:Number,default:400}},data:function(){return{}},computed:{widthInp:function(){let t=this.width,e=st(this,"options.chart.width","");return Fe(e)&&(t=ze(e)),t},heightInp:function(){let t=this.height,e=st(this,"options.chart.height","");return Fe(e)&&(t=ze(e)),t}},methods:{}};var Ql=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.options?n("div",{style:"display:inline-block; width:"+t.widthInp+"px; min-width:"+t.widthInp+"px; height:"+t.heightInp+"px; overflow-y:hidden;"},[n("WHighchartsVueDyn",{attrs:{options:t.options}})],1):t._e()};Ql._withStripped=!0;const tc=oo({render:Ql,staticRenderFns:[]},function(t){t&&t("data-v-66a43b30_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPlot2d.vue"},media:void 0})},Jl,"data-v-66a43b30",false,void 0,!1,ao,void 0,void 0);const ec={components:{demolink:Nl,WPlot2d:tc},props:{},data:function(){return{WPlot2d:{option1:{title:{text:"AAPL Stock Price"},xAxis:{type:"datetime"},yAxis:{title:{text:"Price"}},tooltip:{headerFormat:'<div style="font-size:8pt;">{point.x:%Y/%m/%d %H:%M}</div><br/>',pointFormat:" Price: <b>{point.y}</b>"},series:[{name:"AAPL",data:window.dataAAPL,tooltip:{valueDecimals:2}}]}}}},methods:{}};var nc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-plot-2d",casename:"default"}}),t._v(" "),n("w-plot-2d",{attrs:{options:t.WPlot2d.option1}})],1)])])};nc._withStripped=!0;const ic=oo({render:nc,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-plot-2d")])])}]},function(t){t&&t("data-v-1c1e5d0c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPlot2d.vue"},media:void 0})},ec,"data-v-1c1e5d0c",false,void 0,!1,ao,void 0,void 0);function rc(t,e,n){(void 0!==n&&!N(t[e],n)||void 0===n&&!(e in t))&&yi(t,e,n)}function oc(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]}function sc(t,n,i,r,o,s,a){var l=oc(t,i),c=oc(n,i),h=a.get(c);if(h)rc(t,i,h);else{var u,d=s?s(l,c,i+"",t,n,a):void 0,f=void 0===d;if(f){var m=e(c),g=!m&&Qt(c),v=!m&&!g&&he(c);d=c,m||g||v?e(l)?d=l:p(u=l)&&ye(u)?d=er(l):g?(f=!1,d=tr(c,!0)):v?(f=!1,d=ur(c,!0)):d=[]:$r(c)||qt(c)?(d=l,qt(l)?d=function(t){return Xi(t,qi(t))}(l):_(l)&&!y(l)||(d=gr(c))):f=!1}f&&(a.set(c,d),o(d,c,r,s,a),a.delete(c)),rc(t,i,d)}}function ac(t,e,n,i,r){t!==e&&Vt(e,function(o,s){if(r||(r=new yn),_(o))sc(t,e,s,n,ac,i,r);else{var a=i?i(oc(t,s),o,s+"",t,e,r):void 0;void 0===a&&(a=o),rc(t,s,a)}},qi)}var lc,cc=(lc=function(t,e,n){ac(t,e,n)},Go(function(t,e){var n=-1,i=e.length,r=i>1?e[i-1]:void 0,o=i>2?e[2]:void 0;for(r=lc.length>3&&"function"==typeof r?(i--,r):void 0,o&&en(e[0],e[1],o)&&(r=i<3?void 0:r,i=1),t=Object(t);++n<i;){var s=e[n];s&&lc(t,s,n,r)}return t})),hc=cc;function uc(t={}){return{credits:{enabled:!1},navigation:{buttonOptions:{enabled:!1}},boost:{enabled:!0},plotOptions:{series:{animation:!1}},title:{text:""},subtitle:{text:""},tooltip:{useHTML:!0,enabled:st(t,"useTooltip",!0)},legend:{useHTML:!0,enabled:st(t,"useLegend",!0)}}}function dc(t={}){let e=st(t,"marginLeftShift",60),n=st(t,"marginRightShift",0),i=st(t,"marginTopShift",10),r=st(t,"marginBottomShift",60),o=st(t,"spacingLeft",0),s=st(t,"spacingRight",0),a=st(t,"spacingTop",0),l=st(t,"spacingBottom",0),c=st(t,"plotBorderColor","#666"),h=st(t,"plotBorderWidth",1),u=st(t,"space",5);return{animation:!1,plotBorderColor:c,plotBorderWidth:h,marginLeft:u+e,marginRight:u+n,marginTop:u+i,marginBottom:u+r,spacingLeft:o,spacingRight:s,spacingTop:a,spacingBottom:l}}function pc(t={}){let e=st(t,"softMax"),n=st(t,"vDig");return{crosshair:!0,title:{useHTML:!0,text:"",style:{fontFamily:st(t,"titleFontFamily","微軟正黑體"),fontSize:st(t,"titleFontSize","12pt"),color:st(t,"titleColor","#000")}},softMax:e,labels:{autoRotation:!1,style:{fontFamily:st(t,"labelFontFamily","微軟正黑體"),fontSize:st(t,"labelFontSize","9pt"),color:st(t,"labelColor","#222")},formatter:function(t){return n?function(t,e=0){return Fe(t)&&$e(e)?(t=ze(t),je(t,e).toFixed(e)):""}(t.value,n):t.value}},lineColor:"#666",lineWidth:1,gridLineColor:"#eeeeee",gridLineWidth:1,minorGridLineColor:"#eeeeee",minorGridLineWidth:1,tickPosition:"inside",tickColor:"#222222",tickWidth:1,tickLength:5,minorTickPosition:"inside",minorTickColor:"#222222",minorTickWidth:1,minorTickLength:5}}function fc(t={}){let e=st(t,"legnedFontFamily","微軟正黑體"),n=st(t,"legnedFontSize","9pt"),i=st(t,"legnedColor","#222");return{useHTML:!0,enabled:!0,shared:!0,floating:!0,layout:"vertical",backgroundColor:st(t,"legendBackgroundColor","rgba(255,255,255,0.75)"),borderColor:st(t,"legnedBorderColor","#aaa"),borderWidth:1,itemStyle:{fontFamily:e,fontSize:n,color:i}}}function mc(t,e={}){let n=st(e,"legendPosition","topright"),i=st(t,"chart.marginLeft")||st(t,"chart.margin-left");i=ze(i);let r=st(t,"chart.marginRight")||st(t,"chart.margin-right");r=ze(r);let o=st(t,"chart.marginTop")||st(t,"chart.margin-top");o=ze(o);let s=st(t,"chart.marginBottom")||st(t,"chart.margin-bottom");s=ze(s),st(e,"legendIgnoreMargin",!1)&&(i=0,r=0,o=0,s=0);let a=st(t,"chart.spacingLeft")||st(t,"chart.spacing-left");a=ze(a);let l=st(t,"chart.spacingRight")||st(t,"chart.spacing-right");l=ze(l);let c=st(t,"chart.spacingTop")||st(t,"chart.spacing-top");c=ze(c);let h=st(t,"chart.spacingBottom")||st(t,"chart.spacing-bottom");h=ze(h),st(e,"legendIgnoreSpacing",!1)&&(a=0,l=0,c=0,h=0);let u=st(t,"legend",{});if(t.legend=u,"topleft"===n){t.legend.align="left",t.legend.verticalAlign="top";let e=5,n=5;t.legend.x=i-a+e,t.legend.y=o-c+n}else if("bottomleft"===n){t.legend.align="left",t.legend.verticalAlign="bottom";let e=5,n=-5;t.legend.x=i-a+e,t.legend.y=-s+h+n}else if("bottomright"===n){t.legend.align="right",t.legend.verticalAlign="bottom";let e=-5,n=-5;t.legend.x=-r+l+e,t.legend.y=-s+h+n}else{t.legend.align="right",t.legend.verticalAlign="top";let e=-5,n=5;t.legend.x=-r+l+e,t.legend.y=o-c+n}return t}function gc(t,e,n,i,r={}){let o=st(r,"marginLeft",null),s=st(r,"marginRight",null),a=st(r,"marginTop",null),l=st(r,"marginBottom",null),c=st(r,"direction","vertical");"vertical"!==c&&"horizontal"!==c&&(c="vertical");let h,u=st(r,"xTitle",""),d=st(r,"yTitle",""),p=st(r,"barColor",void 0),f=st(r,"barKpColor",void 0),m=st(r,"barGroupWidthRatio",.2),g=st(r,"barWidthRatio",.2),v=st(r,"barBorderWidth",1),_=st(r,"barDisplay","separate");"separate"!==_&&"stackNormal"!==_&&"stackPercent"!==_&&(_="separate"),"stackNormal"===_?h="normal":"stackPercent"===_&&(h="percent");let y=st(r,"barBorderRadius",4),b=st(r,"barShowLabels",!0),x=st(r,"barUseInnerLabelsForHorizontal",!1),S=st(r,"showLegend",!1),w=n,M=[];Me(i,(t,e)=>{let i=st(t,"name",""),r=p,o=st(t,"color",void 0),s=st(t,"data",{}),a=null,l=[];Me(n,t=>{let n=st(s,t,null),i=n;if(Hr(i)){if(!qo(i,"value"))throw new Error("bar data is an object but no value");i=st(i,"value",null)}let c=st(f,t,void 0),h=st(f,`${e}.${t}`,void 0),u=st(n,"color",void 0),d=(t=>{if(io(t)){let e=Ui(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:gi(t,(t,n)=>[n/(e-1),t])}}return t})(r||o||c||h||u);null===a&&(a=d),l.push({name:t,y:i,color:d})}),M.push({name:i,data:l,color:a})});let T=uc(r),A=dc(r),E=pc(r),C=hc(E,{categories:w,labels:{allowOverlap:!0}});C.title.text=u;let R=pc(r),P=hc(R,{});P.title.text=d,P.min=0;let L={...T,chart:{...A,type:"vertical"===c?"column":"bar",width:t,height:e},xAxis:C,yAxis:P,legend:fc(r),series:M};return Jr(o)&&(L.chart.marginLeft=o),Jr(s)&&(L.chart.marginRight=s),Jr(a)&&(L.chart.marginTop=a),Jr(l)&&(L.chart.marginBottom=l),"stackPercent"===_&&("vertical"===c&&(L.chart.marginLeft+=11),L.yAxis.labels.formatter=t=>`${t.value}%`),"horizontal"===c&&x&&(L.chart.marginLeft=40,L.xAxis.title.margin=21,L.xAxis.labels.enabled=!1,L.xAxis.tickWidth=0,L.xAxis.min=-.25,L.xAxis.tickInterval=1,L.xAxis.plotLines=[{color:L.xAxis.gridLineColor,width:L.xAxis.gridLineWidth,value:-.5}]),L.plotOptions={...L.plotOptions,series:{groupPadding:m,pointPadding:g,borderWidth:v,grouping:!0,borderRadius:y,stacking:h,dataLabels:{enabled:b,allowOverlap:!0}}},L=mc(L,r),L.legend.enabled=S,L}const vc={components:{WPlot2d:tc},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return st(this,"opt.width",0)},picHeight:function(){return st(this,"opt.height",0)},ks:function(){return st(this,"opt.keys",[])},hasOptBar:function(){return Hr(this.optBar)},optBar:function(){let t=this,e=null;try{let n=st(t,"opt.rds",[]);e=gc(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e},useInnerLabels:function(){let t="horizontal"===st(this,"opt.direction",""),e=st(this,"opt.barUseInnerLabelsForHorizontal",!1);return t&&e},locLeft:function(){return st(this,"optBar.chart.marginLeft",0)},locTop:function(){return st(this,"optBar.chart.marginTop",0)},locBottom:function(){return st(this,"optBar.chart.marginBottom",0)},hTickLableFontFamily:function(){return st(this,"optBar.xAxis.labels.style.fontFamily","")},hTickLableFontSize:function(){return st(this,"optBar.xAxis.labels.style.fontSize","")},hTickLableColor:function(){return st(this,"optBar.xAxis.labels.style.color","")},hAxisMin:function(){return st(this,"optBar.xAxis.min",0)},hTickLabels:function(){let t=this,e=t.picHeight-t.locTop-t.locBottom;e=Math.max(e,0);let n=Ui(t.ks)-t.hAxisMin,i=0;return n>0&&(i=e/n),gi(t.ks,(e,n)=>({name:e,y:t.locTop+i*(n-t.hAxisMin)}))}},methods:{}};var _c=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptBar?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optBar})],2),t._v(" "),n("div",{staticStyle:{position:"relative"}},[n("WPlot2d",{attrs:{options:t.optBar}}),t._v(" "),t.useInnerLabels?t._l(t.hTickLabels,function(e,i){return n("div",{key:"ktk-"+i,style:"position:absolute; left:"+t.locLeft+"px; top:"+e.y+"px; font-family:"+t.hTickLableFontFamily+"; font-size:"+t.hTickLableFontSize+"; color:"+t.hTickLableColor+";"},[t._v("\n                "+t._s(e.name)+"\n            ")])}):t._e()],2),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optBar})],2)]):t._e()};_c._withStripped=!0;const yc=oo({render:_c,staticRenderFns:[]},function(t){t&&t("data-v-5fb84f54_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})},vc,"data-v-5fb84f54",false,void 0,!1,ao,void 0,void 0);var bc={components:{demolink:Nl,WBar:yc},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WBar:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2b:{width:400,height:400,keys:t,rds:[{name:"Corn",color:"#E91E63",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:"#9C27B0",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2c:{width:400,height:400,keys:t,rds:[{name:"Corn",color:["rgb(243, 150, 199)","rgb(233, 30, 99)"],data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:["rgb(206, 159, 236)","rgb(156, 39, 176)"],data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2d:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#FF8A80"},China:{value:260,color:"#FF80AB"},Brazil:{value:107,color:"#EA80FC"},EU:{value:68.3,color:"#B388FF"},India:{value:27.5,color:"#8C9EFF"},Russia:{value:14.5,color:"#82B1FF"}}},{name:"Wheat",data:{USA:{value:51.086,color:"#F44336"},China:{value:136,color:"#E91E63"},Brazil:{value:5.5,color:"#9C27B0"},EU:{value:141,color:"#673AB7"},India:{value:107.18,color:"#3F51B5"},Russia:{value:77,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2e:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["rgb(255, 205, 210)","rgb(229, 115, 115)"]},China:{value:260,color:["rgb(255, 185, 210)","rgb(229, 95, 115)"]},Brazil:{value:107,color:["rgb(255, 165, 210)","rgb(229, 75, 115)"]},EU:{value:68.3,color:["rgb(255, 145, 210)","rgb(229, 55, 115)"]},India:{value:27.5,color:["rgb(255, 125, 210)","rgb(229, 35, 115)"]},Russia:{value:14.5,color:["rgb(255, 105, 210)","rgb(229, 15, 115)"]}}},{name:"Wheat",data:{USA:{value:51.086,color:["rgb(210, 205, 255)","rgb(115, 115, 229)"]},China:{value:136,color:["rgb(210, 185, 255)","rgb(115, 95, 229)"]},Brazil:{value:5.5,color:["rgb(210, 165, 255)","rgb(115, 75, 229)"]},EU:{value:141,color:["rgb(210, 145, 255)","rgb(115, 55, 229)"]},India:{value:107.18,color:["rgb(210, 125, 255)","rgb(115, 35, 229)"]},Russia:{value:77,color:["rgb(210, 105, 255)","rgb(115, 15, 229)"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const xc=bc;var Sc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{marginLeft:85,marginRight:25,marginTop:35,marginBottom:75})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barColor:"#FF9800"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barColor:["#4f95d8","#0058a5"]})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & hide labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & show legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2b,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2c,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2d,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2e,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && show labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && hide legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal) && barShowLabels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackPercent)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:85,marginRight:25,marginTop:35,marginBottom:75,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barUseInnerLabelsForHorizontal"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:"#FF9800"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:["#4f95d8","#0058a5"]})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & hide labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & show legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barUseInnerLabelsForHorizontal & barGroupWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barUseInnerLabelsForHorizontal:!0,barGroupWidthRatio:.25})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2d,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2e,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && show labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && hide legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal) && barShowLabels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackPercent)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1)])])};Sc._withStripped=!0;const wc=oo({render:Sc,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-bar")])])}]},function(t){t&&t("data-v-067763ff_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})},xc,"data-v-067763ff",false,void 0,!1,ao,void 0,void 0);function Mc(t,e,n,i,r={}){let o=st(r,"marginLeft",null),s=st(r,"marginRight",null),a=st(r,"marginTop",null),l=st(r,"marginBottom",null),c=st(r,"pieThicknessRatio",.6);c=Math.min(c,1),c=Math.max(c,0);let h=st(r,"pieBorderRadius",4),u=st(r,"pieKpColor",void 0),d=st(r,"pieBorderWidth",1),p=st(r,"pieShowLabels",!0),f=st(r,"showLegend",!0),m=[];Me(i,(t,e)=>{let i=st(t,"name",""),r=st(t,"color",void 0),o=st(t,"data",{}),s=null,a=[];Me(n,t=>{let n=st(o,t,null),i=n;if(Hr(i)){if(!qo(i,"value"))throw new Error("pie data is an object but no value");i=st(i,"value",null)}let l=st(u,t,void 0),c=st(u,`${e}.${t}`,void 0),h=st(n,"color",void 0),d=(t=>{if(io(t)){let e=Ui(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:gi(t,(t,n)=>[n/(e-1),t])}}return t})(r||l||c||h);null===s&&(s=d),a.push({name:t,y:i,color:d})}),m.push({name:i,data:a,color:s})});let g={...uc(r),chart:{...dc({...r,marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"}),type:"pie",width:t,height:e},legend:fc(r),series:m};return Jr(o)&&(g.chart.marginLeft=o),Jr(s)&&(g.chart.marginRight=s),Jr(a)&&(g.chart.marginTop=a),Jr(l)&&(g.chart.marginBottom=l),g.plotOptions={...g.plotOptions,series:{borderWidth:d,dataLabels:{enabled:p,allowOverlap:!0,format:'\n                        <div style="width:50px;">\n                            <div style="font-weight:bold;">{point.name}</div>\n                            <div style="opacity:0.6;">{point.percentage:.1f}%</div>\n                        </div>\n                    '},innerSize:100*(1-c)+"%",borderRadius:h,showInLegend:f}},g=mc(g,{...r,legendIgnoreMargin:!0}),g.legend.enabled=f,g}const Tc={components:{WPlot2d:tc},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return st(this,"opt.width",0)},picHeight:function(){return st(this,"opt.height",0)},ks:function(){return st(this,"opt.keys",[])},hasOptPie:function(){return Hr(this.optPie)},optPie:function(){let t=this,e=null;try{let n=st(t,"opt.rds",[]);e=Mc(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e}},methods:{}};var Ac=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptPie?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optPie})],2),t._v(" "),n("WPlot2d",{attrs:{options:t.optPie}}),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optPie})],2)],1):t._e()};Ac._withStripped=!0;const Ec=oo({render:Ac,staticRenderFns:[]},function(t){t&&t("data-v-66d244ef_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})},Tc,"data-v-66d244ef",false,void 0,!1,ao,void 0,void 0);var Cc={components:{demolink:Nl,WPie:Ec},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WPie:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const Rc=Cc;var Pc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieThicknessRatio"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieThicknessRatio:.05})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderRadius"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderWidth & pieBorderRadius"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieBorderWidth:0,pieBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor(gradient)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide labels"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide legned"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{showLegend:!1})}})],1)])])};Pc._withStripped=!0;const Lc=oo({render:Pc,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-pie")])])}]},function(t){t&&t("data-v-a9cf5f2c_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})},Rc,"data-v-a9cf5f2c",false,void 0,!1,ao,void 0,void 0);function Ic(t,e,n,i,r={}){let o=st(r,"marginLeft",null),s=st(r,"marginRight",null),a=st(r,"marginTop",null),l=st(r,"marginBottom",null),c=st(r,"xLabelFontSize","10pt"),h=st(r,"yTitle",""),u=st(r,"yTitleFontSize","10pt"),d=st(r,"yTitleColor","#444"),p=st(r,"yLabelFontSize","8pt"),f=st(r,"yLabelColor","#888"),m=st(r,"roseKpColor",void 0),g=st(r,"roseWidthRatio",.25),v=st(r,"roseBorderWidth",1),_=st(r,"roseShowLabels",!1),y=st(r,"showLegend",!1),b=n,x=[];Me(i,(t,e)=>{let i=st(t,"name",""),r=st(t,"color",void 0),o=st(t,"data",{}),s=null,a=[];Me(n,t=>{let n=st(o,t,null),i=n;if(Hr(i)){if(!qo(i,"value"))throw new Error("rose data is an object but no value");i=st(i,"value",null)}let l=st(m,t,void 0),c=st(m,`${e}.${t}`,void 0),h=st(n,"color",void 0),u=(t=>{if(io(t)){let e=Ui(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:gi(t,(t,n)=>[n/(e-1),t])}}return t})(r||l||c||h);null===s&&(s=u),a.push({name:t,y:i,color:u})}),x.push({name:i,data:a,color:s})});let S=uc(r),w=dc({...r,space:40,marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"}),M=pc({...r,labelFontSize:c}),T=hc(M,{categories:b,labels:{allowOverlap:!0}}),A=pc({...r,titleFontSize:u,titleColor:d,labelFontSize:p,labelColor:f}),E=hc(A,{});E.title.text=h,E.min=0;let C={...S,chart:{...w,polar:!0,type:"column",width:t,height:e},xAxis:T,yAxis:E,legend:fc(r),series:x};return Jr(o)&&(C.chart.marginLeft=o),Jr(s)&&(C.chart.marginRight=s),Jr(a)&&(C.chart.marginTop=a),Jr(l)&&(C.chart.marginBottom=l),C.plotOptions={...C.plotOptions,series:{stacking:"normal",groupPadding:0,pointPadding:g,borderWidth:v,dataLabels:{enabled:_,allowOverlap:!0,align:"center",y:-10}}},C=mc(C,{...r,legendIgnoreMargin:!0}),C.legend.enabled=y,C}const Oc={components:{WPlot2d:tc},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return st(this,"opt.width",0)},picHeight:function(){return st(this,"opt.height",0)},ks:function(){return st(this,"opt.keys",[])},hasOptRose:function(){return Hr(this.optRose)},optRose:function(){let t=this,e=null;try{let n=st(t,"opt.rds",[]);e=Ic(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e}},methods:{}};var kc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptRose?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optRose})],2),t._v(" "),n("WPlot2d",{attrs:{options:t.optRose}}),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optRose})],2)],1):t._e()};kc._withStripped=!0;const Uc=oo({render:kc,staticRenderFns:[]},function(t){t&&t("data-v-4d726c8e_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})},Oc,"data-v-4d726c8e",false,void 0,!1,ao,void 0,void 0);var Dc={components:{demolink:Nl,WRose:Uc},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WRose:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2b:{width:400,height:400,keys:t,rds:[{name:"Corn",color:"#E91E63",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:"#9C27B0",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2c:{width:400,height:400,keys:t,rds:[{name:"Corn",color:["rgb(243, 150, 199)","rgb(233, 30, 99)"],data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:["rgb(206, 159, 236)","rgb(156, 39, 176)"],data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2d:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#FF8A80"},China:{value:260,color:"#FF80AB"},Brazil:{value:107,color:"#EA80FC"},EU:{value:68.3,color:"#B388FF"},India:{value:27.5,color:"#8C9EFF"},Russia:{value:14.5,color:"#82B1FF"}}},{name:"Wheat",data:{USA:{value:51.086,color:"#F44336"},China:{value:136,color:"#E91E63"},Brazil:{value:5.5,color:"#9C27B0"},EU:{value:141,color:"#673AB7"},India:{value:107.18,color:"#3F51B5"},Russia:{value:77,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2e:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["rgb(255, 205, 210)","rgb(229, 115, 115)"]},China:{value:260,color:["rgb(255, 185, 210)","rgb(229, 95, 115)"]},Brazil:{value:107,color:["rgb(255, 165, 210)","rgb(229, 75, 115)"]},EU:{value:68.3,color:["rgb(255, 145, 210)","rgb(229, 55, 115)"]},India:{value:27.5,color:["rgb(255, 125, 210)","rgb(229, 35, 115)"]},Russia:{value:14.5,color:["rgb(255, 105, 210)","rgb(229, 15, 115)"]}}},{name:"Wheat",data:{USA:{value:51.086,color:["rgb(210, 205, 255)","rgb(115, 115, 229)"]},China:{value:136,color:["rgb(210, 185, 255)","rgb(115, 95, 229)"]},Brazil:{value:5.5,color:["rgb(210, 165, 255)","rgb(115, 75, 229)"]},EU:{value:141,color:["rgb(210, 145, 255)","rgb(115, 55, 229)"]},India:{value:107.18,color:["rgb(210, 125, 255)","rgb(115, 35, 229)"]},Russia:{value:77,color:["rgb(210, 105, 255)","rgb(115, 15, 229)"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const Nc=Dc;var Bc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseBorderWidth"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseWidthRatio"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend & legendPosition"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{showLegend:!0,legendPosition:"topleft"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor(gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseShowLabels"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseShowLabels:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseBorderWidth"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseWidthRatio"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2b,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2c,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2d,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2e,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor(gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && show labels"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && hide legned"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!1})}})],1)])])};Bc._withStripped=!0;const Fc=oo({render:Bc,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-rose")])])}]},function(t){t&&t("data-v-59bdbdf7_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})},Nc,"data-v-59bdbdf7",false,void 0,!1,ao,void 0,void 0);const zc={components:{WIcon:po,WTooltip:Ll},props:{paddingStyle:{type:Object,default:()=>({v:0,h:15})},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderWidth:{type:Number,default:1},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},shadow:{type:Boolean,default:!0},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-2"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0},hovered:{type:Boolean,default:!1},focused:{type:Boolean,default:!1}},data:function(){return{hoveredTrans:!1,focusedTrans:!1}},computed:{changeParam:function(){let t=this;return t.hoveredTrans=t.hovered,t.focusedTrans=t.focused,""},useBackgroundColor:function(){let t=this,e={};return t.focusedTrans?(e["background-color"]=Fr(t.backgroundColorFocus),e):t.hoveredTrans?(e["background-color"]=Fr(t.backgroundColorHover),e):(e["background-color"]=Fr(t.backgroundColor),e)},useBorder:function(){let t=this,e={};return t.focusedTrans?(e.border=`${t.borderWidth}px solid ${Fr(t.borderColorFocus)}`,e):t.hoveredTrans?(e.border=`${t.borderWidth}px solid ${Fr(t.borderColorHover)}`,e):(e.border=`${t.borderWidth}px solid ${Fr(t.borderColor)}`,e)},useShadow:function(){let t={};return this.shadow&&(t["box-shadow"]="0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"),t},useLeftIconColor:function(){let t=this;return t.hoveredTrans?Fr(t.leftIconColorHover):t.focusedTrans?Fr(t.leftIconColorFocus):Fr(t.leftIconColor)},useRightIconColor:function(){let t=this;return t.hoveredTrans?Fr(t.rightIconColorHover):t.focusedTrans?Fr(t.rightIconColorFocus):Fr(t.rightIconColor)},useTitleColor:function(){let t={};return t.color=Fr(this.titleColor),t},usePadding:function(){return{padding:Qr(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return Ae(this.leftIconTooltip)},hasRightIconTooltop:function(){return Ae(this.rightIconTooltip)},useVerticalAlign:function(){let t=this,e={};return"center"===t.verticalAlign?e["align-items"]="center":"top"===t.verticalAlign?e["align-items"]="flex-start":"bottom"===t.verticalAlign&&(e["align-items"]="flex-end"),e}},methods:{clickIcon:function(t){let e=this;!1!==e.editable&&e.$nextTick(()=>{e.$emit("click-"+t)})},mouseenter:function(){let t=this;t.hoveredTrans=!0,t.$nextTick(()=>{t.$emit("update:hovered",!0)})},mouseleave:function(){let t=this;t.hoveredTrans=!1,t.$nextTick(()=>{t.$emit("update:hovered",!1)})}}};var Hc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeParam:t.changeParam}},[n("div",{style:[{transition:"all 0.3s",display:"flex","justify-content":"flex-start","border-radius":t.borderRadius+"px",opacity:t.editable?1:.6},t.usePadding,t.useBackgroundColor,t.useBorder,t.useShadow,t.useVerticalAlign],on:{mouseenter:t.mouseenter,mouseleave:t.mouseleave}},[t.leftIcon?n("div",{style:"margin-left:"+t.iconShiftOuter+"px; margin-right:"+t.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickIcon("left")},click:function(e){return t.clickIcon("left")}}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasLeftIconTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{attrs:{ShellEllipse:"leftIcon"}},[n("WIcon",{attrs:{icon:t.leftIcon,size:t.leftIconSize,color:t.useLeftIconColor,colorHover:t.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[t._v("\n                    "+t._s(t.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3849071383)})],1):t._e(),t._v(" "),n("div",{style:[{width:"100%"}]},[t._t("default")],2),t._v(" "),t.rightIcon?n("div",{style:"margin-right:"+t.iconShiftOuter+"px; margin-left:"+t.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickIcon("right")},click:function(e){return t.clickIcon("right")}}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasRightIconTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{attrs:{ShellEllipse:"rightIcon"}},[n("WIcon",{attrs:{icon:t.rightIcon,size:t.rightIconSize,color:t.useRightIconColor,colorHover:t.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[t._v("\n                    "+t._s(t.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1563142679)})],1):t._e()])])};Hc._withStripped=!0;const Wc=oo({render:Hc,staticRenderFns:[]},function(t){t&&t("data-v-fab4178a_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})},zc,"data-v-fab4178a",false,void 0,!1,ao,void 0,void 0);const Vc={components:{WTooltip:Ll},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"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"inherit"},textColor:{type:String,default:"black"},backgroundColor:{type:String,default:"white"},paddingStyle:{type:Object,default:()=>({v:0,h:0})},modeHide:{type:String,default:"click"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var Gc=function(){var t=this,e=t.$createElement;return(t._self._c||e)("WTooltip",t._g(t._b({scopedSlots:t._u([{key:"trigger",fn:function(){return[t._t("trigger")]},proxy:!0},{key:"content",fn:function(e){return[t._t("content",null,{funHide:e.funHide})]}}],null,!0)},"WTooltip",Object.assign({},t.$props,{mode:"popup"}),!1),t.$listeners))};Gc._withStripped=!0;const jc=oo({render:Gc,staticRenderFns:[]},function(t){t&&t("data-v-fc4fb814_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPopup.vue"},media:void 0})},Vc,"data-v-fc4fb814",false,void 0,!1,ao,void 0,void 0);function Xc(t,e,n={}){let i=!1,r="";if("isstr"===e)Te(t)||(i=!0,r="需要為字串",t="");else if("isnum"===e)Fe(t)||(i=!0,r="需要為數字",t=0);else if("isp0num"===e)Fe(o=t)&&ze(o)>=0||(i=!0,r="需要為含0的正浮點數",t=0);else if("isn0num"===e)(function(t){return!!Fe(t)&&ze(t)<=0})(t)||(i=!0,r="需要為含0的負浮點數",t=0);else if("isint"===e)He(t)||(i=!0,r="需要為整數",t=0);else if("ispint"===e)zi(t)||(i=!0,r="需要為不含0正整數",t=0);else if("isp0int"===e)$e(t)||(i=!0,r="需要為含0正整數",t=0);else if("isnint"===e)(function(t){return!!He(t)&&Xe(t)<0})(t)||(i=!0,r="需要為不含0負整數",t=0);else if("isn0int"===e)(function(t){return!!He(t)&&Xe(t)<=0})(t)||(i=!0,r="需要為含0負整數",t=0);else if("custom"===e){let e=st(n,"funCustom");if(!Lr(e))throw new Error("invalid opt.funCustom when type='custom'");let o=e(t);if(!Kr(o.err))throw new Error("invalid return.err for type='custom'");if(o.err&&!Ae(o.errmsg))throw new Error("invalid return.errmsg when return.err=true for type='custom'");if(!Fe(o.value)&!Te(o.value))throw new Error("invalid return.value for type='custom'");i=o.err,r=o.errmsg,t=o.value}else if(Lr(e)){t=e(t)}else"any"===e?Fe(t)||Te(t)||(i=!0,r="需要為字串或數字",t=""):(i=!0,r="需要指定驗證類型",t=null);var o;return{value:t,err:i,errmsg:r}}const $c={props:{type:{type:String,default:"any"},funVerify:{type:Function,default:null},value:{type:[String,Number],default:""},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},password:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){return this.valueTrans=this.value,""},useHeight:function(){let t=this,e="";return Fe(t.height)?e=`height:${t.height}px;`:Ae(t.height)&&(e=`height:${t.height}; line-height:${t.height};`),e},useTextFontSize:function(){let t=this.textFontSize;return t=zr(t,";",""),`font-size:${t};`},useTextColor:function(){return Fr(this.textColor)}},methods:{setValue:function(t){this.valueTrans=t},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(t){let e=this;e.focused!==t&&e.$nextTick(()=>{e.$emit("update:focused",t)})},updateValue:function(t){let e=this,n=Xc(e.valueTrans,e.type,{funCustom:e.funVerify});e.valueTrans=n.value,e.errmsg=n.errmsg},trigger:function(t,e){let n=this;n.$nextTick(()=>{n.$emit(t,n.valueTrans,n.errmsg,e)})}}};var Yc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeValue:t.changeValue}},["checkbox"==(t.password?"password":"text")?n("input",{directives:[{name:"model",rawName:"v-model",value:t.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+t.useTextColor+"; "+t.useHeight+" text-align:"+t.textAlign+"; "+t.useTextFontSize+" opacity:"+(""!==t.valueTrans||t.focused?1:.6)+";",attrs:{readonly:!t.editable,placeholder:t.placeholder,type:"checkbox"},domProps:{checked:Array.isArray(t.valueTrans)?t._i(t.valueTrans,null)>-1:t.valueTrans},on:{input:function(e){t.updateValue(e),t.trigger("input",e),t.updateFocused(!0)},change:[function(e){var n=t.valueTrans,i=e.target,r=!!i.checked;if(Array.isArray(n)){var o=t._i(n,null);i.checked?o<0&&(t.valueTrans=n.concat([null])):o>-1&&(t.valueTrans=n.slice(0,o).concat(n.slice(o+1)))}else t.valueTrans=r},function(e){t.trigger("change",e)}],focus:function(e){return t.updateFocused(!0)},blur:function(e){t.trigger("blur",e),t.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.trigger("enter",e)}.apply(null,arguments)},select:function(e){t.trigger("select",e)}}}):"radio"==(t.password?"password":"text")?n("input",{directives:[{name:"model",rawName:"v-model",value:t.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+t.useTextColor+"; "+t.useHeight+" text-align:"+t.textAlign+"; "+t.useTextFontSize+" opacity:"+(""!==t.valueTrans||t.focused?1:.6)+";",attrs:{readonly:!t.editable,placeholder:t.placeholder,type:"radio"},domProps:{checked:t._q(t.valueTrans,null)},on:{input:function(e){t.updateValue(e),t.trigger("input",e),t.updateFocused(!0)},change:[function(e){t.valueTrans=null},function(e){t.trigger("change",e)}],focus:function(e){return t.updateFocused(!0)},blur:function(e){t.trigger("blur",e),t.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.trigger("enter",e)}.apply(null,arguments)},select:function(e){t.trigger("select",e)}}}):n("input",{directives:[{name:"model",rawName:"v-model",value:t.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+t.useTextColor+"; "+t.useHeight+" text-align:"+t.textAlign+"; "+t.useTextFontSize+" opacity:"+(""!==t.valueTrans||t.focused?1:.6)+";",attrs:{readonly:!t.editable,placeholder:t.placeholder,type:t.password?"password":"text"},domProps:{value:t.valueTrans},on:{input:[function(e){e.target.composing||(t.valueTrans=e.target.value)},function(e){t.updateValue(e),t.trigger("input",e),t.updateFocused(!0)}],change:function(e){t.trigger("change",e)},focus:function(e){return t.updateFocused(!0)},blur:function(e){t.trigger("blur",e),t.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.trigger("enter",e)}.apply(null,arguments)},select:function(e){t.trigger("select",e)}}})])};Yc._withStripped=!0;const qc=oo({render:Yc,staticRenderFns:[]},function(t){t&&t("data-v-261fd450_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextCore.vue"},media:void 0})},$c,"data-v-261fd450",false,void 0,!1,ao,void 0,void 0);function Zc(t){return null==t?[]:function(t,e){return J(e,function(e){return t[e]})}(t,be(t))}function Kc(t,e){if(!io(t))return[];if(!Ae(e)&&!io(e))return[];let n=null;n=Ae(e)?Lo(e," "):e;let i=Ui(n);return gi(t,t=>function(t){let e=!1,r=0;for(let o=0;o<i;o++){let s=n[o],a=s,l="+"===qe(s,1),c="-"===qe(s,1);if((l||c)&&(a=$o(s,1)),""===Mo(a))continue;let h=t.indexOf(a)>=0;if(l){if(h){e=!0,r=1;break}e=!1,r=0;break}if(c){if(h){e=!1,r=0;break}e=!0,r=1;break}if(h){e=!0;let t=1-o/i;t=t**2,r+=t}}return{hasKeyword:e,weight:r}}(t))}function Jc(t=300){return new function(t){let e=[],n=null,i=Date.now();return zi(t)||(t=300),t=Xe(t),function(r,...o){Lr(r)?(i=Date.now(),e.push({func:r,input:o}),null===n&&(n=setInterval(()=>{if(0===Ui(e))return clearInterval(n),void(n=null);if(Date.now()-i>t){let t=e.pop();e=[];try{t.func(...t.input)}catch(t){console.log("m.func catch",t)}}},10))):console.log("func is not a function")}}(t)}let Qc=function(t){if(!Lr(t))throw new Error("fn is not a function");return function(){let e=Io(),n=null,i=null;try{n=t.apply(this,arguments)}catch(t){i=t}return null!==i?e.resolve({state:"error",msg:i}):Fl(n)?n.then(t=>{e.resolve({state:"success",msg:t})}).catch(t=>{"cancelled"===st(t,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:t})}):e.resolve({state:"success",msg:n}),e}};function th(){let t=Pr(),e=[],n=null,i=!1;return function(r,...o){let s=Io();if(!Lr(r))return void console.log("func is not a function");let a=Vi();return e.push({id:a,func:r,input:o}),null===n&&(n=setInterval(async()=>{if(i)return;i=!0;let r=e.pop();for(let n=0;n<e.length;n++){let i=e[n].id,r={state:"cancelled"};t.emit(i,r)}if(e=[],r){let e,n=r.id;e=Lr(r.func)?await Qc(r.func)(...r.input):{state:"error",msg:"fun is not a function"},t.emit(n,e)}i=!1,i||0!==e.length||(clearInterval(n),n=null)},20)),t.once(a,t=>{"success"===t.state?s.resolve(t.msg):"cancelled"===t.state?s.reject({reason:"cancelled"}):s.reject(t.msg)}),s}}function eh(t,e,n){for(var i=-1,r=t.length;++i<r;){var o=t[i],s=e(o);if(null!=s&&(void 0===a?s==s&&!f(s):n(s,a)))var a=s,l=o}return l}function nh(t,e){return t>e}function ih(t,e){return t&&t.length?eh(t,fi(e),nh):void 0}function rh(t,e){let n=Ui(t),i=0,r=e(i),o=n-1,s=e(o),a=!0,l=null;for(;a;){let t=Math.floor((o+i)/2),n=e(t);if(r<0&&n<0&&s<0){l=null,a=!1;break}if(r>0&&n>0&&s>0){l=null,a=!1;break}if(0===r){l=i,a=!1;break}if(0===n){l=t,a=!1;break}if(0===s){l=o,a=!1;break}if(t===i||t===o){let e=[{i:i,v:r},{i:t,v:n},{i:o,v:s}];e=Ao(e,t=>t.v<=0),l=ih(e,"v").i,a=!1;break}r*n>0?(i=t,r=n):(o=t,s=n)}return l}let oh={};function sh(){return!function(){try{return"IntersectionObserver"in window}catch(t){return!1}}()||!function(){try{return"IntersectionObserverEntry"in window}catch(t){return!1}}()||!(function(){try{return"intersectionRatio"in window.IntersectionObserverEntry.prototype}catch(t){return!1}}()||Lr(window.IntersectionObserverEntry))}function ah(t,e={}){if(!Yr(t))return Promise.reject("invalid element");if(sh())return Promise.reject("invalid IntersectionObserver");let n=st(e,"mode","");"promise"!==n&&"event"!==n&&(n="promise");let i=()=>{let e=Pr(),n=!1,i=null,r=!1,o=new IntersectionObserver(t=>{if(r)return;let n=t[0].isIntersecting;e.emit("visible",n)});return e.create=()=>{i=setInterval(()=>{r?clearInterval(i):(n=(t=>{let e=!1;if(!Yr(t))return e;try{o.observe(t),e=!0}catch(t){}return e})(t),n&&clearInterval(i))},50)},e.dispose=()=>{let t=!1;try{clearInterval(i),o.disconnect(),r=!0,t=!0}catch(t){}return t},e},r=null;return"promise"===n?r=(()=>{let e=Io();try{let n=new IntersectionObserver(t=>{e.resolve(t[0].isIntersecting),n.disconnect()});n.observe(t)}catch(t){e.reject(t)}return e})():"event"===n&&(r=i()),r}const lh={directives:{domresize:Ir(),dommutation:function(){let t={};return{bind:function(e,n,i){let r=`r${Vi()}`;e.setAttribute("ev-mutation",r);let o=new MutationObserver(function(t){!function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"dommutation",{ele:e,mutations:t})});o.observe(e,{attributes:!0,childList:!0,subtree:!0}),t[r]=o},unbind:function(e){let n=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),t[n]&&(t[n].disconnect(),delete t[n])}}}(),domvisible:function(){let t={};return{bind:function(e,n,i){let r=`r${Vi()}`;e.setAttribute("ev-visible",r);let o=!1,s=setInterval(()=>{ah(e).then(t=>{o!==t&&(o=t,function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"domvisible",t))}).catch(()=>{})},50);t[r]=s},unbind:function(e){let n=e.getAttribute("ev-visible");e.setAttribute("ev-visible",null),t[n]&&(clearInterval(t[n]),t[n]=null,delete t[n])}}}()},components:{},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{dbc:Jc(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(t){let e=this,n=st(e,"$refs.divDetect");if(n){let t=n.offsetWidth-n.clientWidth;e.nativeBarWidth!==t&&(e.nativeBarWidth=t)}e.viewHeight!==t.snew.offsetHeight&&(e.viewHeight=t.snew.offsetHeight);let i=st(e,"$refs.divShell");i&&e.$emit("update:scrollTop",i.scrollTop),e.triggerEvent("resize",{...t,from:"panel"})},resizeShell:function(t){let e=this,n=st(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight);let i=st(e,"$refs.divShell");i&&e.$emit("update:scrollTop",i.scrollTop),e.triggerEvent("resize",{...t,from:"shell"})},mutation:function(t){let e=this,n=st(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...t,from:"content"})},visible:function(t){let e=this,n=st(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:t,from:"content"})},updateRatio:function(){let t=this;if(!t.$refs.divShell)return;let e=0;t.contentHeightEff>0&&(e=t.$refs.divShell.scrollTop/t.contentHeightEff),t.ratio=e},updateScrollTop:function(t){let e=this;(async function(){await zl(()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar,{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=t),e.$refs.divBar&&(e.$refs.divBar.scrollTop=t)})().catch(t=>{console.log(t)})},updateScrollInfor:function(){let t=this;if(!t.$refs.divShell)return;let e={r:t.ratio,sti:t.scrollTop,stn:t.$refs.divShell.scrollTop,dir:t.scrollTop>t.$refs.divShell.scrollTop?"up":"down",t:t.viewTop,b:t.viewBottom,ch:t.contentHeight,che:t.contentHeightEff};Bi(t.scrollInfor,e)||(t.scrollInfor=e)},scrollShell:function(t){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&st(e,"$refs.divShell")&&st(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:t,from:"shell"}),e.dbc(()=>{e.mouseLoc=""}))},scrollBar:function(t){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&st(e,"$refs.divShell")&&st(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:t,from:"bar"}),e.dbc(()=>{e.mouseLoc=""}))},triggerEvent:function(t,e){let n=this;n.useEmitEvent&&(n.$emit(t,e),n.updateScrollInfor(),n.$emit("change-infor",{evName:t,evMsg:e,...n.scrollInfor}))}}};var ch=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:t.changeScrollTop},on:{domresize:t.resizePanel,mouseenter:function(e){t.mouseEntering=!0},mouseleave:function(e){t.mouseEntering=!1}}},[n("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[n("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[n("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"scroll"}},[n("div",{staticStyle:{width:"100px",height:"100px"}})])])]),t._v(" "),n("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"\n                position:relative;\n                width:calc( 100% + "+(t.nativeBarWidth+1)+"px ); height:"+t.panelHeight+"px;\n                box-sizing:content-box;\n                overflow-x:hidden; overflow-y:scroll;\n            ",on:{domresize:t.resizeShell,scroll:t.scrollShell}},[n("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"}],ref:"divContent",style:"",on:{dommutation:t.mutation,domvisible:t.visible}},[t._t("default")],2)]),t._v(" "),n("div",{style:"\n            position:absolute; top:0px; right:"+(t.isMobile?-8:0)+"px;\n            width:"+(t.contentHeightEff>0?8:0)+"px;\n            overflow-x:hidden;\n        "},[n("div",{ref:"divBar",staticClass:"sb",style:"\n                    width:8px; height:"+t.panelHeight+"px;\n                    box-sizing:content-box;\n                    overflow-x:hidden; overflow-y:auto;\n                    opacity:"+(t.mouseEntering?t.barOpacityHover:t.barOpacity)+";\n                ",on:{scroll:t.scrollBar}},[n("div",{style:"width:1px; height:"+t.contentHeight+"px;"})])])])])};ch._withStripped=!0;let hh={set:function(t,e){oh[t]=e},get:function(t){return oh[t]},remove:function(t){delete oh[t]}};const uh={components:{WPanelScrollyCore:oo({render:ch,staticRenderFns:[]},function(t){t&&t("data-v-f9b1bfb2_0",{source:"\n.sb[data-v-f9b1bfb2] {\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-f9b1bfb2]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-f9b1bfb2]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-f9b1bfb2]::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-106-7-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AAujBA;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                :style=\"`\r\n                    position:relative;\r\n                    width:calc( 100% + ${nativeBarWidth+1}px ); height:${panelHeight}px;\r\n                    box-sizing:content-box;\r\n                    overflow-x:hidden; overflow-y:scroll;\r\n                `\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                <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=\"`\r\n                position:absolute; top:0px; right:${isMobile?-8:0}px;\r\n                width:${contentHeightEff>0?8:0}px;\r\n                overflow-x:hidden;\r\n            `\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`\r\n                        width:8px; height:${panelHeight}px;\r\n                        box-sizing:content-box;\r\n                        overflow-x:hidden; overflow-y:auto;\r\n                        opacity:${mouseEntering?barOpacityHover:barOpacity};\r\n                    `\"\r\n                    @scroll=\"scrollBar\"\r\n                >\r\n\r\n                    <div :style=\"`width:1px; height:${contentHeight}px;`\"></div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport isEqual from 'lodash-es/isEqual.js'\r\n// import cloneDeep from 'lodash-es/cloneDeep.js'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domMutation from '../js/domMutation.mjs'\r\nimport domVisible from '../js/domVisible.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，預設400\r\n * @vue-prop {Number} [scrollTop=0] 輸入目前捲動值數字，預設0\r\n * @vue-prop {Number} [barOpacity=0.6] 輸入捲軸透明度數字，預設0.6\r\n * @vue-prop {Number} [barOpacityHover=1] 輸入滑鼠移入時捲軸透明度數字，預設1\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        dommutation: domMutation(),\r\n        domvisible: domVisible(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        viewHeightMax: {\r\n            type: Number,\r\n            default: 400,\r\n        },\r\n        scrollTop: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        barOpacity: {\r\n            type: Number,\r\n            default: 0.6,\r\n        },\r\n        barOpacityHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            nativeBarWidth: 16, //預設bar寬度, 先給大值避免初始化時會顯示原本bar條\r\n\r\n            useEmitEvent: true, //是否可觸發事件\r\n            mouseEntering: false,\r\n            mouseLoc: '',\r\n\r\n            viewHeight: 0, //外框區高度px\r\n            contentHeight: 2, //內容區高度px, 一定要給>=2值(至少可能渲染2border)才能避免初始化無高度導致無法觸發後續事件\r\n\r\n            ratio: 0,\r\n            scrollInfor: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeScrollTop: function () {\r\n            //console.log('computed changeScrollTop')\r\n\r\n            let vo = this\r\n\r\n            //updateScrollTop\r\n            vo.updateScrollTop(vo.scrollTop)\r\n\r\n            return ''\r\n        },\r\n\r\n        panelHeight: function () {\r\n            //console.log('computed panelHeight')\r\n\r\n            let vo = this\r\n\r\n            return Math.min(vo.contentHeight, vo.viewHeightMax)\r\n        },\r\n\r\n        isMobile: function() {\r\n            //console.log('computed isMobile')\r\n\r\n            let vo = this\r\n\r\n            return vo.nativeBarWidth <= 0\r\n        },\r\n\r\n        contentHeightEff: function() {\r\n            let vo = this\r\n            return Math.max(vo.contentHeight - vo.panelHeight, 0)\r\n        },\r\n\r\n        viewTop: function() {\r\n            let vo = this\r\n            return vo.ratio * vo.contentHeightEff\r\n        },\r\n\r\n        viewBottom: function() {\r\n            let vo = this\r\n            return vo.viewTop + vo.viewHeightMax\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //nativeBarWidth\r\n            let divDetect = get(vo, '$refs.divDetect')\r\n            if (divDetect) {\r\n\r\n                //save nativeBarWidth\r\n                let w = divDetect.offsetWidth - divDetect.clientWidth\r\n                if (vo.nativeBarWidth !== w) {\r\n                    // console.log('resizePanel 需更新nativeBarWidth', w, '<-', vo.nativeBarWidth)\r\n                    vo.nativeBarWidth = w\r\n                }\r\n\r\n            }\r\n\r\n            //save\r\n            if (vo.viewHeight !== msg.snew.offsetHeight) {\r\n                // console.log('resizePanel 需更新viewHeight', msg.snew.offsetHeight, '<-', vo.viewHeight)\r\n                vo.viewHeight = msg.snew.offsetHeight\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'panel' })\r\n\r\n        },\r\n\r\n        resizeShell: function(msg) {\r\n            // console.log('methods resizeShell', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('resizeShell divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeShell 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'shell' })\r\n\r\n        },\r\n\r\n        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})},lh,"data-v-f9b1bfb2",false,void 0,!1,ao,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..."},statePaddingStyle:{type:Object,default:()=>({v:12,h:12})},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:th(),dbcRefresh:Jc(),mmkey:Vi(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,lockedAnchorIdx:null,filterKeywordsTemp:"",rowsTemp:null,itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let t=this;null!==t.mmkey&&hh.remove(t.mmkey),t.rowsTemp=null},watch:{rows:{immediate:!0,deep:!0,handler(t){this.setRows(t)}}},computed:{changeFilterKeyWords:function(){let t=this.filterKeywords;return this.filterDebounce(),t},useStatePadding:function(){return`padding:${Qr(this.statePaddingStyle,{ext:{}})};`}},methods:{getRows:function(){return hh.get(this.mmkey)},setRowsCore:function(t){let e=this;if(e.lockFromProcess){return e.rowsTemp=t,"deferred"}if(!to(t)){return e.rowsTemp=null,"rows is not array"}e.rowsTemp=null,null!==e.mmkey&&hh.remove(e.mmkey);let n=gi(t,(t,n)=>({index:n,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:n*e.itemMinHeight,row:t}));hh.set(e.mmkey,n),e.changeDisplay=!0,e.lockedAnchorIdx=null},setRows:async function(t){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=Ui(t)<=1e4,e.setRowsCore(t),await e.refreshCore("setRows")}().catch(t=>{console.log(t)}).finally(()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1})},genUseItems:function(){let t=this;if(null===t.mmkey)return;let e=hh.get(t.mmkey),n=Ui(e),i=[],r=!1,o=!1;if(n>0){let o=rh(e,n=>{let i=e[n];return t.scrollInfor.t-(i.y+i.height)});null===o&&(o=0);let s=Math.max(o-1,0);null!==t.lockedAnchorIdx&&(s=Math.min(Math.max(t.lockedAnchorIdx,0),n-1));let a=rh(e,n=>{let i=e[n];return t.scrollInfor.b-i.y});null===a&&(a=n-1);let l=Math.min(a+t.itemsPreload,n-1),c=0;for(let t=0;t<s;t++){let n=e[t];n.displayShow&&n.filterShow&&(c+=n.height)}let h=0;for(let t=l+1;t<=n-1;t++){let n=e[t];n.displayShow&&n.filterShow&&(h+=n.height)}for(let n=s;n<=l;n++){let r=Ar(e[n]);r.displayShow&&r.filterShow&&(r.nowShow=!0,r.top=r.y-t.scrollInfor.t,i.push(r))}t.itemsHeightPre!==c&&(r=!0,t.itemsHeightPre=c),t.itemsHeightAft!==h&&(r=!0,t.itemsHeightAft=h)}Bi(t.useItems,i)||(o=!0,t.useItems=i);let s=r||o;if(t.$refs.wdsDiv){let e=gi(i,"row"),n=gi(i,"row.item");s&&t.$emit("render",{eles:t.$refs.wdsDiv,rows:e,items:n}),Bi(t.emItemsTemp,n)||(t.$emit("change-view-items",{eles:t.$refs.wdsDiv,rows:e,items:n}),t.emItemsTemp=n)}return{change:s}},syncItemsHeight:function(t,e){let n=!1;return 0===Ui(t)||Me(st(this,"$refs.wdsDiv",[]),(i,r)=>{if(!i.getAttribute)return console.log("找不到getAttribute"),!0;let o=i.getAttribute("index");if(!$e(o))return console.log("!isp0int(index)",o),!0;o=Xe(o);let s=st(i,"children.0");if(!Yr(s))return console.log("!isEle(cnode)",s),!0;let a=s.offsetHeight;t[o].height!==a&&(Lr(e)&&e(o,a),n=!0)}),n},updateItemsHeight:function(){let t=this;if(null===t.mmkey)return!1;let e=hh.get(t.mmkey),n=Ui(e);t.changeHeight=t.syncItemsHeight(e,(t,n)=>{e[t].height=n}),t.show||(t.changeHeight=!1);let i=null,r=t.changeHeight||t.changeDisplay||t.changeFilter;if(r){let r=0;for(let t=0;t<n;t++){let n=e[t];n.y!==r&&(e[t].y=r),n.displayShow&&n.filterShow&&(r+=n.height)}i=t.itemsHeight,i!==r&&(i=r),0===i&&(i=43),t.changeHeight=!1,t.changeDisplay=!1,t.changeFilter=!1}return{change:r,itemsHeight:i}},refreshCore:async function(t){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});await(async()=>{e.lockFromRefreshUseItems=!0;let t=Ar(e.scrollInfor),n=await(async()=>{e.filterItems();let t=e.genUseItems();return await Hl(20),{genUseItems:t,updateItemsHeight:e.updateItemsHeight()}})(),i=st(n,"genUseItems.change",!1)||st(n,"updateItemsHeight.change",!1),r=st(n,"updateItemsHeight.itemsHeight",null);if(Jr(r))if(r<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let n=0;"up"===t.dir&&(n=r-t.ch);let i=e.scrollTop+n;e.scrollTop!==i&&(e.scrollTop=i),e.itemsHeight=r,e.$emit("change-height-of-items",{height:r})}i&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))})().catch(t=>{console.log(t)}).finally(()=>{e.lockFromRefreshUseItems=!1})},refresh:function(t){this.pmtRefresh(this.refreshCore,t).catch(()=>{})},filterDebounce:function(){let t=this;t.dbcRefresh(()=>{t.refreshCore("filterDebounce")})},changeInfor:function(t){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh(()=>{e.scrollInfor=t;let n=st(t,"evMsg.from","");if("scroll"===t.evName&&"bar"===n){let t=hh.get(e.mmkey);if(io(t)){let n=rh(t,n=>{let i=t[n];return e.scrollInfor.t-(i.y+i.height)});null===n&&(n=0),e.lockedAnchorIdx=Math.max(n,0)}}else"wdl-refreshCore"===n||(e.lockedAnchorIdx=null);e.refresh("changeInfor")}))},processItems:async function(t={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let n=hh.get(e.mmkey);if(!to(n))return;let i=st(t,"fun",null);if(Lr(i)){let t=i(n);Fl(t)&&(t=await t),e.changeDisplay=!0,e.changeFilter=!0}let r=st(t,"indStart",null),o=st(t,"indEnd",null);if(He(r)&&He(o)){let i=st(t,"displayShow",null);if(Kr(i)){for(let t=r;t<=o;t++){st(n,t,null)&&(n[t].displayShow=i)}e.changeDisplay=!0}let s=st(t,"filterShow",null);if(Kr(s)){for(let t=r;t<=o;t++){st(n,t,null)&&(n[t].filterShow=s)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch(t=>{console.log(t)}).finally(()=>{if(e.lockFromProcess=!1,to(e.rowsTemp)){let t=e.rowsTemp;e.rowsTemp=null,e.setRows(t)}})},setSearchingResults:function(t){this.searchingResults=t},filterItems:function(){let t=this;if(null===t.mmkey)return;if(t.filterKeywordsTemp===t.filterKeywords)return;t.filterKeywordsTemp=t.filterKeywords;let e=hh.get(t.mmkey),n=Ui(e);if(t.searchingResults=-1,0===Ui(t.filterKeywords)){for(let t=0;t<n;t++)e[t].filterShow=!0;t.searchingResults=1}else{let n=t.filterKeywords.toLowerCase(),i=Kc(gi(e,t=>{let e=t.row,n="";return n=Te(e)?e:Fe(e)?nt(e):Hr(e)?Ro(Zc(e)," "):function(t,e=!1){if(eo(t))return"";let n="";try{n=e?JSON.stringify(t,null,2):JSON.stringify(t)}catch(t){n=""}return n}(e),n=n.toLowerCase(),n}),n),r=0;Me(e,(t,n)=>{let o=i[n];e[n].filterShow=o.hasKeyword,o.hasKeyword&&r++}),t.searchingResults=r}t.changeFilter=!0},triggerEvent:function(t,e){let n=st(this,"$refs.wpsc.triggerEvent",null);n&&n(t,e)}}};var dh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:t.scrollTop,viewHeightMax:t.viewHeightMax,changeFilterKeyWords:t.changeFilterKeyWords},on:{"update:scrollTop":function(e){t.scrollTop=e},"update:scroll-top":function(e){t.scrollTop=e},"change-infor":t.changeInfor}},[n("div",{style:"padding-top:"+t.itemsHeightPre+"px; padding-bottom:"+t.itemsHeightAft+"px;"},[t._l(t.useItems,function(e,i){return[n("div",{key:"kitem-"+i,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:i,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[t._t("default",null,{row:e.row,index:e.index})],2)]})],2),t._v(" "),!t.disableLoadingText&&t.lockFromSetRows?n("div",{style:t.useStatePadding+" font-size:0.8rem;"},[t._v("\n        "+t._s(t.loadingText)+"\n    ")]):[0===t.useItems.length&&t.searchingResults>0?n("div",{style:t.useStatePadding+" font-size:0.8rem;"},[t._v("\n            "+t._s(t.searchingText)+"\n        ")]):[0===t.searchingResults&&""!==t.noResultsText?n("div",{style:t.useStatePadding+" font-size:0.8rem;"},[t._v("\n                "+t._s(t.noResultsText)+"\n            ")]):t._e()]]],2)};dh._withStripped=!0;const ph={components:{WPopup:jc,WTextCore:qc,WDynamicList:oo({render:dh,staticRenderFns:[]},function(t){t&&t("data-v-485284e9_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",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})},uh,"data-v-485284e9",false,void 0,!1,ao,void 0,void 0),WIcon:po},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},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:5},placeholder:{type:String,default:""},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:43},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,showPanelTrans:!1,valueTrans:null}},computed:{changeFocusedFromPopup:function(){return this.focusedTrans=this.focused,""},changeShowPanelFromPopup:function(){let t=this;return Ui(t.items)>0?t.showPanelTrans=t.showPanel:t.showPanelTrans=!1,""},changeValueFromPopup:function(){let t=this;return Fi(t.value)?t.valueTrans=t.value[t.keyText]:t.valueTrans=t.value,""},useTextFontSize:function(){let t=this.textFontSize;return t=zr(t,";",""),`font-size:${t};`},useTextColor:function(){return Fr(this.textColor)},useItemBackgroundColor:function(){return Fr(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return Fr(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let t=this.itemTextFontSize;return t=zr(t,";",""),`font-size:${t};`},useItemTextColor:function(){return Fr(this.itemTextColor)},useItemTextColorHover:function(){return Fr(this.itemTextColorHover)},useItemPadding:function(){return`padding:${Qr(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return Fr(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(t){let e=this;return Fi(t)?t[e.keyText]:t},selectText:function(){let t=this;t.editable&&(t.showPanelTrans||t.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let t=this;t.editable&&(t.showPanelTrans||t.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(t,e){this.editable&&this.triggerAll({focused:t},"updateFocused")},updateShowPanel:function(t,e){this.editable&&this.triggerAll({showPanel:t,focused:t},"updateShowPanel")},updateValue:function(t){let e=this;e.editable&&(e.valueTrans=t,e.triggerEvent("input",t,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(t,e){let n=this;n.editable&&(n.triggerEvent("input",t,e,"clickItem"),n.triggerEvent("click-item",t,e,"clickItem"),n.triggerAll({showPanel:!1,focused:!1},"clickItem"))},triggerEvent:function(t,e,n,i){let r=this;r.editable&&r.$nextTick(()=>{r.$emit(t,e,n)})},triggerAll:function(t,e){let n=this;if(!n.editable)return;let i=st(t,"showPanel",null),r=st(t,"focused",null);setTimeout(()=>{Kr(r)&&n.focusedTrans!==r&&(n.focusedTrans=r,n.triggerEvent("update:focused",r,null,"triggerAll")),Kr(i)&&n.showPanelTrans!==i&&(Ui(n.items)>0?n.showPanelTrans=i:n.showPanelTrans=!1,n.triggerEvent("update:showPanel",i,null,"triggerAll"))},20)}}};var fh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("WPopup",{attrs:{displayType:"line",minWidth:t.minWidth,maxWidth:t.maxWidth,autoFitMinWidth:t.autoFitMinWidth,autoFitMaxWidth:t.autoFitMaxWidth,placementDistX:t.placementDistX,placementDistY:t.placementDistY,labelContent:t.labelContent,editable:t.editable,value:t.showPanelTrans,changeValueFromPopup:t.changeValueFromPopup,changeFocusedFromPopup:t.changeFocusedFromPopup,changeShowPanelFromPopup:t.changeShowPanelFromPopup},on:{input:function(e){t.updateShowPanel(e,"WPopup")}},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",[n("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===t.mode?n("div",{style:"width:100%; color:"+t.useTextColor+"; "+t.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{_tabindex:"0"},on:{focus:t.focusText}},[t._t("select",function(){return[t._v("\n                        "+t._s(t.valueTrans)+"\n                    ")]},{item:t.value,text:t.valueTrans})],2):t._e(),t._v(" "),"suggest"===t.mode?n("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:t.textFontSize,textColor:t.useTextColor,textAlign:t.textAlign,placeholder:t.placeholder,height:t.height,editable:t.editable,focused:t.focusedTrans,value:t.valueTrans},on:{"update:focused":function(e){t.updateFocused(e,"update:focused"),t.triggerEvent("blur",t.value,null,"blur")},enter:function(e){return t.triggerEvent("enter",t.value,null,"enter")},input:t.updateValue,select:t.selectText}}):t._e(),t._v(" "),n("div",{},[n("div",{style:"transform:rotate("+(t.useRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[n("WIcon",{attrs:{icon:t.expansionIcon,color:t.uesExpansionIconColor,colorHover:t.uesExpansionIconColor,size:t.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[n("div",[n("WDynamicList",{attrs:{rows:t.items,filterKeywords:"suggest"===t.mode?t.valueTrans:"",viewHeightMax:t.maxHeight,itemMinHeight:t.defItemHeight,loadingText:t.loadingText,noResultsText:t.noResultsText,searchingText:t.searchingText,show:t.showPanelTrans},scopedSlots:t._u([{key:"default",fn:function(e){return[n("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+t.useItemBackgroundColor+"; color:"+t.useItemTextColor+"; "+t.useItemTextFontSize+" "+t.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(n){return!n.type.indexOf("key")&&t._k(n.keyCode,"enter",13,n.key,"Enter")?null:t.clickItem(e.row,e.index)},click:function(n){return t.clickItem(e.row,e.index)},mouseenter:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColorHover,n.color=t.useItemTextColorHover},mouseleave:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColor,n.color=t.useItemTextColor},focus:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColorHover,n.color=t.useItemTextColorHover},blur:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColor,n.color=t.useItemTextColor}}},[t._t("item",function(){return[n("div",[t._v(t._s(t.getText(e.row)))])]},{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};fh._withStripped=!0;const mh=oo({render:fh,staticRenderFns:[]},function(t){t&&t("data-v-703e3c01_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggestCore.vue"},media:void 0})},ph,"data-v-703e3c01",false,void 0,!1,ao,void 0,void 0);const gh={directives:{domresize:Ir()},components:{WShellEllipse:Wc,WTextSuggestCore:mh},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"},placementDistX:{type:Number,default:0},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},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{resize:function(t){let e=this,n=Qr(e.paddingStyle,{returnObj:!0}).bottom-2,i=st(e,"$el.offsetHeight",0)-26-2*n;i/=2;e.useDistY=n+i+5},getText:function(t){let e=this;return Fi(t)?t[e.keyText]:t},updateFocused:function(t){let e=this;e.focusedTrans=t,e.$nextTick(()=>{e.$emit("update:focused",t)})},updateShowPanel:function(t){let e=this;e.showPanelTrans=t,e.$nextTick(()=>{e.$emit("update:showPanel",t)})}}};var vh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:t.changeParam},on:{domresize:t.resize}},[n("WShellEllipse",{attrs:{paddingStyle:t.paddingStyle,borderWidth:t.constBorderWidth,borderRadius:t.borderRadius,shadow:t.shadow,leftIcon:t.leftIcon,leftIconSize:t.leftIconSize,leftIconColor:t.leftIconColor,leftIconColorHover:t.leftIconColorHover,leftIconColorFocus:t.leftIconColorFocus,leftIconTooltip:t.leftIconTooltip,rightIcon:t.rightIcon,rightIconSize:t.rightIconSize,rightIconColor:t.rightIconColor,rightIconColorHover:t.rightIconColorHover,rightIconColorFocus:t.rightIconColorFocus,rightIconTooltip:t.rightIconTooltip,iconShiftOuter:t.iconShiftOuter,iconShiftInner:t.iconShiftInner,backgroundColor:t.backgroundColor,backgroundColorHover:t.backgroundColorHover,backgroundColorFocus:t.backgroundColorFocus,borderColor:t.borderColor,borderColorHover:t.borderColorHover,borderColorFocus:t.borderColorFocus,editable:t.editable,focused:t.focusedTrans},on:{"click-left":function(e){return t.$emit("click-left")},"click-right":function(e){return t.$emit("click-right")}}},[n("div",{staticStyle:{"margin-right":"-5px"}},[n("WTextSuggestCore",{attrs:{mode:"select",items:t.items,value:t.value,keyText:t.keyText,textFontSize:t.textFontSize,textColor:t.textColor,itemTextFontSize:t.itemTextFontSize,itemTextColor:t.itemTextColor,itemTextColorHover:t.itemTextColorHover,itemBackgroundColor:t.itemBackgroundColor,itemBackgroundColorHover:t.itemBackgroundColorHover,itemPaddingStyle:t.itemPaddingStyle,expansionIcon:t.showExpansionIcon?void 0:"",expansionIconSize:t.expansionIconSize,expansionIconColor:t.expansionIconColor,maxHeight:t.maxHeight,minWidth:t.minWidth,maxWidth:t.maxWidth,autoFitMinWidth:t.autoFitMinWidth,autoFitMaxWidth:t.autoFitMaxWidth,placementDistX:t.placementDistX,placementDistY:t.useDistY,defItemHeight:t.defItemHeight,labelContent:t.labelContent,editable:t.editable,focused:t.focusedTrans,showPanel:t.showPanelTrans},on:{"update:focused":function(e){t.updateFocused(e),t.$emit("blur",null,null)},"update:showPanel":t.updateShowPanel,input:function(e,n){t.$emit("input",e,n)},"click-item":function(e,n){t.$emit("click-item",e,n)}},scopedSlots:t._u([{key:"select",fn:function(e){return[t._t("select",function(){return[t._v("\n                        "+t._s(e.text)+"\n                    ")]},{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[t._t("item",function(){return[n("div",[t._v(t._s(t.getText(e.item)))])]},{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};vh._withStripped=!0;const _h={components:{WTextSelect:oo({render:vh,staticRenderFns:[]},function(t){t&&t("data-v-52053214_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSelect.vue"},media:void 0})},gh,"data-v-52053214",false,void 0,!1,ao,void 0,void 0),WBar:yc,WPie:Ec,WRose:Uc},props:{mode:{type:String,default:"multi"},opt:{type:Object,default:()=>{}},textPlotType:{type:String,default:"Plot type"},widthSelect:{type:Number,default:260},keySelect:{type:String,default:"bar-v-normal"},kpSelectText:{type:Object,default:()=>{}}},data:function(){return{typeItemsDefOne:[{key:"bar-v-normal",type:"bar",text:"Vertical bars",optExt:{}},{key:"bar-h-normal",type:"bar",text:"Horizontal bars",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"}},{key:"bar-h-normal-dense",type:"bar",text:"Horizontal bars with dense",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0}},{key:"pie-normal",type:"pie",text:"Pies",optExt:{}},{key:"rose-normal",type:"rose",text:"Roses",optExt:{}}],typeItemsDefMulti:[{key:"bar-v-normal",type:"bar",text:"Vertical bars",optExt:{}},{key:"bar-v-stack-normal",type:"bar",text:"Vertical bars with normal stack",optExt:{barDisplay:"stackNormal"}},{key:"bar-v-stack-percent",type:"bar",text:"Vertical bars with percent stack",optExt:{barDisplay:"stackPercent"}},{key:"bar-h-normal",type:"bar",text:"Horizontal bars",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"}},{key:"bar-h-normal-dense",type:"bar",text:"Horizontal bars with dense",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0,barGroupWidthRatio:.25}},{key:"bar-h-stack-normal",type:"bar",text:"Horizontal bars with normal stack",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barDisplay:"stackNormal"}},{key:"bar-h-stack-percent",type:"bar",text:"Horizontal bars with percent stack",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barDisplay:"stackPercent"}},{key:"rose-normal",type:"rose",text:"Roses",optExt:{}}],typeItems:[],keySelectTrans:null,typeSelect:null}},computed:{typeItemsDef:function(){let t=this;return"one"===t.mode?t.typeItemsDefOne:t.typeItemsDefMulti},changeTypeItems:function(){let t=this,e=[];return Hr(t.kpSelectText)?Me(t.typeItemsDef,n=>{if(!qo(t.kpSelectText,n.key))return!0;let i=t.kpSelectText[n.key];e.push({...n,text:i})}):e=t.typeItemsDef,t.typeItems=e,""},changeKeySelect:function(){return this.updateTypeSelectByKey(this.keySelect),""},picWidth:function(){return st(this,"opt.width",0)},picHeight:function(){return st(this,"opt.height",0)},ks:function(){return st(this,"opt.keys",[])},hasOptTar:function(){return Hr(this.optTar)},cmp:function(){let t=st(this,"typeSelect.type","");return t=Ur(t),`W${t}`},optTar:function(){let t=this,e=st(t,"opt.showLabels",!0),n=e,i=e,r=e,o=st(t,"opt.showLegend",!1),s=st(t,"opt.rds",[]),a=Ui(s);if(0===a)return console.log("no data, size(opt.rds)=0"),null;"one"===t.mode&&a>1&&(console.log("size(opt.rds)>1"),s=[s[0]]);let l=null;try{l=t.opt,l=Ar(l);let e=st(t,"typeSelect.optExt",{});e=Ar(e);let s={barShowLabels:n,pieShowLabels:i,roseShowLabels:r,showLegend:o};l=hc(l,e),l=hc(l,s)}catch(t){console.log(t)}return l}},methods:{updateTypeSelectByKey:function(t){let e=this;e.keySelectTrans=t;let n=null;Me(e.typeItems,e=>{if(e.key===t)return n=e,!1}),e.typeSelect=n},updateTypeSelectAndEmitKeySelect:function(t){let e=this;e.typeSelect=t;let n=st(t,"key","");e.updateTypeSelectByKey(n),e.$emit("update:keySelect",n)}}};var yh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticStyle:{display:"inline-block"},attrs:{changeTypeItems:t.changeTypeItems,changeKeySelect:t.changeKeySelect}},[n("div",{staticStyle:{"padding-bottom":"5px"}},[n("div",{staticStyle:{display:"flex","align-items":"flex-end"}},[n("div",{style:""},[t._t("head")],2),t._v(" "),n("div",{staticStyle:{display:"flex","align-items":"center"}},[n("div",{staticStyle:{"padding-right":"10px","font-size":"0.85rem",color:"#666"}},[t._v("\n                    "+t._s(t.textPlotType)+":\n                ")]),t._v(" "),n("WTextSelect",{style:"width:"+t.widthSelect+"px;",attrs:{paddingStyle:{v:3,h:10},borderRadius:4,items:t.typeItems,value:t.typeSelect},on:{input:t.updateTypeSelectAndEmitKeySelect}})],1)])]),t._v(" "),t.hasOptTar?n("div",{attrs:{name:"tarp"}},[n(t.cmp,{tag:"component",attrs:{opt:t.optTar}})],1):t._e()])};yh._withStripped=!0;const bh=oo({render:yh,staticRenderFns:[]},function(t){t&&t("data-v-8f03fd34_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})},_h,"data-v-8f03fd34",false,void 0,!1,ao,void 0,void 0);const xh={components:{WSetMulti:bh},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 Sh=function(){var t=this,e=t.$createElement;return(t._self._c||e)("WSetMulti",t._g(t._b({scopedSlots:t._u([{key:"head",fn:function(){return[t._t("head")]},proxy:!0}],null,!0)},"WSetMulti",Object.assign({},t.$props,{mode:"one"}),!1),t.$listeners))};Sh._withStripped=!0;const wh={components:{demolink:Nl,WSetOne:oo({render:Sh,staticRenderFns:[]},function(t){t&&t("data-v-6b390c16_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})},xh,"data-v-6b390c16",false,void 0,!1,ao,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 Mh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"default"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"keySelect"}}),t._v(" "),n("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[t._v("\n                keySelect: "+t._s(t.WSetOne.keySelect)+"\n            ")]),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c),keySelect:t.WSetOne.keySelect},on:{"update:keySelect":function(e){return t.$set(t.WSetOne,"keySelect",e)},"update:key-select":function(e){return t.$set(t.WSetOne,"keySelect",e)}}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"textPlotType & kpSelectText & widthSelect"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c),textPlotType:"繪圖類型",kpSelectText:{"bar-v-normal":"垂直直條圖","bar-h-normal":"水平直條圖","bar-h-normal-dense":"水平直條圖(緊密)","pie-normal":"圓餅圖","rose-normal":"玫瑰圖"},widthSelect:160}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"hide labels"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c,{showLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"show legned"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"slot head"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c)},scopedSlots:t._u([{key:"head",fn:function(){return[n("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[t._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Mh._withStripped=!0;const Th=oo({render:Mh,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-set-one")])])}]},function(t){t&&t("data-v-ae132bf8_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})},wh,"data-v-ae132bf8",false,void 0,!1,ao,void 0,void 0);const Ah={components:{demolink:Nl,WSetMulti:bh},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 Eh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"default"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"keySelect"}}),t._v(" "),n("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[t._v("\n                keySelect: "+t._s(t.WSetMulti.keySelect)+"\n            ")]),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e),keySelect:t.WSetMulti.keySelect},on:{"update:keySelect":function(e){return t.$set(t.WSetMulti,"keySelect",e)},"update:key-select":function(e){return t.$set(t.WSetMulti,"keySelect",e)}}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"textPlotType & kpSelectText & widthSelect"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e),textPlotType:"繪圖類型",kpSelectText:{"bar-v-normal":"垂直直條圖","bar-v-stack-normal":"垂直堆疊直條圖","bar-v-stack-percent":"垂直堆疊佔比直條圖","bar-h-normal":"水平直條圖","bar-h-normal-dense":"水平直條圖(緊密)","bar-h-stack-normal":"水平堆疊直條圖","bar-h-stack-percent":"水平堆疊佔比直條圖","rose-normal":"玫瑰圖"},widthSelect:170}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"hide labels"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e,{showLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"hide legned"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e,{showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"slot head"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e)},scopedSlots:t._u([{key:"head",fn:function(){return[n("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[t._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Eh._withStripped=!0;const Ch=oo({render:Eh,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-set-multi")])])}]},function(t){t&&t("data-v-df1a9ab6_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})},Ah,"data-v-df1a9ab6",false,void 0,!1,ao,void 0,void 0);function Rh(t,e,n){return null==t?t:function(t,e,n,i){if(!_(t))return t;for(var r=-1,o=(e=it(e,t)).length,s=o-1,a=t;null!=a&&++r<o;){var l=rt(e[r]),c=n;if("__proto__"===l||"constructor"===l||"prototype"===l)return t;if(r!=s){var h=a[l];void 0===(c=i?i(h,l,a):void 0)&&(c=_(h)?h:ee(e[r+1])?[]:{})}ji(a,l,c),a=a[l]}return t}(t,e,n)}function Ph(t,e){return t<e}function Lh(t){return t&&t.length?eh(t,we,Ph):void 0}function Ih(t){return t&&t.length?eh(t,we,nh):void 0}
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).app=e(t.Vue)}(this,function(t){"use strict";var e=Array.isArray,n="object"==typeof global&&global&&global.Object===Object&&global,i="object"==typeof self&&self&&self.Object===Object&&self,r=n||i||Function("return this")(),o=r.Symbol,s=Object.prototype,a=s.hasOwnProperty,l=s.toString,c=o?o.toStringTag:void 0;var h=Object.prototype.toString;var u=o?o.toStringTag:void 0;function d(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":u&&u in Object(t)?function(t){var e=a.call(t,c),n=t[c];try{t[c]=void 0;var i=!0}catch(t){}var r=l.call(t);return i&&(e?t[c]=n:delete t[c]),r}(t):function(t){return h.call(t)}(t)}function p(t){return null!=t&&"object"==typeof t}function f(t){return"symbol"==typeof t||p(t)&&"[object Symbol]"==d(t)}var m=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,g=/^\w*$/;function v(t,n){if(e(t))return!1;var i=typeof t;return!("number"!=i&&"symbol"!=i&&"boolean"!=i&&null!=t&&!f(t))||(g.test(t)||!m.test(t)||null!=n&&t in Object(n))}function _(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function y(t){if(!_(t))return!1;var e=d(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}var b,x=r["__core-js_shared__"],S=(b=/[^.]+$/.exec(x&&x.keys&&x.keys.IE_PROTO||""))?"Symbol(src)_1."+b:"";var w=Function.prototype.toString;function M(t){if(null!=t){try{return w.call(t)}catch(t){}try{return t+""}catch(t){}}return""}var T=/^\[object .+?Constructor\]$/,A=Function.prototype,E=Object.prototype,C=A.toString,R=E.hasOwnProperty,P=RegExp("^"+C.call(R).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function L(t){return!(!_(t)||(e=t,S&&S in e))&&(y(t)?P:T).test(M(t));var e}function I(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return L(n)?n:void 0}var O=I(Object,"create");var k=Object.prototype.hasOwnProperty;var U=Object.prototype.hasOwnProperty;function D(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}function N(t,e){return t===e||t!=t&&e!=e}function B(t,e){for(var n=t.length;n--;)if(N(t[n][0],e))return n;return-1}D.prototype.clear=function(){this.__data__=O?O(null):{},this.size=0},D.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},D.prototype.get=function(t){var e=this.__data__;if(O){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return k.call(e,t)?e[t]:void 0},D.prototype.has=function(t){var e=this.__data__;return O?void 0!==e[t]:U.call(e,t)},D.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=O&&void 0===e?"__lodash_hash_undefined__":e,this};var F=Array.prototype.splice;function z(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}z.prototype.clear=function(){this.__data__=[],this.size=0},z.prototype.delete=function(t){var e=this.__data__,n=B(e,t);return!(n<0)&&(n==e.length-1?e.pop():F.call(e,n,1),--this.size,!0)},z.prototype.get=function(t){var e=this.__data__,n=B(e,t);return n<0?void 0:e[n][1]},z.prototype.has=function(t){return B(this.__data__,t)>-1},z.prototype.set=function(t,e){var n=this.__data__,i=B(n,t);return i<0?(++this.size,n.push([t,e])):n[i][1]=e,this};var H=I(r,"Map");function W(t,e){var n,i,r=t.__data__;return("string"==(i=typeof(n=e))||"number"==i||"symbol"==i||"boolean"==i?"__proto__"!==n:null===n)?r["string"==typeof e?"string":"hash"]:r.map}function V(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}V.prototype.clear=function(){this.size=0,this.__data__={hash:new D,map:new(H||z),string:new D}},V.prototype.delete=function(t){var e=W(this,t).delete(t);return this.size-=e?1:0,e},V.prototype.get=function(t){return W(this,t).get(t)},V.prototype.has=function(t){return W(this,t).has(t)},V.prototype.set=function(t,e){var n=W(this,t),i=n.size;return n.set(t,e),this.size+=n.size==i?0:1,this};function G(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var i=arguments,r=e?e.apply(this,i):i[0],o=n.cache;if(o.has(r))return o.get(r);var s=t.apply(this,i);return n.cache=o.set(r,s)||o,s};return n.cache=new(G.Cache||V),n}G.Cache=V;var j,X,$,Y=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,q=/\\(\\)?/g,Z=(j=function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(Y,function(t,n,i,r){e.push(i?r.replace(q,"$1"):n||t)}),e},X=G(j,function(t){return 500===$.size&&$.clear(),t}),$=X.cache,X),K=Z;function J(t,e){for(var n=-1,i=null==t?0:t.length,r=Array(i);++n<i;)r[n]=e(t[n],n,t);return r}var Q=o?o.prototype:void 0,tt=Q?Q.toString:void 0;function et(t){if("string"==typeof t)return t;if(e(t))return J(t,et)+"";if(f(t))return tt?tt.call(t):"";var n=t+"";return"0"==n&&1/t==-1/0?"-0":n}function nt(t){return null==t?"":et(t)}function it(t,n){return e(t)?t:v(t,n)?[t]:K(nt(t))}function rt(t){if("string"==typeof t||f(t))return t;var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}function ot(t,e){for(var n=0,i=(e=it(e,t)).length;null!=t&&n<i;)t=t[rt(e[n++])];return n&&n==i?t:void 0}function st(t,e,n){var i=null==t?void 0:ot(t,e);return void 0===i?n:i}var at,lt=(at={"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","Ĳ":"IJ","ĳ":"ij","Œ":"Oe","œ":"oe","ŉ":"'n","ſ":"s"},function(t){return null==at?void 0:at[t]}),ct=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,ht=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var ut=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var dt=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var pt="\\ud800-\\udfff",ft="\\u2700-\\u27bf",mt="a-z\\xdf-\\xf6\\xf8-\\xff",gt="A-Z\\xc0-\\xd6\\xd8-\\xde",vt="\\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",_t="["+vt+"]",yt="\\d+",bt="["+ft+"]",xt="["+mt+"]",St="[^"+pt+vt+yt+ft+mt+gt+"]",wt="(?:\\ud83c[\\udde6-\\uddff]){2}",Mt="[\\ud800-\\udbff][\\udc00-\\udfff]",Tt="["+gt+"]",At="(?:"+xt+"|"+St+")",Et="(?:"+Tt+"|"+St+")",Ct="(?:['’](?:d|ll|m|re|s|t|ve))?",Rt="(?:['’](?:D|LL|M|RE|S|T|VE))?",Pt="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",Lt="[\\ufe0e\\ufe0f]?",It=Lt+Pt+("(?:\\u200d(?:"+["[^"+pt+"]",wt,Mt].join("|")+")"+Lt+Pt+")*"),Ot="(?:"+[bt,wt,Mt].join("|")+")"+It,kt=RegExp([Tt+"?"+xt+"+"+Ct+"(?="+[_t,Tt,"$"].join("|")+")",Et+"+"+Rt+"(?="+[_t,Tt+At,"$"].join("|")+")",Tt+"?"+At+"+"+Ct,Tt+"+"+Rt,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",yt,Ot].join("|"),"g");function Ut(t,e,n){return t=nt(t),void 0===(e=n?void 0:e)?function(t){return dt.test(t)}(t)?function(t){return t.match(kt)||[]}(t):function(t){return t.match(ut)||[]}(t):t.match(e)||[]}var Dt=RegExp("['’]","g");function Nt(t){return function(e){return function(t,e,n,i){var r=-1,o=null==t?0:t.length;for(i&&o&&(n=t[++r]);++r<o;)n=e(n,t[r],r,t);return n}(Ut(function(t){return(t=nt(t))&&t.replace(ct,lt).replace(ht,"")}(e).replace(Dt,"")),t,"")}}var Bt=Nt(function(t,e,n){return t+(n?"-":"")+e.toLowerCase()}),Ft=Bt;function zt(t,e){for(var n=-1,i=null==t?0:t.length;++n<i&&!1!==e(t[n],n,t););return t}var Ht,Wt=function(t,e,n){for(var i=-1,r=Object(t),o=n(t),s=o.length;s--;){var a=o[Ht?s:++i];if(!1===e(r[a],a,r))break}return t},Vt=Wt;function Gt(t){return p(t)&&"[object Arguments]"==d(t)}var jt=Object.prototype,Xt=jt.hasOwnProperty,$t=jt.propertyIsEnumerable,Yt=Gt(function(){return arguments}())?Gt:function(t){return p(t)&&Xt.call(t,"callee")&&!$t.call(t,"callee")},qt=Yt;var Zt="object"==typeof exports&&exports&&!exports.nodeType&&exports,Kt=Zt&&"object"==typeof module&&module&&!module.nodeType&&module,Jt=Kt&&Kt.exports===Zt?r.Buffer:void 0,Qt=(Jt?Jt.isBuffer:void 0)||function(){return!1},te=/^(?:0|[1-9]\d*)$/;function ee(t,e){var n=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==n||"symbol"!=n&&te.test(t))&&t>-1&&t%1==0&&t<e}function ne(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}var ie={};function re(t){return function(e){return t(e)}}ie["[object Float32Array]"]=ie["[object Float64Array]"]=ie["[object Int8Array]"]=ie["[object Int16Array]"]=ie["[object Int32Array]"]=ie["[object Uint8Array]"]=ie["[object Uint8ClampedArray]"]=ie["[object Uint16Array]"]=ie["[object Uint32Array]"]=!0,ie["[object Arguments]"]=ie["[object Array]"]=ie["[object ArrayBuffer]"]=ie["[object Boolean]"]=ie["[object DataView]"]=ie["[object Date]"]=ie["[object Error]"]=ie["[object Function]"]=ie["[object Map]"]=ie["[object Number]"]=ie["[object Object]"]=ie["[object RegExp]"]=ie["[object Set]"]=ie["[object String]"]=ie["[object WeakMap]"]=!1;var oe="object"==typeof exports&&exports&&!exports.nodeType&&exports,se=oe&&"object"==typeof module&&module&&!module.nodeType&&module,ae=se&&se.exports===oe&&n.process,le=function(){try{var t=se&&se.require&&se.require("util").types;return t||ae&&ae.binding&&ae.binding("util")}catch(t){}}(),ce=le&&le.isTypedArray,he=ce?re(ce):function(t){return p(t)&&ne(t.length)&&!!ie[d(t)]},ue=Object.prototype.hasOwnProperty;function de(t,n){var i=e(t),r=!i&&qt(t),o=!i&&!r&&Qt(t),s=!i&&!r&&!o&&he(t),a=i||r||o||s,l=a?function(t,e){for(var n=-1,i=Array(t);++n<t;)i[n]=e(n);return i}(t.length,String):[],c=l.length;for(var h in t)!n&&!ue.call(t,h)||a&&("length"==h||o&&("offset"==h||"parent"==h)||s&&("buffer"==h||"byteLength"==h||"byteOffset"==h)||ee(h,c))||l.push(h);return l}var pe=Object.prototype;function fe(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||pe)}function me(t,e){return function(n){return t(e(n))}}var ge=me(Object.keys,Object),ve=Object.prototype.hasOwnProperty;function _e(t){if(!fe(t))return ge(t);var e=[];for(var n in Object(t))ve.call(t,n)&&"constructor"!=n&&e.push(n);return e}function ye(t){return null!=t&&ne(t.length)&&!y(t)}function be(t){return ye(t)?de(t):_e(t)}var xe=function(t,e){return function(n,i){if(null==n)return n;if(!ye(n))return t(n,i);for(var r=n.length,o=e?r:-1,s=Object(n);(e?o--:++o<r)&&!1!==i(s[o],o,s););return n}}(function(t,e){return t&&Vt(t,e,be)}),Se=xe;function we(t){return t}function Me(t,n){var i;return(e(t)?zt:Se)(t,"function"==typeof(i=n)?i:we)}function Te(t){return"[object String]"===Object.prototype.toString.call(t)}function Ae(t){return!(!Te(t)||""===t)}var Ee=/\s/;var Ce=/^\s+/;function Re(t){return t?t.slice(0,function(t){for(var e=t.length;e--&&Ee.test(t.charAt(e)););return e}(t)+1).replace(Ce,""):t}var Pe=/^[-+]0x[0-9a-f]+$/i,Le=/^0b[01]+$/i,Ie=/^0o[0-7]+$/i,Oe=parseInt;function ke(t){if("number"==typeof t)return t;if(f(t))return NaN;if(_(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=_(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=Re(t);var n=Le.test(t);return n||Ie.test(t)?Oe(t.slice(2),n?2:8):Pe.test(t)?NaN:+t}var Ue=1/0;function De(t){return t?(t=ke(t))===Ue||t===-1/0?17976931348623157e292*(t<0?-1:1):t==t?t:0:0===t?t:0}function Ne(t){var e=De(t),n=e%1;return e==e?n?e-n:e:0}function Be(t){return t!=t}function Fe(t){let e=!1;if(Ae(t))e=!isNaN(Number(t));else if(function(t){return"[object Number]"===Object.prototype.toString.call(t)}(t)){if(Be(t))return!1;e=!0}return e}function ze(t){if(!Fe(t))return 0;return De(t)}function He(t){return!!Fe(t)&&(t=ze(t),"number"==typeof(e=t)&&e==Ne(e));var e}var We=r.isFinite,Ve=Math.min;var Ge=function(t){var e=Math[t];return function(t,n){if(t=ke(t),(n=null==n?0:Ve(Ne(n),292))&&We(t)){var i=(nt(t)+"e").split("e");return+((i=(nt(e(i[0]+"e"+(+i[1]+n)))+"e").split("e"))[0]+"e"+(+i[1]-n))}return e(t)}}("round"),je=Ge;function Xe(t){if(!Fe(t))return 0;t=ze(t);let e=je(t);return"0"===String(e)?0:e}function $e(t){if(!He(t))return!1;return Xe(t)>=0}function Ye(t,e){if(!Ae(t))return"";if(!$e(e))return"";if(0===(e=Xe(e)))return"";let n=t.length-e;return n<0&&(n=0),t.substring(n,n+e)}function qe(t,e){return Ae(t)&&$e(e)?0===(e=Xe(e))?"":t.substring(0,e):""}function Ze(t,e){return Ae(t)&&$e(e)?0===(e=Xe(e))?t:qe(t,t.length-e):""}function Ke(t,e,n){var i=-1,r=t.length;e<0&&(e=-e>r?0:r+e),(n=n>r?r:n)<0&&(n+=r),r=e>n?0:n-e>>>0,e>>>=0;for(var o=Array(r);++i<r;)o[i]=t[i+e];return o}function Je(t,e,n){var i=t.length;return n=void 0===n?i:n,!e&&n>=i?t:Ke(t,e,n)}var Qe=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");function tn(t){return Qe.test(t)}function en(t,e,n){if(!_(n))return!1;var i=typeof e;return!!("number"==i?ye(n)&&ee(e,n.length):"string"==i&&e in n)&&N(n[e],t)}var nn=le&&le.isRegExp,rn=nn?re(nn):function(t){return p(t)&&"[object RegExp]"==d(t)};var on="\\ud800-\\udfff",sn="["+on+"]",an="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",ln="\\ud83c[\\udffb-\\udfff]",cn="[^"+on+"]",hn="(?:\\ud83c[\\udde6-\\uddff]){2}",un="[\\ud800-\\udbff][\\udc00-\\udfff]",dn="(?:"+an+"|"+ln+")"+"?",pn="[\\ufe0e\\ufe0f]?",fn=pn+dn+("(?:\\u200d(?:"+[cn,hn,un].join("|")+")"+pn+dn+")*"),mn="(?:"+[cn+an+"?",an,hn,un,sn].join("|")+")",gn=RegExp(ln+"(?="+ln+")|"+mn+fn,"g");function vn(t){return tn(t)?function(t){return t.match(gn)||[]}(t):function(t){return t.split("")}(t)}function _n(t,e,n){return n&&"number"!=typeof n&&en(t,e,n)&&(e=n=void 0),(n=void 0===n?4294967295:n>>>0)?(t=nt(t))&&("string"==typeof e||null!=e&&!rn(e))&&!(e=et(e))&&tn(t)?Je(vn(t),0,n):t.split(e,n):[]}function yn(t){var e=this.__data__=new z(t);this.size=e.size}yn.prototype.clear=function(){this.__data__=new z,this.size=0},yn.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},yn.prototype.get=function(t){return this.__data__.get(t)},yn.prototype.has=function(t){return this.__data__.has(t)},yn.prototype.set=function(t,e){var n=this.__data__;if(n instanceof z){var i=n.__data__;if(!H||i.length<199)return i.push([t,e]),this.size=++n.size,this;n=this.__data__=new V(i)}return n.set(t,e),this.size=n.size,this};function bn(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new V;++e<n;)this.add(t[e])}function xn(t,e){for(var n=-1,i=null==t?0:t.length;++n<i;)if(e(t[n],n,t))return!0;return!1}function Sn(t,e){return t.has(e)}bn.prototype.add=bn.prototype.push=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this},bn.prototype.has=function(t){return this.__data__.has(t)};function wn(t,e,n,i,r,o){var s=1&n,a=t.length,l=e.length;if(a!=l&&!(s&&l>a))return!1;var c=o.get(t),h=o.get(e);if(c&&h)return c==e&&h==t;var u=-1,d=!0,p=2&n?new bn:void 0;for(o.set(t,e),o.set(e,t);++u<a;){var f=t[u],m=e[u];if(i)var g=s?i(m,f,u,e,t,o):i(f,m,u,t,e,o);if(void 0!==g){if(g)continue;d=!1;break}if(p){if(!xn(e,function(t,e){if(!Sn(p,e)&&(f===t||r(f,t,n,i,o)))return p.push(e)})){d=!1;break}}else if(f!==m&&!r(f,m,n,i,o)){d=!1;break}}return o.delete(t),o.delete(e),d}var Mn=r.Uint8Array;function Tn(t){var e=-1,n=Array(t.size);return t.forEach(function(t,i){n[++e]=[i,t]}),n}function An(t){var e=-1,n=Array(t.size);return t.forEach(function(t){n[++e]=t}),n}var En=o?o.prototype:void 0,Cn=En?En.valueOf:void 0;function Rn(t,e){for(var n=-1,i=e.length,r=t.length;++n<i;)t[r+n]=e[n];return t}function Pn(t,n,i){var r=n(t);return e(t)?r:Rn(r,i(t))}function Ln(t,e){for(var n=-1,i=null==t?0:t.length,r=0,o=[];++n<i;){var s=t[n];e(s,n,t)&&(o[r++]=s)}return o}function In(){return[]}var On=Object.prototype.propertyIsEnumerable,kn=Object.getOwnPropertySymbols,Un=kn?function(t){return null==t?[]:(t=Object(t),Ln(kn(t),function(e){return On.call(t,e)}))}:In,Dn=Un;function Nn(t){return Pn(t,be,Dn)}var Bn=Object.prototype.hasOwnProperty;var Fn=I(r,"DataView"),zn=I(r,"Promise"),Hn=I(r,"Set"),Wn=I(r,"WeakMap"),Vn="[object Map]",Gn="[object Promise]",jn="[object Set]",Xn="[object WeakMap]",$n="[object DataView]",Yn=M(Fn),qn=M(H),Zn=M(zn),Kn=M(Hn),Jn=M(Wn),Qn=d;(Fn&&Qn(new Fn(new ArrayBuffer(1)))!=$n||H&&Qn(new H)!=Vn||zn&&Qn(zn.resolve())!=Gn||Hn&&Qn(new Hn)!=jn||Wn&&Qn(new Wn)!=Xn)&&(Qn=function(t){var e=d(t),n="[object Object]"==e?t.constructor:void 0,i=n?M(n):"";if(i)switch(i){case Yn:return $n;case qn:return Vn;case Zn:return Gn;case Kn:return jn;case Jn:return Xn}return e});var ti=Qn,ei="[object Arguments]",ni="[object Array]",ii="[object Object]",ri=Object.prototype.hasOwnProperty;function oi(t,n,i,r,o,s){var a=e(t),l=e(n),c=a?ni:ti(t),h=l?ni:ti(n),u=(c=c==ei?ii:c)==ii,d=(h=h==ei?ii:h)==ii,p=c==h;if(p&&Qt(t)){if(!Qt(n))return!1;a=!0,u=!1}if(p&&!u)return s||(s=new yn),a||he(t)?wn(t,n,i,r,o,s):function(t,e,n,i,r,o,s){switch(n){case"[object DataView]":if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=e.byteLength||!o(new Mn(t),new Mn(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return N(+t,+e);case"[object Error]":return t.name==e.name&&t.message==e.message;case"[object RegExp]":case"[object String]":return t==e+"";case"[object Map]":var a=Tn;case"[object Set]":var l=1&i;if(a||(a=An),t.size!=e.size&&!l)return!1;var c=s.get(t);if(c)return c==e;i|=2,s.set(t,e);var h=wn(a(t),a(e),i,r,o,s);return s.delete(t),h;case"[object Symbol]":if(Cn)return Cn.call(t)==Cn.call(e)}return!1}(t,n,c,i,r,o,s);if(!(1&i)){var f=u&&ri.call(t,"__wrapped__"),m=d&&ri.call(n,"__wrapped__");if(f||m){var g=f?t.value():t,v=m?n.value():n;return s||(s=new yn),o(g,v,i,r,s)}}return!!p&&(s||(s=new yn),function(t,e,n,i,r,o){var s=1&n,a=Nn(t),l=a.length;if(l!=Nn(e).length&&!s)return!1;for(var c=l;c--;){var h=a[c];if(!(s?h in e:Bn.call(e,h)))return!1}var u=o.get(t),d=o.get(e);if(u&&d)return u==e&&d==t;var p=!0;o.set(t,e),o.set(e,t);for(var f=s;++c<l;){var m=t[h=a[c]],g=e[h];if(i)var v=s?i(g,m,h,e,t,o):i(m,g,h,t,e,o);if(!(void 0===v?m===g||r(m,g,n,i,o):v)){p=!1;break}f||(f="constructor"==h)}if(p&&!f){var _=t.constructor,y=e.constructor;_==y||!("constructor"in t)||!("constructor"in e)||"function"==typeof _&&_ instanceof _&&"function"==typeof y&&y instanceof y||(p=!1)}return o.delete(t),o.delete(e),p}(t,n,i,r,o,s))}function si(t,e,n,i,r){return t===e||(null==t||null==e||!p(t)&&!p(e)?t!=t&&e!=e:oi(t,e,n,i,si,r))}function ai(t){return t==t&&!_(t)}function li(t,e){return function(n){return null!=n&&(n[t]===e&&(void 0!==e||t in Object(n)))}}function ci(t){var e=function(t){for(var e=be(t),n=e.length;n--;){var i=e[n],r=t[i];e[n]=[i,r,ai(r)]}return e}(t);return 1==e.length&&e[0][2]?li(e[0][0],e[0][1]):function(n){return n===t||function(t,e,n,i){var r=n.length,o=r,s=!i;if(null==t)return!o;for(t=Object(t);r--;){var a=n[r];if(s&&a[2]?a[1]!==t[a[0]]:!(a[0]in t))return!1}for(;++r<o;){var l=(a=n[r])[0],c=t[l],h=a[1];if(s&&a[2]){if(void 0===c&&!(l in t))return!1}else{var u=new yn;if(i)var d=i(c,h,l,t,e,u);if(!(void 0===d?si(h,c,3,i,u):d))return!1}}return!0}(n,t,e)}}function hi(t,e){return null!=t&&e in Object(t)}function ui(t,n){return null!=t&&function(t,n,i){for(var r=-1,o=(n=it(n,t)).length,s=!1;++r<o;){var a=rt(n[r]);if(!(s=null!=t&&i(t,a)))break;t=t[a]}return s||++r!=o?s:!!(o=null==t?0:t.length)&&ne(o)&&ee(a,o)&&(e(t)||qt(t))}(t,n,hi)}function di(t){return function(e){return null==e?void 0:e[t]}}function pi(t){return v(t)?di(rt(t)):function(t){return function(e){return ot(e,t)}}(t)}function fi(t){return"function"==typeof t?t:null==t?we:"object"==typeof t?e(t)?(n=t[0],i=t[1],v(n)&&ai(i)?li(rt(n),i):function(t){var e=st(t,n);return void 0===e&&e===i?ui(t,n):si(i,e,3)}):ci(t):pi(t);var n,i}function mi(t,e){var n=-1,i=ye(t)?Array(t.length):[];return Se(t,function(t,r,o){i[++n]=e(t,r,o)}),i}function gi(t,n){return(e(t)?J:mi)(t,fi(n))}var vi=function(){try{var t=I(Object,"defineProperty");return t({},"",{}),t}catch(t){}}(),_i=vi;function yi(t,e,n){"__proto__"==e&&_i?_i(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}function bi(t){if(!Ae(t))return{};if(!Ae(t=st(t=_n(t,"?"),"[1]")))return{};let e=_n(t,"&");return e=gi(e,function(t){return _n(t,"=")}),e=function(t){for(var e=-1,n=null==t?0:t.length,i={};++e<n;){var r=t[e];yi(i,r[0],r[1])}return i}(e),e}var xi=di("length"),Si="\\ud800-\\udfff",wi="["+Si+"]",Mi="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Ti="\\ud83c[\\udffb-\\udfff]",Ai="[^"+Si+"]",Ei="(?:\\ud83c[\\udde6-\\uddff]){2}",Ci="[\\ud800-\\udbff][\\udc00-\\udfff]",Ri="(?:"+Mi+"|"+Ti+")"+"?",Pi="[\\ufe0e\\ufe0f]?",Li=Pi+Ri+("(?:\\u200d(?:"+[Ai,Ei,Ci].join("|")+")"+Pi+Ri+")*"),Ii="(?:"+[Ai+Mi+"?",Mi,Ei,Ci,wi].join("|")+")",Oi=RegExp(Ti+"(?="+Ti+")|"+Ii+Li,"g");function ki(t){return tn(t)?function(t){for(var e=Oi.lastIndex=0;Oi.test(t);)++e;return e}(t):xi(t)}function Ui(t){if(null==t)return 0;if(ye(t))return"string"==typeof(n=t)||!e(n)&&p(n)&&"[object String]"==d(n)?ki(t):t.length;var n,i=ti(t);return"[object Map]"==i||"[object Set]"==i?t.size:_e(t).length}function Di(t,e){for(var n=-1,i=null==t?0:t.length;++n<i;)if(!e(t[n],n,t))return!1;return!0}function Ni(t,e){var n=!0;return Se(t,function(t,i,r){return n=!!e(t,i,r)}),n}function Bi(t,e){return si(t,e)}function Fi(t){return"[object Object]"===Object.prototype.toString.call(t)}function zi(t){if(!He(t))return!1;return Xe(t)>0}let Hi="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Wi=Hi.length;function Vi(t=32){let e=[];t=zi(t)?Xe(t):32;for(let n=0;n<t;n++)e[n]=Hi[0|Math.random()*Wi];return e.join("")}var Gi=Object.prototype.hasOwnProperty;function ji(t,e,n){var i=t[e];Gi.call(t,e)&&N(i,n)&&(void 0!==n||e in t)||yi(t,e,n)}function Xi(t,e,n,i){var r=!n;n||(n={});for(var o=-1,s=e.length;++o<s;){var a=e[o],l=i?i(n[a],t[a],a,n,t):void 0;void 0===l&&(l=t[a]),r?yi(n,a,l):ji(n,a,l)}return n}var $i=Object.prototype.hasOwnProperty;function Yi(t){if(!_(t))return function(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}(t);var e=fe(t),n=[];for(var i in t)("constructor"!=i||!e&&$i.call(t,i))&&n.push(i);return n}function qi(t){return ye(t)?de(t,!0):Yi(t)}var Zi="object"==typeof exports&&exports&&!exports.nodeType&&exports,Ki=Zi&&"object"==typeof module&&module&&!module.nodeType&&module,Ji=Ki&&Ki.exports===Zi?r.Buffer:void 0,Qi=Ji?Ji.allocUnsafe:void 0;function tr(t,e){if(e)return t.slice();var n=t.length,i=Qi?Qi(n):new t.constructor(n);return t.copy(i),i}function er(t,e){var n=-1,i=t.length;for(e||(e=Array(i));++n<i;)e[n]=t[n];return e}var nr=me(Object.getPrototypeOf,Object),ir=Object.getOwnPropertySymbols?function(t){for(var e=[];t;)Rn(e,Dn(t)),t=nr(t);return e}:In,rr=ir;function or(t){return Pn(t,qi,rr)}var sr=Object.prototype.hasOwnProperty;function ar(t){var e=new t.constructor(t.byteLength);return new Mn(e).set(new Mn(t)),e}var lr=/\w*$/;var cr=o?o.prototype:void 0,hr=cr?cr.valueOf:void 0;function ur(t,e){var n=e?ar(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}function dr(t,e,n){var i,r=t.constructor;switch(e){case"[object ArrayBuffer]":return ar(t);case"[object Boolean]":case"[object Date]":return new r(+t);case"[object DataView]":return function(t,e){var n=e?ar(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}(t,n);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return ur(t,n);case"[object Map]":case"[object Set]":return new r;case"[object Number]":case"[object String]":return new r(t);case"[object RegExp]":return function(t){var e=new t.constructor(t.source,lr.exec(t));return e.lastIndex=t.lastIndex,e}(t);case"[object Symbol]":return i=t,hr?Object(hr.call(i)):{}}}var pr=Object.create,fr=function(){function t(){}return function(e){if(!_(e))return{};if(pr)return pr(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}(),mr=fr;function gr(t){return"function"!=typeof t.constructor||fe(t)?{}:mr(nr(t))}var vr=le&&le.isMap,_r=vr?re(vr):function(t){return p(t)&&"[object Map]"==ti(t)};var yr=le&&le.isSet,br=yr?re(yr):function(t){return p(t)&&"[object Set]"==ti(t)},xr="[object Arguments]",Sr="[object Function]",wr="[object Object]",Mr={};function Tr(t,n,i,r,o,s){var a,l=1&n,c=2&n,h=4&n;if(i&&(a=o?i(t,r,o,s):i(t)),void 0!==a)return a;if(!_(t))return t;var u=e(t);if(u){if(a=function(t){var e=t.length,n=new t.constructor(e);return e&&"string"==typeof t[0]&&sr.call(t,"index")&&(n.index=t.index,n.input=t.input),n}(t),!l)return er(t,a)}else{var d=ti(t),p=d==Sr||"[object GeneratorFunction]"==d;if(Qt(t))return tr(t,l);if(d==wr||d==xr||p&&!o){if(a=c||p?{}:gr(t),!l)return c?function(t,e){return Xi(t,rr(t),e)}(t,function(t,e){return t&&Xi(e,qi(e),t)}(a,t)):function(t,e){return Xi(t,Dn(t),e)}(t,function(t,e){return t&&Xi(e,be(e),t)}(a,t))}else{if(!Mr[d])return o?t:{};a=dr(t,d,l)}}s||(s=new yn);var f=s.get(t);if(f)return f;s.set(t,a),br(t)?t.forEach(function(e){a.add(Tr(e,n,i,e,t,s))}):_r(t)&&t.forEach(function(e,r){a.set(r,Tr(e,n,i,r,t,s))});var m=u?void 0:(h?c?or:Nn:c?qi:be)(t);return zt(m||t,function(e,r){m&&(e=t[r=e]),ji(a,r,Tr(e,n,i,r,t,s))}),a}Mr[xr]=Mr["[object Array]"]=Mr["[object ArrayBuffer]"]=Mr["[object DataView]"]=Mr["[object Boolean]"]=Mr["[object Date]"]=Mr["[object Float32Array]"]=Mr["[object Float64Array]"]=Mr["[object Int8Array]"]=Mr["[object Int16Array]"]=Mr["[object Int32Array]"]=Mr["[object Map]"]=Mr["[object Number]"]=Mr[wr]=Mr["[object RegExp]"]=Mr["[object Set]"]=Mr["[object String]"]=Mr["[object Symbol]"]=Mr["[object Uint8Array]"]=Mr["[object Uint8ClampedArray]"]=Mr["[object Uint16Array]"]=Mr["[object Uint32Array]"]=!0,Mr["[object Error]"]=Mr[Sr]=Mr["[object WeakMap]"]=!1;function Ar(t){return Tr(t,5)}function Er(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var Cr={exports:{}};!function(t){var e=Object.prototype.hasOwnProperty,n="~";function i(){}function r(t,e,n){this.fn=t,this.context=e,this.once=n||!1}function o(t,e,i,o,s){if("function"!=typeof i)throw new TypeError("The listener must be a function");var a=new r(i,o||t,s),l=n?n+e:e;return t._events[l]?t._events[l].fn?t._events[l]=[t._events[l],a]:t._events[l].push(a):(t._events[l]=a,t._eventsCount++),t}function s(t,e){0===--t._eventsCount?t._events=new i:delete t._events[e]}function a(){this._events=new i,this._eventsCount=0}Object.create&&(i.prototype=Object.create(null),(new i).__proto__||(n=!1)),a.prototype.eventNames=function(){var t,i,r=[];if(0===this._eventsCount)return r;for(i in t=this._events)e.call(t,i)&&r.push(n?i.slice(1):i);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(t)):r},a.prototype.listeners=function(t){var e=n?n+t:t,i=this._events[e];if(!i)return[];if(i.fn)return[i.fn];for(var r=0,o=i.length,s=new Array(o);r<o;r++)s[r]=i[r].fn;return s},a.prototype.listenerCount=function(t){var e=n?n+t:t,i=this._events[e];return i?i.fn?1:i.length:0},a.prototype.emit=function(t,e,i,r,o,s){var a=n?n+t:t;if(!this._events[a])return!1;var l,c,h=this._events[a],u=arguments.length;if(h.fn){switch(h.once&&this.removeListener(t,h.fn,void 0,!0),u){case 1:return h.fn.call(h.context),!0;case 2:return h.fn.call(h.context,e),!0;case 3:return h.fn.call(h.context,e,i),!0;case 4:return h.fn.call(h.context,e,i,r),!0;case 5:return h.fn.call(h.context,e,i,r,o),!0;case 6:return h.fn.call(h.context,e,i,r,o,s),!0}for(c=1,l=new Array(u-1);c<u;c++)l[c-1]=arguments[c];h.fn.apply(h.context,l)}else{var d,p=h.length;for(c=0;c<p;c++)switch(h[c].once&&this.removeListener(t,h[c].fn,void 0,!0),u){case 1:h[c].fn.call(h[c].context);break;case 2:h[c].fn.call(h[c].context,e);break;case 3:h[c].fn.call(h[c].context,e,i);break;case 4:h[c].fn.call(h[c].context,e,i,r);break;default:if(!l)for(d=1,l=new Array(u-1);d<u;d++)l[d-1]=arguments[d];h[c].fn.apply(h[c].context,l)}}return!0},a.prototype.on=function(t,e,n){return o(this,t,e,n,!1)},a.prototype.once=function(t,e,n){return o(this,t,e,n,!0)},a.prototype.removeListener=function(t,e,i,r){var o=n?n+t:t;if(!this._events[o])return this;if(!e)return s(this,o),this;var a=this._events[o];if(a.fn)a.fn!==e||r&&!a.once||i&&a.context!==i||s(this,o);else{for(var l=0,c=[],h=a.length;l<h;l++)(a[l].fn!==e||r&&!a[l].once||i&&a[l].context!==i)&&c.push(a[l]);c.length?this._events[o]=1===c.length?c[0]:c:s(this,o)}return this},a.prototype.removeAllListeners=function(t){var e;return t?(e=n?n+t:t,this._events[e]&&s(this,e)):(this._events=new i,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=n,a.EventEmitter=a,t.exports=a}(Cr);var Rr=Er(Cr.exports);function Pr(){return new Rr}function Lr(t){let e=Object.prototype.toString.call(t);return"[object Function]"===e||"[object AsyncFunction]"===e}function Ir(){let t={};return{bind:function(e,n,i){let r=`r${Vi()}`;e.setAttribute("ev-resize",r);let o=function(t,e={}){let n=st(e,"timeInterval",null);zi(n)||(n=20);let i=st(e,"tolerancePixel",null);zi(i)||(i=1);let r,o=Pr(),s={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0},a=Ar(s),l={width:"",height:""};if(!Lr(t))return console.log("invalid f",t),null;r=setInterval(()=>{let e=t();if(e){let t={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight,windowWidth:window.innerWidth,windowHeight:window.innerHeight},n=a.offsetWidth-t.offsetWidth,r=a.offsetHeight-t.offsetHeight,c=Math.abs(n)>i,h=Math.abs(r)>i,u="";n>0?u="smaller":n<0&&(u="larger");let d="";if(r>0?d="smaller":r<0&&(d="larger"),l={width:u,height:d},c||h){let n={...a};setTimeout(()=>{t.offsetWidth>0&&t.offsetHeight>0&&(o.emit("resize",{sold:n,snew:t,smode:l,ele:e}),o.emit("resizeWithWindow",{sold:n,snew:t,smode:l,ele:e,from:"dom"}))},1)}s=a,a=t}},n);let c=t=>{o.emit("resizeWithWindow",{sold:s,snew:a,smode:l,from:"window"})};return window.addEventListener("resize",c),o.clear=()=>{clearInterval(r),window.removeEventListener("resize",c)},o}(()=>e);o.on("resizeWithWindow",t=>{!function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"domresize",t)}),t[r]=o},unbind:function(e){let n=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),t[n]&&(t[n].clear(),t[n]=null,delete t[n])}}}var Or,kr=(Or="toUpperCase",function(t){var e=tn(t=nt(t))?vn(t):void 0,n=e?e[0]:t.charAt(0),i=e?Je(e,1).join(""):t.slice(1);return n[Or]()+i});function Ur(t){return kr(nt(t).toLowerCase())}var Dr=Nt(function(t,e,n){return e=e.toLowerCase(),t+(n?Ur(e):e)}),Nr=Dr;let Br={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 Fr(t){if("white"===t)return"#fff";if("black"===t)return"#000";if("transparent"===t)return"rgba(0,0,0,0)";let e=function(t){let e=_n(t," ");return 1===Ui(e)&&(e[1]=null),e}(t),n=function(t,e,n){let i=st(Br,`default.${t}.${e}`,null);return null===i&&(i=n),i}(function(t){let e=t.trim();return e=Nr(e),e}(e[0]),function(t){Ae(t)||(t="base");let e=t.trim();return e=e.replace("-","").trim(),e}(e[1]),t);return n}function zr(t,e,n){if(!Ae(t))return"";if(!Ae(e))return"";if(!Te(n))return"";return String(t).replaceAll(e,n)}function Hr(t){if(Fi(t)){for(let e in t)return!0;return!1}return!1}var Wr=Function.prototype,Vr=Object.prototype,Gr=Wr.toString,jr=Vr.hasOwnProperty,Xr=Gr.call(Object);function $r(t){if(!p(t)||"[object Object]"!=d(t))return!1;var e=nr(t);if(null===e)return!0;var n=jr.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&Gr.call(n)==Xr}function Yr(t){return p(e=t)&&1===e.nodeType&&!$r(e);var e}function qr(t){function e(t){t.parentNode.removeChild(t)}if(Yr(t)){return void e(t)}if(!Ae(t))return;let n=function(t){return document.querySelectorAll(t)}(t);Me(n,function(t){e(t)})}function Zr(t,e,n={}){let i=st(n,"timeDuration",null);zi(i)||(i=1e3);let r=st(n,"color",null);if(Ae(r)||(r="rgba(255, 255, 255, 0.5)"),!Yr(t))return;t.style.position="relative",t.style.overflow="hidden";let o=t.getBoundingClientRect(),s=e.clientX-o.left,a=e.clientY-o.top,l=2*Math.max(t.clientWidth,t.clientHeight),c=document.createElement("div");c.style.width=`${l}px`,c.style.height=`${l}px`,c.style.transition=`all ${i/1e3}s linear`,c.style.position="absolute",c.style.zIndex=1,c.style.left=`${s}px`,c.style.top=`${a}px`,c.style.borderRadius="50%",c.style.transformOrigin="center",c.style.transform="translate(-50%,-50%) scale(0)",c.style.background=r,c.style.userSelect="none",c.style.pointerEvents="none",t.appendChild(c),setTimeout(()=>{c.style.transform="translate(-50%,-50%) scale(2)",c.style.opacity=0},1),setTimeout(()=>{qr(c)},i)}function Kr(t){return!0===(e=t)||!1===e||p(e)&&"[object Boolean]"==d(e);var e}function Jr(t){return"number"==typeof t||p(t)&&"[object Number]"==d(t)}function Qr(t,e={}){let n=st(e,"parse");Kr(n)||(n=!0);let i=st(e,"ext");Hr(i)||(i={});let r=st(e,"semicolon");Kr(r)||(r=!0);let o=st(e,"returnObj");Kr(o)||(o=!1);let s=0,a=0,l=0,c=0;if(n){let e=function(t,e={}){let n,i=st(e,"def",""),r=st(e,"type","");"num"!==r&&"text"!==r&&(r="num"),"num"===r?n=Jr:"text"===r&&(n=Te);let o=i,s=i,a=i,l=i;return n(st(t,"h"))&&(o=st(t,"h"),s=o),n(st(t,"v"))&&(a=st(t,"v"),l=a),n(st(t,"left"))&&(o=st(t,"left")),n(st(t,"right"))&&(s=st(t,"right")),n(st(t,"top"))&&(a=st(t,"top")),n(st(t,"bottom"))&&(l=st(t,"bottom")),{left:o,right:s,top:a,bottom:l}}(t);s=e.left,a=e.right,l=e.top,c=e.bottom}s+=st(i,"left",0),a+=st(i,"right",0),l+=st(i,"top",0),c+=st(i,"bottom",0);let h=null;return o?h={left:s,right:a,top:l,bottom:c}:(h=`${l}px ${a}px ${c}px ${s}px`,r&&(h=`${h};`)),h}function to(t){return"[object Array]"===Object.prototype.toString.call(t)}function eo(t){return"[object Undefined]"===Object.prototype.toString.call(t)}function no(t){return!!eo(t)||(!!function(t){return"[object Null]"===Object.prototype.toString.call(t)}(t)||(!!function(t){if(Fi(t)){for(let e in t)return!1;return!0}return!1}(t)||(!!function(t){return!(!Te(t)||""!==t)}(t)||(!!function(t){return!!to(t)&&0===t.length}(t)||!!Be(t)))))}function io(t){return!!to(t)&&(0!==t.length&&(1!==t.length||!no(t[0])))}var ro={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 Ae(this.icon)},isMdi:function(){return!!this.hasIcon&&this.icon.indexOf("mdi-")>=0},isFa:function(){return!!this.hasIcon&&this.icon.indexOf(" fa-")>=0},isSvg:function(){let t=this;if(t.isMdi||t.isFa)return!1;let e=Ae(t.icon),n=io(t.icon);return e||n},usePaths:function(){let t=this;if(!t.isSvg)return[];let e=t.icon;return Ae(t.icon)&&(e=[t.icon]),e},useIconColor:function(){let t=this;return t.mouseEnter?Fr(t.colorHover):Fr(t.color)},useStyleSize:function(){let t=this;return{width:`${t.size}px`,height:`${t.size}px`,"line-height":`${t.size}px`,"max-height":`${t.size}px`,"min-height":`${t.size}px`}}},methods:{}};function oo(t,e,n,i,r,o,s,a,l,c){"boolean"!=typeof s&&(l=a,a=s,s=!1);const h="function"==typeof n?n.options:n;let u;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,r&&(h.functional=!0)),i&&(h._scopeId=i),o?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(o)},h._ssrRegister=u):e&&(u=s?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),u)if(h.functional){const t=h.render;h.render=function(e,n){return u.call(n),t(e,n)}}else{const t=h.beforeCreate;h.beforeCreate=t?[].concat(t,u):[u]}return n}const so="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function ao(t){return(t,e)=>function(t,e){const n=so?e.media||"default":t,i=co[n]||(co[n]={ids:new Set,styles:[]});if(!i.ids.has(t)){i.ids.add(t);let n=e.source;if(e.map&&(n+="\n/*# sourceURL="+e.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",e.media&&i.element.setAttribute("media",e.media),void 0===lo&&(lo=document.head||document.getElementsByTagName("head")[0]),lo.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(n),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{const t=i.ids.size-1,e=document.createTextNode(n),r=i.element.childNodes;r[t]&&i.element.removeChild(r[t]),r.length?i.element.insertBefore(e,r[t]):i.element.appendChild(e)}}}(t,e)}let lo;const co={};const ho=ro;var uo=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.icon?n("div",{style:[t.useStyleSize,{display:"flex","align-items":"center","user-select":"none",border:"0px solid #ddd"}],on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.$emit("click",e)}.apply(null,arguments)},click:function(e){t.$emit("click",e)}}},[t.isSvg?n("svg",{style:"transition:all "+t.timeTransition+"s linear; fill:"+t.useIconColor+";",attrs:{width:t.size,height:t.size,viewBox:"0 0 "+t.sizeOriginal+" "+t.sizeOriginal},on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},t._l(t.usePaths,function(e,i){return n("path",{key:i,attrs:{d:t.icon}})}),0):t._e(),t._v(" "),t.isMdi?n("div",{style:"transition:all "+t.timeTransition+"s linear; width:"+t.size+"px; height:"+t.size+"px; color:"+t.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},[n("span",{class:"mdi "+t.icon,style:"font-size:"+t.size+"px;"})]):t._e(),t._v(" "),t.isFa?n("div",{style:"transition:all "+t.timeTransition+"s linear; width:"+t.size+"px; height:"+t.size+"px; color:"+t.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1}}},[n("div",{style:"width:"+t.size+"px; height:"+t.size+"px; _transform-origin:center; transform:translateX(0px) translateY(0px) scale("+t.r+");"},[n("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n("i",{class:"fas "+t.icon,style:"font-size:"+t.size+"px;"})])])]):t._e()]):t._e()};uo._withStripped=!0;const po=oo({render:uo,staticRenderFns:[]},function(t){t&&t("data-v-0567d62e_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})},ho,"data-v-0567d62e",false,void 0,!1,ao,void 0,void 0);var fo={directives:{domripple:function(){let t={};return{bind:function(e,n,i){let r=`r${Vi()}`;e.setAttribute("ev-ripple",r),function(e,n){let i=e.getAttribute("ev-ripple"),r=st(n,"value");if(r=Hr(r),!r)return;let o=st(n,"value.color");if(!Ae(o))return;o=Fr(o);let s=st(n,"value.timeDuration");Fe(s)||(s=1e3);function a(t){Zr(t.currentTarget,t,{color:o,timeDuration:s})}s=ze(s),e.addEventListener("click",a,!1),t[i]=a}(e,n)},unbind:function(e){!function(e){let n=e.getAttribute("ev-ripple");if(t[n]){let i=t[n];e.removeEventListener("click",i,!1),delete t[n]}}(e),e.setAttribute("ev-ripple",null)}}}()},components:{WIcon:po},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:()=>({v:10,h:12})},borderRadius:{type:Number,default:0},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},backgroundColorDisabled:{type:String,default:"white"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},textColorDisabled:{type:String,default:"#444"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},iconColorDisabled:{type:String,default:"#444"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"},cursorPointer:{type:Boolean,default:!0}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){let t=this.textFontSize;return t=zr(t,";",""),`font-size:${t};`},hasIcon:function(){return""!==this.icon},usePadding:function(){return`padding:${Qr(this.paddingStyle,{ext:{}})};`},effBackgroundColor:function(){return Fr(this.backgroundColor)},effBackgroundColorHover:function(){return Fr(this.backgroundColorHover)},effBackgroundActive:function(){return Fr(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return Fr(this.backgroundColorDisabled)},useBackgroundColor:function(){let t=this;return t.editable?t.active?t.effBackgroundActive:t.mouseEnter?t.effBackgroundColorHover:t.effBackgroundColor:t.effBackgroundColorDisabled},effTextColor:function(){return Fr(this.textColor)},effTextColorHover:function(){return Fr(this.textColorHover)},effTextActive:function(){return Fr(this.textColorActive)},effTextColorDisabled:function(){return Fr(this.textColorDisabled)},useTextColor:function(){let t=this;return t.editable?t.active?t.effTextActive:t.mouseEnter?t.effTextColorHover:t.effTextColor:t.effTextColorDisabled},effIconColor:function(){return Fr(this.iconColor)},effIconColorHover:function(){return Fr(this.iconColorHover)},effIconActive:function(){return Fr(this.iconColorActive)},effIconColorDisabled:function(){return Fr(this.iconColorDisabled)},useIconColor:function(){let t=this;return t.editable?t.active?t.effIconActive:t.mouseEnter?t.effIconColorHover:t.effIconColor:t.effIconColorDisabled},effDisabledColor:function(){return Fr(this.disabledColor)}},methods:{clickItem:function(){let t=this;t.editable&&t.$emit("click",{icon:t.icon,text:t.text})}}};const mo=fo;var go=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:t.rippleColor},expression:"{color:rippleColor}"}],style:"position:relative; transition:all 0.3s; border-top-left-radius:"+t.borderRadius+"px; border-top-right-radius:"+t.borderRadius+"px; "+t.usePadding+" background:"+t.useBackgroundColor+"; "+(t.editable&&t.cursorPointer?"cursor:pointer;":"cursor:context-menu;"),on:{mouseenter:function(e){t.mouseEnter=!0},mouseleave:function(e){t.mouseEnter=!1},click:t.clickItem}},[n("div",{style:"transition:all 0.3s; color:"+t.useTextColor+"; "+t.useTextFontSize},[t._t("item",function(){return[n("div",{staticStyle:{display:"flex","align-items":"center"}},[t._t("item-left",null,{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t._t("item-content",function(){return[t.hasIcon?n("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:t.icon,color:t.useIconColor,colorHover:t.useIconColor,size:t.iconSize}}):t._e(),t._v(" "),n("div",[t._v("\n                        "+t._s(t.text)+"\n                    ")])]},{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t._t("item-right",null,{isHover:t.mouseEnter,isActive:t.active})],2)]},{isHover:t.mouseEnter,isActive:t.active}),t._v(" "),t.editable?t._e():n("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[n("div",{style:"overflow:hidden; width:100%; height:100%;"},[n("div",{style:"background:"+t.effDisabledColor+"; height:100%;"})])])],2)])};go._withStripped=!0;const vo=oo({render:go,staticRenderFns:[]},function(t){t&&t("data-v-ec61218c_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})},mo,"data-v-ec61218c",false,void 0,!1,ao,void 0,void 0);var _o={directives:{domresize:Ir()},components:{WListItem:vo},props:{items:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},space:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBorderRadius:{type:Number,default:0},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"white"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"orange darken-3"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"orange darken-3"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(245,124,0,0.4)"},borderBottom:{type:Boolean,default:!0},borderBottomSize:{type:Number,default:2},borderBottomColor:{type:String,default:"rgba(245,124,0,0.8)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0}},data:function(){return{borderBottomLeft:0,borderBottomWidth:0,itemActiveTrans:null}},watch:{itemActiveTrans:{handler(t,e){this.updateBorderBottom()},immediate:!0}},computed:{changeItemActive:function(){let t=this;return t.enableActive&&(t.itemActiveTrans=t.itemActive),""},isObjValue:function(){return 0!==Ui(this.items)&&function(t,n,i){var r=e(t)?Di:Ni;return i&&en(t,n,i)&&(n=void 0),r(t,fi(n))}(this.items,t=>Fi(t))},effBorderBottomColor:function(){return Fr(this.borderBottomColor)}},methods:{resize:function(t){this.updateBorderBottom()},getIcon:function(t){let e=this;return e.isObjValue?st(t,e.keyIcon,""):""},getText:function(t){let e=this;if(e.isObjValue){return st(t,e.keyText,"")}return t},getActive:function(t){let e=this,n=!1;return e.enableActive&&(n=Bi(t,e.itemActiveTrans)),n},getEditable:function(t){return st(t,"editable",!0)},updateBorderBottom:function(){let t=this;if(null==t.itemActiveTrans)return;let e=0,n=[];Me(st(t,"$refs.wli",[]),(i,r)=>{let o=i,s=st(o,"clientWidth",0),a=st(o,"clientHeight",0),l=e,c=s,h=a;r>0&&t.space>0&&(l+=t.space,c-=t.space),n.push({left:l,bottom:0,width:c,heiht:h}),e+=s});let i=-1;if(Me(t.items,(e,n)=>{if(Bi(e,t.itemActiveTrans))return i=n,!1}),-1===i)return;let r=n[i];t.borderBottomLeft=r.left,t.borderBottomWidth=r.width},ckItem:function(t,e){let n=this;if(!n.getEditable(t))return;n.itemActiveTrans=t;let i=null;i=n.isObjValue?{...t}:t,n.$emit("click",i,e),n.$emit("update:itemActive",i)}}};const yo=_o;var bo=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:t.changeItemActive},on:{domresize:t.resize}},[n("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[t.borderBottom?n("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+t.borderBottomLeft+"px; padding-left:"+t.borderBottomWidth+"px; border-bottom:"+t.borderBottomSize+"px solid "+t.effBorderBottomColor+";"}):t._e(),t._v(" "),t._l(t.items,function(e,i){return n("div",{key:i},[n("div",{ref:"wli",refInFor:!0,style:t.space>0&&i>0?"padding-left:"+t.space+"px;":""},[n("WListItem",{attrs:{icon:t.getIcon(e),text:t.getText(e),textFontSize:t.itemTextFontSize,active:t.getActive(e),paddingStyle:t.paddingStyle,borderRadius:t.itemBorderRadius,backgroundColor:t.itemBackgroundColor,backgroundColorHover:t.itemBackgroundColorHover,backgroundColorActive:t.itemBackgroundColorActive,backgroundColorDisabled:t.itemBackgroundColorDisabled,textColor:t.itemTextColor,textColorHover:t.itemTextColorHover,textColorActive:t.itemTextColorActive,textColorDisabled:t.itemTextColorDisabled,iconSize:t.itemIconSize,iconColor:t.itemIconColor,iconColorHover:t.itemIconColorHover,iconColorActive:t.itemIconColorActive,iconColorDisabled:t.itemIconColorDisabled,rippleColor:t.getEditable(e)?t.itemRippleColor:null,editable:t.getEditable(e),disabledColor:t.itemDisabledColor,cursorPointer:!t.getActive(e)&&t.itemCursorPointer},on:{click:function(n){return t.ckItem(e,i)}},scopedSlots:t._u([{key:"item",fn:function(n){return[t._t("item",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-left",fn:function(n){return[t._t("item-left",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-content",fn:function(n){return[t._t("item-content",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}},{key:"item-right",fn:function(n){return[t._t("item-right",null,{item:e,kitem:i,isHover:n.isHover,isActive:n.isActive})]}}],null,!0)})],1)])})],2)])};bo._withStripped=!0;const xo=oo({render:bo,staticRenderFns:[]},function(t){t&&t("data-v-4efd79ee_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})},yo,"data-v-4efd79ee",false,void 0,!1,ao,void 0,void 0);function So(t){return t!=t}function wo(t,e,n){return e==e?function(t,e,n){for(var i=n-1,r=t.length;++i<r;)if(t[i]===e)return i;return-1}(t,e,n):function(t,e,n,i){for(var r=t.length,o=n+(i?1:-1);i?o--:++o<r;)if(e(t[o],o,t))return o;return-1}(t,So,n)}function Mo(t,e,n){if((t=nt(t))&&(n||void 0===e))return Re(t);if(!t||!(e=et(e)))return t;var i=vn(t),r=vn(e),o=function(t,e){for(var n=-1,i=t.length;++n<i&&wo(e,t[n],0)>-1;);return n}(i,r),s=function(t,e){for(var n=t.length;n--&&wo(e,t[n],0)>-1;);return n}(i,r)+1;return Je(i,o,s).join("")}function To(t,e){var n=[];return Se(t,function(t,i,r){e(t,i,r)&&n.push(t)}),n}function Ao(t,n){return(e(t)?Ln:To)(t,fi(n))}function Eo(t){return nt(t).toUpperCase()}var Co=Array.prototype.join;function Ro(t,e){return null==t?"":Co.call(t,e)}function Po(t){return function(t){let e=_n(t,"&");e=gi(e,function(t){return Mo(t)});let n=Ui(e);n=Math.min(4,n);let i=[];for(let t=0;t<n;t++)i.push(e[t]);return Ro(i,"_")}(t)}function Lo(t,e){if(!Ae(t))return[];if(!Ae(e))return[];let n=function(t,e){return Ae(t)&&Ae(e)?t.split(e):[]}(t,e);n=gi(n,Mo);let i=[];return Me(n,function(t){Ae(t)&&i.push(t)}),i}function Io(){let t,e,n=new Promise(function(){t=arguments[0],e=arguments[1]});return n.resolve=t,n.reject=e,n}var Oo=o?o.isConcatSpreadable:void 0;function ko(t){return e(t)||qt(t)||!!(Oo&&t&&t[Oo])}function Uo(t,e,n,i,r){var o=-1,s=t.length;for(n||(n=ko),r||(r=[]);++o<s;){var a=t[o];e>0&&n(a)?e>1?Uo(a,e-1,n,i,r):Rn(r,a):i||(r[r.length]=a)}return r}function Do(t,e){if(t!==e){var n=void 0!==t,i=null===t,r=t==t,o=f(t),s=void 0!==e,a=null===e,l=e==e,c=f(e);if(!a&&!c&&!o&&t>e||o&&s&&l&&!a&&!c||i&&s&&l||!n&&l||!r)return 1;if(!i&&!o&&!c&&t<e||c&&n&&r&&!i&&!o||a&&n&&r||!s&&r||!l)return-1}return 0}function No(t,n,i){n=n.length?J(n,function(t){return e(t)?function(e){return ot(e,1===t.length?t[0]:t)}:t}):[we];var r=-1;return n=J(n,re(fi)),function(t,e){var n=t.length;for(t.sort(e);n--;)t[n]=t[n].value;return t}(mi(t,function(t,e,i){return{criteria:J(n,function(e){return e(t)}),index:++r,value:t}}),function(t,e){return function(t,e,n){for(var i=-1,r=t.criteria,o=e.criteria,s=r.length,a=n.length;++i<s;){var l=Do(r[i],o[i]);if(l)return i>=a?l:l*("desc"==n[i]?-1:1)}return t.index-e.index}(t,e,i)})}var Bo=Math.max;var Fo=_i?function(t,e){return _i(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:we,zo=Fo,Ho=Date.now;var Wo=function(t){var e=0,n=0;return function(){var i=Ho(),r=16-(i-n);if(n=i,r>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}(zo),Vo=Wo;function Go(t,e){return Vo(function(t,e,n){return e=Bo(void 0===e?t.length-1:e,0),function(){for(var i=arguments,r=-1,o=Bo(i.length-e,0),s=Array(o);++r<o;)s[r]=i[e+r];r=-1;for(var a=Array(e+1);++r<e;)a[r]=i[r];return a[e]=n(s),function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}(t,this,a)}}(t,e,we),t+"")}var jo=Go(function(t,e){if(null==t)return[];var n=e.length;return n>1&&en(t,e[0],e[1])?e=[]:n>2&&en(e[0],e[1],e[2])&&(e=[e[0]]),No(t,Uo(e,1),[])});function Xo(t){return nt(t).toLowerCase()}function $o(t,e){return Ae(t)&&$e(e)?0===(e=Xe(e))?t:Ye(t,t.length-e):""}function Yo(t){if(!(Ae(t)||Fe(t)||f(t)||function(t){return"[object BigInt]"===Object.prototype.toString.call(t)}(t)))return"";let e="";try{e=String(t)}catch(t){}try{e=t.toString()}catch(t){}return e}function qo(t,e){return!!Fi(t)&&(!(!Ae(e)&&!Fe(e))&&e in t)}function Zo(t,e,n=1){return Ae(t)&&$e(e)?(n=zi(n)?Xe(n):1,t.substring(e,e+n)):""}let Ko={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 Jo(t){return ts(t,1)}function Qo(t){return ts(t,360)}function ts(t,e=1){if(t.indexOf("%")>=0){if(!Fe(t=zr(t,"%","")))throw new Error("invalid color: value is not a number");t=ze(t)/100}else{if(!Fe(t))throw new Error("invalid color: value is not a number");t=ze(t)/e}if(t>1)throw new Error("invalid color: value > 1");if(t<0)throw new Error("invalid color: value < 0");return t}function es(t){if(!Fe(t))throw new Error("invalid color: value is not a number");if((t=ze(t))>1)throw new Error("invalid color: value > 1");if(t<0)throw new Error("invalid color: value < 0");return t}function ns(t,e="rgba"){if(!to(t))throw new Error("invalid colors array");let n=st(t,0,0),i=st(t,1,0),r=st(t,2,0),o=st(t,3,1);if(4!==Ui(e=e.split("")))throw new Error("tar.length !== 4");let s=st(e,0),a=st(e,1),l=st(e,2),c=st(e,3);return{[s]:n,[a]:i,[l]:r,[c]:o}}function is(t){let e=(t=$o(t,1)).length;if(2===e)t=`${t}${t}${t}ff`;else if(3===e){let e=Zo(t,0,1),n=Zo(t,1,1),i=Zo(t,2,1);t=`${e}${e}${n}${n}${i}${i}ff`}else if(6===e)t=`${t}ff`;else if(8!==e)throw new Error("invalid hex color");function n(t){if(2!==t.length)throw new Error("hex.length of color is not equal to 2");if(!Fe(t=parseInt(t,16)))throw new Error("invalid hex of color");return(t=ze(t))/255}return{r:n(Zo(t,0,2)),g:n(Zo(t,2,2)),b:n(Zo(t,4,2)),a:n(Zo(t,6,2))}}function rs(t){return t=ns(t=gi(t,(t,e)=>e<=2?ts(t,255):3===e?es(t):null),"rgba")}function os(t){return t=ps(t=ns(t=gi(t,(t,e)=>0===e?Qo(t):1===e||2===e?Jo(t):3===e?es(t):null),"hsla"))}function ss(t){return t=fs(t=ns(t=gi(t,(t,e)=>0===e?Qo(t):1===e||2===e?Jo(t):3===e?es(t):null),"hsva"))}function as(t){if("transparent"===t)return{r:0,g:0,b:0,a:0};if(function(t){return qo(Ko,t)}(t))return is(t=`#${Ko[t]}`);if(function(t){return"#"===qe(t,1)&&(!!/[0-9A-Fa-f]{2}/g.test(t)||(!!/[0-9A-Fa-f]{3}/g.test(t)||(!!/[0-9A-Fa-f]{6}/g.test(t)||!!/[0-9A-Fa-f]{8}/g.test(t))))}(t))return is(t);if(function(t){return"rgb"===qe(t,3)||"rgba"===qe(t,4)}(t))return function(t){return t=zr(t,"rgba",""),t=zr(t,"rgb",""),rs(Lo(t=zr(t=t.replace(/[()]/g,""),","," ")," "))}(t);if(function(t){return"hsl"===qe(t,3)||"hsla"===qe(t,4)}(t))return function(t){return t=zr(t,"hsla",""),t=zr(t,"hsl",""),os(Lo(t=zr(t=t.replace(/[()]/g,""),","," ")," "))}(t);if(function(t){return"hsv"===qe(t,3)||"hsva"===qe(t,4)}(t))return function(t){return t=zr(t,"hsva",""),t=zr(t,"hsv",""),ss(Lo(t=zr(t=t.replace(/[()]/g,""),","," ")," "))}(t);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function ls(t,e){return!!qo(t,e=Xo(e))||!!qo(t,e=Eo(e))}function cs(t,e,n){let i;return i=st(t,e,null),null!==i?i:(i=st(t,e=Eo(e),null),null!==i?i:n)}function hs(t){if(function(t){let e=ls(t,"r"),n=ls(t,"g"),i=ls(t,"b");return e&&n&&i}(t))return function(t){let e=[cs(t,"r",null),cs(t,"g",null),cs(t,"b",null),cs(t,"a",1)];return e=gi(e,Yo),rs(e)}(t);if(function(t){let e=ls(t,"h"),n=ls(t,"s"),i=ls(t,"l");return e&&n&&i}(t))return function(t){let e=[cs(t,"h",null),cs(t,"s",null),cs(t,"l",null),cs(t,"a",1)];return e=gi(e,Yo),os(e)}(t);if(function(t){let e=ls(t,"h"),n=ls(t,"s"),i=ls(t,"v");return e&&n&&i}(t))return function(t){let e=[cs(t,"h",null),cs(t,"s",null),cs(t,"v",null),cs(t,"a",1)];return e=gi(e,Yo),ss(e)}(t);throw new Error("color object is not one of rgba, hsla, hsva")}function us(t){let e,n,i=t.r,r=t.g,o=t.b,s=Math.max(i,r,o),a=Math.min(i,r,o),l=(s+a)/2;if(s===a)e=n=0;else{let t=s-a;switch(n=l>.5?t/(2-s-a):t/(s+a),s){case i:e=(r-o)/t+(r<o?6:0);break;case r:e=(o-i)/t+2;break;case o:e=(i-r)/t+4}e/=6}return{h:e,s:n,l:l,a:t.a}}function ds(t){let e,n,i=t.r,r=t.g,o=t.b,s=Math.max(i,r,o),a=Math.min(i,r,o),l=s,c=s-a;if(n=0===s?0:c/s,s===a)e=0;else{switch(s){case i:e=(r-o)/c+(r<o?6:0);break;case r:e=(o-i)/c+2;break;case o:e=(i-r)/c+4}e/=6}return{h:e,s:n,v:l,a:t.a}}function ps(t){let e,n,i,r=t.h,o=t.s,s=t.l;function a(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}if(0===o)e=n=i=s;else{let t=s<.5?s*(1+o):s+o-s*o,l=2*s-t;e=a(l,t,r+1/3),n=a(l,t,r),i=a(l,t,r-1/3)}return{r:e,g:n,b:i,a:t.a}}function fs(t){let e,n,i,r=t.h,o=t.s,s=t.v,a=Math.floor(6*r),l=6*r-a,c=s*(1-o),h=s*(1-l*o),u=s*(1-(1-l)*o);switch(a%6){case 0:e=s,n=u,i=c;break;case 1:e=h,n=s,i=c;break;case 2:e=c,n=s,i=u;break;case 3:e=c,n=h,i=s;break;case 4:e=u,n=c,i=s;break;case 5:e=s,n=c,i=h}return{r:e,g:n,b:i,a:t.a}}function ms(t){let e=Math.round(255*t).toString(16);if(1===e.length)return`0${e}`;if(2===e.length)return e;throw new Error("invalid value")}function gs(t,e=!0){let n=t.r,i=t.g,r=t.b,o=t.a,s=`${ms(n)}${ms(i)}${ms(r)}`;return e&&(s=`${s}${ms(o)}`),s}function vs(t){return Math.min(1,Math.max(0,t))}function _s(t,e){if(!Ae(e))throw new Error("fmtOutput is not a string");if(!Js[e])throw console.log(`fmtOutput must be [${be(Js)}]`),new Error("invalid fmtOutput");return t=Js[e](t)}function ys(t,e,n="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=us(t);return i.h+=e,i.h=i.h%1,_s(ps(i),n)}function bs(t,e,n,i,r="toRgbString"){if(e<0||e>1)throw new Error("w1 < 0 or > 1");if(i<0||i>1)throw new Error("w1 < 0 or > 1");return _s({r:t.r*e+n.r*i,g:t.g*e+n.g*i,b:t.b*e+n.b*i,a:t.a*e+n.a*i},r)}function xs(t){return`${je(100*t,1)}%`}function Ss(t){return je(t,0)}function ws(t){return je(t,3)}function Ms(t){return{r:Ss(255*t.r),g:Ss(255*t.g),b:Ss(255*t.b)}}function Ts(t){return`rgb(${Ss(255*t.r)}, ${Ss(255*t.g)}, ${Ss(255*t.b)})`}function As(t){return{r:Ss(255*t.r),g:Ss(255*t.g),b:Ss(255*t.b),a:ws(t.a)}}function Es(t){return`rgba(${Ss(255*t.r)}, ${Ss(255*t.g)}, ${Ss(255*t.b)}, ${ws(t.a)})`}function Cs(t){let e=us(t);return{h:Ss(360*e.h),s:ws(e.s),l:ws(e.l)}}function Rs(t){let e=us(t);return`hsl(${Ss(360*e.h)}, ${ws(e.s)}, ${ws(e.l)})`}function Ps(t){let e=us(t);return{h:Ss(360*e.h),s:ws(e.s),l:ws(e.l),a:ws(e.a)}}function Ls(t){let e=us(t);return`hsla(${Ss(360*e.h)}, ${ws(e.s)}, ${ws(e.l)}, ${ws(e.a)})`}function Is(t){let e=ds(t);return{h:Ss(360*e.h),s:ws(e.s),v:ws(e.v)}}function Os(t){let e=ds(t);return`hsv(${Ss(360*e.h)}, ${ws(e.s)}, ${ws(e.v)})`}function ks(t){let e=ds(t);return{h:Ss(360*e.h),s:ws(e.s),v:ws(e.v),a:ws(e.a)}}function Us(t){let e=ds(t);return`hsva(${Ss(360*e.h)}, ${ws(e.s)}, ${ws(e.v)}, ${ws(e.a)})`}function Ds(t){return{r:xs(t.r),g:xs(t.g),b:xs(t.b)}}function Ns(t){return`rgb(${xs(t.r)}, ${xs(t.g)}, ${xs(t.b)})`}function Bs(t){return{r:xs(t.r),g:xs(t.g),b:xs(t.b),a:ws(t.a)}}function Fs(t){return`rgba(${xs(t.r)}, ${xs(t.g)}, ${xs(t.b)}, ${ws(t.a)})`}function zs(t){let e=us(t);return{h:Ss(360*e.h),s:xs(e.s),l:xs(e.l)}}function Hs(t){let e=us(t);return`hsl(${Ss(360*e.h)}, ${xs(e.s)}, ${xs(e.l)})`}function Ws(t){let e=us(t);return{h:Ss(360*e.h),s:xs(e.s),l:xs(e.l),a:ws(e.a)}}function Vs(t){let e=us(t);return`hsla(${Ss(360*e.h)}, ${xs(e.s)}, ${xs(e.l)}, ${ws(e.a)})`}function Gs(t){let e=ds(t);return{h:Ss(360*e.h),s:xs(e.s),v:xs(e.v)}}function js(t){let e=ds(t);return`hsv(${Ss(360*e.h)}, ${xs(e.s)}, ${xs(e.v)})`}function Xs(t){let e=ds(t);return{h:Ss(360*e.h),s:xs(e.s),v:xs(e.v),a:ws(e.a)}}function $s(t){let e=ds(t);return`hsva(${Ss(360*e.h)}, ${xs(e.s)}, ${xs(e.v)}, ${ws(e.a)})`}function Ys(t){let e=function(t){return gs(t,!1)}(t);return`#${e}`}function qs(t){return`#${gs(t)}`}function Zs(t){let e=null,n=null,i=null;if(Ae(t))e=Xo(Mo(t));else{if(!Hr(t))throw console.log("color=",t),new Error("color is not a string or an object");n=t}if(null!==e)try{i=as(e)}catch(t){throw console.log(t),new Error(`can not parse color: ${e}`)}else if(null!==n)try{i=hs(n)}catch(t){throw console.log(t),new Error(`can not parse color: ${JSON.stringify(n)}`)}return i}function Ks(t){if(!Hr(t))return console.log("gradient is not an effective object"),t=>`rgb(${255*(t=Math.min(Math.max(t,0),1))},${255*t},${255*t})`;let e=[];return Me(t,(t,n)=>{e.push([ze(n),As(Zs(t)),t])}),e=jo(e,0),function(t){let n=null;for(let i=1;i<e.length;i++){let r=e[i-1][0],o=e[i-1][1],s=e[i][0],a=e[i][1];if(r<=t&&s>=t){let e=(s-t)/(s-r),i=(t-r)/(s-r);n=bs(Zs(o),e,Zs(a),i,"toRgbaString");break}}return n}}let Js={toRgb:Ms,toRgbString:Ts,toRgba:As,toRgbaString:Es,toHsl:Cs,toHslString:Rs,toHsla:Ps,toHslaString:Ls,toHsv:Is,toHsvString:Os,toHsva:ks,toHsvaString:Us,toRgbP:Ds,toRgbPString:Ns,toRgbaP:Bs,toRgbaPString:Fs,toHslP:zs,toHslPString:Hs,toHslaP:Ws,toHslaPString:Vs,toHsvP:Gs,toHsvPString:js,toHsvaP:Xs,toHsvaPString:$s,toHexString:Ys,toHex8String:qs};var Qs={toRgb:t=>Ms(Zs(t)),toRgbString:t=>Ts(Zs(t)),toRgba:t=>As(Zs(t)),toRgbaString:t=>Es(Zs(t)),toHsl:t=>Cs(Zs(t)),toHslString:t=>Rs(Zs(t)),toHsla:t=>Ps(Zs(t)),toHslaString:t=>Ls(Zs(t)),toHsv:t=>Is(Zs(t)),toHsvString:t=>Os(Zs(t)),toHsva:t=>ks(Zs(t)),toHsvaString:t=>Us(Zs(t)),toRgbP:t=>Ds(Zs(t)),toRgbPString:t=>Ns(Zs(t)),toRgbaP:t=>Bs(Zs(t)),toRgbaPString:t=>Fs(Zs(t)),toHslP:t=>zs(Zs(t)),toHslPString:t=>Hs(Zs(t)),toHslaP:t=>Ws(Zs(t)),toHslaPString:t=>Vs(Zs(t)),toHsvP:t=>Gs(Zs(t)),toHsvPString:t=>js(Zs(t)),toHsvaP:t=>Xs(Zs(t)),toHsvaPString:t=>$s(Zs(t)),toHexString:t=>Ys(Zs(t)),toHex8String:t=>qs(Zs(t)),modSaturate:(t,e,n)=>function(t,e,n="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=us(t);return i.s+=e,i.s=vs(i.s),_s(ps(i),n)}(Zs(t),e,n),modGrey:(t,e)=>function(t,e="toRgbString"){let n=us(t);return n.s=0,_s(ps(n),e)}(Zs(t),e),modLighten:(t,e,n)=>function(t,e,n="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");let i=us(t);return i.l+=e,i.l=vs(i.l),_s(ps(i),n)}(Zs(t),e,n),modBrighten:(t,e,n)=>function(t,e,n="toRgbString"){if(e<0||e>1)throw new Error("amount < 0 or > 1");return t.r+=e,t.r=vs(t.r),t.g+=e,t.g=vs(t.g),t.b+=e,t.b=vs(t.b),_s(t,n)}(Zs(t),e,n),modHue:(t,e,n)=>ys(Zs(t),e,n),modComplement:(t,e)=>function(t,e="toRgbString"){return ys(t,.5,e)}(Zs(t),e),spreadHue:(t,e,n)=>function(t,e,n="toRgbString"){if(!He(e))throw new Error("num is not an integer");if((e=Xe(e))<=1)return[t];let i=us(t),r=1/e,o=[];for(let t=0;t<e;t++)o.push(_s(ps(i),n)),i.h+=r,i.h=i.h%1;return o}(Zs(t),e,n),spreadMonochromatic:(t,e,n)=>function(t,e,n="toRgbString"){if(!He(e))throw new Error("num is not an integer");if((e=Xe(e))<=1)return[t];let i=ds(t);i.s=1,i.l=1;let r=1/e,o=[];for(let t=0;t<e;t++)o.push(_s(fs(i),n)),i.h-=r,i.l-=r;return o}(Zs(t),e,n),mix:(t,e,n,i,r)=>bs(Zs(t),e,Zs(n),i,r),getBrightness:t=>function(t){if(1!==t.a)throw new Error("alpha of color can not be equal to 1");return(299*t.r+587*t.g+114*t.b)/1e3}(Zs(t)),getLuminance:t=>function(t){if(1!==t.a)throw new Error("alpha of color can not be equal to 1");let e,n,i,r=t.r,o=t.g,s=t.b;return e=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4),n=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4),i=s<=.03928?s/12.92:Math.pow((s+.055)/1.055,2.4),.2126*e+.7152*n+.0722*i}(Zs(t)),interp:Ks};const ta={components:{},props:{name:{type:String,default:"cir-wave"},size:{type:Number,default:48},color:{type:String,default:"#666"}},data:function(){return{}},computed:{effColor:function(){return Fr(this.color)}},methods:{}};var ea=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+t.size+"px; width:"+t.size+"px;",attrs:{cmp:"loading",loadtype:t.name}},["cir-wave"===t.name?[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:t.size,height:t.size}},[n("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[n("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline",begin:"-0.5s"}}),t._v(" "),n("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline",begin:"-0.5s"}})]),t._v(" "),n("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[n("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),t._v(" "),n("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline"}})])])]:"cir-rotate"===t.name?[n("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; height:"+t.size+"px; width:"+t.size+"px;"},[n("svg",{staticClass:"pgc-rotate",staticStyle:{transform:"rotate(0deg)"},attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"}},[n("circle",{staticClass:"pgc-dash",attrs:{fill:"transparent",cx:"43.80952380952381",cy:"43.80952380952381",r:"20","stroke-width":"4","stroke-dasharray":"100","stroke-dashoffset":"50px",stroke:t.effColor}})])])]:t._e()],2)};ea._withStripped=!0;const na=oo({render:ea,staticRenderFns:[]},function(t){t&&t("data-v-4c6edaa2_0",{source:"\n.pgc-rotate[data-v-4c6edaa2] {\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-4c6edaa2 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-4c6edaa2] {\r\n    animation: progress-circular-dash-data-v-4c6edaa2 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-4c6edaa2 {\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-4c6edaa2 {\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-4c6edaa2 {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-4c6edaa2 {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-406-7-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AAmGA;IACA,WAAA;IACA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,MAAA;IACA,SAAA;IACA,OAAA;IACA,QAAA;IACA,UAAA;IACA,+BAAA;IACA,wEAAA;IACA,+BAAA;AACA;AAEA;IACA,2EAAA;IACA,qBAAA;IACA,wBAAA;IACA,sBAAA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA",file:"WIconLoading.vue",sourcesContent:['<template>\r\n    <div\r\n        :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`"\r\n        :cmp="\'loading\'"\r\n        :loadtype="name"\r\n    >\r\n\r\n        <template v-if="name===\'cir-wave\'">\r\n\r\n        <svg\r\n            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"\r\n            :width="size"\r\n            :height="size"\r\n        >\r\n            <circle cx="50" cy="50" r="14.6699" fill="none" stroke="#420457" stroke-width="10">\r\n                <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n            </circle>\r\n            <circle cx="50" cy="50" r="33.9915" fill="none" stroke="#5a3faa" stroke-width="10">\r\n                <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate>\r\n                <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate>\r\n            </circle>\r\n        </svg>\r\n\r\n        </template>\r\n\r\n        <template v-else-if="name===\'cir-rotate\'">\r\n\r\n            <div :style="`position:relative; display:inline-flex; align-items:center; justify-content:center; height:${size}px; width:${size}px;`">\r\n                <svg\r\n                    class="pgc-rotate"\r\n                    style="transform: rotate(0deg);"\r\n                    xmlns="http://www.w3.org/2000/svg"\r\n                    viewBox="21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"\r\n                >\r\n                    <circle\r\n                        class="pgc-dash"\r\n                        fill="transparent"\r\n                        cx="43.80952380952381"\r\n                        cy="43.80952380952381"\r\n                        r="20"\r\n                        stroke-width="4"\r\n                        stroke-dasharray="100"\r\n                        stroke-dashoffset="50px"\r\n                        :stroke="effColor"\r\n                    ></circle>\r\n                </svg>\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from \'../js/convertColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [name=\'cir-wave\'] 輸入動畫名稱字串，預設\'cir-wave\'\r\n * @vue-prop {Number} [size=48] 輸入圖標欲顯示的尺寸浮點數，預設48\r\n * @vue-prop {String} [color=\'#666\'] 輸入圖標顏色字串，預設\'#666\'\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'#666\',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.color)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n\r\n.pgc-rotate {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate 1.4s linear infinite;\r\n    transform-origin: center center;\r\n}\r\n\r\n.pgc-dash {\r\n    animation: progress-circular-dash 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\r\n}\r\n\r\n@-webkit-keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@-webkit-keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n</style>\r\n']},media:void 0})},ta,"data-v-4c6edaa2",false,void 0,!1,ao,void 0,void 0);function ia(t,e,n,i){for(var r=n-1,o=t.length;++r<o;)if(i(t[r],e))return r;return-1}var ra=Array.prototype.splice;var oa=Go(function(t,e){return t&&t.length&&e&&e.length?function(t,e,n,i){var r=i?ia:wo,o=-1,s=e.length,a=t;for(t===e&&(e=er(e)),n&&(a=J(t,re(n)));++o<s;)for(var l=0,c=e[o],h=n?n(c):c;(l=r(a,h,l,i))>-1;)a!==t&&ra.call(a,l,1),ra.call(t,l,1);return t}(t,e):t}),sa=oa;const aa={props:{to:{type:String,default:null}},computed:{toEl:function(){let t=this,e=null;try{e=document.querySelector(t.to)}catch(t){}return e}},watch:{toEl:function(t){this.teleport()}},mounted:function(){this.teleport()},destroyed:function(){let t=this;try{t.$el.remove()}catch(t){}},methods:{teleport:function(){let t=this;try{t.$el&&t.$el.parentElement!==t.toEl&&t.toEl.appendChild(t.$el)}catch(t){}}}};var la=function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",[t._t("default")],2)};la._withStripped=!0;const ca=oo({render:la,staticRenderFns:[]},function(t){t&&t("data-v-28ef3d58_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",map:{version:3,sources:[],names:[],mappings:"",file:"Teleport.vue"},media:void 0})},aa,"data-v-28ef3d58",false,void 0,!1,ao,void 0,void 0);function ha(t,e,n){if(!Jr(t))return void console.log("clientX is not a number",t);if(!Jr(e))return void console.log("clientY is not a number",e);if(!Yr(n))return void console.log("ele is not a HTMLElement",n);let i;try{i=n.getBoundingClientRect()}catch(t){return void console.log("invalid ele for getBoundingClientRect",t)}let r=!1;try{r=t>=i.left&&t<=i.right&&e>=i.top&&e<=i.bottom}catch(t){console.log("catch when calculating page information of element",t)}return r}function ua(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function da(t){return t instanceof ua(t).Element||t instanceof Element}function pa(t){return t instanceof ua(t).HTMLElement||t instanceof HTMLElement}function fa(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ua(t).ShadowRoot||t instanceof ShadowRoot)}var ma=Math.max,ga=Math.min,va=Math.round;function _a(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function ya(){return!/^((?!chrome|android).)*safari/i.test(_a())}function ba(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&pa(t)&&(r=t.offsetWidth>0&&va(i.width)/t.offsetWidth||1,o=t.offsetHeight>0&&va(i.height)/t.offsetHeight||1);var s=(da(t)?ua(t):window).visualViewport,a=!ya()&&n,l=(i.left+(a&&s?s.offsetLeft:0))/r,c=(i.top+(a&&s?s.offsetTop:0))/o,h=i.width/r,u=i.height/o;return{width:h,height:u,top:c,right:l+h,bottom:c+u,left:l,x:l,y:c}}function xa(t){var e=ua(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Sa(t){return t?(t.nodeName||"").toLowerCase():null}function wa(t){return((da(t)?t.ownerDocument:t.document)||window.document).documentElement}function Ma(t){return ba(wa(t)).left+xa(t).scrollLeft}function Ta(t){return ua(t).getComputedStyle(t)}function Aa(t){var e=Ta(t),n=e.overflow,i=e.overflowX,r=e.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+i)}function Ea(t,e,n){void 0===n&&(n=!1);var i,r,o=pa(e),s=pa(e)&&function(t){var e=t.getBoundingClientRect(),n=va(e.width)/t.offsetWidth||1,i=va(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=wa(e),l=ba(t,s,n),c={scrollLeft:0,scrollTop:0},h={x:0,y:0};return(o||!o&&!n)&&(("body"!==Sa(e)||Aa(a))&&(c=(i=e)!==ua(i)&&pa(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:xa(i)),pa(e)?((h=ba(e,!0)).x+=e.clientLeft,h.y+=e.clientTop):a&&(h.x=Ma(a))),{x:l.left+c.scrollLeft-h.x,y:l.top+c.scrollTop-h.y,width:l.width,height:l.height}}function Ca(t){var e=ba(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function Ra(t){return"html"===Sa(t)?t:t.assignedSlot||t.parentNode||(fa(t)?t.host:null)||wa(t)}function Pa(t){return["html","body","#document"].indexOf(Sa(t))>=0?t.ownerDocument.body:pa(t)&&Aa(t)?t:Pa(Ra(t))}function La(t,e){var n;void 0===e&&(e=[]);var i=Pa(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=ua(i),s=r?[o].concat(o.visualViewport||[],Aa(i)?i:[]):i,a=e.concat(s);return r?a:a.concat(La(Ra(s)))}function Ia(t){return["table","td","th"].indexOf(Sa(t))>=0}function Oa(t){return pa(t)&&"fixed"!==Ta(t).position?t.offsetParent:null}function ka(t){for(var e=ua(t),n=Oa(t);n&&Ia(n)&&"static"===Ta(n).position;)n=Oa(n);return n&&("html"===Sa(n)||"body"===Sa(n)&&"static"===Ta(n).position)?e:n||function(t){var e=/firefox/i.test(_a());if(/Trident/i.test(_a())&&pa(t)&&"fixed"===Ta(t).position)return null;var n=Ra(t);for(fa(n)&&(n=n.host);pa(n)&&["html","body"].indexOf(Sa(n))<0;){var i=Ta(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}var Ua="top",Da="bottom",Na="right",Ba="left",Fa="auto",za=[Ua,Da,Na,Ba],Ha="start",Wa="end",Va="viewport",Ga="popper",ja=za.reduce(function(t,e){return t.concat([e+"-"+Ha,e+"-"+Wa])},[]),Xa=[].concat(za,[Fa]).reduce(function(t,e){return t.concat([e,e+"-"+Ha,e+"-"+Wa])},[]),$a=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Ya(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach(function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}}),i.push(t)}return t.forEach(function(t){e.set(t.name,t)}),t.forEach(function(t){n.has(t.name)||r(t)}),i}function qa(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Za(t,e,n){return e===Va?qa(function(t,e){var n=ua(t),i=wa(t),r=n.visualViewport,o=i.clientWidth,s=i.clientHeight,a=0,l=0;if(r){o=r.width,s=r.height;var c=ya();(c||!c&&"fixed"===e)&&(a=r.offsetLeft,l=r.offsetTop)}return{width:o,height:s,x:a+Ma(t),y:l}}(t,n)):da(e)?function(t,e){var n=ba(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):qa(function(t){var e,n=wa(t),i=xa(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=ma(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),s=ma(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-i.scrollLeft+Ma(t),l=-i.scrollTop;return"rtl"===Ta(r||n).direction&&(a+=ma(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:s,x:a,y:l}}(wa(t)))}function Ka(t){var e=La(Ra(t)),n=["absolute","fixed"].indexOf(Ta(t).position)>=0&&pa(t)?ka(t):t;return da(n)?e.filter(function(t){return da(t)&&function(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&fa(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}(t,n)&&"body"!==Sa(t)}):[]}function Ja(t){return t.split("-")[0]}function Qa(t){return t.split("-")[1]}function tl(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function el(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?Ja(r):null,s=r?Qa(r):null,a=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2;switch(o){case Ua:e={x:a,y:n.y-i.height};break;case Da:e={x:a,y:n.y+n.height};break;case Na:e={x:n.x+n.width,y:l};break;case Ba:e={x:n.x-i.width,y:l};break;default:e={x:n.x,y:n.y}}var c=o?tl(o):null;if(null!=c){var h="y"===c?"height":"width";switch(s){case Ha:e[c]=e[c]-(n[h]/2-i[h]/2);break;case Wa:e[c]=e[c]+(n[h]/2-i[h]/2)}}return e}function nl(t,e){void 0===e&&(e={});var n=e,i=n.placement,r=void 0===i?t.placement:i,o=n.strategy,s=void 0===o?t.strategy:o,a=n.boundary,l=void 0===a?"clippingParents":a,c=n.rootBoundary,h=void 0===c?Va:c,u=n.elementContext,d=void 0===u?Ga:u,p=n.altBoundary,f=void 0!==p&&p,m=n.padding,g=void 0===m?0:m,v=function(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}("number"!=typeof g?g:function(t,e){return e.reduce(function(e,n){return e[n]=t,e},{})}(g,za)),_=d===Ga?"reference":Ga,y=t.rects.popper,b=t.elements[f?_:d],x=function(t,e,n,i){var r="clippingParents"===e?Ka(t):[].concat(e),o=[].concat(r,[n]),s=o[0],a=o.reduce(function(e,n){var r=Za(t,n,i);return e.top=ma(r.top,e.top),e.right=ga(r.right,e.right),e.bottom=ga(r.bottom,e.bottom),e.left=ma(r.left,e.left),e},Za(t,s,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(da(b)?b:b.contextElement||wa(t.elements.popper),l,h,s),S=ba(t.elements.reference),w=el({reference:S,element:y,strategy:"absolute",placement:r}),M=qa(Object.assign({},y,w)),T=d===Ga?M:S,A={top:x.top-T.top+v.top,bottom:T.bottom-x.bottom+v.bottom,left:x.left-T.left+v.left,right:T.right-x.right+v.right},E=t.modifiersData.offset;if(d===Ga&&E){var C=E[r];Object.keys(A).forEach(function(t){var e=[Na,Da].indexOf(t)>=0?1:-1,n=[Ua,Da].indexOf(t)>=0?"y":"x";A[t]+=C[n]*e})}return A}var il={placement:"bottom",modifiers:[],strategy:"absolute"};function rl(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some(function(t){return!(t&&"function"==typeof t.getBoundingClientRect)})}function ol(t){void 0===t&&(t={});var e=t,n=e.defaultModifiers,i=void 0===n?[]:n,r=e.defaultOptions,o=void 0===r?il:r;return function(t,e,n){void 0===n&&(n=o);var r,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},il,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,h={state:a,setOptions:function(n){var r="function"==typeof n?n(a.options):n;u(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:da(t)?La(t):t.contextElement?La(t.contextElement):[],popper:La(e)};var s,c,d=function(t){var e=Ya(t);return $a.reduce(function(t,n){return t.concat(e.filter(function(t){return t.phase===n}))},[])}((s=[].concat(i,a.options.modifiers),c=s.reduce(function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t},{}),Object.keys(c).map(function(t){return c[t]})));return a.orderedModifiers=d.filter(function(t){return t.enabled}),a.orderedModifiers.forEach(function(t){var e=t.name,n=t.options,i=void 0===n?{}:n,r=t.effect;if("function"==typeof r){var o=r({state:a,name:e,instance:h,options:i}),s=function(){};l.push(o||s)}}),h.update()},forceUpdate:function(){if(!c){var t=a.elements,e=t.reference,n=t.popper;if(rl(e,n)){a.rects={reference:Ea(e,ka(n),"fixed"===a.options.strategy),popper:Ca(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach(function(t){return a.modifiersData[t.name]=Object.assign({},t.data)});for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var r=a.orderedModifiers[i],o=r.fn,s=r.options,l=void 0===s?{}:s,u=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:u,instance:h})||a)}else a.reset=!1,i=-1}}},update:(r=function(){return new Promise(function(t){h.forceUpdate(),t(a)})},function(){return s||(s=new Promise(function(t){Promise.resolve().then(function(){s=void 0,t(r())})})),s}),destroy:function(){u(),c=!0}};if(!rl(t,e))return h;function u(){l.forEach(function(t){return t()}),l=[]}return h.setOptions(n).then(function(t){!c&&n.onFirstUpdate&&n.onFirstUpdate(t)}),h}}var sl={passive:!0};var al={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ll(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,s=t.offsets,a=t.position,l=t.gpuAcceleration,c=t.adaptive,h=t.roundOffsets,u=t.isFixed,d=s.x,p=void 0===d?0:d,f=s.y,m=void 0===f?0:f,g="function"==typeof h?h({x:p,y:m}):{x:p,y:m};p=g.x,m=g.y;var v=s.hasOwnProperty("x"),_=s.hasOwnProperty("y"),y=Ba,b=Ua,x=window;if(c){var S=ka(n),w="clientHeight",M="clientWidth";if(S===ua(n)&&"static"!==Ta(S=wa(n)).position&&"absolute"===a&&(w="scrollHeight",M="scrollWidth"),r===Ua||(r===Ba||r===Na)&&o===Wa)b=Da,m-=(u&&S===x&&x.visualViewport?x.visualViewport.height:S[w])-i.height,m*=l?1:-1;if(r===Ba||(r===Ua||r===Da)&&o===Wa)y=Na,p-=(u&&S===x&&x.visualViewport?x.visualViewport.width:S[M])-i.width,p*=l?1:-1}var T,A=Object.assign({position:a},c&&al),E=!0===h?function(t,e){var n=t.x,i=t.y,r=e.devicePixelRatio||1;return{x:va(n*r)/r||0,y:va(i*r)/r||0}}({x:p,y:m},ua(n)):{x:p,y:m};return p=E.x,m=E.y,l?Object.assign({},A,((T={})[b]=_?"0":"",T[y]=v?"0":"",T.transform=(x.devicePixelRatio||1)<=1?"translate("+p+"px, "+m+"px)":"translate3d("+p+"px, "+m+"px, 0)",T)):Object.assign({},A,((e={})[b]=_?m+"px":"",e[y]=v?p+"px":"",e.transform="",e))}var cl={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i||i,o=n.adaptive,s=void 0===o||o,a=n.roundOffsets,l=void 0===a||a,c={placement:Ja(e.placement),variation:Qa(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,ll(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,ll(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}};var hl={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach(function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},r=e.elements[t];pa(r)&&Sa(r)&&(Object.assign(r.style,n),Object.keys(i).forEach(function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)}))})},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(t){var i=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce(function(t,e){return t[e]="",t},{});pa(i)&&Sa(i)&&(Object.assign(i.style,o),Object.keys(r).forEach(function(t){i.removeAttribute(t)}))})}},requires:["computeStyles"]},ul=ol({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r||r,s=i.resize,a=void 0===s||s,l=ua(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach(function(t){t.addEventListener("scroll",n.update,sl)}),a&&l.addEventListener("resize",n.update,sl),function(){o&&c.forEach(function(t){t.removeEventListener("scroll",n.update,sl)}),a&&l.removeEventListener("resize",n.update,sl)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,n=t.name;e.modifiersData[n]=el({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},cl,hl]}),dl={left:"right",right:"left",bottom:"top",top:"bottom"};function pl(t){return t.replace(/left|right|bottom|top/g,function(t){return dl[t]})}var fl={start:"end",end:"start"};function ml(t){return t.replace(/start|end/g,function(t){return fl[t]})}function gl(t,e){void 0===e&&(e={});var n=e,i=n.placement,r=n.boundary,o=n.rootBoundary,s=n.padding,a=n.flipVariations,l=n.allowedAutoPlacements,c=void 0===l?Xa:l,h=Qa(i),u=h?a?ja:ja.filter(function(t){return Qa(t)===h}):za,d=u.filter(function(t){return c.indexOf(t)>=0});0===d.length&&(d=u);var p=d.reduce(function(e,n){return e[n]=nl(t,{placement:n,boundary:r,rootBoundary:o,padding:s})[Ja(n)],e},{});return Object.keys(p).sort(function(t,e){return p[t]-p[e]})}var vl={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r||r,s=n.altAxis,a=void 0===s||s,l=n.fallbackPlacements,c=n.padding,h=n.boundary,u=n.rootBoundary,d=n.altBoundary,p=n.flipVariations,f=void 0===p||p,m=n.allowedAutoPlacements,g=e.options.placement,v=Ja(g),_=l||(v===g||!f?[pl(g)]:function(t){if(Ja(t)===Fa)return[];var e=pl(t);return[ml(t),e,ml(e)]}(g)),y=[g].concat(_).reduce(function(t,n){return t.concat(Ja(n)===Fa?gl(e,{placement:n,boundary:h,rootBoundary:u,padding:c,flipVariations:f,allowedAutoPlacements:m}):n)},[]),b=e.rects.reference,x=e.rects.popper,S=new Map,w=!0,M=y[0],T=0;T<y.length;T++){var A=y[T],E=Ja(A),C=Qa(A)===Ha,R=[Ua,Da].indexOf(E)>=0,P=R?"width":"height",L=nl(e,{placement:A,boundary:h,rootBoundary:u,altBoundary:d,padding:c}),I=R?C?Na:Ba:C?Da:Ua;b[P]>x[P]&&(I=pl(I));var O=pl(I),k=[];if(o&&k.push(L[E]<=0),a&&k.push(L[I]<=0,L[O]<=0),k.every(function(t){return t})){M=A,w=!1;break}S.set(A,k)}if(w)for(var U=function(t){var e=y.find(function(e){var n=S.get(e);if(n)return n.slice(0,t).every(function(t){return t})});if(e)return M=e,"break"},D=f?3:1;D>0;D--){if("break"===U(D))break}e.placement!==M&&(e.modifiersData[i]._skip=!0,e.placement=M,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var _l={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.offset,o=void 0===r?[0,0]:r,s=Xa.reduce(function(t,n){return t[n]=function(t,e,n){var i=Ja(t),r=[Ba,Ua].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=o[0],a=o[1];return s=s||0,a=(a||0)*r,[Ba,Na].indexOf(i)>=0?{x:a,y:s}:{x:s,y:a}}(n,e.rects,o),t},{}),a=s[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[i]=s}};function yl(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function bl(t){return[Ua,Na,Da,Ba].some(function(e){return t[e]>=0})}var xl={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,s=nl(e,{elementContext:"reference"}),a=nl(e,{altBoundary:!0}),l=yl(s,i),c=yl(a,r,o),h=bl(l),u=bl(c);e.modifiersData[n]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:h,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":u})}};function Sl(t,e,n){return ma(t,ga(e,n))}var wl={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r||r,s=n.altAxis,a=void 0!==s&&s,l=n.boundary,c=n.rootBoundary,h=n.altBoundary,u=n.padding,d=n.tether,p=void 0===d||d,f=n.tetherOffset,m=void 0===f?0:f,g=nl(e,{boundary:l,rootBoundary:c,padding:u,altBoundary:h}),v=Ja(e.placement),_=Qa(e.placement),y=!_,b=tl(v),x="x"===b?"y":"x",S=e.modifiersData.popperOffsets,w=e.rects.reference,M=e.rects.popper,T="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,A="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),E=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,C={x:0,y:0};if(S){if(o){var R,P="y"===b?Ua:Ba,L="y"===b?Da:Na,I="y"===b?"height":"width",O=S[b],k=O+g[P],U=O-g[L],D=p?-M[I]/2:0,N=_===Ha?w[I]:M[I],B=_===Ha?-M[I]:-w[I],F=e.elements.arrow,z=p&&F?Ca(F):{width:0,height:0},H=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},W=H[P],V=H[L],G=Sl(0,w[I],z[I]),j=y?w[I]/2-D-G-W-A.mainAxis:N-G-W-A.mainAxis,X=y?-w[I]/2+D+G+V+A.mainAxis:B+G+V+A.mainAxis,$=e.elements.arrow&&ka(e.elements.arrow),Y=$?"y"===b?$.clientTop||0:$.clientLeft||0:0,q=null!=(R=null==E?void 0:E[b])?R:0,Z=O+X-q,K=Sl(p?ga(k,O+j-q-Y):k,O,p?ma(U,Z):U);S[b]=K,C[b]=K-O}if(a){var J,Q="x"===b?Ua:Ba,tt="x"===b?Da:Na,et=S[x],nt="y"===x?"height":"width",it=et+g[Q],rt=et-g[tt],ot=-1!==[Ua,Ba].indexOf(v),st=null!=(J=null==E?void 0:E[x])?J:0,at=ot?it:et-w[nt]-M[nt]-st+A.altAxis,lt=ot?et+w[nt]+M[nt]-st-A.altAxis:rt,ct=p&&ot?function(t,e,n){var i=Sl(t,e,n);return i>n?n:i}(at,et,lt):Sl(p?at:it,et,p?lt:rt);S[x]=ct,C[x]=ct-et}e.modifiersData[i]=C}},requiresIfExists:["offset"]};function Ml(t,e,n,i,r,o={}){let s=Pr();if(Me(["mode","mmkey",i,"triggerWidth","placement","placementDistX","placementDistY","transitionTime","isolated","editable","contentStyle"],e=>{if(!qo(t,e))throw new Error(`invalid vo.${e}`)}),!Lr(e))throw new Error("funGetDivTrigger is not a function");if(!Lr(n))throw new Error("funGetDivContent is not a function");let a=st(o,"funAddTrigger"),l=st(o,"funCheckTrigger"),c=st(o,"funRemoveTrigger"),h=st(o,"modeHide",null);"click"!==h&&"mousedown"!==h&&(h="click");let u={mouseClientX:0,mouseClientY:0,cursorTriggerInner:!1,clickContentInner:!1,popperShow:!1,popperInstance:null,removeTriggerTimer:null},d=()=>!Lr(l)||l(t.mode,t.mmkey),p=i=>{let r=e();if(!Yr(r))return;t.$nextTick(()=>{t.triggerWidth=r.offsetWidth});let o=n();if(!Yr(o))return;null!==u.removeTriggerTimer&&(clearTimeout(u.removeTriggerTimer),u.removeTriggerTimer=null),Lr(a)&&a(t.mode,t.mmkey);let l={strategy:"fixed",placement:t.placement,modifiers:[wl,cl,{name:"computeStyles",options:{gpuAcceleration:!1}},vl,{name:"flip",options:{}},_l,{name:"offset",options:{offset:[t.placementDistX,t.placementDistY]}},xl,{name:"emitPlacement",enabled:!0,phase:"afterWrite",fn:({state:e})=>{let n=st(e,"placement",null);null!==n&&(t.$emit("placement-change",n),s.emit("placement-change",n))}}]};u.popperInstance=ul(r,o,l)},f=e=>{u.popperInstance&&(u.popperInstance.destroy(),u.popperInstance=null),u.removeTriggerTimer=setTimeout(()=>{u.removeTriggerTimer=null,Lr(c)&&c(t.mode,t.mmkey)},20)},m=e=>{t.$nextTick(()=>{let e=t.editable&&t[i];if(e&&!u.popperShow){let e=-15;t.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,p(),u.popperShow=!0,t.$emit("show"),s.emit("show"),setTimeout(()=>{t.contentStyle=`transition:all ${t.transitionTime}ms ease-out; opacity:1; pointer-events:none;`},1),setTimeout(()=>{t.contentStyle=""},t.transitionTime)}else!e&&u.popperShow&&(f(),u.popperShow=!1,t.$emit("hide"),s.emit("hide"))})},g=(e,n)=>{t.editable&&(t[i]=e,m())},v=(e,n)=>{t.editable&&(t.isolated&&g(e),t.$nextTick(()=>{t.$emit(r,e),s.emit(r,e)}))},_=(e,n)=>{t.editable&&(t[i]||t.mode===e&&v(!0))},y=(e,n)=>{t.editable&&t[i]&&t.mode===e&&v(!1)};return s.mounted=()=>{u.windowMousemove=t=>{u.mouseClientX=t.clientX,u.mouseClientY=t.clientY},window.addEventListener("mousemove",u.windowMousemove,!1),u.windowMousedown=r=>{let o=e();Yr(o)?u.cursorTriggerInner=ha(r.clientX,r.clientY,o):u.cursorTriggerInner=!1;let s=n();if(t[i]&&s?u.clickContentInner=ha(r.clientX,r.clientY,s):u.clickContentInner=!1,"mousedown"===h){if(!d())return;!t[i]||u.cursorTriggerInner||u.clickContentInner||t.evHide("popup","windowMousedown")}},window.addEventListener("mousedown",u.windowMousedown,!1),u.windowMouseup=e=>{d()&&(!t[i]||u.cursorTriggerInner||u.clickContentInner?(u.cursorTriggerInner=!1,u.clickContentInner=!1):t.evHide("popup","windowMouseup"))},window.addEventListener("mouseup",u.windowMouseup,!1),u.windowScroll=n=>{if("tooltip"!==t.mode)return;let r=e();Yr(r)&&(u.cursorTriggerInner=!!r&&ha(u.mouseClientX,u.mouseClientY,r),u.cursorTriggerInner?t[i]||_("tooltip"):t[i]&&y("tooltip"))},window.addEventListener("scroll",u.windowScroll,!1)},s.destroy=()=>{window.removeEventListener("mousemove",u.windowMousemove,!1),window.removeEventListener("mousedown",u.windowMousedown,!1),window.removeEventListener("mouseup",u.windowMouseup,!1),window.removeEventListener("scroll",u.windowMouseup,!1),v(!1)},s.showPopper=p,s.hidePopper=f,s.updatePopper=(e,n)=>{u.popperInstance&&u.popperInstance.update(),t.$emit("resize",e),s.emit("resize",e)},s.displayPopper=m,s.updateValue=g,s.triggerEvent=v,s.evShow=_,s.evHide=y,s}let Tl={tooltip:[],popup:[]};function Al(t,e){Tl[t].push(e)}function El(t,e){return n=Tl[t],((i=null==n?0:n.length)?n[i-1]:void 0)===e;var n,i}function Cl(t,e){sa(Tl[t],e)}const Rl={directives:{domresize:Ir()},components:{Teleport:ca},props:{mode:{type:String,default:"tooltip"},value:{type:Boolean,default:!1},displayType:{type:String,default:"block"},cmpZIndex:{type:Number,default:3e3},isolated:{type:Boolean,default:!1},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!1},autoFitMaxWidth:{type:Boolean,default:!1},placement:{type:String,default:"bottom"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},paddingStyle:{type:Object,default:()=>({v:2,h:10})},modeHide:{type:String,default:"click"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:Vi(),valueTrans:!1,triggerWidth:null,contentStyle:"",bp:null}},mounted:function(){let t=this;t.bp=new Ml(t,t.funGetDivTrigger,t.funGetDivContent,"valueTrans","input",{funAddTrigger:Al,funCheckTrigger:El,funRemoveTrigger:Cl,modeHide:t.modeHide}),t.bp.mounted()},beforeDestroy:function(){this.bp.destroy()},computed:{changeValue:function(){let t=this,e=t.value;return t.isolated||t.updateValue(e,"changeValue"),""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let t=this;return Jr(t.minWidth)?`min-width:${t.minWidth}px;`:t.autoFitMinWidth?`min-width:${t.triggerWidth}px;`:""},useMaxWidth:function(){let t=this;return Jr(t.maxWidth)?`max-width:${t.maxWidth}px;`:t.autoFitMaxWidth?`max-width:${t.triggerWidth}px;`:""},useBorderRadius:function(){let t=this;return Jr(t.borderRadius)?`border-radius:${t.borderRadius}px;`:""},useTextFontSize:function(){let t=this.textFontSize;return t=zr(t,";",""),`font-size:${t};`},useTextColor:function(){return Fr(this.textColor)},useBackgroundColor:function(){return Fr(this.backgroundColor)},usePadding:function(){return`padding:${Qr(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let t=zr(this.shadowStyle,";","");return""!==t?`box-shadow:${t};`:""}},methods:{funGetDivTrigger:function(){return st(this,"$refs.divTrigger",null)},funGetDivContent:function(){return st(this,"$refs.divContent",null)},evShow:function(t,e){let n=this;Lr(st(n,"bp.evShow"))&&n.bp.evShow(t,e)},evHide:function(t,e){let n=this;Lr(st(n,"bp.evHide"))&&n.bp.evHide(t,e)},updatePopper:function(t,e){let n=this;Lr(st(n,"bp.updatePopper"))&&n.bp.updatePopper(t,e)},updateValue:function(t,e){let n=this;Lr(st(n,"bp.updateValue"))&&n.bp.updateValue(t,e)}}};var Pl=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:""+t.useDisplayType,attrs:{changeValue:t.changeValue}},[n("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return t.evShow("popup","click")},mouseenter:function(e){return t.evShow("tooltip","mouseenter")},mouseleave:function(e){return t.evHide("tooltip","mouseleave")}}},[t._t("trigger")],2),t._v(" "),n("Teleport",{attrs:{to:"body"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+t.cmpZIndex+";",attrs:{wtlp:t.labelContent},on:{domresize:t.updatePopper}},[t.valueTrans?n("div",{style:t.contentStyle+" "+t.usePadding+" "+t.useTextFontSize+" color:"+t.useTextColor+"; background:"+t.useBackgroundColor+"; "+t.useMinWidth+" "+t.useMaxWidth+" "+t.useBorderRadius+" "+t.useShadow},[t._t("content",null,{funHide:function(){t.updateValue(!1,"slot")}})],2):t._e()])])],1)};Pl._withStripped=!0;const Ll=oo({render:Pl,staticRenderFns:[]},function(t){t&&t("data-v-a470bb68_0",{source:"\n.WPopperFix[data-popper-reference-hidden][data-v-a470bb68] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-406-7-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AAkbA;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('popup','click')\"\r\n            @mouseenter=\"evShow('tooltip','mouseenter')\"\r\n            @mouseleave=\"evHide('tooltip','mouseleave')\"\r\n        >\r\n\r\n            <slot name=\"trigger\"></slot>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 不能給予position因會被popupjs洗掉, 但可給z-index, 且popupjs會改用transform:translate定位 --\x3e\r\n        \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n        <Teleport to=\"body\">\r\n            <div\r\n                ref=\"divContent\"\r\n                class=\"WPopperFix\"\r\n                :style=\"`z-index:${cmpZIndex};`\"\r\n                :wtlp=\"labelContent\"\r\n                v-show=\"valueTrans\"\r\n                v-domresize\r\n                @domresize=\"updatePopper\"\r\n            >\r\n                <div\r\n                    :style=\"`${contentStyle} ${usePadding} ${useTextFontSize} color:${useTextColor}; background:${useBackgroundColor}; ${useMinWidth} ${useMaxWidth} ${useBorderRadius} ${useShadow}`\"\r\n                    v-if=\"valueTrans\"\r\n                >\r\n                    <slot\r\n                        name=\"content\"\r\n                        :funHide=\"()=>{updateValue(false,'slot')}\"\r\n                    ></slot>\r\n                </div>\r\n            </div>\r\n        </Teleport>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport last from 'lodash-es/last.js'\r\nimport pull from 'lodash-es/pull.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport Teleport from './Teleport.vue'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport BuildPopper from '../js/buildPopper.mjs'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction funAddTrigger(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction funCheckTrigger(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction funRemoveTrigger(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='tooltip'] 輸入組件模式字串，可選'tooltip'與'popup'，預設'tooltip'\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [displayType='block'] 輸入display設定字串，可選'block'與'line'，預設'block'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗或彈窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [isolated=false] 輸入提示窗或彈窗當mode為'popup'時是否為獨立顯引狀態布林值，也就是可不接收外部傳入value值，預設false\r\n * @vue-prop {Number} [minWidth=null] 輸入提示窗或彈窗最小寬度數字，不含paddingStyle的寬度，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入提示窗或彈窗最大寬度數字，不含paddingStyle的寬度，單位為px，預設null\r\n * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最小寬度布林值，不含paddingStyle的寬度，預設false\r\n * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最大寬度布林值，不含paddingStyle的寬度，預設false\r\n * @vue-prop {String} [placement='bottom'] 輸入提示窗或彈窗出現位置字串，可選'top-start'、'top'、'top-end'、'bottom-start'、'bottom'、'bottom-end'、'left-start'、'left'、'left-end'、'right-start'、'right'、'right-end'、，預設'bottom'\r\n * @vue-prop {Number} [placementDistX=0] 輸入提示窗或彈窗距離觸發元素之水平向右平移數字，單位為px，預設0\r\n * @vue-prop {Number} [placementDistY=5] 輸入提示窗或彈窗距離觸發元素之垂直向下平移數字，單位為px，預設5\r\n * @vue-prop {Number} [borderRadius=4] 輸入提示窗或彈窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入提示窗或彈窗文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [textColor='white'] 輸入提示窗或彈窗文字顏色字串，預設'white'\r\n * @vue-prop {String} [backgroundColor='rgba(60,60,60,0.75)'] 輸入提示窗或彈窗背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Object} [paddingStyle={v:2,h:10}] 輸入提示窗或彈窗內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:10}\r\n * @vue-prop {String} [modeHide='click'] 輸入點擊外部關閉模式字串，可選'click'與'mousedown'，'click'為mouseup時才關閉，'mousedown'為mousedown時關閉，預設'click'\r\n * @vue-prop {Boolean} [shadow=true] 輸入提示窗或彈窗是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入提示窗或彈窗陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [transitionTime=200] 輸入提示窗或彈窗淡入出現時間數字，單位為ms，預設200\r\n * @vue-prop {String} [labelContent=null] 輸入針對teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        Teleport,\r\n    },\r\n    props: {\r\n        mode: {\r\n            type: String,\r\n            default: 'tooltip', //tooltip, popup\r\n        },\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        displayType: {\r\n            type: String,\r\n            default: 'block', //line, block\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        isolated: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        minWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        maxWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        autoFitMinWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoFitMaxWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        placement: {\r\n            type: String,\r\n            default: 'bottom',\r\n        },\r\n        placementDistX: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        placementDistY: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'rgba(60,60,60,0.75)',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 2,\r\n                    h: 10,\r\n                }\r\n            },\r\n        },\r\n        modeHide: {\r\n            type: String,\r\n            default: 'click',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        transitionTime: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        labelContent: {\r\n            type: String,\r\n            default: null,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成\r\n            // mmkey: (() => {\r\n            //     let id = genID()\r\n            //     console.log('data gen mmkey', id)\r\n            //     return id\r\n            // })(),\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null, //會由BuildPopper內更新\r\n            contentStyle: '',\r\n\r\n            bp: null,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //BuildPopper\r\n        let keyShow = 'valueTrans'\r\n        let evNameValue = 'input'\r\n        vo.bp = new BuildPopper(vo,\r\n            vo.funGetDivTrigger,\r\n            vo.funGetDivContent,\r\n            keyShow,\r\n            evNameValue,\r\n            {\r\n                funAddTrigger,\r\n                funCheckTrigger,\r\n                funRemoveTrigger,\r\n                modeHide: vo.modeHide,\r\n            })\r\n\r\n        //mounted\r\n        vo.bp.mounted()\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //destroy\r\n        vo.bp.destroy()\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(value, 'changeValue')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useDisplayType: function() {\r\n            let vo = this\r\n            if (vo.displayType === 'line') {\r\n                return 'display:block;'\r\n            }\r\n            return 'display:inline-block;'\r\n        },\r\n\r\n        useMinWidth: function() {\r\n            //console.log('computed useMinWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.minWidth)) {\r\n                return `min-width:${vo.minWidth}px;`\r\n            }\r\n            else if (vo.autoFitMinWidth) {\r\n                return `min-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useMaxWidth: function() {\r\n            //console.log('computed useMaxWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.maxWidth)) {\r\n                return `max-width:${vo.maxWidth}px;`\r\n            }\r\n            else if (vo.autoFitMaxWidth) {\r\n                return `max-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useBorderRadius: function() {\r\n            //console.log('computed useBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.borderRadius)) {\r\n                return `border-radius:${vo.borderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.textFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        useTextColor: function() {\r\n            //console.log('computed useTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.textColor)\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            //console.log('computed useBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.backgroundColor)\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle)\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        useShadow: function() {\r\n            //console.log('computed useShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.shadow) {\r\n                return ''\r\n            }\r\n\r\n            //shadowStyle\r\n            let s = replace(vo.shadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        funGetDivTrigger: function() {\r\n            let vo = this\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            return divTrigger\r\n        },\r\n\r\n        funGetDivContent: function() {\r\n            let vo = this\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n            return divContent\r\n        },\r\n\r\n        evShow: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evShow')\r\n            if (isfun(f)) {\r\n                vo.bp.evShow(kind, from)\r\n            }\r\n        },\r\n\r\n        evHide: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evHide')\r\n            if (isfun(f)) {\r\n                vo.bp.evHide(kind, from)\r\n            }\r\n        },\r\n\r\n        updatePopper: function(msg, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updatePopper')\r\n            if (isfun(f)) {\r\n                vo.bp.updatePopper(msg, from)\r\n            }\r\n        },\r\n\r\n        updateValue: function(value, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updateValue')\r\n            if (isfun(f)) {\r\n                vo.bp.updateValue(value, from)\r\n            }\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopperFix[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})},Rl,"data-v-a470bb68",false,void 0,!1,ao,void 0,void 0);var Il={components:{WIcon:po,WIconLoading:na,WTooltip:Ll},props:{tooltip:{type:String,default:""},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"grey darken-1"},iconColorHover:{type:String,default:"grey darken-2"},iconColorFocus:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"grey darken-3"},borderRadius:{type:[Number,String],default:"50%"},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderWidth:{type:Number,default:0},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorFocus:{type:String,default:"rgb(230,230,230)"},backgroundColorActive:{type:String,default:"rgb(230,230,230)"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},active:{type:Boolean,default:!1},cursorPointer:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{activeTrans:!1,hoverTrans:!1,focusTrans:!1,loadingTrans:!1}},mounted:function(){},computed:{changeActive:function(){return this.activeTrans=this.active,""},changeLoading:function(){return this.loadingTrans=this.loading,""},effIconColor:function(){return Fr(this.iconColor)},effIconColorHover:function(){return Fr(this.iconColorHover)},effIconColorFocus:function(){return Fr(this.iconColorFocus)},effIconColorActive:function(){return Fr(this.iconColorActive)},useIconColor:function(){let t,e=this;return e.loadingTrans?e.effIconColor:(t=e.activeTrans?e.effIconColorActive:e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(t=e.activeTrans?e.effIconColorActive:e.effIconColor),t)},useBorderRadius:function(){let t=this,e="0px";if(Fe(t.borderRadius)){e=`${ze(t.borderRadius)}px;`}else Ae(t.borderRadius)&&(e=t.borderRadius);let n="0px",i="0px",r="0px",o="0px";return!0===st(t,"borderRadiusStyle.left")&&(n=e,r=e),!0===st(t,"borderRadiusStyle.right")&&(i=e,o=e),!0===st(t,"borderRadiusStyle.top")&&(n=e,i=e),!0===st(t,"borderRadiusStyle.bottom")&&(r=e,o=e),!0!==st(t,"borderRadiusStyle.topLeft")&&!0!==st(t,"borderRadiusStyle.top-left")||(n=e),!0!==st(t,"borderRadiusStyle.topRight")&&!0!==st(t,"borderRadiusStyle.top-right")||(i=e),!0!==st(t,"borderRadiusStyle.bottomLeft")&&!0!==st(t,"borderRadiusStyle.bottom-left")||(r=e),!0!==st(t,"borderRadiusStyle.bottomRight")&&!0!==st(t,"borderRadiusStyle.bottom-right")||(o=e),`border-top-left-radius:${n}; border-top-right-radius:${i}; border-bottom-left-radius:${r}; border-bottom-right-radius:${o};`},effBorderColor:function(){return Fr(this.borderColor)},effBorderColorHover:function(){return Fr(this.borderColorHover)},effBorderColorFocus:function(){return Fr(this.borderColorFocus)},effBorderColorActive:function(){return Fr(this.borderColorActive)},useBorderColor:function(){let t,e=this;return e.loadingTrans?e.effBorderColor:(t=e.activeTrans?e.effBorderColorActive:e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(t=e.activeTrans?e.effBorderColorActive:e.effBorderColor),t)},effBackgroundColor:function(){return Fr(this.backgroundColor)},effBackgroundColorHover:function(){return Fr(this.backgroundColorHover)},effBackgroundColorFocus:function(){return Fr(this.backgroundColorFocus)},effBackgroundColorActive:function(){return Fr(this.backgroundColorActive)},useBackgroundColor:function(){let t,e=this;return e.loadingTrans?e.effBackgroundColor:(t=e.activeTrans?e.effBackgroundColorActive:e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(t=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),t)},effRippleColor:function(){return Fr(this.rippleColor)},effLoadingColor:function(){return Fr(this.loadingColor)},effDisabledColor:function(){return Fr(this.disabledColor)},usePadding:function(){return`padding:${Qr(this.paddingStyle,{ext:{}})};`},useShadow:function(){let t=this;return t.shadow&&Ae(t.shadowStyle)?"box-shadow:"+function(t,e,n){let i=_n(t=zr(t,"}","{"),"{");return i=gi(i,t=>{if(t.indexOf(e)>=0){let e=Lo(t,"=")[1];return e=Fe(e)?ze(e):.2,function(t,e){let n=Fr(t),i=Qs.toRgba(n);return i.a=e,Qs.toRgbaString(i)}(n,e)}return t}),Ro(i,"")}(t.shadowStyle,"backgroundColorAlpha",t.backgroundColor):""},hasTooltop:function(){return Ae(this.tooltip)}},methods:{ripple:function(t){let e=this;e.editable&&(e.loadingTrans||e.$nextTick(()=>{Zr(t.currentTarget,t,{color:e.effRippleColor,timeDuration:500})}))},clickBtn:function(t){let e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick(()=>{e.$emit("update:loading",e.loadingTrans)});let t=Io();e.$nextTick(()=>{e.$emit("click",{pm:t})}),t.catch().finally(()=>{e.loadingTrans=!1,e.$nextTick(()=>{e.$emit("update:loading",e.loadingTrans)})})}else e.$nextTick(()=>{e.$emit("click")})}}};const Ol=Il;var kl=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:t.editable?t.role:"",changeActive:t.changeActive,changeLoading:t.changeLoading}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{style:"position:relative; transition:all 0.3s; "+t.usePadding+" "+t.useBorderRadius+" border:"+t.borderWidth+"px solid "+t.useBorderColor+"; background:"+t.useBackgroundColor+"; "+(t.editable&&t.cursorPointer?"cursor:pointer;":"")+" "+t.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){t.hoverTrans=!0,t.$emit("mouseenter",e)},mouseleave:function(e){t.hoverTrans=!1,t.$emit("mouseleave",e)},focus:function(e){t.focusTrans=!0},blur:function(e){t.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickBtn(e)},click:function(e){t.ripple(e),t.clickBtn(e)}}},[n("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[t.loadingTrans?t._e():n("WIcon",{attrs:{icon:t.icon,color:t.useIconColor,colorHover:t.useIconColor,size:t.iconSize}}),t._v(" "),t.loadingTrans?n("WIconLoading",{attrs:{name:"cir-rotate",color:t.effLoadingColor,size:t.iconSize}}):t._e()],1),t._v(" "),t.editable?t._e():n("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[n("div",{style:t.useBorderRadius+" overflow:hidden; width:100%; height:100%;"},[n("div",{style:"background:"+t.effDisabledColor+"; height:100%;"})])])])]},proxy:!0},{key:"content",fn:function(){return[t._v("\n            "+t._s(t.tooltip)+"\n        ")]},proxy:!0}])})],1)};kl._withStripped=!0;const Ul={components:{WButtonCircle:oo({render:kl,staticRenderFns:[]},function(t){t&&t("data-v-532d328f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})},Ol,"data-v-532d328f",false,void 0,!1,ao,void 0,void 0)},props:{kbname:{type:String},casename:{type:String}},data:function(){return{mdiLaunch:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",mdiUnfoldMoreVertical:"M18.17,12L15,8.83L16.41,7.41L21,12L16.41,16.58L15,15.17L18.17,12M5.83,12L9,15.17L7.59,16.59L3,12L7.59,7.42L9,8.83L5.83,12Z"}},mounted:function(){},computed:{fn:function(){let t=`${this.casename}`;return`${this.kbname}_${Po(t)}`}},methods:{ckExample:function(){let t="https://yuda-lyu.github.io/w-plot-vue/examples/"+this.fn+".html";window.open(t,"_blank")},ckCode:function(){let t="https://github.com/yuda-lyu/w-plot-vue/blob/master/docs/examples/"+this.fn+".html";window.open(t,"_blank")}}};var Dl=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"item"},[n("div",{staticStyle:{display:"inline-block"}},[t._v("\n        "+t._s(t.casename)+"\n    ")]),t._v(" "),n("div",{staticStyle:{"padding-left":"5px"}}),t._v(" "),n("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:t.mdiLaunch,iconSize:16,iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"example"},on:{click:t.ckExample}}),t._v(" "),n("div",{staticStyle:{"padding-left":"5px"}}),t._v(" "),n("w-button-circle",{attrs:{paddingStyle:{v:3,h:3},icon:t.mdiUnfoldMoreVertical,iconSize:16,iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"code"},on:{click:t.ckCode}})],1)};Dl._withStripped=!0;const Nl=oo({render:Dl,staticRenderFns:[]},function(t){t&&t("data-v-1b9ebdaa_0",{source:"\n.item[data-v-1b9ebdaa] {\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:["C:\\opensrc\\開源-JS-406-7-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})},Ul,"data-v-1b9ebdaa",false,void 0,!1,ao,void 0,void 0);function Bl(t,e){let n=Io();if(!to(t)&&!Fi(t))return n.reject("rs is not an array or object"),n;let i=!1;if(Fi(t)){i=!0;let e=[];Me(t,(t,n)=>{e.push({k:n,v:t})}),t=e}Lr(e)||(e=function(t){return t});let r=-1,o=[];return t.reduce(function(t,n){return t.then(function(t){o.push(t),r+=1;let s=r,a=n;return i&&(s=n.k,a=n.v),Lr(e)?e(a,s):a})},Promise.resolve()).then(function(t){var e,i,r,s;o.push(t),s=null==(e=o)?0:e.length,o=s?Ke(e,(i=r||void 0===i?1:Ne(i))<0?0:i,s):[],n.resolve(o)}).catch(function(t){n.reject(t)}),n}function Fl(t){let e,n=Object.prototype.toString.call(t);if(e="[object Promise]"===n,e)return!0;if("[object Function]"!==n)return!1;try{e="function"!=typeof t.subscribe&&"function"==typeof t.then}catch(t){}return e}async function zl(t,e={}){let n=null,i=Io();if(!Lr(t))return i.reject("waitfunction需輸入函數f"),i;let r=async()=>{let e=t();return Fl(e)&&(e=await e),e};if(n=await r(),!0===n)return i.resolve(),i;let o=st(e,"attemptNum",null);zi(o)||(o=200);let s=st(e,"timeInterval",null);zi(s)||(s=1e3);let a=0,l=setInterval(async()=>{a+=1,n=await r(),!0===n&&(clearInterval(l),i.resolve()),a>o&&(clearInterval(l),i.reject(`exceeded attemptNum[${o}]`))},s);return i}function Hl(t=10){Fe(t)||(t=10);let e=Io();return setTimeout(function(){e.resolve()},t),e}let Wl={},Vl={};function Gl({tagName:t,path:e,attributes:n={},func:i}){let r=Io();if("done"===Wl[e])return r.resolve("loaded"),r;if("loading"===Wl[e])return zl(()=>"done"===Wl[e]).then(function(){r.resolve("loaded")}),r;Wl[e]="loading";let o=document.createElement(t);return Me(n,(t,e)=>{o.setAttribute(e,t)}),n.rel&&"stylesheet"===n.rel?(o.setAttribute("href",e),setTimeout(()=>{r.resolve(o),Wl[e]="done"},1)):(o.src=e,o.addEventListener("load",()=>{let t;Lr(i)?t=zl(i):(t=Io(),t.resolve()),t.then(()=>Hl(500)).then(function(){r.resolve(o),Wl[e]="done"})}),o.addEventListener("error",()=>{r.reject(o),Wl[e]="done"})),document.getElementsByTagName("head")[0].appendChild(o),r}let jl={},Xl={},$l=async(t,e="")=>{let n=`${t}|${e}`;if(qo(Xl,n)){return await Xl[n]}let i=Io();Xl[n]=i;let r=`https://raw.githubusercontent.com/yuda-lyu/${t}/refs/heads/master/package.json`,o=`https://cdn.jsdelivr.net/npm/${t}@{version}/dist/{fn}`,s=await(async(t,e={})=>{if(qo(jl,t))return await jl[t];let n=st(e,"useCache");Kr(n)||(n=!1);let i=Io();jl[t]=i;let r={cache:n?"force-cache":"reload"},o=await fetch(t,r);if(!o.ok)throw new Error(`can not get res from url[${t}]`);let s=await o.json();return i.resolve(s),s})(r),a=st(s,"version");if(!Ae(a))throw new Error("找不到 version");let l=`${t}.umd.js`;Ae(e)&&(l=e);let c=o;return c=zr(c,"{version}",a),c=zr(c,"{fn}",l),i.resolve(c),c},Yl=async t=>{let e=await Bl(t,async t=>{let e="",n="",i=t.indexOf("base:")>=0,r=t.indexOf("file:")>=0,o=Lo(t,"|"),s=st(o,0,""),a=st(o,1,"");if(i&&r&&(e=$o(s,5),n=$o(a,5)),i&&!r&&(e=$o(t,5)),!i&&!r)return t;let l=t;if(Ae(e)&&!Ae(n))l=await $l(e);else{if(!Ae(e)||!Ae(n))throw console.log("url",l),new Error("invalid url");l=await $l(e,n)}return l}),n=await function(t){let e=Io();to(t)||(t=[t]),Me(t,(e,n)=>{Te(e)&&(t[n]={path:e})});let n=Ro(gi(t,"path"),"|");return"done"===Vl[n]?(e.resolve("loaded"),e):"loading"===Vl[n]?(zl(()=>"done"===Vl[n]).then(function(){e.resolve("loaded")}),e):(Vl[n]="loading",Me(t,(t,e)=>{t.type||(".js"===Ye(t.path,3)?t.type="js":".css"===Ye(t.path,4)?t.type="css":t.type="unknow")}),Bl(t,t=>{let e=Io();if("js"===t.type)e=Gl({tagName:"script",path:t.path,attributes:{type:"text/javascript"},func:t.func});else if("css"===t.type)e=Gl({tagName:"link",path:t.path,attributes:{rel:"stylesheet"}});else{let n="invalid pathItem.type: "+t.type;console.log(n),e.reject(n)}return e}).finally(()=>{Vl[n]="done"}))}(e);return n};function ql(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}t&&!window.Vue&&(window.Vue=t);const Zl={components:{WIconLoading:na},props:{pathItems:{type:Array,default:()=>["base:w-highcharts-vue"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let e=this;Yl(e.pathItems).then(n=>{"loaded"!==n&&function(){let e=ql();return t||e.Vue}().use(window["w-highcharts-vue"]),e.cmpName="w-highcharts-vue"})},computed:{},methods:{}};var Kl=function(){var t=this,e=t.$createElement;return(t._self._c||e)(t.cmpName,{ref:"$self",tag:"component",attrs:{options:t.options}})};Kl._withStripped=!0;const Jl={components:{WHighchartsVueDyn:oo({render:Kl,staticRenderFns:[]},function(t){t&&t("data-v-3e0059d6_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",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})},Zl,"data-v-3e0059d6",false,void 0,!1,ao,void 0,void 0)},props:{options:{type:Object,default:()=>{}},width:{type:Number,default:400},height:{type:Number,default:400}},data:function(){return{}},computed:{widthInp:function(){let t=this.width,e=st(this,"options.chart.width","");return Fe(e)&&(t=ze(e)),t},heightInp:function(){let t=this.height,e=st(this,"options.chart.height","");return Fe(e)&&(t=ze(e)),t}},methods:{}};var Ql=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.options?n("div",{style:"display:inline-block; width:"+t.widthInp+"px; min-width:"+t.widthInp+"px; height:"+t.heightInp+"px; overflow-y:hidden;"},[n("WHighchartsVueDyn",{attrs:{options:t.options}})],1):t._e()};Ql._withStripped=!0;const tc=oo({render:Ql,staticRenderFns:[]},function(t){t&&t("data-v-02ce0e2b_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPlot2d.vue"},media:void 0})},Jl,"data-v-02ce0e2b",false,void 0,!1,ao,void 0,void 0);const ec={components:{demolink:Nl,WPlot2d:tc},props:{},data:function(){return{WPlot2d:{option1:{title:{text:"AAPL Stock Price"},xAxis:{type:"datetime"},yAxis:{title:{text:"Price"}},tooltip:{headerFormat:'<div style="font-size:8pt;">{point.x:%Y/%m/%d %H:%M}</div><br/>',pointFormat:" Price: <b>{point.y}</b>"},series:[{name:"AAPL",data:window.dataAAPL,tooltip:{valueDecimals:2}}]}}}},methods:{}};var nc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-plot-2d",casename:"default"}}),t._v(" "),n("w-plot-2d",{attrs:{options:t.WPlot2d.option1}})],1)])])};nc._withStripped=!0;const ic=oo({render:nc,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-plot-2d")])])}]},function(t){t&&t("data-v-168b3b8f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPlot2d.vue"},media:void 0})},ec,"data-v-168b3b8f",false,void 0,!1,ao,void 0,void 0);function rc(t,e,n){(void 0!==n&&!N(t[e],n)||void 0===n&&!(e in t))&&yi(t,e,n)}function oc(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]}function sc(t,n,i,r,o,s,a){var l=oc(t,i),c=oc(n,i),h=a.get(c);if(h)rc(t,i,h);else{var u,d=s?s(l,c,i+"",t,n,a):void 0,f=void 0===d;if(f){var m=e(c),g=!m&&Qt(c),v=!m&&!g&&he(c);d=c,m||g||v?e(l)?d=l:p(u=l)&&ye(u)?d=er(l):g?(f=!1,d=tr(c,!0)):v?(f=!1,d=ur(c,!0)):d=[]:$r(c)||qt(c)?(d=l,qt(l)?d=function(t){return Xi(t,qi(t))}(l):_(l)&&!y(l)||(d=gr(c))):f=!1}f&&(a.set(c,d),o(d,c,r,s,a),a.delete(c)),rc(t,i,d)}}function ac(t,e,n,i,r){t!==e&&Vt(e,function(o,s){if(r||(r=new yn),_(o))sc(t,e,s,n,ac,i,r);else{var a=i?i(oc(t,s),o,s+"",t,e,r):void 0;void 0===a&&(a=o),rc(t,s,a)}},qi)}var lc,cc=(lc=function(t,e,n){ac(t,e,n)},Go(function(t,e){var n=-1,i=e.length,r=i>1?e[i-1]:void 0,o=i>2?e[2]:void 0;for(r=lc.length>3&&"function"==typeof r?(i--,r):void 0,o&&en(e[0],e[1],o)&&(r=i<3?void 0:r,i=1),t=Object(t);++n<i;){var s=e[n];s&&lc(t,s,n,r)}return t})),hc=cc;function uc(t={}){return{credits:{enabled:!1},navigation:{buttonOptions:{enabled:!1}},boost:{enabled:!0},plotOptions:{series:{animation:!1}},title:{text:""},subtitle:{text:""},tooltip:{useHTML:!0,enabled:st(t,"useTooltip",!0)},legend:{useHTML:!0,enabled:st(t,"useLegend",!0)}}}function dc(t={}){let e=st(t,"marginLeftShift",60),n=st(t,"marginRightShift",0),i=st(t,"marginTopShift",10),r=st(t,"marginBottomShift",60),o=st(t,"spacingLeft",0),s=st(t,"spacingRight",0),a=st(t,"spacingTop",0),l=st(t,"spacingBottom",0),c=st(t,"plotBorderColor","#666"),h=st(t,"plotBorderWidth",1),u=st(t,"space",5);return{animation:!1,plotBorderColor:c,plotBorderWidth:h,marginLeft:u+e,marginRight:u+n,marginTop:u+i,marginBottom:u+r,spacingLeft:o,spacingRight:s,spacingTop:a,spacingBottom:l}}function pc(t={}){let e=st(t,"softMax"),n=st(t,"vDig");return{crosshair:!0,title:{useHTML:!0,text:"",style:{fontFamily:st(t,"titleFontFamily","微軟正黑體"),fontSize:st(t,"titleFontSize","12pt"),color:st(t,"titleColor","#000")}},softMax:e,labels:{autoRotation:!1,style:{fontFamily:st(t,"labelFontFamily","微軟正黑體"),fontSize:st(t,"labelFontSize","9pt"),color:st(t,"labelColor","#222")},formatter:function(t){return n?function(t,e=0){return Fe(t)&&$e(e)?(t=ze(t),je(t,e).toFixed(e)):""}(t.value,n):t.value}},lineColor:"#666",lineWidth:1,gridLineColor:"#eeeeee",gridLineWidth:1,minorGridLineColor:"#eeeeee",minorGridLineWidth:1,tickPosition:"inside",tickColor:"#222222",tickWidth:1,tickLength:5,minorTickPosition:"inside",minorTickColor:"#222222",minorTickWidth:1,minorTickLength:5}}function fc(t={}){let e=st(t,"legnedFontFamily","微軟正黑體"),n=st(t,"legnedFontSize","9pt"),i=st(t,"legnedColor","#222");return{useHTML:!0,enabled:!0,shared:!0,floating:!0,layout:"vertical",backgroundColor:st(t,"legendBackgroundColor","rgba(255,255,255,0.75)"),borderColor:st(t,"legnedBorderColor","#aaa"),borderWidth:1,itemStyle:{fontFamily:e,fontSize:n,color:i}}}function mc(t,e={}){let n=st(e,"legendPosition","topright"),i=st(t,"chart.marginLeft")||st(t,"chart.margin-left");i=ze(i);let r=st(t,"chart.marginRight")||st(t,"chart.margin-right");r=ze(r);let o=st(t,"chart.marginTop")||st(t,"chart.margin-top");o=ze(o);let s=st(t,"chart.marginBottom")||st(t,"chart.margin-bottom");s=ze(s),st(e,"legendIgnoreMargin",!1)&&(i=0,r=0,o=0,s=0);let a=st(t,"chart.spacingLeft")||st(t,"chart.spacing-left");a=ze(a);let l=st(t,"chart.spacingRight")||st(t,"chart.spacing-right");l=ze(l);let c=st(t,"chart.spacingTop")||st(t,"chart.spacing-top");c=ze(c);let h=st(t,"chart.spacingBottom")||st(t,"chart.spacing-bottom");h=ze(h),st(e,"legendIgnoreSpacing",!1)&&(a=0,l=0,c=0,h=0);let u=st(t,"legend",{});if(t.legend=u,"topleft"===n){t.legend.align="left",t.legend.verticalAlign="top";let e=5,n=5;t.legend.x=i-a+e,t.legend.y=o-c+n}else if("bottomleft"===n){t.legend.align="left",t.legend.verticalAlign="bottom";let e=5,n=-5;t.legend.x=i-a+e,t.legend.y=-s+h+n}else if("bottomright"===n){t.legend.align="right",t.legend.verticalAlign="bottom";let e=-5,n=-5;t.legend.x=-r+l+e,t.legend.y=-s+h+n}else{t.legend.align="right",t.legend.verticalAlign="top";let e=-5,n=5;t.legend.x=-r+l+e,t.legend.y=o-c+n}return t}function gc(t,e,n,i,r={}){let o=st(r,"marginLeft",null),s=st(r,"marginRight",null),a=st(r,"marginTop",null),l=st(r,"marginBottom",null),c=st(r,"direction","vertical");"vertical"!==c&&"horizontal"!==c&&(c="vertical");let h,u=st(r,"xTitle",""),d=st(r,"yTitle",""),p=st(r,"barColor",void 0),f=st(r,"barKpColor",void 0),m=st(r,"barGroupWidthRatio",.2),g=st(r,"barWidthRatio",.2),v=st(r,"barBorderWidth",1),_=st(r,"barDisplay","separate");"separate"!==_&&"stackNormal"!==_&&"stackPercent"!==_&&(_="separate"),"stackNormal"===_?h="normal":"stackPercent"===_&&(h="percent");let y=st(r,"barBorderRadius",4),b=st(r,"barShowLabels",!0),x=st(r,"barUseInnerLabelsForHorizontal",!1),S=st(r,"showLegend",!1),w=n,M=[];Me(i,(t,e)=>{let i=st(t,"name",""),r=p,o=st(t,"color",void 0),s=st(t,"data",{}),a=null,l=[];Me(n,t=>{let n=st(s,t,null),i=n;if(Hr(i)){if(!qo(i,"value"))throw new Error("bar data is an object but no value");i=st(i,"value",null)}let c=st(f,t,void 0),h=st(f,`${e}.${t}`,void 0),u=st(n,"color",void 0),d=(t=>{if(io(t)){let e=Ui(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:gi(t,(t,n)=>[n/(e-1),t])}}return t})(r||o||c||h||u);null===a&&(a=d),l.push({name:t,y:i,color:d})}),M.push({name:i,data:l,color:a})});let T=uc(r),A=dc(r),E=pc(r),C=hc(E,{categories:w,labels:{allowOverlap:!0}});C.title.text=u;let R=pc(r),P=hc(R,{});P.title.text=d,P.min=0;let L={...T,chart:{...A,type:"vertical"===c?"column":"bar",width:t,height:e},xAxis:C,yAxis:P,legend:fc(r),series:M};return Jr(o)&&(L.chart.marginLeft=o),Jr(s)&&(L.chart.marginRight=s),Jr(a)&&(L.chart.marginTop=a),Jr(l)&&(L.chart.marginBottom=l),"stackPercent"===_&&("vertical"===c&&(L.chart.marginLeft+=11),L.yAxis.labels.formatter=t=>`${t.value}%`),"horizontal"===c&&x&&(L.chart.marginLeft=40,L.xAxis.title.margin=21,L.xAxis.labels.enabled=!1,L.xAxis.tickWidth=0,L.xAxis.min=-.25,L.xAxis.tickInterval=1,L.xAxis.plotLines=[{color:L.xAxis.gridLineColor,width:L.xAxis.gridLineWidth,value:-.5}]),L.plotOptions={...L.plotOptions,series:{groupPadding:m,pointPadding:g,borderWidth:v,grouping:!0,borderRadius:y,stacking:h,dataLabels:{enabled:b,allowOverlap:!0}}},L=mc(L,r),L.legend.enabled=S,L}const vc={components:{WPlot2d:tc},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return st(this,"opt.width",0)},picHeight:function(){return st(this,"opt.height",0)},ks:function(){return st(this,"opt.keys",[])},hasOptBar:function(){return Hr(this.optBar)},optBar:function(){let t=this,e=null;try{let n=st(t,"opt.rds",[]);e=gc(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e},useInnerLabels:function(){let t="horizontal"===st(this,"opt.direction",""),e=st(this,"opt.barUseInnerLabelsForHorizontal",!1);return t&&e},locLeft:function(){return st(this,"optBar.chart.marginLeft",0)},locTop:function(){return st(this,"optBar.chart.marginTop",0)},locBottom:function(){return st(this,"optBar.chart.marginBottom",0)},hTickLableFontFamily:function(){return st(this,"optBar.xAxis.labels.style.fontFamily","")},hTickLableFontSize:function(){return st(this,"optBar.xAxis.labels.style.fontSize","")},hTickLableColor:function(){return st(this,"optBar.xAxis.labels.style.color","")},hAxisMin:function(){return st(this,"optBar.xAxis.min",0)},hTickLabels:function(){let t=this,e=t.picHeight-t.locTop-t.locBottom;e=Math.max(e,0);let n=Ui(t.ks)-t.hAxisMin,i=0;return n>0&&(i=e/n),gi(t.ks,(e,n)=>({name:e,y:t.locTop+i*(n-t.hAxisMin)}))}},methods:{}};var _c=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptBar?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optBar})],2),t._v(" "),n("div",{staticStyle:{position:"relative"}},[n("WPlot2d",{attrs:{options:t.optBar}}),t._v(" "),t.useInnerLabels?t._l(t.hTickLabels,function(e,i){return n("div",{key:"ktk-"+i,style:"position:absolute; left:"+t.locLeft+"px; top:"+e.y+"px; font-family:"+t.hTickLableFontFamily+"; font-size:"+t.hTickLableFontSize+"; color:"+t.hTickLableColor+";"},[t._v("\n                "+t._s(e.name)+"\n            ")])}):t._e()],2),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optBar})],2)]):t._e()};_c._withStripped=!0;const yc=oo({render:_c,staticRenderFns:[]},function(t){t&&t("data-v-6c1a3052_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})},vc,"data-v-6c1a3052",false,void 0,!1,ao,void 0,void 0);var bc={components:{demolink:Nl,WBar:yc},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WBar:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2b:{width:400,height:400,keys:t,rds:[{name:"Corn",color:"#E91E63",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:"#9C27B0",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2c:{width:400,height:400,keys:t,rds:[{name:"Corn",color:["rgb(243, 150, 199)","rgb(233, 30, 99)"],data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:["rgb(206, 159, 236)","rgb(156, 39, 176)"],data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2d:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#FF8A80"},China:{value:260,color:"#FF80AB"},Brazil:{value:107,color:"#EA80FC"},EU:{value:68.3,color:"#B388FF"},India:{value:27.5,color:"#8C9EFF"},Russia:{value:14.5,color:"#82B1FF"}}},{name:"Wheat",data:{USA:{value:51.086,color:"#F44336"},China:{value:136,color:"#E91E63"},Brazil:{value:5.5,color:"#9C27B0"},EU:{value:141,color:"#673AB7"},India:{value:107.18,color:"#3F51B5"},Russia:{value:77,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2e:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["rgb(255, 205, 210)","rgb(229, 115, 115)"]},China:{value:260,color:["rgb(255, 185, 210)","rgb(229, 95, 115)"]},Brazil:{value:107,color:["rgb(255, 165, 210)","rgb(229, 75, 115)"]},EU:{value:68.3,color:["rgb(255, 145, 210)","rgb(229, 55, 115)"]},India:{value:27.5,color:["rgb(255, 125, 210)","rgb(229, 35, 115)"]},Russia:{value:14.5,color:["rgb(255, 105, 210)","rgb(229, 15, 115)"]}}},{name:"Wheat",data:{USA:{value:51.086,color:["rgb(210, 205, 255)","rgb(115, 115, 229)"]},China:{value:136,color:["rgb(210, 185, 255)","rgb(115, 95, 229)"]},Brazil:{value:5.5,color:["rgb(210, 165, 255)","rgb(115, 75, 229)"]},EU:{value:141,color:["rgb(210, 145, 255)","rgb(115, 55, 229)"]},India:{value:107.18,color:["rgb(210, 125, 255)","rgb(115, 35, 229)"]},Russia:{value:77,color:["rgb(210, 105, 255)","rgb(115, 15, 229)"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const xc=bc;var Sc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{marginLeft:85,marginRight:25,marginTop:35,marginBottom:75})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barColor:"#FF9800"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barColor:["#4f95d8","#0058a5"]})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & hide labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{barShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"one-set & show legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2b,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(series color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2c,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2d,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2e,{barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && show labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && hide legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackNormal) && barShowLabels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"multi-set && barDisplay(stackPercent)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:85,marginRight:25,marginTop:35,marginBottom:75,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barUseInnerLabelsForHorizontal"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:"#FF9800"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barColor:["#4f95d8","#0058a5"]})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & hide labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & one-set & show legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt1a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barUseInnerLabelsForHorizontal & barGroupWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barUseInnerLabelsForHorizontal:!0,barGroupWidthRatio:.25})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barWidthRatio & barGroupWidthRatio & barBorderRadius & barBorderWidth"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barWidthRatio:0,barGroupWidthRatio:0,barBorderRadius:0,barBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2b,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(series color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2c,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2d,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set(color, gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2e,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set & barKpColor(gradient)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && show labels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && hide legned"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackNormal) && barShowLabels"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!0,showLegend:!0,barDisplay:"stackNormal"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-bar",casename:"horizontal & multi-set && barDisplay(stackPercent)"}}),t._v(" "),n("w-bar",{attrs:{opt:Object.assign({},t.WBar.opt2a,{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barShowLabels:!1,showLegend:!0,barDisplay:"stackPercent",yTitle:"Percent of Weight (%)"})}})],1)])])};Sc._withStripped=!0;const wc=oo({render:Sc,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-bar")])])}]},function(t){t&&t("data-v-16e4f448_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})},xc,"data-v-16e4f448",false,void 0,!1,ao,void 0,void 0);function Mc(t,e,n,i,r={}){let o=st(r,"marginLeft",null),s=st(r,"marginRight",null),a=st(r,"marginTop",null),l=st(r,"marginBottom",null),c=st(r,"pieThicknessRatio",.6);c=Math.min(c,1),c=Math.max(c,0);let h=st(r,"pieBorderRadius",4),u=st(r,"pieKpColor",void 0),d=st(r,"pieBorderWidth",1),p=st(r,"pieShowLabels",!0),f=st(r,"showLegend",!0),m=[];Me(i,(t,e)=>{let i=st(t,"name",""),r=st(t,"color",void 0),o=st(t,"data",{}),s=null,a=[];Me(n,t=>{let n=st(o,t,null),i=n;if(Hr(i)){if(!qo(i,"value"))throw new Error("pie data is an object but no value");i=st(i,"value",null)}let l=st(u,t,void 0),c=st(u,`${e}.${t}`,void 0),h=st(n,"color",void 0),d=(t=>{if(io(t)){let e=Ui(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:gi(t,(t,n)=>[n/(e-1),t])}}return t})(r||l||c||h);null===s&&(s=d),a.push({name:t,y:i,color:d})}),m.push({name:i,data:a,color:s})});let g={...uc(r),chart:{...dc({...r,marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"}),type:"pie",width:t,height:e},legend:fc(r),series:m};return Jr(o)&&(g.chart.marginLeft=o),Jr(s)&&(g.chart.marginRight=s),Jr(a)&&(g.chart.marginTop=a),Jr(l)&&(g.chart.marginBottom=l),g.plotOptions={...g.plotOptions,series:{borderWidth:d,dataLabels:{enabled:p,allowOverlap:!0,format:'\n                        <div style="width:50px;">\n                            <div style="font-weight:bold;">{point.name}</div>\n                            <div style="opacity:0.6;">{point.percentage:.1f}%</div>\n                        </div>\n                    '},innerSize:100*(1-c)+"%",borderRadius:h,showInLegend:f}},g=mc(g,{...r,legendIgnoreMargin:!0}),g.legend.enabled=f,g}const Tc={components:{WPlot2d:tc},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return st(this,"opt.width",0)},picHeight:function(){return st(this,"opt.height",0)},ks:function(){return st(this,"opt.keys",[])},hasOptPie:function(){return Hr(this.optPie)},optPie:function(){let t=this,e=null;try{let n=st(t,"opt.rds",[]);e=Mc(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e}},methods:{}};var Ac=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptPie?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optPie})],2),t._v(" "),n("WPlot2d",{attrs:{options:t.optPie}}),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optPie})],2)],1):t._e()};Ac._withStripped=!0;const Ec=oo({render:Ac,staticRenderFns:[]},function(t){t&&t("data-v-6d6f36e8_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})},Tc,"data-v-6d6f36e8",false,void 0,!1,ao,void 0,void 0);var Cc={components:{demolink:Nl,WPie:Ec},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WPie:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const Rc=Cc;var Pc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieThicknessRatio"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieThicknessRatio:.05})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderRadius"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieBorderWidth & pieBorderRadius"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieBorderWidth:0,pieBorderRadius:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & pieKpColor(gradient)"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide labels"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{pieShowLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-pie",casename:"one-set & hide legned"}}),t._v(" "),n("w-pie",{attrs:{opt:Object.assign({},t.WPie.opt1a,{showLegend:!1})}})],1)])])};Pc._withStripped=!0;const Lc=oo({render:Pc,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-pie")])])}]},function(t){t&&t("data-v-0b76d287_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})},Rc,"data-v-0b76d287",false,void 0,!1,ao,void 0,void 0);function Ic(t,e,n,i,r={}){let o=st(r,"marginLeft",null),s=st(r,"marginRight",null),a=st(r,"marginTop",null),l=st(r,"marginBottom",null),c=st(r,"xLabelFontSize","10pt"),h=st(r,"yTitle",""),u=st(r,"yTitleFontSize","10pt"),d=st(r,"yTitleColor","#444"),p=st(r,"yLabelFontSize","8pt"),f=st(r,"yLabelColor","#888"),m=st(r,"roseKpColor",void 0),g=st(r,"roseWidthRatio",.25),v=st(r,"roseBorderWidth",1),_=st(r,"roseShowLabels",!1),y=st(r,"showLegend",!1),b=n,x=[];Me(i,(t,e)=>{let i=st(t,"name",""),r=st(t,"color",void 0),o=st(t,"data",{}),s=null,a=[];Me(n,t=>{let n=st(o,t,null),i=n;if(Hr(i)){if(!qo(i,"value"))throw new Error("rose data is an object but no value");i=st(i,"value",null)}let l=st(m,t,void 0),c=st(m,`${e}.${t}`,void 0),h=st(n,"color",void 0),u=(t=>{if(io(t)){let e=Ui(t);t=1===e?t[0]:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:gi(t,(t,n)=>[n/(e-1),t])}}return t})(r||l||c||h);null===s&&(s=u),a.push({name:t,y:i,color:u})}),x.push({name:i,data:a,color:s})});let S=uc(r),w=dc({...r,space:40,marginLeftShift:0,marginRightShift:0,marginTopShift:0,marginBottomShift:0,plotBorderColor:"transparent"}),M=pc({...r,labelFontSize:c}),T=hc(M,{categories:b,labels:{allowOverlap:!0}}),A=pc({...r,titleFontSize:u,titleColor:d,labelFontSize:p,labelColor:f}),E=hc(A,{});E.title.text=h,E.min=0;let C={...S,chart:{...w,polar:!0,type:"column",width:t,height:e},xAxis:T,yAxis:E,legend:fc(r),series:x};return Jr(o)&&(C.chart.marginLeft=o),Jr(s)&&(C.chart.marginRight=s),Jr(a)&&(C.chart.marginTop=a),Jr(l)&&(C.chart.marginBottom=l),C.plotOptions={...C.plotOptions,series:{stacking:"normal",groupPadding:0,pointPadding:g,borderWidth:v,dataLabels:{enabled:_,allowOverlap:!0,align:"center",y:-10}}},C=mc(C,{...r,legendIgnoreMargin:!0}),C.legend.enabled=y,C}const Oc={components:{WPlot2d:tc},props:{opt:{type:Object,default:()=>{}}},data:function(){return{}},computed:{picWidth:function(){return st(this,"opt.width",0)},picHeight:function(){return st(this,"opt.height",0)},ks:function(){return st(this,"opt.keys",[])},hasOptRose:function(){return Hr(this.optRose)},optRose:function(){let t=this,e=null;try{let n=st(t,"opt.rds",[]);e=Ic(t.picWidth,t.picHeight,t.ks,n,t.opt)}catch(t){console.log(t)}return e}},methods:{}};var kc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.hasOptRose?n("div",{staticStyle:{display:"inline-block"}},[n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("top",null,{opt:t.optRose})],2),t._v(" "),n("WPlot2d",{attrs:{options:t.optRose}}),t._v(" "),n("div",{style:"width:"+t.picWidth+"px; max-width:"+t.picWidth+"px;"},[t._t("bottom",null,{opt:t.optRose})],2)],1):t._e()};kc._withStripped=!0;const Uc=oo({render:kc,staticRenderFns:[]},function(t){t&&t("data-v-7b2b5411_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})},Oc,"data-v-7b2b5411",false,void 0,!1,ao,void 0,void 0);var Dc={components:{demolink:Nl,WRose:Uc},props:{},data:function(){let t=["USA","China","Brazil","EU","India","Russia"];return{WRose:{opt1a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1b:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#F44336"},China:{value:260,color:"#E91E63"},Brazil:{value:107,color:"#9C27B0"},EU:{value:68.3,color:"#673AB7"},India:{value:27.5,color:"#3F51B5"},Russia:{value:14.5,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt1c:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["#EF9A9A","#F44336"]},China:{value:260,color:["#F48FB1","#E91E63"]},Brazil:{value:107,color:["#CE93D8","#9C27B0"]},EU:{value:68.3,color:["#B39DDB","#673AB7"]},India:{value:27.5,color:["#9FA8DA","#3F51B5"]},Russia:{value:14.5,color:["#90CAF9","#2196F3"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2a:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2b:{width:400,height:400,keys:t,rds:[{name:"Corn",color:"#E91E63",data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:"#9C27B0",data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2c:{width:400,height:400,keys:t,rds:[{name:"Corn",color:["rgb(243, 150, 199)","rgb(233, 30, 99)"],data:{USA:406.292,China:260,Brazil:107,EU:68.3,India:27.5,Russia:14.5}},{name:"Wheat",color:["rgb(206, 159, 236)","rgb(156, 39, 176)"],data:{USA:51.086,China:136,Brazil:5.5,EU:141,India:107.18,Russia:77}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2d:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:"#FF8A80"},China:{value:260,color:"#FF80AB"},Brazil:{value:107,color:"#EA80FC"},EU:{value:68.3,color:"#B388FF"},India:{value:27.5,color:"#8C9EFF"},Russia:{value:14.5,color:"#82B1FF"}}},{name:"Wheat",data:{USA:{value:51.086,color:"#F44336"},China:{value:136,color:"#E91E63"},Brazil:{value:5.5,color:"#9C27B0"},EU:{value:141,color:"#673AB7"},India:{value:107.18,color:"#3F51B5"},Russia:{value:77,color:"#2196F3"}}}],xTitle:"Countries",yTitle:"Weight (MT)"},opt2e:{width:400,height:400,keys:t,rds:[{name:"Corn",data:{USA:{value:406.292,color:["rgb(255, 205, 210)","rgb(229, 115, 115)"]},China:{value:260,color:["rgb(255, 185, 210)","rgb(229, 95, 115)"]},Brazil:{value:107,color:["rgb(255, 165, 210)","rgb(229, 75, 115)"]},EU:{value:68.3,color:["rgb(255, 145, 210)","rgb(229, 55, 115)"]},India:{value:27.5,color:["rgb(255, 125, 210)","rgb(229, 35, 115)"]},Russia:{value:14.5,color:["rgb(255, 105, 210)","rgb(229, 15, 115)"]}}},{name:"Wheat",data:{USA:{value:51.086,color:["rgb(210, 205, 255)","rgb(115, 115, 229)"]},China:{value:136,color:["rgb(210, 185, 255)","rgb(115, 95, 229)"]},Brazil:{value:5.5,color:["rgb(210, 165, 255)","rgb(115, 75, 229)"]},EU:{value:141,color:["rgb(210, 145, 255)","rgb(115, 55, 229)"]},India:{value:107.18,color:["rgb(210, 125, 255)","rgb(115, 35, 229)"]},Russia:{value:77,color:["rgb(210, 105, 255)","rgb(115, 15, 229)"]}}}],xTitle:"Countries",yTitle:"Weight (MT)"}}}},methods:{}};const Nc=Dc;var Bc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & marginLeft & marginRight & marginTop & marginBottom"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{marginLeft:50,marginRight:50,marginTop:50,marginBottom:50})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseBorderWidth"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseWidthRatio"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & showLegend & legendPosition"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{showLegend:!0,legendPosition:"topleft"})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1b)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set(color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseKpColor:{USA:"#F44336",China:"#E91E63",Brazil:"#9C27B0",EU:"#673AB7",India:"#3F51B5",Russia:"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseKpColor(gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseKpColor:{USA:["#EF9A9A","#F44336"],China:["#F48FB1","#E91E63"],Brazil:["#CE93D8","#9C27B0"],EU:["#B39DDB","#673AB7"],India:["#9FA8DA","#3F51B5"],Russia:["#90CAF9","#2196F3"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"one-set & roseShowLabels"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt1a,{roseShowLabels:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseBorderWidth"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseBorderWidth:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseWidthRatio"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseWidthRatio:0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2b,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(series color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2c,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2d,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set(color, gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2e,{roseShowLabels:!1,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseKpColor:{"0.USA":"#FF8A80","1.USA":"#F44336","0.China":"#FF80AB","1.China":"#E91E63","0.Brazil":"#EA80FC","1.Brazil":"#9C27B0","0.EU":"#B388FF","1.EU":"#673AB7","0.India":"#8C9EFF","1.India":"#3F51B5","0.Russia":"#82B1FF","1.Russia":"#2196F3"}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set & roseKpColor(gradient)"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!0,roseKpColor:{"0.USA":["rgb(255, 205, 210)","rgb(229, 115, 115)"],"1.USA":["rgb(210, 205, 255)","rgb(115, 115, 229)"],"0.China":["rgb(255, 185, 210)","rgb(229, 95, 115)"],"1.China":["rgb(210, 185, 255)","rgb(115, 95, 229)"],"0.Brazil":["rgb(255, 165, 210)","rgb(229, 75, 115)"],"1.Brazil":["rgb(210, 165, 255)","rgb(115, 75, 229)"],"0.EU":["rgb(255, 145, 210)","rgb(229, 55, 115)"],"1.EU":["rgb(210, 145, 255)","rgb(115, 55, 229)"],"0.India":["rgb(255, 125, 210)","rgb(229, 35, 115)"],"1.India":["rgb(210, 125, 255)","rgb(115, 35, 229)"],"0.Russia":["rgb(255, 105, 210)","rgb(229, 15, 115)"],"1.Russia":["rgb(210, 105, 255)","rgb(115, 15, 229)"]}})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && show labels"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!0,showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-rose",casename:"multi-set && hide legned"}}),t._v(" "),n("w-rose",{attrs:{opt:Object.assign({},t.WRose.opt2a,{roseShowLabels:!1,showLegend:!1})}})],1)])])};Bc._withStripped=!0;const Fc=oo({render:Bc,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-rose")])])}]},function(t){t&&t("data-v-349d42fa_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})},Nc,"data-v-349d42fa",false,void 0,!1,ao,void 0,void 0);const zc={components:{WIcon:po,WTooltip:Ll},props:{paddingStyle:{type:Object,default:()=>({v:0,h:15})},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderWidth:{type:Number,default:1},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},shadow:{type:Boolean,default:!0},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-2"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0},hovered:{type:Boolean,default:!1},focused:{type:Boolean,default:!1}},data:function(){return{hoveredTrans:!1,focusedTrans:!1}},computed:{changeParam:function(){let t=this;return t.hoveredTrans=t.hovered,t.focusedTrans=t.focused,""},useBackgroundColor:function(){let t=this,e={};return t.focusedTrans?(e["background-color"]=Fr(t.backgroundColorFocus),e):t.hoveredTrans?(e["background-color"]=Fr(t.backgroundColorHover),e):(e["background-color"]=Fr(t.backgroundColor),e)},useBorder:function(){let t=this,e={};return t.focusedTrans?(e.border=`${t.borderWidth}px solid ${Fr(t.borderColorFocus)}`,e):t.hoveredTrans?(e.border=`${t.borderWidth}px solid ${Fr(t.borderColorHover)}`,e):(e.border=`${t.borderWidth}px solid ${Fr(t.borderColor)}`,e)},useShadow:function(){let t={};return this.shadow&&(t["box-shadow"]="0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"),t},useLeftIconColor:function(){let t=this;return t.hoveredTrans?Fr(t.leftIconColorHover):t.focusedTrans?Fr(t.leftIconColorFocus):Fr(t.leftIconColor)},useRightIconColor:function(){let t=this;return t.hoveredTrans?Fr(t.rightIconColorHover):t.focusedTrans?Fr(t.rightIconColorFocus):Fr(t.rightIconColor)},useTitleColor:function(){let t={};return t.color=Fr(this.titleColor),t},usePadding:function(){return{padding:Qr(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return Ae(this.leftIconTooltip)},hasRightIconTooltop:function(){return Ae(this.rightIconTooltip)},useVerticalAlign:function(){let t=this,e={};return"center"===t.verticalAlign?e["align-items"]="center":"top"===t.verticalAlign?e["align-items"]="flex-start":"bottom"===t.verticalAlign&&(e["align-items"]="flex-end"),e}},methods:{clickIcon:function(t){let e=this;!1!==e.editable&&e.$nextTick(()=>{e.$emit("click-"+t)})},mouseenter:function(){let t=this;t.hoveredTrans=!0,t.$nextTick(()=>{t.$emit("update:hovered",!0)})},mouseleave:function(){let t=this;t.hoveredTrans=!1,t.$nextTick(()=>{t.$emit("update:hovered",!1)})}}};var Hc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeParam:t.changeParam}},[n("div",{style:[{transition:"all 0.3s",display:"flex","justify-content":"flex-start","border-radius":t.borderRadius+"px",opacity:t.editable?1:.6},t.usePadding,t.useBackgroundColor,t.useBorder,t.useShadow,t.useVerticalAlign],on:{mouseenter:t.mouseenter,mouseleave:t.mouseleave}},[t.leftIcon?n("div",{style:"margin-left:"+t.iconShiftOuter+"px; margin-right:"+t.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickIcon("left")},click:function(e){return t.clickIcon("left")}}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasLeftIconTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{attrs:{ShellEllipse:"leftIcon"}},[n("WIcon",{attrs:{icon:t.leftIcon,size:t.leftIconSize,color:t.useLeftIconColor,colorHover:t.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[t._v("\n                    "+t._s(t.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3849071383)})],1):t._e(),t._v(" "),n("div",{style:[{width:"100%"}]},[t._t("default")],2),t._v(" "),t.rightIcon?n("div",{style:"margin-right:"+t.iconShiftOuter+"px; margin-left:"+t.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clickIcon("right")},click:function(e){return t.clickIcon("right")}}},[n("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:t.tooltipBorderRadius,paddingStyle:t.tooltipPaddingStyle,textFontSize:t.tooltipTextFontSize,textColor:t.tooltipTextColor,backgroundColor:t.tooltipBackgroundColor,editable:t.hasRightIconTooltop},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",{attrs:{ShellEllipse:"rightIcon"}},[n("WIcon",{attrs:{icon:t.rightIcon,size:t.rightIconSize,color:t.useRightIconColor,colorHover:t.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[t._v("\n                    "+t._s(t.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1563142679)})],1):t._e()])])};Hc._withStripped=!0;const Wc=oo({render:Hc,staticRenderFns:[]},function(t){t&&t("data-v-510f94d8_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})},zc,"data-v-510f94d8",false,void 0,!1,ao,void 0,void 0);const Vc={components:{WTooltip:Ll},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"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"inherit"},textColor:{type:String,default:"black"},backgroundColor:{type:String,default:"white"},paddingStyle:{type:Object,default:()=>({v:0,h:0})},modeHide:{type:String,default:"click"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var Gc=function(){var t=this,e=t.$createElement;return(t._self._c||e)("WTooltip",t._g(t._b({scopedSlots:t._u([{key:"trigger",fn:function(){return[t._t("trigger")]},proxy:!0},{key:"content",fn:function(e){return[t._t("content",null,{funHide:e.funHide})]}}],null,!0)},"WTooltip",Object.assign({},t.$props,{mode:"popup"}),!1),t.$listeners))};Gc._withStripped=!0;const jc=oo({render:Gc,staticRenderFns:[]},function(t){t&&t("data-v-46247a5a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPopup.vue"},media:void 0})},Vc,"data-v-46247a5a",false,void 0,!1,ao,void 0,void 0);function Xc(t,e,n={}){let i=!1,r="";if("isstr"===e)Te(t)||(i=!0,r="需要為字串",t="");else if("isnum"===e)Fe(t)||(i=!0,r="需要為數字",t=0);else if("isp0num"===e)Fe(o=t)&&ze(o)>=0||(i=!0,r="需要為含0的正浮點數",t=0);else if("isn0num"===e)(function(t){return!!Fe(t)&&ze(t)<=0})(t)||(i=!0,r="需要為含0的負浮點數",t=0);else if("isint"===e)He(t)||(i=!0,r="需要為整數",t=0);else if("ispint"===e)zi(t)||(i=!0,r="需要為不含0正整數",t=0);else if("isp0int"===e)$e(t)||(i=!0,r="需要為含0正整數",t=0);else if("isnint"===e)(function(t){return!!He(t)&&Xe(t)<0})(t)||(i=!0,r="需要為不含0負整數",t=0);else if("isn0int"===e)(function(t){return!!He(t)&&Xe(t)<=0})(t)||(i=!0,r="需要為含0負整數",t=0);else if("custom"===e){let e=st(n,"funCustom");if(!Lr(e))throw new Error("invalid opt.funCustom when type='custom'");let o=e(t);if(!Kr(o.err))throw new Error("invalid return.err for type='custom'");if(o.err&&!Ae(o.errmsg))throw new Error("invalid return.errmsg when return.err=true for type='custom'");if(!Fe(o.value)&!Te(o.value))throw new Error("invalid return.value for type='custom'");i=o.err,r=o.errmsg,t=o.value}else if(Lr(e)){t=e(t)}else"any"===e?Fe(t)||Te(t)||(i=!0,r="需要為字串或數字",t=""):(i=!0,r="需要指定驗證類型",t=null);var o;return{value:t,err:i,errmsg:r}}const $c={props:{type:{type:String,default:"any"},funVerify:{type:Function,default:null},value:{type:[String,Number],default:""},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},password:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){return this.valueTrans=this.value,""},useHeight:function(){let t=this,e="";return Fe(t.height)?e=`height:${t.height}px;`:Ae(t.height)&&(e=`height:${t.height}; line-height:${t.height};`),e},useTextFontSize:function(){let t=this.textFontSize;return t=zr(t,";",""),`font-size:${t};`},useTextColor:function(){return Fr(this.textColor)}},methods:{setValue:function(t){this.valueTrans=t},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(t){let e=this;e.focused!==t&&e.$nextTick(()=>{e.$emit("update:focused",t)})},updateValue:function(t){let e=this,n=Xc(e.valueTrans,e.type,{funCustom:e.funVerify});e.valueTrans=n.value,e.errmsg=n.errmsg},trigger:function(t,e){let n=this;n.$nextTick(()=>{n.$emit(t,n.valueTrans,n.errmsg,e)})}}};var Yc=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeValue:t.changeValue}},["checkbox"==(t.password?"password":"text")?n("input",{directives:[{name:"model",rawName:"v-model",value:t.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+t.useTextColor+"; "+t.useHeight+" text-align:"+t.textAlign+"; "+t.useTextFontSize+" opacity:"+(""!==t.valueTrans||t.focused?1:.6)+";",attrs:{readonly:!t.editable,placeholder:t.placeholder,type:"checkbox"},domProps:{checked:Array.isArray(t.valueTrans)?t._i(t.valueTrans,null)>-1:t.valueTrans},on:{input:function(e){t.updateValue(e),t.trigger("input",e),t.updateFocused(!0)},change:[function(e){var n=t.valueTrans,i=e.target,r=!!i.checked;if(Array.isArray(n)){var o=t._i(n,null);i.checked?o<0&&(t.valueTrans=n.concat([null])):o>-1&&(t.valueTrans=n.slice(0,o).concat(n.slice(o+1)))}else t.valueTrans=r},function(e){t.trigger("change",e)}],focus:function(e){return t.updateFocused(!0)},blur:function(e){t.trigger("blur",e),t.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.trigger("enter",e)}.apply(null,arguments)},select:function(e){t.trigger("select",e)}}}):"radio"==(t.password?"password":"text")?n("input",{directives:[{name:"model",rawName:"v-model",value:t.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+t.useTextColor+"; "+t.useHeight+" text-align:"+t.textAlign+"; "+t.useTextFontSize+" opacity:"+(""!==t.valueTrans||t.focused?1:.6)+";",attrs:{readonly:!t.editable,placeholder:t.placeholder,type:"radio"},domProps:{checked:t._q(t.valueTrans,null)},on:{input:function(e){t.updateValue(e),t.trigger("input",e),t.updateFocused(!0)},change:[function(e){t.valueTrans=null},function(e){t.trigger("change",e)}],focus:function(e){return t.updateFocused(!0)},blur:function(e){t.trigger("blur",e),t.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.trigger("enter",e)}.apply(null,arguments)},select:function(e){t.trigger("select",e)}}}):n("input",{directives:[{name:"model",rawName:"v-model",value:t.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+t.useTextColor+"; "+t.useHeight+" text-align:"+t.textAlign+"; "+t.useTextFontSize+" opacity:"+(""!==t.valueTrans||t.focused?1:.6)+";",attrs:{readonly:!t.editable,placeholder:t.placeholder,type:t.password?"password":"text"},domProps:{value:t.valueTrans},on:{input:[function(e){e.target.composing||(t.valueTrans=e.target.value)},function(e){t.updateValue(e),t.trigger("input",e),t.updateFocused(!0)}],change:function(e){t.trigger("change",e)},focus:function(e){return t.updateFocused(!0)},blur:function(e){t.trigger("blur",e),t.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){t.trigger("enter",e)}.apply(null,arguments)},select:function(e){t.trigger("select",e)}}})])};Yc._withStripped=!0;const qc=oo({render:Yc,staticRenderFns:[]},function(t){t&&t("data-v-b5488896_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextCore.vue"},media:void 0})},$c,"data-v-b5488896",false,void 0,!1,ao,void 0,void 0);function Zc(t){return null==t?[]:function(t,e){return J(e,function(e){return t[e]})}(t,be(t))}function Kc(t,e){if(!io(t))return[];if(!Ae(e)&&!io(e))return[];let n=null;n=Ae(e)?Lo(e," "):e;let i=Ui(n);return gi(t,t=>function(t){let e=!1,r=0;for(let o=0;o<i;o++){let s=n[o],a=s,l="+"===qe(s,1),c="-"===qe(s,1);if((l||c)&&(a=$o(s,1)),""===Mo(a))continue;let h=t.indexOf(a)>=0;if(l){if(h){e=!0,r=1;break}e=!1,r=0;break}if(c){if(h){e=!1,r=0;break}e=!0,r=1;break}if(h){e=!0;let t=1-o/i;t=t**2,r+=t}}return{hasKeyword:e,weight:r}}(t))}function Jc(t=300){return new function(t){let e=[],n=null,i=Date.now();return zi(t)||(t=300),t=Xe(t),function(r,...o){Lr(r)?(i=Date.now(),e.push({func:r,input:o}),null===n&&(n=setInterval(()=>{if(0===Ui(e))return clearInterval(n),void(n=null);if(Date.now()-i>t){let t=e.pop();e=[];try{t.func(...t.input)}catch(t){console.log("m.func catch",t)}}},10))):console.log("func is not a function")}}(t)}let Qc=function(t){if(!Lr(t))throw new Error("fn is not a function");return function(){let e=Io(),n=null,i=null;try{n=t.apply(this,arguments)}catch(t){i=t}return null!==i?e.resolve({state:"error",msg:i}):Fl(n)?n.then(t=>{e.resolve({state:"success",msg:t})}).catch(t=>{"cancelled"===st(t,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:t})}):e.resolve({state:"success",msg:n}),e}};function th(){let t=Pr(),e=[],n=null,i=!1;return function(r,...o){let s=Io();if(!Lr(r))return void console.log("func is not a function");let a=Vi();return e.push({id:a,func:r,input:o}),null===n&&(n=setInterval(async()=>{if(i)return;i=!0;let r=e.pop();for(let n=0;n<e.length;n++){let i=e[n].id,r={state:"cancelled"};t.emit(i,r)}if(e=[],r){let e,n=r.id;e=Lr(r.func)?await Qc(r.func)(...r.input):{state:"error",msg:"fun is not a function"},t.emit(n,e)}i=!1,i||0!==e.length||(clearInterval(n),n=null)},20)),t.once(a,t=>{"success"===t.state?s.resolve(t.msg):"cancelled"===t.state?s.reject({reason:"cancelled"}):s.reject(t.msg)}),s}}function eh(t,e,n){for(var i=-1,r=t.length;++i<r;){var o=t[i],s=e(o);if(null!=s&&(void 0===a?s==s&&!f(s):n(s,a)))var a=s,l=o}return l}function nh(t,e){return t>e}function ih(t,e){return t&&t.length?eh(t,fi(e),nh):void 0}function rh(t,e){let n=Ui(t),i=0,r=e(i),o=n-1,s=e(o),a=!0,l=null;for(;a;){let t=Math.floor((o+i)/2),n=e(t);if(r<0&&n<0&&s<0){l=null,a=!1;break}if(r>0&&n>0&&s>0){l=null,a=!1;break}if(0===r){l=i,a=!1;break}if(0===n){l=t,a=!1;break}if(0===s){l=o,a=!1;break}if(t===i||t===o){let e=[{i:i,v:r},{i:t,v:n},{i:o,v:s}];e=Ao(e,t=>t.v<=0),l=ih(e,"v").i,a=!1;break}r*n>0?(i=t,r=n):(o=t,s=n)}return l}let oh={};function sh(){return!function(){try{return"IntersectionObserver"in window}catch(t){return!1}}()||!function(){try{return"IntersectionObserverEntry"in window}catch(t){return!1}}()||!(function(){try{return"intersectionRatio"in window.IntersectionObserverEntry.prototype}catch(t){return!1}}()||Lr(window.IntersectionObserverEntry))}function ah(t,e={}){if(!Yr(t))return Promise.reject("invalid element");if(sh())return Promise.reject("invalid IntersectionObserver");let n=st(e,"mode","");"promise"!==n&&"event"!==n&&(n="promise");let i=()=>{let e=Pr(),n=!1,i=null,r=!1,o=new IntersectionObserver(t=>{if(r)return;let n=t[0].isIntersecting;e.emit("visible",n)});return e.create=()=>{i=setInterval(()=>{r?clearInterval(i):(n=(t=>{let e=!1;if(!Yr(t))return e;try{o.observe(t),e=!0}catch(t){}return e})(t),n&&clearInterval(i))},50)},e.dispose=()=>{let t=!1;try{clearInterval(i),o.disconnect(),r=!0,t=!0}catch(t){}return t},e},r=null;return"promise"===n?r=(()=>{let e=Io();try{let n=new IntersectionObserver(t=>{e.resolve(t[0].isIntersecting),n.disconnect()});n.observe(t)}catch(t){e.reject(t)}return e})():"event"===n&&(r=i()),r}const lh={directives:{domresize:Ir(),dommutation:function(){let t={};return{bind:function(e,n,i){let r=`r${Vi()}`;e.setAttribute("ev-mutation",r);let o=new MutationObserver(function(t){!function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"dommutation",{ele:e,mutations:t})});o.observe(e,{attributes:!0,childList:!0,subtree:!0}),t[r]=o},unbind:function(e){let n=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),t[n]&&(t[n].disconnect(),delete t[n])}}}(),domvisible:function(){let t={};return{bind:function(e,n,i){let r=`r${Vi()}`;e.setAttribute("ev-visible",r);let o=!1,s=setInterval(()=>{ah(e).then(t=>{o!==t&&(o=t,function(t,e,n){let i=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;i&&i[e]&&i[e].fns(n)}(i,"domvisible",t))}).catch(()=>{})},50);t[r]=s},unbind:function(e){let n=e.getAttribute("ev-visible");e.setAttribute("ev-visible",null),t[n]&&(clearInterval(t[n]),t[n]=null,delete t[n])}}}()},components:{},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{dbc:Jc(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(t){let e=this,n=st(e,"$refs.divDetect");if(n){let t=n.offsetWidth-n.clientWidth;e.nativeBarWidth!==t&&(e.nativeBarWidth=t)}e.viewHeight!==t.snew.offsetHeight&&(e.viewHeight=t.snew.offsetHeight);let i=st(e,"$refs.divShell");i&&e.$emit("update:scrollTop",i.scrollTop),e.triggerEvent("resize",{...t,from:"panel"})},resizeShell:function(t){let e=this,n=st(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight);let i=st(e,"$refs.divShell");i&&e.$emit("update:scrollTop",i.scrollTop),e.triggerEvent("resize",{...t,from:"shell"})},mutation:function(t){let e=this,n=st(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...t,from:"content"})},visible:function(t){let e=this,n=st(e,"$refs.divContent");n&&0!==n.offsetHeight&&e.contentHeight!==n.offsetHeight&&(e.contentHeight=n.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:t,from:"content"})},updateRatio:function(){let t=this;if(!t.$refs.divShell)return;let e=0;t.contentHeightEff>0&&(e=t.$refs.divShell.scrollTop/t.contentHeightEff),t.ratio=e},updateScrollTop:function(t){let e=this;(async function(){await zl(()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar,{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=t),e.$refs.divBar&&(e.$refs.divBar.scrollTop=t)})().catch(t=>{console.log(t)})},updateScrollInfor:function(){let t=this;if(!t.$refs.divShell)return;let e={r:t.ratio,sti:t.scrollTop,stn:t.$refs.divShell.scrollTop,dir:t.scrollTop>t.$refs.divShell.scrollTop?"up":"down",t:t.viewTop,b:t.viewBottom,ch:t.contentHeight,che:t.contentHeightEff};Bi(t.scrollInfor,e)||(t.scrollInfor=e)},scrollShell:function(t){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&st(e,"$refs.divShell")&&st(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:t,from:"shell"}),e.dbc(()=>{e.mouseLoc=""}))},scrollBar:function(t){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&st(e,"$refs.divShell")&&st(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:t,from:"bar"}),e.dbc(()=>{e.mouseLoc=""}))},triggerEvent:function(t,e){let n=this;n.useEmitEvent&&(n.$emit(t,e),n.updateScrollInfor(),n.$emit("change-infor",{evName:t,evMsg:e,...n.scrollInfor}))}}};var ch=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:t.changeScrollTop},on:{domresize:t.resizePanel,mouseenter:function(e){t.mouseEntering=!0},mouseleave:function(e){t.mouseEntering=!1}}},[n("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[n("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[n("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"scroll"}},[n("div",{staticStyle:{width:"100px",height:"100px"}})])])]),t._v(" "),n("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"\n                position:relative;\n                width:calc( 100% + "+(t.nativeBarWidth+1)+"px ); height:"+t.panelHeight+"px;\n                box-sizing:content-box;\n                overflow-x:hidden; overflow-y:scroll;\n            ",on:{domresize:t.resizeShell,scroll:t.scrollShell}},[n("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"}],ref:"divContent",style:"",on:{dommutation:t.mutation,domvisible:t.visible}},[t._t("default")],2)]),t._v(" "),n("div",{style:"\n            position:absolute; top:0px; right:"+(t.isMobile?-8:0)+"px;\n            width:"+(t.contentHeightEff>0?8:0)+"px;\n            overflow-x:hidden;\n        "},[n("div",{ref:"divBar",staticClass:"sb",style:"\n                    width:8px; height:"+t.panelHeight+"px;\n                    box-sizing:content-box;\n                    overflow-x:hidden; overflow-y:auto;\n                    opacity:"+(t.mouseEntering?t.barOpacityHover:t.barOpacity)+";\n                ",on:{scroll:t.scrollBar}},[n("div",{style:"width:1px; height:"+t.contentHeight+"px;"})])])])])};ch._withStripped=!0;let hh={set:function(t,e){oh[t]=e},get:function(t){return oh[t]},remove:function(t){delete oh[t]}};const uh={components:{WPanelScrollyCore:oo({render:ch,staticRenderFns:[]},function(t){t&&t("data-v-e11672f8_0",{source:"\n.sb[data-v-e11672f8] {\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-e11672f8]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-e11672f8]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-e11672f8]::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\n}\r\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-406-7-w-plot-vue\\w-plot-vue\\node_modules\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AAujBA;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                :style=\"`\r\n                    position:relative;\r\n                    width:calc( 100% + ${nativeBarWidth+1}px ); height:${panelHeight}px;\r\n                    box-sizing:content-box;\r\n                    overflow-x:hidden; overflow-y:scroll;\r\n                `\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                <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=\"`\r\n                position:absolute; top:0px; right:${isMobile?-8:0}px;\r\n                width:${contentHeightEff>0?8:0}px;\r\n                overflow-x:hidden;\r\n            `\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`\r\n                        width:8px; height:${panelHeight}px;\r\n                        box-sizing:content-box;\r\n                        overflow-x:hidden; overflow-y:auto;\r\n                        opacity:${mouseEntering?barOpacityHover:barOpacity};\r\n                    `\"\r\n                    @scroll=\"scrollBar\"\r\n                >\r\n\r\n                    <div :style=\"`width:1px; height:${contentHeight}px;`\"></div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport isEqual from 'lodash-es/isEqual.js'\r\n// import cloneDeep from 'lodash-es/cloneDeep.js'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domMutation from '../js/domMutation.mjs'\r\nimport domVisible from '../js/domVisible.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，預設400\r\n * @vue-prop {Number} [scrollTop=0] 輸入目前捲動值數字，預設0\r\n * @vue-prop {Number} [barOpacity=0.6] 輸入捲軸透明度數字，預設0.6\r\n * @vue-prop {Number} [barOpacityHover=1] 輸入滑鼠移入時捲軸透明度數字，預設1\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        dommutation: domMutation(),\r\n        domvisible: domVisible(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        viewHeightMax: {\r\n            type: Number,\r\n            default: 400,\r\n        },\r\n        scrollTop: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        barOpacity: {\r\n            type: Number,\r\n            default: 0.6,\r\n        },\r\n        barOpacityHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            nativeBarWidth: 16, //預設bar寬度, 先給大值避免初始化時會顯示原本bar條\r\n\r\n            useEmitEvent: true, //是否可觸發事件\r\n            mouseEntering: false,\r\n            mouseLoc: '',\r\n\r\n            viewHeight: 0, //外框區高度px\r\n            contentHeight: 2, //內容區高度px, 一定要給>=2值(至少可能渲染2border)才能避免初始化無高度導致無法觸發後續事件\r\n\r\n            ratio: 0,\r\n            scrollInfor: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeScrollTop: function () {\r\n            //console.log('computed changeScrollTop')\r\n\r\n            let vo = this\r\n\r\n            //updateScrollTop\r\n            vo.updateScrollTop(vo.scrollTop)\r\n\r\n            return ''\r\n        },\r\n\r\n        panelHeight: function () {\r\n            //console.log('computed panelHeight')\r\n\r\n            let vo = this\r\n\r\n            return Math.min(vo.contentHeight, vo.viewHeightMax)\r\n        },\r\n\r\n        isMobile: function() {\r\n            //console.log('computed isMobile')\r\n\r\n            let vo = this\r\n\r\n            return vo.nativeBarWidth <= 0\r\n        },\r\n\r\n        contentHeightEff: function() {\r\n            let vo = this\r\n            return Math.max(vo.contentHeight - vo.panelHeight, 0)\r\n        },\r\n\r\n        viewTop: function() {\r\n            let vo = this\r\n            return vo.ratio * vo.contentHeightEff\r\n        },\r\n\r\n        viewBottom: function() {\r\n            let vo = this\r\n            return vo.viewTop + vo.viewHeightMax\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //nativeBarWidth\r\n            let divDetect = get(vo, '$refs.divDetect')\r\n            if (divDetect) {\r\n\r\n                //save nativeBarWidth\r\n                let w = divDetect.offsetWidth - divDetect.clientWidth\r\n                if (vo.nativeBarWidth !== w) {\r\n                    // console.log('resizePanel 需更新nativeBarWidth', w, '<-', vo.nativeBarWidth)\r\n                    vo.nativeBarWidth = w\r\n                }\r\n\r\n            }\r\n\r\n            //save\r\n            if (vo.viewHeight !== msg.snew.offsetHeight) {\r\n                // console.log('resizePanel 需更新viewHeight', msg.snew.offsetHeight, '<-', vo.viewHeight)\r\n                vo.viewHeight = msg.snew.offsetHeight\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'panel' })\r\n\r\n        },\r\n\r\n        resizeShell: function(msg) {\r\n            // console.log('methods resizeShell', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('resizeShell divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeShell 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'shell' })\r\n\r\n        },\r\n\r\n        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})},lh,"data-v-e11672f8",false,void 0,!1,ao,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..."},statePaddingStyle:{type:Object,default:()=>({v:12,h:12})},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:th(),dbcRefresh:Jc(),mmkey:Vi(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,lockedAnchorIdx:null,filterKeywordsTemp:"",rowsTemp:null,itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let t=this;null!==t.mmkey&&hh.remove(t.mmkey),t.rowsTemp=null},watch:{rows:{immediate:!0,deep:!0,handler(t){this.setRows(t)}}},computed:{changeFilterKeyWords:function(){let t=this.filterKeywords;return this.filterDebounce(),t},useStatePadding:function(){return`padding:${Qr(this.statePaddingStyle,{ext:{}})};`}},methods:{getRows:function(){return hh.get(this.mmkey)},setRowsCore:function(t){let e=this;if(e.lockFromProcess){return e.rowsTemp=t,"deferred"}if(!to(t)){return e.rowsTemp=null,"rows is not array"}e.rowsTemp=null,null!==e.mmkey&&hh.remove(e.mmkey);let n=gi(t,(t,n)=>({index:n,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:n*e.itemMinHeight,row:t}));hh.set(e.mmkey,n),e.changeDisplay=!0,e.lockedAnchorIdx=null},setRows:async function(t){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=Ui(t)<=1e4,e.setRowsCore(t),await e.refreshCore("setRows")}().catch(t=>{console.log(t)}).finally(()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1})},genUseItems:function(){let t=this;if(null===t.mmkey)return;let e=hh.get(t.mmkey),n=Ui(e),i=[],r=!1,o=!1;if(n>0){let o=rh(e,n=>{let i=e[n];return t.scrollInfor.t-(i.y+i.height)});null===o&&(o=0);let s=Math.max(o-1,0);null!==t.lockedAnchorIdx&&(s=Math.min(Math.max(t.lockedAnchorIdx,0),n-1));let a=rh(e,n=>{let i=e[n];return t.scrollInfor.b-i.y});null===a&&(a=n-1);let l=Math.min(a+t.itemsPreload,n-1),c=0;for(let t=0;t<s;t++){let n=e[t];n.displayShow&&n.filterShow&&(c+=n.height)}let h=0;for(let t=l+1;t<=n-1;t++){let n=e[t];n.displayShow&&n.filterShow&&(h+=n.height)}for(let n=s;n<=l;n++){let r=Ar(e[n]);r.displayShow&&r.filterShow&&(r.nowShow=!0,r.top=r.y-t.scrollInfor.t,i.push(r))}t.itemsHeightPre!==c&&(r=!0,t.itemsHeightPre=c),t.itemsHeightAft!==h&&(r=!0,t.itemsHeightAft=h)}Bi(t.useItems,i)||(o=!0,t.useItems=i);let s=r||o;if(t.$refs.wdsDiv){let e=gi(i,"row"),n=gi(i,"row.item");s&&t.$emit("render",{eles:t.$refs.wdsDiv,rows:e,items:n}),Bi(t.emItemsTemp,n)||(t.$emit("change-view-items",{eles:t.$refs.wdsDiv,rows:e,items:n}),t.emItemsTemp=n)}return{change:s}},syncItemsHeight:function(t,e){let n=!1;return 0===Ui(t)||Me(st(this,"$refs.wdsDiv",[]),(i,r)=>{if(!i.getAttribute)return console.log("找不到getAttribute"),!0;let o=i.getAttribute("index");if(!$e(o))return console.log("!isp0int(index)",o),!0;o=Xe(o);let s=st(i,"children.0");if(!Yr(s))return console.log("!isEle(cnode)",s),!0;let a=s.offsetHeight;t[o].height!==a&&(Lr(e)&&e(o,a),n=!0)}),n},updateItemsHeight:function(){let t=this;if(null===t.mmkey)return!1;let e=hh.get(t.mmkey),n=Ui(e);t.changeHeight=t.syncItemsHeight(e,(t,n)=>{e[t].height=n}),t.show||(t.changeHeight=!1);let i=null,r=t.changeHeight||t.changeDisplay||t.changeFilter;if(r){let r=0;for(let t=0;t<n;t++){let n=e[t];n.y!==r&&(e[t].y=r),n.displayShow&&n.filterShow&&(r+=n.height)}i=t.itemsHeight,i!==r&&(i=r),0===i&&(i=43),t.changeHeight=!1,t.changeDisplay=!1,t.changeFilter=!1}return{change:r,itemsHeight:i}},refreshCore:async function(t){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});await(async()=>{e.lockFromRefreshUseItems=!0;let t=Ar(e.scrollInfor),n=await(async()=>{e.filterItems();let t=e.genUseItems();return await Hl(20),{genUseItems:t,updateItemsHeight:e.updateItemsHeight()}})(),i=st(n,"genUseItems.change",!1)||st(n,"updateItemsHeight.change",!1),r=st(n,"updateItemsHeight.itemsHeight",null);if(Jr(r))if(r<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let n=0;"up"===t.dir&&(n=r-t.ch);let i=e.scrollTop+n;e.scrollTop!==i&&(e.scrollTop=i),e.itemsHeight=r,e.$emit("change-height-of-items",{height:r})}i&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))})().catch(t=>{console.log(t)}).finally(()=>{e.lockFromRefreshUseItems=!1})},refresh:function(t){this.pmtRefresh(this.refreshCore,t).catch(()=>{})},filterDebounce:function(){let t=this;t.dbcRefresh(()=>{t.refreshCore("filterDebounce")})},changeInfor:function(t){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh(()=>{e.scrollInfor=t;let n=st(t,"evMsg.from","");if("scroll"===t.evName&&"bar"===n){let t=hh.get(e.mmkey);if(io(t)){let n=rh(t,n=>{let i=t[n];return e.scrollInfor.t-(i.y+i.height)});null===n&&(n=0),e.lockedAnchorIdx=Math.max(n,0)}}else"wdl-refreshCore"===n||(e.lockedAnchorIdx=null);e.refresh("changeInfor")}))},processItems:async function(t={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let n=hh.get(e.mmkey);if(!to(n))return;let i=st(t,"fun",null);if(Lr(i)){let t=i(n);Fl(t)&&(t=await t),e.changeDisplay=!0,e.changeFilter=!0}let r=st(t,"indStart",null),o=st(t,"indEnd",null);if(He(r)&&He(o)){let i=st(t,"displayShow",null);if(Kr(i)){for(let t=r;t<=o;t++){st(n,t,null)&&(n[t].displayShow=i)}e.changeDisplay=!0}let s=st(t,"filterShow",null);if(Kr(s)){for(let t=r;t<=o;t++){st(n,t,null)&&(n[t].filterShow=s)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch(t=>{console.log(t)}).finally(()=>{if(e.lockFromProcess=!1,to(e.rowsTemp)){let t=e.rowsTemp;e.rowsTemp=null,e.setRows(t)}})},setSearchingResults:function(t){this.searchingResults=t},filterItems:function(){let t=this;if(null===t.mmkey)return;if(t.filterKeywordsTemp===t.filterKeywords)return;t.filterKeywordsTemp=t.filterKeywords;let e=hh.get(t.mmkey),n=Ui(e);if(t.searchingResults=-1,0===Ui(t.filterKeywords)){for(let t=0;t<n;t++)e[t].filterShow=!0;t.searchingResults=1}else{let n=t.filterKeywords.toLowerCase(),i=Kc(gi(e,t=>{let e=t.row,n="";return n=Te(e)?e:Fe(e)?nt(e):Hr(e)?Ro(Zc(e)," "):function(t,e=!1){if(eo(t))return"";let n="";try{n=e?JSON.stringify(t,null,2):JSON.stringify(t)}catch(t){n=""}return n}(e),n=n.toLowerCase(),n}),n),r=0;Me(e,(t,n)=>{let o=i[n];e[n].filterShow=o.hasKeyword,o.hasKeyword&&r++}),t.searchingResults=r}t.changeFilter=!0},triggerEvent:function(t,e){let n=st(this,"$refs.wpsc.triggerEvent",null);n&&n(t,e)}}};var dh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:t.scrollTop,viewHeightMax:t.viewHeightMax,changeFilterKeyWords:t.changeFilterKeyWords},on:{"update:scrollTop":function(e){t.scrollTop=e},"update:scroll-top":function(e){t.scrollTop=e},"change-infor":t.changeInfor}},[n("div",{style:"padding-top:"+t.itemsHeightPre+"px; padding-bottom:"+t.itemsHeightAft+"px;"},[t._l(t.useItems,function(e,i){return[n("div",{key:"kitem-"+i,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:i,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[t._t("default",null,{row:e.row,index:e.index})],2)]})],2),t._v(" "),!t.disableLoadingText&&t.lockFromSetRows?n("div",{style:t.useStatePadding+" font-size:0.8rem;"},[t._v("\n        "+t._s(t.loadingText)+"\n    ")]):[0===t.useItems.length&&t.searchingResults>0?n("div",{style:t.useStatePadding+" font-size:0.8rem;"},[t._v("\n            "+t._s(t.searchingText)+"\n        ")]):[0===t.searchingResults&&""!==t.noResultsText?n("div",{style:t.useStatePadding+" font-size:0.8rem;"},[t._v("\n                "+t._s(t.noResultsText)+"\n            ")]):t._e()]]],2)};dh._withStripped=!0;const ph={components:{WPopup:jc,WTextCore:qc,WDynamicList:oo({render:dh,staticRenderFns:[]},function(t){t&&t("data-v-c67b9328_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",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})},uh,"data-v-c67b9328",false,void 0,!1,ao,void 0,void 0),WIcon:po},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},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:5},placeholder:{type:String,default:""},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:43},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,showPanelTrans:!1,valueTrans:null}},computed:{changeFocusedFromPopup:function(){return this.focusedTrans=this.focused,""},changeShowPanelFromPopup:function(){let t=this;return Ui(t.items)>0?t.showPanelTrans=t.showPanel:t.showPanelTrans=!1,""},changeValueFromPopup:function(){let t=this;return Fi(t.value)?t.valueTrans=t.value[t.keyText]:t.valueTrans=t.value,""},useTextFontSize:function(){let t=this.textFontSize;return t=zr(t,";",""),`font-size:${t};`},useTextColor:function(){return Fr(this.textColor)},useItemBackgroundColor:function(){return Fr(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return Fr(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let t=this.itemTextFontSize;return t=zr(t,";",""),`font-size:${t};`},useItemTextColor:function(){return Fr(this.itemTextColor)},useItemTextColorHover:function(){return Fr(this.itemTextColorHover)},useItemPadding:function(){return`padding:${Qr(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return Fr(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(t){let e=this;return Fi(t)?t[e.keyText]:t},selectText:function(){let t=this;t.editable&&(t.showPanelTrans||t.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let t=this;t.editable&&(t.showPanelTrans||t.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(t,e){this.editable&&this.triggerAll({focused:t},"updateFocused")},updateShowPanel:function(t,e){this.editable&&this.triggerAll({showPanel:t,focused:t},"updateShowPanel")},updateValue:function(t){let e=this;e.editable&&(e.valueTrans=t,e.triggerEvent("input",t,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(t,e){let n=this;n.editable&&(n.triggerEvent("input",t,e,"clickItem"),n.triggerEvent("click-item",t,e,"clickItem"),n.triggerAll({showPanel:!1,focused:!1},"clickItem"))},triggerEvent:function(t,e,n,i){let r=this;r.editable&&r.$nextTick(()=>{r.$emit(t,e,n)})},triggerAll:function(t,e){let n=this;if(!n.editable)return;let i=st(t,"showPanel",null),r=st(t,"focused",null);setTimeout(()=>{Kr(r)&&n.focusedTrans!==r&&(n.focusedTrans=r,n.triggerEvent("update:focused",r,null,"triggerAll")),Kr(i)&&n.showPanelTrans!==i&&(Ui(n.items)>0?n.showPanelTrans=i:n.showPanelTrans=!1,n.triggerEvent("update:showPanel",i,null,"triggerAll"))},20)}}};var fh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("WPopup",{attrs:{displayType:"line",minWidth:t.minWidth,maxWidth:t.maxWidth,autoFitMinWidth:t.autoFitMinWidth,autoFitMaxWidth:t.autoFitMaxWidth,placementDistX:t.placementDistX,placementDistY:t.placementDistY,labelContent:t.labelContent,editable:t.editable,value:t.showPanelTrans,changeValueFromPopup:t.changeValueFromPopup,changeFocusedFromPopup:t.changeFocusedFromPopup,changeShowPanelFromPopup:t.changeShowPanelFromPopup},on:{input:function(e){t.updateShowPanel(e,"WPopup")}},scopedSlots:t._u([{key:"trigger",fn:function(){return[n("div",[n("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===t.mode?n("div",{style:"width:100%; color:"+t.useTextColor+"; "+t.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{_tabindex:"0"},on:{focus:t.focusText}},[t._t("select",function(){return[t._v("\n                        "+t._s(t.valueTrans)+"\n                    ")]},{item:t.value,text:t.valueTrans})],2):t._e(),t._v(" "),"suggest"===t.mode?n("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:t.textFontSize,textColor:t.useTextColor,textAlign:t.textAlign,placeholder:t.placeholder,height:t.height,editable:t.editable,focused:t.focusedTrans,value:t.valueTrans},on:{"update:focused":function(e){t.updateFocused(e,"update:focused"),t.triggerEvent("blur",t.value,null,"blur")},enter:function(e){return t.triggerEvent("enter",t.value,null,"enter")},input:t.updateValue,select:t.selectText}}):t._e(),t._v(" "),n("div",{},[n("div",{style:"transform:rotate("+(t.useRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[n("WIcon",{attrs:{icon:t.expansionIcon,color:t.uesExpansionIconColor,colorHover:t.uesExpansionIconColor,size:t.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[n("div",[n("WDynamicList",{attrs:{rows:t.items,filterKeywords:"suggest"===t.mode?t.valueTrans:"",viewHeightMax:t.maxHeight,itemMinHeight:t.defItemHeight,loadingText:t.loadingText,noResultsText:t.noResultsText,searchingText:t.searchingText,show:t.showPanelTrans},scopedSlots:t._u([{key:"default",fn:function(e){return[n("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+t.useItemBackgroundColor+"; color:"+t.useItemTextColor+"; "+t.useItemTextFontSize+" "+t.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(n){return!n.type.indexOf("key")&&t._k(n.keyCode,"enter",13,n.key,"Enter")?null:t.clickItem(e.row,e.index)},click:function(n){return t.clickItem(e.row,e.index)},mouseenter:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColorHover,n.color=t.useItemTextColorHover},mouseleave:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColor,n.color=t.useItemTextColor},focus:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColorHover,n.color=t.useItemTextColorHover},blur:function(e){var n=e.currentTarget.style;n.backgroundColor=t.useItemBackgroundColor,n.color=t.useItemTextColor}}},[t._t("item",function(){return[n("div",[t._v(t._s(t.getText(e.row)))])]},{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};fh._withStripped=!0;const mh=oo({render:fh,staticRenderFns:[]},function(t){t&&t("data-v-326b64c4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggestCore.vue"},media:void 0})},ph,"data-v-326b64c4",false,void 0,!1,ao,void 0,void 0);const gh={directives:{domresize:Ir()},components:{WShellEllipse:Wc,WTextSuggestCore:mh},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"},placementDistX:{type:Number,default:0},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},labelContent:{type:String,default:null},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{resize:function(t){let e=this,n=Qr(e.paddingStyle,{returnObj:!0}).bottom-2,i=st(e,"$el.offsetHeight",0)-26-2*n;i/=2;e.useDistY=n+i+5},getText:function(t){let e=this;return Fi(t)?t[e.keyText]:t},updateFocused:function(t){let e=this;e.focusedTrans=t,e.$nextTick(()=>{e.$emit("update:focused",t)})},updateShowPanel:function(t){let e=this;e.showPanelTrans=t,e.$nextTick(()=>{e.$emit("update:showPanel",t)})}}};var vh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:t.changeParam},on:{domresize:t.resize}},[n("WShellEllipse",{attrs:{paddingStyle:t.paddingStyle,borderWidth:t.constBorderWidth,borderRadius:t.borderRadius,shadow:t.shadow,leftIcon:t.leftIcon,leftIconSize:t.leftIconSize,leftIconColor:t.leftIconColor,leftIconColorHover:t.leftIconColorHover,leftIconColorFocus:t.leftIconColorFocus,leftIconTooltip:t.leftIconTooltip,rightIcon:t.rightIcon,rightIconSize:t.rightIconSize,rightIconColor:t.rightIconColor,rightIconColorHover:t.rightIconColorHover,rightIconColorFocus:t.rightIconColorFocus,rightIconTooltip:t.rightIconTooltip,iconShiftOuter:t.iconShiftOuter,iconShiftInner:t.iconShiftInner,backgroundColor:t.backgroundColor,backgroundColorHover:t.backgroundColorHover,backgroundColorFocus:t.backgroundColorFocus,borderColor:t.borderColor,borderColorHover:t.borderColorHover,borderColorFocus:t.borderColorFocus,editable:t.editable,focused:t.focusedTrans},on:{"click-left":function(e){return t.$emit("click-left")},"click-right":function(e){return t.$emit("click-right")}}},[n("div",{staticStyle:{"margin-right":"-5px"}},[n("WTextSuggestCore",{attrs:{mode:"select",items:t.items,value:t.value,keyText:t.keyText,textFontSize:t.textFontSize,textColor:t.textColor,itemTextFontSize:t.itemTextFontSize,itemTextColor:t.itemTextColor,itemTextColorHover:t.itemTextColorHover,itemBackgroundColor:t.itemBackgroundColor,itemBackgroundColorHover:t.itemBackgroundColorHover,itemPaddingStyle:t.itemPaddingStyle,expansionIcon:t.showExpansionIcon?void 0:"",expansionIconSize:t.expansionIconSize,expansionIconColor:t.expansionIconColor,maxHeight:t.maxHeight,minWidth:t.minWidth,maxWidth:t.maxWidth,autoFitMinWidth:t.autoFitMinWidth,autoFitMaxWidth:t.autoFitMaxWidth,placementDistX:t.placementDistX,placementDistY:t.useDistY,defItemHeight:t.defItemHeight,labelContent:t.labelContent,editable:t.editable,focused:t.focusedTrans,showPanel:t.showPanelTrans},on:{"update:focused":function(e){t.updateFocused(e),t.$emit("blur",null,null)},"update:showPanel":t.updateShowPanel,input:function(e,n){t.$emit("input",e,n)},"click-item":function(e,n){t.$emit("click-item",e,n)}},scopedSlots:t._u([{key:"select",fn:function(e){return[t._t("select",function(){return[t._v("\n                        "+t._s(e.text)+"\n                    ")]},{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[t._t("item",function(){return[n("div",[t._v(t._s(t.getText(e.item)))])]},{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};vh._withStripped=!0;const _h={components:{WTextSelect:oo({render:vh,staticRenderFns:[]},function(t){t&&t("data-v-3d4a6b17_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",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSelect.vue"},media:void 0})},gh,"data-v-3d4a6b17",false,void 0,!1,ao,void 0,void 0),WBar:yc,WPie:Ec,WRose:Uc},props:{mode:{type:String,default:"multi"},opt:{type:Object,default:()=>{}},textPlotType:{type:String,default:"Plot type"},widthSelect:{type:Number,default:260},keySelect:{type:String,default:"bar-v-normal"},kpSelectText:{type:Object,default:()=>{}}},data:function(){return{typeItemsDefOne:[{key:"bar-v-normal",type:"bar",text:"Vertical bars",optExt:{}},{key:"bar-h-normal",type:"bar",text:"Horizontal bars",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"}},{key:"bar-h-normal-dense",type:"bar",text:"Horizontal bars with dense",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0}},{key:"pie-normal",type:"pie",text:"Pies",optExt:{}},{key:"rose-normal",type:"rose",text:"Roses",optExt:{}}],typeItemsDefMulti:[{key:"bar-v-normal",type:"bar",text:"Vertical bars",optExt:{}},{key:"bar-v-stack-normal",type:"bar",text:"Vertical bars with normal stack",optExt:{barDisplay:"stackNormal"}},{key:"bar-v-stack-percent",type:"bar",text:"Vertical bars with percent stack",optExt:{barDisplay:"stackPercent"}},{key:"bar-h-normal",type:"bar",text:"Horizontal bars",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright"}},{key:"bar-h-normal-dense",type:"bar",text:"Horizontal bars with dense",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barUseInnerLabelsForHorizontal:!0,barGroupWidthRatio:.25}},{key:"bar-h-stack-normal",type:"bar",text:"Horizontal bars with normal stack",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barDisplay:"stackNormal"}},{key:"bar-h-stack-percent",type:"bar",text:"Horizontal bars with percent stack",optExt:{direction:"horizontal",marginLeft:80,legendPosition:"bottomright",barDisplay:"stackPercent"}},{key:"rose-normal",type:"rose",text:"Roses",optExt:{}}],typeItems:[],keySelectTrans:null,typeSelect:null}},computed:{typeItemsDef:function(){let t=this;return"one"===t.mode?t.typeItemsDefOne:t.typeItemsDefMulti},changeTypeItems:function(){let t=this,e=[];return Hr(t.kpSelectText)?Me(t.typeItemsDef,n=>{if(!qo(t.kpSelectText,n.key))return!0;let i=t.kpSelectText[n.key];e.push({...n,text:i})}):e=t.typeItemsDef,t.typeItems=e,""},changeKeySelect:function(){return this.updateTypeSelectByKey(this.keySelect),""},picWidth:function(){return st(this,"opt.width",0)},picHeight:function(){return st(this,"opt.height",0)},ks:function(){return st(this,"opt.keys",[])},hasOptTar:function(){return Hr(this.optTar)},cmp:function(){let t=st(this,"typeSelect.type","");return t=Ur(t),`W${t}`},optTar:function(){let t=this,e=st(t,"opt.showLabels",!0),n=e,i=e,r=e,o=st(t,"opt.showLegend",!1),s=st(t,"opt.rds",[]),a=Ui(s);if(0===a)return console.log("no data, size(opt.rds)=0"),null;"one"===t.mode&&a>1&&(console.log("size(opt.rds)>1"),s=[s[0]]);let l=null;try{l=t.opt,l=Ar(l);let e=st(t,"typeSelect.optExt",{});e=Ar(e);let s={barShowLabels:n,pieShowLabels:i,roseShowLabels:r,showLegend:o};l=hc(l,e),l=hc(l,s)}catch(t){console.log(t)}return l}},methods:{updateTypeSelectByKey:function(t){let e=this;e.keySelectTrans=t;let n=null;Me(e.typeItems,e=>{if(e.key===t)return n=e,!1}),e.typeSelect=n},updateTypeSelectAndEmitKeySelect:function(t){let e=this;e.typeSelect=t;let n=st(t,"key","");e.updateTypeSelectByKey(n),e.$emit("update:keySelect",n)}}};var yh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticStyle:{display:"inline-block"},attrs:{changeTypeItems:t.changeTypeItems,changeKeySelect:t.changeKeySelect}},[n("div",{staticStyle:{"padding-bottom":"5px"}},[n("div",{staticStyle:{display:"flex","align-items":"flex-end"}},[n("div",{style:""},[t._t("head")],2),t._v(" "),n("div",{staticStyle:{display:"flex","align-items":"center"}},[n("div",{staticStyle:{"padding-right":"10px","font-size":"0.85rem",color:"#666"}},[t._v("\n                    "+t._s(t.textPlotType)+":\n                ")]),t._v(" "),n("WTextSelect",{style:"width:"+t.widthSelect+"px;",attrs:{paddingStyle:{v:3,h:10},borderRadius:4,items:t.typeItems,value:t.typeSelect},on:{input:t.updateTypeSelectAndEmitKeySelect}})],1)])]),t._v(" "),t.hasOptTar?n("div",{attrs:{name:"tarp"}},[n(t.cmp,{tag:"component",attrs:{opt:t.optTar}})],1):t._e()])};yh._withStripped=!0;const bh=oo({render:yh,staticRenderFns:[]},function(t){t&&t("data-v-bcd5ebfa_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})},_h,"data-v-bcd5ebfa",false,void 0,!1,ao,void 0,void 0);const xh={components:{WSetMulti:bh},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 Sh=function(){var t=this,e=t.$createElement;return(t._self._c||e)("WSetMulti",t._g(t._b({scopedSlots:t._u([{key:"head",fn:function(){return[t._t("head")]},proxy:!0}],null,!0)},"WSetMulti",Object.assign({},t.$props,{mode:"one"}),!1),t.$listeners))};Sh._withStripped=!0;const wh={components:{demolink:Nl,WSetOne:oo({render:Sh,staticRenderFns:[]},function(t){t&&t("data-v-60f57578_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})},xh,"data-v-60f57578",false,void 0,!1,ao,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 Mh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"default"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"keySelect"}}),t._v(" "),n("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[t._v("\n                keySelect: "+t._s(t.WSetOne.keySelect)+"\n            ")]),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c),keySelect:t.WSetOne.keySelect},on:{"update:keySelect":function(e){return t.$set(t.WSetOne,"keySelect",e)},"update:key-select":function(e){return t.$set(t.WSetOne,"keySelect",e)}}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"textPlotType & kpSelectText & widthSelect"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c),textPlotType:"繪圖類型",kpSelectText:{"bar-v-normal":"垂直直條圖","bar-h-normal":"水平直條圖","bar-h-normal-dense":"水平直條圖(緊密)","pie-normal":"圓餅圖","rose-normal":"玫瑰圖"},widthSelect:160}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"hide labels"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c,{showLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"show legned"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c,{showLegend:!0})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-one",casename:"slot head"}}),t._v(" "),n("w-set-one",{attrs:{opt:Object.assign({},t.WSetOne.opt1c)},scopedSlots:t._u([{key:"head",fn:function(){return[n("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[t._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Mh._withStripped=!0;const Th=oo({render:Mh,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-set-one")])])}]},function(t){t&&t("data-v-8e1c9b3e_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})},wh,"data-v-8e1c9b3e",false,void 0,!1,ao,void 0,void 0);const Ah={components:{demolink:Nl,WSetMulti:bh},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 Eh=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"default"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e)}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"keySelect"}}),t._v(" "),n("div",{staticStyle:{"padding-bottom":"5px","font-size":"0.8rem"}},[t._v("\n                keySelect: "+t._s(t.WSetMulti.keySelect)+"\n            ")]),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e),keySelect:t.WSetMulti.keySelect},on:{"update:keySelect":function(e){return t.$set(t.WSetMulti,"keySelect",e)},"update:key-select":function(e){return t.$set(t.WSetMulti,"keySelect",e)}}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"textPlotType & kpSelectText & widthSelect"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e),textPlotType:"繪圖類型",kpSelectText:{"bar-v-normal":"垂直直條圖","bar-v-stack-normal":"垂直堆疊直條圖","bar-v-stack-percent":"垂直堆疊佔比直條圖","bar-h-normal":"水平直條圖","bar-h-normal-dense":"水平直條圖(緊密)","bar-h-stack-normal":"水平堆疊直條圖","bar-h-stack-percent":"水平堆疊佔比直條圖","rose-normal":"玫瑰圖"},widthSelect:170}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"hide labels"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e,{showLabels:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"hide legned"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e,{showLegend:!1})}})],1),t._v(" "),n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-set-multi",casename:"slot head"}}),t._v(" "),n("w-set-multi",{attrs:{opt:Object.assign({},t.WSetMulti.opt2e)},scopedSlots:t._u([{key:"head",fn:function(){return[n("div",{staticStyle:{"padding-right":"8px","font-size":"1.3rem"}},[t._v("\n                        🌿\n                    ")])]},proxy:!0}])})],1)])])};Eh._withStripped=!0;const Ch=oo({render:Eh,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-set-multi")])])}]},function(t){t&&t("data-v-00d7ebb0_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})},Ah,"data-v-00d7ebb0",false,void 0,!1,ao,void 0,void 0);function Rh(t,e,n){return null==t?t:function(t,e,n,i){if(!_(t))return t;for(var r=-1,o=(e=it(e,t)).length,s=o-1,a=t;null!=a&&++r<o;){var l=rt(e[r]),c=n;if("__proto__"===l||"constructor"===l||"prototype"===l)return t;if(r!=s){var h=a[l];void 0===(c=i?i(h,l,a):void 0)&&(c=_(h)?h:ee(e[r+1])?[]:{})}ji(a,l,c),a=a[l]}return t}(t,e,n)}function Ph(t,e){return t<e}function Lh(t){return t&&t.length?eh(t,we,Ph):void 0}function Ih(t){return t&&t.length?eh(t,we,nh):void 0}
 /**
    * @license
    * Copyright 2010-2023 Three.js Authors
@@ -14,5 +14,5 @@
    * https://github.com/yomotsu/camera-controls
    * (c) 2017 @yomotsu
    * Released under the MIT License.
-   */const vM=1,_M=2,yM=4,bM=Object.freeze({NONE:0,ROTATE:1,TRUCK:2,SCREEN_PAN:4,OFFSET:8,DOLLY:16,ZOOM:32,TOUCH_ROTATE:64,TOUCH_TRUCK:128,TOUCH_SCREEN_PAN:256,TOUCH_OFFSET:512,TOUCH_DOLLY:1024,TOUCH_ZOOM:2048,TOUCH_DOLLY_TRUCK:4096,TOUCH_DOLLY_SCREEN_PAN:8192,TOUCH_DOLLY_OFFSET:16384,TOUCH_DOLLY_ROTATE:32768,TOUCH_ZOOM_TRUCK:65536,TOUCH_ZOOM_OFFSET:131072,TOUCH_ZOOM_SCREEN_PAN:262144,TOUCH_ZOOM_ROTATE:524288}),xM=0,SM=1,wM=-1;function MM(t){return t.isPerspectiveCamera}function TM(t){return t.isOrthographicCamera}const AM=2*Math.PI,EM=Math.PI/2,CM=Math.PI/180;function RM(t,e,n){return Math.max(e,Math.min(n,t))}function PM(t,e=1e-5){return Math.abs(t)<e}function LM(t,e,n=1e-5){return PM(t-e,n)}function IM(t,e){return Math.round(t/e)*e}function OM(t){return isFinite(t)?t:t<0?-Number.MAX_VALUE:Number.MAX_VALUE}function kM(t){return Math.abs(t)<Number.MAX_VALUE?t:t*(1/0)}function UM(t,e,n,i,r=1/0,o){const s=2/(i=Math.max(1e-4,i)),a=s*o,l=1/(1+a+.48*a*a+.235*a*a*a);let c=t-e;const h=e,u=r*i;c=RM(c,-u,u),e=t-c;const d=(n.value+s*c)*o;n.value=(n.value-s*d)*l;let p=e+(c+d)*l;return h-t>0==p>h&&(p=h,n.value=(p-h)/o),p}function DM(t,e,n,i,r=1/0,o,s){const a=2/(i=Math.max(1e-4,i)),l=a*o,c=1/(1+l+.48*l*l+.235*l*l*l);let h=e.x,u=e.y,d=e.z,p=t.x-h,f=t.y-u,m=t.z-d;const g=h,v=u,_=d,y=r*i,b=p*p+f*f+m*m;if(b>y*y){const t=Math.sqrt(b);p=p/t*y,f=f/t*y,m=m/t*y}h=t.x-p,u=t.y-f,d=t.z-m;const x=(n.x+a*p)*o,S=(n.y+a*f)*o,w=(n.z+a*m)*o;n.x=(n.x-a*x)*c,n.y=(n.y-a*S)*c,n.z=(n.z-a*w)*c,s.x=h+(p+x)*c,s.y=u+(f+S)*c,s.z=d+(m+w)*c;const M=g-t.x,T=v-t.y,A=_-t.z;return M*(s.x-g)+T*(s.y-v)+A*(s.z-_)>0&&(s.x=g,s.y=v,s.z=_,n.x=(s.x-g)/o,n.y=(s.y-v)/o,n.z=(s.z-_)/o),s}function NM(t,e){e.set(0,0),t.forEach(t=>{e.x+=t.clientX,e.y+=t.clientY}),e.x/=t.length,e.y/=t.length}function BM(t,e){return!!TM(t)&&(console.warn(`${e} is not supported in OrthographicCamera`),!0)}class FM{constructor(){this._listeners={}}addEventListener(t,e){const n=this._listeners;void 0===n[t]&&(n[t]=[]),-1===n[t].indexOf(e)&&n[t].push(e)}hasEventListener(t,e){const n=this._listeners;return void 0!==n[t]&&-1!==n[t].indexOf(e)}removeEventListener(t,e){const n=this._listeners[t];if(void 0!==n){const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}removeAllEventListeners(t){t?Array.isArray(this._listeners[t])&&(this._listeners[t].length=0):this._listeners={}}dispatchEvent(t){const e=this._listeners[t.type];if(void 0!==e){t.target=this;const n=e.slice(0);for(let e=0,i=n.length;e<i;e++)n[e].call(this,t)}}}var zM;const HM=1/8,WM=/Mac/.test(null===(zM=null===globalThis||void 0===globalThis?void 0:globalThis.navigator)||void 0===zM?void 0:zM.platform);let VM,GM,jM,XM,$M,YM,qM,ZM,KM,JM,QM,tT,eT,nT,iT,rT,oT,sT,aT,lT,cT,hT,uT;class dT extends FM{static install(t){VM=t.THREE,GM=Object.freeze(new VM.Vector3(0,0,0)),jM=Object.freeze(new VM.Vector3(0,1,0)),XM=Object.freeze(new VM.Vector3(0,0,1)),$M=new VM.Vector2,YM=new VM.Vector3,qM=new VM.Vector3,ZM=new VM.Vector3,KM=new VM.Vector3,JM=new VM.Vector3,QM=new VM.Vector3,tT=new VM.Vector3,eT=new VM.Vector3,nT=new VM.Vector3,iT=new VM.Spherical,rT=new VM.Spherical,oT=new VM.Box3,sT=new VM.Box3,aT=new VM.Sphere,lT=new VM.Quaternion,cT=new VM.Quaternion,hT=new VM.Matrix4,uT=new VM.Raycaster}static get ACTION(){return bM}set verticalDragToForward(t){console.warn("camera-controls: `verticalDragToForward` was removed. Use `mouseButtons.left = CameraControls.ACTION.SCREEN_PAN` instead.")}constructor(t,e){super(),this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.minDistance=Number.EPSILON,this.maxDistance=1/0,this.infinityDolly=!1,this.minZoom=.01,this.maxZoom=1/0,this.smoothTime=.25,this.draggingSmoothTime=.125,this.maxSpeed=1/0,this.azimuthRotateSpeed=1,this.polarRotateSpeed=1,this.dollySpeed=1,this.dollyDragInverted=!1,this.truckSpeed=2,this.dollyToCursor=!1,this.dragToOffset=!1,this.boundaryFriction=0,this.restThreshold=.01,this.colliderMeshes=[],this.cancel=()=>{},this._enabled=!0,this._state=bM.NONE,this._viewport=null,this._changedDolly=0,this._changedZoom=0,this._hasRested=!0,this._boundaryEnclosesCamera=!1,this._needsUpdate=!0,this._updatedLastTime=!1,this._elementRect=new DOMRect,this._isDragging=!1,this._dragNeedsUpdate=!0,this._activePointers=[],this._lockedPointer=null,this._interactiveArea=new DOMRect(0,0,1,1),this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._isUserControllingOffset=!1,this._isUserControllingZoom=!1,this._lastDollyDirection=xM,this._thetaVelocity={value:0},this._phiVelocity={value:0},this._radiusVelocity={value:0},this._targetVelocity=new VM.Vector3,this._focalOffsetVelocity=new VM.Vector3,this._zoomVelocity={value:0},this._truckInternal=(t,e,n,i)=>{let r,o;if(MM(this._camera)){const n=YM.copy(this._camera.position).sub(this._target),i=this._camera.getEffectiveFOV()*CM,s=n.length()*Math.tan(.5*i);r=this.truckSpeed*t*s/this._elementRect.height,o=this.truckSpeed*e*s/this._elementRect.height}else{if(!TM(this._camera))return;{const n=this._camera;r=this.truckSpeed*t*(n.right-n.left)/n.zoom/this._elementRect.width,o=this.truckSpeed*e*(n.top-n.bottom)/n.zoom/this._elementRect.height}}i?(n?this.setFocalOffset(this._focalOffsetEnd.x+r,this._focalOffsetEnd.y,this._focalOffsetEnd.z,!0):this.truck(r,0,!0),this.forward(-o,!0)):n?this.setFocalOffset(this._focalOffsetEnd.x+r,this._focalOffsetEnd.y+o,this._focalOffsetEnd.z,!0):this.truck(r,o,!0)},this._rotateInternal=(t,e)=>{const n=AM*this.azimuthRotateSpeed*t/this._elementRect.height,i=AM*this.polarRotateSpeed*e/this._elementRect.height;this.rotate(n,i,!0)},this._dollyInternal=(t,e,n)=>{const i=Math.pow(.95,-t*this.dollySpeed),r=this._sphericalEnd.radius,o=this._sphericalEnd.radius*i,s=RM(o,this.minDistance,this.maxDistance),a=s-o;this.infinityDolly&&this.dollyToCursor?this._dollyToNoClamp(o,!0):this.infinityDolly&&!this.dollyToCursor?(this.dollyInFixed(a,!0),this._dollyToNoClamp(s,!0)):this._dollyToNoClamp(s,!0),this.dollyToCursor&&(this._changedDolly+=(this.infinityDolly?o:s)-r,this._dollyControlCoord.set(e,n)),this._lastDollyDirection=Math.sign(-t)},this._zoomInternal=(t,e,n)=>{const i=Math.pow(.95,t*this.dollySpeed),r=this._zoom,o=this._zoom*i;this.zoomTo(o,!0),this.dollyToCursor&&(this._changedZoom+=o-r,this._dollyControlCoord.set(e,n))},void 0===VM&&console.error("camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."),this._camera=t,this._yAxisUpSpace=(new VM.Quaternion).setFromUnitVectors(this._camera.up,jM),this._yAxisUpSpaceInverse=this._yAxisUpSpace.clone().invert(),this._state=bM.NONE,this._target=new VM.Vector3,this._targetEnd=this._target.clone(),this._focalOffset=new VM.Vector3,this._focalOffsetEnd=this._focalOffset.clone(),this._spherical=(new VM.Spherical).setFromVector3(YM.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)),this._sphericalEnd=this._spherical.clone(),this._lastDistance=this._spherical.radius,this._zoom=this._camera.zoom,this._zoomEnd=this._zoom,this._lastZoom=this._zoom,this._nearPlaneCorners=[new VM.Vector3,new VM.Vector3,new VM.Vector3,new VM.Vector3],this._updateNearPlaneCorners(),this._boundary=new VM.Box3(new VM.Vector3(-1/0,-1/0,-1/0),new VM.Vector3(1/0,1/0,1/0)),this._cameraUp0=this._camera.up.clone(),this._target0=this._target.clone(),this._position0=this._camera.position.clone(),this._zoom0=this._zoom,this._focalOffset0=this._focalOffset.clone(),this._dollyControlCoord=new VM.Vector2,this.mouseButtons={left:bM.ROTATE,middle:bM.DOLLY,right:bM.TRUCK,wheel:MM(this._camera)?bM.DOLLY:TM(this._camera)?bM.ZOOM:bM.NONE},this.touches={one:bM.TOUCH_ROTATE,two:MM(this._camera)?bM.TOUCH_DOLLY_TRUCK:TM(this._camera)?bM.TOUCH_ZOOM_TRUCK:bM.NONE,three:bM.TOUCH_TRUCK};const n=new VM.Vector2,i=new VM.Vector2,r=new VM.Vector2,o=t=>{if(!this._enabled||!this._domElement)return;if(0!==this._interactiveArea.left||0!==this._interactiveArea.top||1!==this._interactiveArea.width||1!==this._interactiveArea.height){const e=this._domElement.getBoundingClientRect(),n=t.clientX/e.width,i=t.clientY/e.height;if(n<this._interactiveArea.left||n>this._interactiveArea.right||i<this._interactiveArea.top||i>this._interactiveArea.bottom)return}const e="mouse"!==t.pointerType?null:(t.buttons&vM)===vM?vM:(t.buttons&yM)===yM?yM:(t.buttons&_M)===_M?_M:null;if(null!==e){const t=this._findPointerByMouseButton(e);t&&this._disposePointer(t)}if((t.buttons&vM)===vM&&this._lockedPointer)return;const n={pointerId:t.pointerId,clientX:t.clientX,clientY:t.clientY,deltaX:0,deltaY:0,mouseButton:e};this._activePointers.push(n),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.ownerDocument.addEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.addEventListener("pointerup",a),this._isDragging=!0,u(t)},s=t=>{t.cancelable&&t.preventDefault();const e=t.pointerId,n=this._lockedPointer||this._findPointerById(e);if(n){if(n.clientX=t.clientX,n.clientY=t.clientY,n.deltaX=t.movementX,n.deltaY=t.movementY,this._state=0,"touch"===t.pointerType)switch(this._activePointers.length){case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else(!this._isDragging&&this._lockedPointer||this._isDragging&&(t.buttons&vM)===vM)&&(this._state=this._state|this.mouseButtons.left),this._isDragging&&(t.buttons&yM)===yM&&(this._state=this._state|this.mouseButtons.middle),this._isDragging&&(t.buttons&_M)===_M&&(this._state=this._state|this.mouseButtons.right);d()}},a=t=>{const e=this._findPointerById(t.pointerId);if(!e||e!==this._lockedPointer){if(e&&this._disposePointer(e),"touch"===t.pointerType)switch(this._activePointers.length){case 0:this._state=bM.NONE;break;case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else this._state=bM.NONE;p()}};let l=-1;const c=t=>{if(!this._domElement)return;if(!this._enabled||this.mouseButtons.wheel===bM.NONE)return;if(0!==this._interactiveArea.left||0!==this._interactiveArea.top||1!==this._interactiveArea.width||1!==this._interactiveArea.height){const e=this._domElement.getBoundingClientRect(),n=t.clientX/e.width,i=t.clientY/e.height;if(n<this._interactiveArea.left||n>this._interactiveArea.right||i<this._interactiveArea.top||i>this._interactiveArea.bottom)return}if(t.preventDefault(),this.dollyToCursor||this.mouseButtons.wheel===bM.ROTATE||this.mouseButtons.wheel===bM.TRUCK){const t=performance.now();l-t<1e3&&this._getClientRect(this._elementRect),l=t}const e=WM?-1:-3,n=1===t.deltaMode||t.ctrlKey?t.deltaY/e:t.deltaY/(10*e),i=this.dollyToCursor?(t.clientX-this._elementRect.x)/this._elementRect.width*2-1:0,r=this.dollyToCursor?(t.clientY-this._elementRect.y)/this._elementRect.height*-2+1:0;switch(this.mouseButtons.wheel){case bM.ROTATE:this._rotateInternal(t.deltaX,t.deltaY),this._isUserControllingRotate=!0;break;case bM.TRUCK:this._truckInternal(t.deltaX,t.deltaY,!1,!1),this._isUserControllingTruck=!0;break;case bM.SCREEN_PAN:this._truckInternal(t.deltaX,t.deltaY,!1,!0),this._isUserControllingTruck=!0;break;case bM.OFFSET:this._truckInternal(t.deltaX,t.deltaY,!0,!1),this._isUserControllingOffset=!0;break;case bM.DOLLY:this._dollyInternal(-n,i,r),this._isUserControllingDolly=!0;break;case bM.ZOOM:this._zoomInternal(-n,i,r),this._isUserControllingZoom=!0}this.dispatchEvent({type:"control"})},h=t=>{if(this._domElement&&this._enabled){if(this.mouseButtons.right===dT.ACTION.NONE){const e=t instanceof PointerEvent?t.pointerId:0,n=this._findPointerById(e);return n&&this._disposePointer(n),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),void this._domElement.ownerDocument.removeEventListener("pointerup",a)}t.preventDefault()}},u=t=>{if(!this._enabled)return;NM(this._activePointers,$M),this._getClientRect(this._elementRect),n.copy($M),i.copy($M);if(this._activePointers.length>=2){const t=$M.x-this._activePointers[1].clientX,e=$M.y-this._activePointers[1].clientY,n=Math.sqrt(t*t+e*e);r.set(0,n);const o=.5*(this._activePointers[0].clientX+this._activePointers[1].clientX),s=.5*(this._activePointers[0].clientY+this._activePointers[1].clientY);i.set(o,s)}if(this._state=0,t)if("pointerType"in t&&"touch"===t.pointerType)switch(this._activePointers.length){case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else this._lockedPointer||(t.buttons&vM)!==vM||(this._state=this._state|this.mouseButtons.left),(t.buttons&yM)===yM&&(this._state=this._state|this.mouseButtons.middle),(t.buttons&_M)===_M&&(this._state=this._state|this.mouseButtons.right);else this._lockedPointer&&(this._state=this._state|this.mouseButtons.left);(this._state&bM.ROTATE)!==bM.ROTATE&&(this._state&bM.TOUCH_ROTATE)!==bM.TOUCH_ROTATE&&(this._state&bM.TOUCH_DOLLY_ROTATE)!==bM.TOUCH_DOLLY_ROTATE&&(this._state&bM.TOUCH_ZOOM_ROTATE)!==bM.TOUCH_ZOOM_ROTATE||(this._sphericalEnd.theta=this._spherical.theta,this._sphericalEnd.phi=this._spherical.phi,this._thetaVelocity.value=0,this._phiVelocity.value=0),(this._state&bM.TRUCK)!==bM.TRUCK&&(this._state&bM.SCREEN_PAN)!==bM.SCREEN_PAN&&(this._state&bM.TOUCH_TRUCK)!==bM.TOUCH_TRUCK&&(this._state&bM.TOUCH_SCREEN_PAN)!==bM.TOUCH_SCREEN_PAN&&(this._state&bM.TOUCH_DOLLY_TRUCK)!==bM.TOUCH_DOLLY_TRUCK&&(this._state&bM.TOUCH_DOLLY_SCREEN_PAN)!==bM.TOUCH_DOLLY_SCREEN_PAN&&(this._state&bM.TOUCH_ZOOM_TRUCK)!==bM.TOUCH_ZOOM_TRUCK&&(this._state&bM.TOUCH_ZOOM_SCREEN_PAN)!==bM.TOUCH_DOLLY_SCREEN_PAN||(this._targetEnd.copy(this._target),this._targetVelocity.set(0,0,0)),(this._state&bM.DOLLY)!==bM.DOLLY&&(this._state&bM.TOUCH_DOLLY)!==bM.TOUCH_DOLLY&&(this._state&bM.TOUCH_DOLLY_TRUCK)!==bM.TOUCH_DOLLY_TRUCK&&(this._state&bM.TOUCH_DOLLY_SCREEN_PAN)!==bM.TOUCH_DOLLY_SCREEN_PAN&&(this._state&bM.TOUCH_DOLLY_OFFSET)!==bM.TOUCH_DOLLY_OFFSET&&(this._state&bM.TOUCH_DOLLY_ROTATE)!==bM.TOUCH_DOLLY_ROTATE||(this._sphericalEnd.radius=this._spherical.radius,this._radiusVelocity.value=0),(this._state&bM.ZOOM)!==bM.ZOOM&&(this._state&bM.TOUCH_ZOOM)!==bM.TOUCH_ZOOM&&(this._state&bM.TOUCH_ZOOM_TRUCK)!==bM.TOUCH_ZOOM_TRUCK&&(this._state&bM.TOUCH_ZOOM_SCREEN_PAN)!==bM.TOUCH_ZOOM_SCREEN_PAN&&(this._state&bM.TOUCH_ZOOM_OFFSET)!==bM.TOUCH_ZOOM_OFFSET&&(this._state&bM.TOUCH_ZOOM_ROTATE)!==bM.TOUCH_ZOOM_ROTATE||(this._zoomEnd=this._zoom,this._zoomVelocity.value=0),(this._state&bM.OFFSET)!==bM.OFFSET&&(this._state&bM.TOUCH_OFFSET)!==bM.TOUCH_OFFSET&&(this._state&bM.TOUCH_DOLLY_OFFSET)!==bM.TOUCH_DOLLY_OFFSET&&(this._state&bM.TOUCH_ZOOM_OFFSET)!==bM.TOUCH_ZOOM_OFFSET||(this._focalOffsetEnd.copy(this._focalOffset),this._focalOffsetVelocity.set(0,0,0)),this.dispatchEvent({type:"controlstart"})},d=()=>{if(!this._enabled||!this._dragNeedsUpdate)return;this._dragNeedsUpdate=!1,NM(this._activePointers,$M);const t=this._domElement&&this._domElement.ownerDocument.pointerLockElement===this._domElement?this._lockedPointer||this._activePointers[0]:null,e=t?-t.deltaX:i.x-$M.x,o=t?-t.deltaY:i.y-$M.y;if(i.copy($M),(this._state&bM.ROTATE)!==bM.ROTATE&&(this._state&bM.TOUCH_ROTATE)!==bM.TOUCH_ROTATE&&(this._state&bM.TOUCH_DOLLY_ROTATE)!==bM.TOUCH_DOLLY_ROTATE&&(this._state&bM.TOUCH_ZOOM_ROTATE)!==bM.TOUCH_ZOOM_ROTATE||(this._rotateInternal(e,o),this._isUserControllingRotate=!0),(this._state&bM.DOLLY)===bM.DOLLY||(this._state&bM.ZOOM)===bM.ZOOM){const t=this.dollyToCursor?(n.x-this._elementRect.x)/this._elementRect.width*2-1:0,e=this.dollyToCursor?(n.y-this._elementRect.y)/this._elementRect.height*-2+1:0,i=this.dollyDragInverted?-1:1;(this._state&bM.DOLLY)===bM.DOLLY?(this._dollyInternal(i*o*HM,t,e),this._isUserControllingDolly=!0):(this._zoomInternal(i*o*HM,t,e),this._isUserControllingZoom=!0)}if((this._state&bM.TOUCH_DOLLY)===bM.TOUCH_DOLLY||(this._state&bM.TOUCH_ZOOM)===bM.TOUCH_ZOOM||(this._state&bM.TOUCH_DOLLY_TRUCK)===bM.TOUCH_DOLLY_TRUCK||(this._state&bM.TOUCH_ZOOM_TRUCK)===bM.TOUCH_ZOOM_TRUCK||(this._state&bM.TOUCH_DOLLY_SCREEN_PAN)===bM.TOUCH_DOLLY_SCREEN_PAN||(this._state&bM.TOUCH_ZOOM_SCREEN_PAN)===bM.TOUCH_ZOOM_SCREEN_PAN||(this._state&bM.TOUCH_DOLLY_OFFSET)===bM.TOUCH_DOLLY_OFFSET||(this._state&bM.TOUCH_ZOOM_OFFSET)===bM.TOUCH_ZOOM_OFFSET||(this._state&bM.TOUCH_DOLLY_ROTATE)===bM.TOUCH_DOLLY_ROTATE||(this._state&bM.TOUCH_ZOOM_ROTATE)===bM.TOUCH_ZOOM_ROTATE){const t=$M.x-this._activePointers[1].clientX,e=$M.y-this._activePointers[1].clientY,n=Math.sqrt(t*t+e*e),o=r.y-n;r.set(0,n);const s=this.dollyToCursor?(i.x-this._elementRect.x)/this._elementRect.width*2-1:0,a=this.dollyToCursor?(i.y-this._elementRect.y)/this._elementRect.height*-2+1:0;(this._state&bM.TOUCH_DOLLY)===bM.TOUCH_DOLLY||(this._state&bM.TOUCH_DOLLY_ROTATE)===bM.TOUCH_DOLLY_ROTATE||(this._state&bM.TOUCH_DOLLY_TRUCK)===bM.TOUCH_DOLLY_TRUCK||(this._state&bM.TOUCH_DOLLY_SCREEN_PAN)===bM.TOUCH_DOLLY_SCREEN_PAN||(this._state&bM.TOUCH_DOLLY_OFFSET)===bM.TOUCH_DOLLY_OFFSET?(this._dollyInternal(o*HM,s,a),this._isUserControllingDolly=!0):(this._zoomInternal(o*HM,s,a),this._isUserControllingZoom=!0)}(this._state&bM.TRUCK)!==bM.TRUCK&&(this._state&bM.TOUCH_TRUCK)!==bM.TOUCH_TRUCK&&(this._state&bM.TOUCH_DOLLY_TRUCK)!==bM.TOUCH_DOLLY_TRUCK&&(this._state&bM.TOUCH_ZOOM_TRUCK)!==bM.TOUCH_ZOOM_TRUCK||(this._truckInternal(e,o,!1,!1),this._isUserControllingTruck=!0),(this._state&bM.SCREEN_PAN)!==bM.SCREEN_PAN&&(this._state&bM.TOUCH_SCREEN_PAN)!==bM.TOUCH_SCREEN_PAN&&(this._state&bM.TOUCH_DOLLY_SCREEN_PAN)!==bM.TOUCH_DOLLY_SCREEN_PAN&&(this._state&bM.TOUCH_ZOOM_SCREEN_PAN)!==bM.TOUCH_ZOOM_SCREEN_PAN||(this._truckInternal(e,o,!1,!0),this._isUserControllingTruck=!0),(this._state&bM.OFFSET)!==bM.OFFSET&&(this._state&bM.TOUCH_OFFSET)!==bM.TOUCH_OFFSET&&(this._state&bM.TOUCH_DOLLY_OFFSET)!==bM.TOUCH_DOLLY_OFFSET&&(this._state&bM.TOUCH_ZOOM_OFFSET)!==bM.TOUCH_ZOOM_OFFSET||(this._truckInternal(e,o,!0,!1),this._isUserControllingOffset=!0),this.dispatchEvent({type:"control"})},p=()=>{NM(this._activePointers,$M),i.copy($M),this._dragNeedsUpdate=!1,(0===this._activePointers.length||1===this._activePointers.length&&this._activePointers[0]===this._lockedPointer)&&(this._isDragging=!1),0===this._activePointers.length&&this._domElement&&(this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this.dispatchEvent({type:"controlend"}))};this.lockPointer=()=>{this._enabled&&this._domElement&&(this.cancel(),this._lockedPointer={pointerId:-1,clientX:0,clientY:0,deltaX:0,deltaY:0,mouseButton:null},this._activePointers.push(this._lockedPointer),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.requestPointerLock(),this._domElement.ownerDocument.addEventListener("pointerlockchange",f),this._domElement.ownerDocument.addEventListener("pointerlockerror",m),this._domElement.ownerDocument.addEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.addEventListener("pointerup",a),u())},this.unlockPointer=()=>{var t,e,n;null!==this._lockedPointer&&(this._disposePointer(this._lockedPointer),this._lockedPointer=null),null===(t=this._domElement)||void 0===t||t.ownerDocument.exitPointerLock(),null===(e=this._domElement)||void 0===e||e.ownerDocument.removeEventListener("pointerlockchange",f),null===(n=this._domElement)||void 0===n||n.ownerDocument.removeEventListener("pointerlockerror",m),this.cancel()};const f=()=>{this._domElement&&this._domElement.ownerDocument.pointerLockElement===this._domElement||this.unlockPointer()},m=()=>{this.unlockPointer()};this._addAllEventListeners=t=>{this._domElement=t,this._domElement.style.touchAction="none",this._domElement.style.userSelect="none",this._domElement.style.webkitUserSelect="none",this._domElement.addEventListener("pointerdown",o),this._domElement.addEventListener("pointercancel",a),this._domElement.addEventListener("wheel",c,{passive:!1}),this._domElement.addEventListener("contextmenu",h)},this._removeAllEventListeners=()=>{this._domElement&&(this._domElement.style.touchAction="",this._domElement.style.userSelect="",this._domElement.style.webkitUserSelect="",this._domElement.removeEventListener("pointerdown",o),this._domElement.removeEventListener("pointercancel",a),this._domElement.removeEventListener("wheel",c,{passive:!1}),this._domElement.removeEventListener("contextmenu",h),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.ownerDocument.removeEventListener("pointerlockchange",f),this._domElement.ownerDocument.removeEventListener("pointerlockerror",m))},this.cancel=()=>{this._state!==bM.NONE&&(this._state=bM.NONE,this._activePointers.length=0,p())},e&&this.connect(e),this.update(0)}get camera(){return this._camera}set camera(t){this._camera=t,this.updateCameraUp(),this._camera.updateProjectionMatrix(),this._updateNearPlaneCorners(),this._needsUpdate=!0}get enabled(){return this._enabled}set enabled(t){this._enabled=t,this._domElement&&(t?(this._domElement.style.touchAction="none",this._domElement.style.userSelect="none",this._domElement.style.webkitUserSelect="none"):(this.cancel(),this._domElement.style.touchAction="",this._domElement.style.userSelect="",this._domElement.style.webkitUserSelect=""))}get active(){return!this._hasRested}get currentAction(){return this._state}get distance(){return this._spherical.radius}set distance(t){this._spherical.radius===t&&this._sphericalEnd.radius===t||(this._spherical.radius=t,this._sphericalEnd.radius=t,this._needsUpdate=!0)}get azimuthAngle(){return this._spherical.theta}set azimuthAngle(t){this._spherical.theta===t&&this._sphericalEnd.theta===t||(this._spherical.theta=t,this._sphericalEnd.theta=t,this._needsUpdate=!0)}get polarAngle(){return this._spherical.phi}set polarAngle(t){this._spherical.phi===t&&this._sphericalEnd.phi===t||(this._spherical.phi=t,this._sphericalEnd.phi=t,this._needsUpdate=!0)}get boundaryEnclosesCamera(){return this._boundaryEnclosesCamera}set boundaryEnclosesCamera(t){this._boundaryEnclosesCamera=t,this._needsUpdate=!0}set interactiveArea(t){this._interactiveArea.width=RM(t.width,0,1),this._interactiveArea.height=RM(t.height,0,1),this._interactiveArea.x=RM(t.x,0,1-this._interactiveArea.width),this._interactiveArea.y=RM(t.y,0,1-this._interactiveArea.height)}addEventListener(t,e){super.addEventListener(t,e)}removeEventListener(t,e){super.removeEventListener(t,e)}rotate(t,e,n=!1){return this.rotateTo(this._sphericalEnd.theta+t,this._sphericalEnd.phi+e,n)}rotateAzimuthTo(t,e=!1){return this.rotateTo(t,this._sphericalEnd.phi,e)}rotatePolarTo(t,e=!1){return this.rotateTo(this._sphericalEnd.theta,t,e)}rotateTo(t,e,n=!1){this._isUserControllingRotate=!1;const i=RM(t,this.minAzimuthAngle,this.maxAzimuthAngle),r=RM(e,this.minPolarAngle,this.maxPolarAngle);this._sphericalEnd.theta=i,this._sphericalEnd.phi=r,this._sphericalEnd.makeSafe(),this._needsUpdate=!0,n||(this._spherical.theta=this._sphericalEnd.theta,this._spherical.phi=this._sphericalEnd.phi);const o=!n||LM(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&LM(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold);return this._createOnRestPromise(o)}dolly(t,e=!1){return this.dollyTo(this._sphericalEnd.radius-t,e)}dollyTo(t,e=!1){return this._isUserControllingDolly=!1,this._lastDollyDirection=xM,this._changedDolly=0,this._dollyToNoClamp(RM(t,this.minDistance,this.maxDistance),e)}_dollyToNoClamp(t,e=!1){const n=this._sphericalEnd.radius;if(this.colliderMeshes.length>=1){const e=this._collisionTest(),i=LM(e,this._spherical.radius);if(!(n>t)&&i)return Promise.resolve();this._sphericalEnd.radius=Math.min(t,e)}else this._sphericalEnd.radius=t;this._needsUpdate=!0,e||(this._spherical.radius=this._sphericalEnd.radius);const i=!e||LM(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(i)}dollyInFixed(t,e=!1){this._targetEnd.add(this._getCameraDirection(KM).multiplyScalar(t)),e||this._target.copy(this._targetEnd);const n=!e||LM(this._target.x,this._targetEnd.x,this.restThreshold)&&LM(this._target.y,this._targetEnd.y,this.restThreshold)&&LM(this._target.z,this._targetEnd.z,this.restThreshold);return this._createOnRestPromise(n)}zoom(t,e=!1){return this.zoomTo(this._zoomEnd+t,e)}zoomTo(t,e=!1){this._isUserControllingZoom=!1,this._zoomEnd=RM(t,this.minZoom,this.maxZoom),this._needsUpdate=!0,e||(this._zoom=this._zoomEnd);const n=!e||LM(this._zoom,this._zoomEnd,this.restThreshold);return this._changedZoom=0,this._createOnRestPromise(n)}pan(t,e,n=!1){return console.warn("`pan` has been renamed to `truck`"),this.truck(t,e,n)}truck(t,e,n=!1){this._camera.updateMatrix(),JM.setFromMatrixColumn(this._camera.matrix,0),QM.setFromMatrixColumn(this._camera.matrix,1),JM.multiplyScalar(t),QM.multiplyScalar(-e);const i=YM.copy(JM).add(QM),r=qM.copy(this._targetEnd).add(i);return this.moveTo(r.x,r.y,r.z,n)}forward(t,e=!1){YM.setFromMatrixColumn(this._camera.matrix,0),YM.crossVectors(this._camera.up,YM),YM.multiplyScalar(t);const n=qM.copy(this._targetEnd).add(YM);return this.moveTo(n.x,n.y,n.z,e)}elevate(t,e=!1){return YM.copy(this._camera.up).multiplyScalar(t),this.moveTo(this._targetEnd.x+YM.x,this._targetEnd.y+YM.y,this._targetEnd.z+YM.z,e)}moveTo(t,e,n,i=!1){this._isUserControllingTruck=!1;const r=YM.set(t,e,n).sub(this._targetEnd);this._encloseToBoundary(this._targetEnd,r,this.boundaryFriction),this._needsUpdate=!0,i||this._target.copy(this._targetEnd);const o=!i||LM(this._target.x,this._targetEnd.x,this.restThreshold)&&LM(this._target.y,this._targetEnd.y,this.restThreshold)&&LM(this._target.z,this._targetEnd.z,this.restThreshold);return this._createOnRestPromise(o)}lookInDirectionOf(t,e,n,i=!1){const r=YM.set(t,e,n).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);return this.setPosition(r.x,r.y,r.z,i)}fitToBox(t,e,{cover:n=!1,paddingLeft:i=0,paddingRight:r=0,paddingBottom:o=0,paddingTop:s=0}={}){const a=[],l=t.isBox3?oT.copy(t):oT.setFromObject(t);l.isEmpty()&&(console.warn("camera-controls: fitTo() cannot be used with an empty box. Aborting"),Promise.resolve());const c=IM(this._sphericalEnd.theta,EM),h=IM(this._sphericalEnd.phi,EM);a.push(this.rotateTo(c,h,e));const u=YM.setFromSpherical(this._sphericalEnd).normalize(),d=lT.setFromUnitVectors(u,XM),p=LM(Math.abs(u.y),1);p&&d.multiply(cT.setFromAxisAngle(jM,c)),d.multiply(this._yAxisUpSpaceInverse);const f=sT.makeEmpty();qM.copy(l.min).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.min).setX(l.max.x).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.min).setY(l.max.y).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.max).setZ(l.min.z).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.min).setZ(l.max.z).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.max).setY(l.min.y).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.max).setX(l.min.x).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.max).applyQuaternion(d),f.expandByPoint(qM),f.min.x-=i,f.min.y-=o,f.max.x+=r,f.max.y+=s,d.setFromUnitVectors(XM,u),p&&d.premultiply(cT.invert()),d.premultiply(this._yAxisUpSpace);const m=f.getSize(YM),g=f.getCenter(qM).applyQuaternion(d);if(MM(this._camera)){const t=this.getDistanceToFitBox(m.x,m.y,m.z,n);a.push(this.moveTo(g.x,g.y,g.z,e)),a.push(this.dollyTo(t,e)),a.push(this.setFocalOffset(0,0,0,e))}else if(TM(this._camera)){const t=this._camera,i=t.right-t.left,r=t.top-t.bottom,o=n?Math.max(i/m.x,r/m.y):Math.min(i/m.x,r/m.y);a.push(this.moveTo(g.x,g.y,g.z,e)),a.push(this.zoomTo(o,e)),a.push(this.setFocalOffset(0,0,0,e))}return Promise.all(a)}fitToSphere(t,e){const n=[],i="isObject3D"in t?dT.createBoundingSphere(t,aT):aT.copy(t);if(n.push(this.moveTo(i.center.x,i.center.y,i.center.z,e)),MM(this._camera)){const t=this.getDistanceToFitSphere(i.radius);n.push(this.dollyTo(t,e))}else if(TM(this._camera)){const t=this._camera.right-this._camera.left,r=this._camera.top-this._camera.bottom,o=2*i.radius,s=Math.min(t/o,r/o);n.push(this.zoomTo(s,e))}return n.push(this.setFocalOffset(0,0,0,e)),Promise.all(n)}setLookAt(t,e,n,i,r,o,s=!1){this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._lastDollyDirection=xM,this._changedDolly=0;const a=qM.set(i,r,o),l=YM.set(t,e,n);this._targetEnd.copy(a),this._sphericalEnd.setFromVector3(l.sub(a).applyQuaternion(this._yAxisUpSpace)),this.normalizeRotations(),this._needsUpdate=!0,s||(this._target.copy(this._targetEnd),this._spherical.copy(this._sphericalEnd));const c=!s||LM(this._target.x,this._targetEnd.x,this.restThreshold)&&LM(this._target.y,this._targetEnd.y,this.restThreshold)&&LM(this._target.z,this._targetEnd.z,this.restThreshold)&&LM(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&LM(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold)&&LM(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(c)}lerpLookAt(t,e,n,i,r,o,s,a,l,c,h,u,d,p=!1){this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._lastDollyDirection=xM,this._changedDolly=0;const f=YM.set(i,r,o),m=qM.set(t,e,n);iT.setFromVector3(m.sub(f).applyQuaternion(this._yAxisUpSpace));const g=ZM.set(c,h,u),v=qM.set(s,a,l);rT.setFromVector3(v.sub(g).applyQuaternion(this._yAxisUpSpace)),this._targetEnd.copy(f.lerp(g,d));const _=rT.theta-iT.theta,y=rT.phi-iT.phi,b=rT.radius-iT.radius;this._sphericalEnd.set(iT.radius+b*d,iT.phi+y*d,iT.theta+_*d),this.normalizeRotations(),this._needsUpdate=!0,p||(this._target.copy(this._targetEnd),this._spherical.copy(this._sphericalEnd));const x=!p||LM(this._target.x,this._targetEnd.x,this.restThreshold)&&LM(this._target.y,this._targetEnd.y,this.restThreshold)&&LM(this._target.z,this._targetEnd.z,this.restThreshold)&&LM(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&LM(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold)&&LM(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(x)}setPosition(t,e,n,i=!1){return this.setLookAt(t,e,n,this._targetEnd.x,this._targetEnd.y,this._targetEnd.z,i)}setTarget(t,e,n,i=!1){const r=this.getPosition(YM),o=this.setLookAt(r.x,r.y,r.z,t,e,n,i);return this._sphericalEnd.phi=RM(this._sphericalEnd.phi,this.minPolarAngle,this.maxPolarAngle),o}setFocalOffset(t,e,n,i=!1){this._isUserControllingOffset=!1,this._focalOffsetEnd.set(t,e,n),this._needsUpdate=!0,i||this._focalOffset.copy(this._focalOffsetEnd);const r=!i||LM(this._focalOffset.x,this._focalOffsetEnd.x,this.restThreshold)&&LM(this._focalOffset.y,this._focalOffsetEnd.y,this.restThreshold)&&LM(this._focalOffset.z,this._focalOffsetEnd.z,this.restThreshold);return this._createOnRestPromise(r)}setOrbitPoint(t,e,n){this._camera.updateMatrixWorld(),JM.setFromMatrixColumn(this._camera.matrixWorldInverse,0),QM.setFromMatrixColumn(this._camera.matrixWorldInverse,1),tT.setFromMatrixColumn(this._camera.matrixWorldInverse,2);const i=YM.set(t,e,n),r=i.distanceTo(this._camera.position),o=i.sub(this._camera.position);JM.multiplyScalar(o.x),QM.multiplyScalar(o.y),tT.multiplyScalar(o.z),YM.copy(JM).add(QM).add(tT),YM.z=YM.z+r,this.dollyTo(r,!1),this.setFocalOffset(-YM.x,YM.y,-YM.z,!1),this.moveTo(t,e,n,!1)}setBoundary(t){if(!t)return this._boundary.min.set(-1/0,-1/0,-1/0),this._boundary.max.set(1/0,1/0,1/0),void(this._needsUpdate=!0);this._boundary.copy(t),this._boundary.clampPoint(this._targetEnd,this._targetEnd),this._needsUpdate=!0}setViewport(t,e,n,i){null!==t?(this._viewport=this._viewport||new VM.Vector4,"number"==typeof t?this._viewport.set(t,e,n,i):this._viewport.copy(t)):this._viewport=null}getDistanceToFitBox(t,e,n,i=!1){if(BM(this._camera,"getDistanceToFitBox"))return this._spherical.radius;const r=t/e,o=this._camera.getEffectiveFOV()*CM,s=this._camera.aspect;return.5*((i?r>s:r<s)?e:t/s)/Math.tan(.5*o)+.5*n}getDistanceToFitSphere(t){if(BM(this._camera,"getDistanceToFitSphere"))return this._spherical.radius;const e=this._camera.getEffectiveFOV()*CM,n=2*Math.atan(Math.tan(.5*e)*this._camera.aspect),i=1<this._camera.aspect?e:n;return t/Math.sin(.5*i)}getTarget(t,e=!0){return(t&&t.isVector3?t:new VM.Vector3).copy(e?this._targetEnd:this._target)}getPosition(t,e=!0){return(t&&t.isVector3?t:new VM.Vector3).setFromSpherical(e?this._sphericalEnd:this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(e?this._targetEnd:this._target)}getSpherical(t,e=!0){return(t||new VM.Spherical).copy(e?this._sphericalEnd:this._spherical)}getFocalOffset(t,e=!0){return(t&&t.isVector3?t:new VM.Vector3).copy(e?this._focalOffsetEnd:this._focalOffset)}normalizeRotations(){this._sphericalEnd.theta=this._sphericalEnd.theta%AM,this._sphericalEnd.theta<0&&(this._sphericalEnd.theta+=AM),this._spherical.theta+=AM*Math.round((this._sphericalEnd.theta-this._spherical.theta)/AM)}stop(){this._focalOffset.copy(this._focalOffsetEnd),this._target.copy(this._targetEnd),this._spherical.copy(this._sphericalEnd),this._zoom=this._zoomEnd}reset(t=!1){if(!LM(this._camera.up.x,this._cameraUp0.x)||!LM(this._camera.up.y,this._cameraUp0.y)||!LM(this._camera.up.z,this._cameraUp0.z)){this._camera.up.copy(this._cameraUp0);const t=this.getPosition(YM);this.updateCameraUp(),this.setPosition(t.x,t.y,t.z)}const e=[this.setLookAt(this._position0.x,this._position0.y,this._position0.z,this._target0.x,this._target0.y,this._target0.z,t),this.setFocalOffset(this._focalOffset0.x,this._focalOffset0.y,this._focalOffset0.z,t),this.zoomTo(this._zoom0,t)];return Promise.all(e)}saveState(){this._cameraUp0.copy(this._camera.up),this.getTarget(this._target0),this.getPosition(this._position0),this._zoom0=this._zoom,this._focalOffset0.copy(this._focalOffset)}updateCameraUp(){this._yAxisUpSpace.setFromUnitVectors(this._camera.up,jM),this._yAxisUpSpaceInverse.copy(this._yAxisUpSpace).invert()}applyCameraUp(){const t=YM.subVectors(this._target,this._camera.position).normalize(),e=qM.crossVectors(t,this._camera.up);this._camera.up.crossVectors(e,t).normalize(),this._camera.updateMatrixWorld();const n=this.getPosition(YM);this.updateCameraUp(),this.setPosition(n.x,n.y,n.z)}update(t){const e=this._sphericalEnd.theta-this._spherical.theta,n=this._sphericalEnd.phi-this._spherical.phi,i=this._sphericalEnd.radius-this._spherical.radius,r=eT.subVectors(this._targetEnd,this._target),o=nT.subVectors(this._focalOffsetEnd,this._focalOffset),s=this._zoomEnd-this._zoom;if(PM(e))this._thetaVelocity.value=0,this._spherical.theta=this._sphericalEnd.theta;else{const e=this._isUserControllingRotate?this.draggingSmoothTime:this.smoothTime;this._spherical.theta=UM(this._spherical.theta,this._sphericalEnd.theta,this._thetaVelocity,e,1/0,t),this._needsUpdate=!0}if(PM(n))this._phiVelocity.value=0,this._spherical.phi=this._sphericalEnd.phi;else{const e=this._isUserControllingRotate?this.draggingSmoothTime:this.smoothTime;this._spherical.phi=UM(this._spherical.phi,this._sphericalEnd.phi,this._phiVelocity,e,1/0,t),this._needsUpdate=!0}if(PM(i))this._radiusVelocity.value=0,this._spherical.radius=this._sphericalEnd.radius;else{const e=this._isUserControllingDolly?this.draggingSmoothTime:this.smoothTime;this._spherical.radius=UM(this._spherical.radius,this._sphericalEnd.radius,this._radiusVelocity,e,this.maxSpeed,t),this._needsUpdate=!0}if(PM(r.x)&&PM(r.y)&&PM(r.z))this._targetVelocity.set(0,0,0),this._target.copy(this._targetEnd);else{const e=this._isUserControllingTruck?this.draggingSmoothTime:this.smoothTime;DM(this._target,this._targetEnd,this._targetVelocity,e,this.maxSpeed,t,this._target),this._needsUpdate=!0}if(PM(o.x)&&PM(o.y)&&PM(o.z))this._focalOffsetVelocity.set(0,0,0),this._focalOffset.copy(this._focalOffsetEnd);else{const e=this._isUserControllingOffset?this.draggingSmoothTime:this.smoothTime;DM(this._focalOffset,this._focalOffsetEnd,this._focalOffsetVelocity,e,this.maxSpeed,t,this._focalOffset),this._needsUpdate=!0}if(PM(s))this._zoomVelocity.value=0,this._zoom=this._zoomEnd;else{const e=this._isUserControllingZoom?this.draggingSmoothTime:this.smoothTime;this._zoom=UM(this._zoom,this._zoomEnd,this._zoomVelocity,e,1/0,t)}if(this.dollyToCursor)if(MM(this._camera)&&0!==this._changedDolly){const t=this._spherical.radius-this._lastDistance,e=this._camera,n=this._getCameraDirection(KM),i=YM.copy(n).cross(e.up).normalize();0===i.lengthSq()&&(i.x=1);const r=qM.crossVectors(i,n),o=this._sphericalEnd.radius*Math.tan(e.getEffectiveFOV()*CM*.5),s=(this._sphericalEnd.radius-t-this._sphericalEnd.radius)/this._sphericalEnd.radius,a=ZM.copy(this._targetEnd).add(i.multiplyScalar(this._dollyControlCoord.x*o*e.aspect)).add(r.multiplyScalar(this._dollyControlCoord.y*o)),l=YM.copy(this._targetEnd).lerp(a,s),c=this._lastDollyDirection===SM&&this._spherical.radius<=this.minDistance,h=this._lastDollyDirection===wM&&this.maxDistance<=this._spherical.radius;if(this.infinityDolly&&(c||h)){this._sphericalEnd.radius-=t,this._spherical.radius-=t;const e=qM.copy(n).multiplyScalar(-t);l.add(e)}this._boundary.clampPoint(l,l);const u=qM.subVectors(l,this._targetEnd);this._targetEnd.copy(l),this._target.add(u),this._changedDolly-=t,PM(this._changedDolly)&&(this._changedDolly=0)}else if(TM(this._camera)&&0!==this._changedZoom){const t=this._zoom-this._lastZoom,e=this._camera,n=YM.set(this._dollyControlCoord.x,this._dollyControlCoord.y,(e.near+e.far)/(e.near-e.far)).unproject(e),i=qM.set(0,0,-1).applyQuaternion(e.quaternion),r=ZM.copy(n).add(i.multiplyScalar(-n.dot(e.up))),o=-(this._zoom-t-this._zoom)/this._zoom,s=this._getCameraDirection(KM),a=this._targetEnd.dot(s),l=YM.copy(this._targetEnd).lerp(r,o),c=l.dot(s),h=s.multiplyScalar(c-a);l.sub(h),this._boundary.clampPoint(l,l);const u=qM.subVectors(l,this._targetEnd);this._targetEnd.copy(l),this._target.add(u),this._changedZoom-=t,PM(this._changedZoom)&&(this._changedZoom=0)}this._camera.zoom!==this._zoom&&(this._camera.zoom=this._zoom,this._camera.updateProjectionMatrix(),this._updateNearPlaneCorners(),this._needsUpdate=!0),this._dragNeedsUpdate=!0;const a=this._collisionTest();this._spherical.radius=Math.min(this._spherical.radius,a),this._spherical.makeSafe(),this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target),this._camera.lookAt(this._target);(!PM(this._focalOffset.x)||!PM(this._focalOffset.y)||!PM(this._focalOffset.z))&&(JM.setFromMatrixColumn(this._camera.matrix,0),QM.setFromMatrixColumn(this._camera.matrix,1),tT.setFromMatrixColumn(this._camera.matrix,2),JM.multiplyScalar(this._focalOffset.x),QM.multiplyScalar(-this._focalOffset.y),tT.multiplyScalar(this._focalOffset.z),YM.copy(JM).add(QM).add(tT),this._camera.position.add(YM),this._camera.updateMatrixWorld()),this._boundaryEnclosesCamera&&this._encloseToBoundary(this._camera.position.copy(this._target),YM.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),1);const l=this._needsUpdate;return l&&!this._updatedLastTime?(this._hasRested=!1,this.dispatchEvent({type:"wake"}),this.dispatchEvent({type:"update"})):l?(this.dispatchEvent({type:"update"}),PM(e,this.restThreshold)&&PM(n,this.restThreshold)&&PM(i,this.restThreshold)&&PM(r.x,this.restThreshold)&&PM(r.y,this.restThreshold)&&PM(r.z,this.restThreshold)&&PM(o.x,this.restThreshold)&&PM(o.y,this.restThreshold)&&PM(o.z,this.restThreshold)&&PM(s,this.restThreshold)&&!this._hasRested&&(this._hasRested=!0,this.dispatchEvent({type:"rest"}))):!l&&this._updatedLastTime&&this.dispatchEvent({type:"sleep"}),this._lastDistance=this._spherical.radius,this._lastZoom=this._zoom,this._updatedLastTime=l,this._needsUpdate=!1,l}toJSON(){return JSON.stringify({enabled:this._enabled,minDistance:this.minDistance,maxDistance:OM(this.maxDistance),minZoom:this.minZoom,maxZoom:OM(this.maxZoom),minPolarAngle:this.minPolarAngle,maxPolarAngle:OM(this.maxPolarAngle),minAzimuthAngle:OM(this.minAzimuthAngle),maxAzimuthAngle:OM(this.maxAzimuthAngle),smoothTime:this.smoothTime,draggingSmoothTime:this.draggingSmoothTime,dollySpeed:this.dollySpeed,truckSpeed:this.truckSpeed,dollyToCursor:this.dollyToCursor,target:this._targetEnd.toArray(),position:YM.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),zoom:this._zoomEnd,focalOffset:this._focalOffsetEnd.toArray(),target0:this._target0.toArray(),position0:this._position0.toArray(),zoom0:this._zoom0,focalOffset0:this._focalOffset0.toArray()})}fromJSON(t,e=!1){const n=JSON.parse(t);this.enabled=n.enabled,this.minDistance=n.minDistance,this.maxDistance=kM(n.maxDistance),this.minZoom=n.minZoom,this.maxZoom=kM(n.maxZoom),this.minPolarAngle=n.minPolarAngle,this.maxPolarAngle=kM(n.maxPolarAngle),this.minAzimuthAngle=kM(n.minAzimuthAngle),this.maxAzimuthAngle=kM(n.maxAzimuthAngle),this.smoothTime=n.smoothTime,this.draggingSmoothTime=n.draggingSmoothTime,this.dollySpeed=n.dollySpeed,this.truckSpeed=n.truckSpeed,this.dollyToCursor=n.dollyToCursor,this._target0.fromArray(n.target0),this._position0.fromArray(n.position0),this._zoom0=n.zoom0,this._focalOffset0.fromArray(n.focalOffset0),this.moveTo(n.target[0],n.target[1],n.target[2],e),iT.setFromVector3(YM.fromArray(n.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)),this.rotateTo(iT.theta,iT.phi,e),this.dollyTo(iT.radius,e),this.zoomTo(n.zoom,e),this.setFocalOffset(n.focalOffset[0],n.focalOffset[1],n.focalOffset[2],e),this._needsUpdate=!0}connect(t){this._domElement?console.warn("camera-controls is already connected."):(t.setAttribute("data-camera-controls-version","2.10.1"),this._addAllEventListeners(t),this._getClientRect(this._elementRect))}disconnect(){this.cancel(),this._removeAllEventListeners(),this._domElement&&(this._domElement.removeAttribute("data-camera-controls-version"),this._domElement=void 0)}dispose(){this.removeAllEventListeners(),this.disconnect()}_getTargetDirection(t){return t.setFromSpherical(this._spherical).divideScalar(this._spherical.radius).applyQuaternion(this._yAxisUpSpaceInverse)}_getCameraDirection(t){return this._getTargetDirection(t).negate()}_findPointerById(t){return this._activePointers.find(e=>e.pointerId===t)}_findPointerByMouseButton(t){return this._activePointers.find(e=>e.mouseButton===t)}_disposePointer(t){this._activePointers.splice(this._activePointers.indexOf(t),1)}_encloseToBoundary(t,e,n){const i=e.lengthSq();if(0===i)return t;const r=qM.copy(e).add(t),o=this._boundary.clampPoint(r,ZM).sub(r),s=o.lengthSq();if(0===s)return t.add(e);if(s===i)return t;if(0===n)return t.add(e).add(o);{const i=1+n*s/e.dot(o);return t.add(qM.copy(e).multiplyScalar(i)).add(o.multiplyScalar(1-n))}}_updateNearPlaneCorners(){if(MM(this._camera)){const t=this._camera,e=t.near,n=t.getEffectiveFOV()*CM,i=Math.tan(.5*n)*e,r=i*t.aspect;this._nearPlaneCorners[0].set(-r,-i,0),this._nearPlaneCorners[1].set(r,-i,0),this._nearPlaneCorners[2].set(r,i,0),this._nearPlaneCorners[3].set(-r,i,0)}else if(TM(this._camera)){const t=this._camera,e=1/t.zoom,n=t.left*e,i=t.right*e,r=t.top*e,o=t.bottom*e;this._nearPlaneCorners[0].set(n,r,0),this._nearPlaneCorners[1].set(i,r,0),this._nearPlaneCorners[2].set(i,o,0),this._nearPlaneCorners[3].set(n,o,0)}}_collisionTest(){let t=1/0;if(!(this.colliderMeshes.length>=1))return t;if(BM(this._camera,"_collisionTest"))return t;const e=this._getTargetDirection(KM);hT.lookAt(GM,e,this._camera.up);for(let n=0;n<4;n++){const i=qM.copy(this._nearPlaneCorners[n]);i.applyMatrix4(hT);const r=ZM.addVectors(this._target,i);uT.set(r,e),uT.far=this._spherical.radius+1;const o=uT.intersectObjects(this.colliderMeshes);0!==o.length&&o[0].distance<t&&(t=o[0].distance)}return t}_getClientRect(t){if(!this._domElement)return;const e=this._domElement.getBoundingClientRect();return t.x=e.left,t.y=e.top,this._viewport?(t.x+=this._viewport.x,t.y+=e.height-this._viewport.w-this._viewport.y,t.width=this._viewport.z,t.height=this._viewport.w):(t.width=e.width,t.height=e.height),t}_createOnRestPromise(t){return t?Promise.resolve():(this._hasRested=!1,this.dispatchEvent({type:"transitionstart"}),new Promise(t=>{const e=()=>{this.removeEventListener("rest",e),t()};this.addEventListener("rest",e)}))}_addAllEventListeners(t){}_removeAllEventListeners(){}get dampingFactor(){return console.warn(".dampingFactor has been deprecated. use smoothTime (in seconds) instead."),0}set dampingFactor(t){console.warn(".dampingFactor has been deprecated. use smoothTime (in seconds) instead.")}get draggingDampingFactor(){return console.warn(".draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead."),0}set draggingDampingFactor(t){console.warn(".draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead.")}static createBoundingSphere(t,e=new VM.Sphere){const n=e,i=n.center;oT.makeEmpty(),t.traverseVisible(t=>{t.isMesh&&oT.expandByObject(t)}),oT.getCenter(i);let r=0;return t.traverseVisible(t=>{if(!t.isMesh)return;const e=t;if(!e.geometry)return;const n=e.geometry.clone();n.applyMatrix4(e.matrixWorld);const o=n.attributes.position;for(let t=0,e=o.count;t<e;t++)YM.fromBufferAttribute(o,t),r=Math.max(r,i.distanceToSquared(YM))}),n.radius=Math.sqrt(r),n}}let pT=Math.PI/180,fT=180/Math.PI,mT=t=>{let e=Qs.toHexString(t);return e=e.replace("#",""),e=parseInt(e,16),e},gT=t=>{let e=(t=>{let e=gi(t,t=>{let e=(t=>{let e=(t=>{let e=t.geometry;return{cs:e.boundingSphere.center,rd:e.boundingSphere.radius}})(t);return{xmin:e.cs.x-e.rd,xmax:e.cs.x+e.rd,ymin:e.cs.y-e.rd,ymax:e.cs.y+e.rd,zmin:e.cs.z-e.rd,zmax:e.cs.z+e.rd}})(t);return e});return{xmin:Lh(gi(e,"xmin")),xmax:Ih(gi(e,"xmax")),ymin:Lh(gi(e,"ymin")),ymax:Ih(gi(e,"ymax")),zmin:Lh(gi(e,"zmin")),zmax:Ih(gi(e,"zmax"))}})(t),n=e.xmax-e.xmin,i=e.ymax-e.ymin,r=e.zmax-e.zmin;return{cs:{x:(e.xmax+e.xmin)/2,y:(e.ymax+e.ymin)/2,z:(e.zmax+e.zmin)/2},rd:Ih([n,i,r])}};async function vT(t,e={}){io(t)||(t=[]);let n=st(e,"domPanel");Yr(n)||(n=document.body);let i=t=>{let e=0;if(Jr(t.innerWidth))e=t.innerWidth;else{if(!Jr(t.clientWidth))throw console.log("ele",t),new Error("can not get width from ele");e=t.clientWidth}let n=0;if(Jr(t.innerWidth))n=t.innerHeight;else{if(!Jr(t.clientWidth))throw console.log("ele",t),new Error("can not get height from ele");n=t.clientHeight}return{w:e,h:n}},r=i(n),o=r.w,s=r.h,a=st(e,"backgroundColor");Ae(a)||(a="#222");let l=st(e,"useHelperAxes");Kr(l)||(l=!0);let c=st(e,"helperAxesType");Fe(c)||(c=5),c=ze(c);let h=st(e,"useHelperGrid");Kr(h)||(h=!0);let u=st(e,"helperGridSize");Fe(u)||(u=5),u=ze(u);let d=st(e,"helperGridDivisions");Fe(d)||(d=50),d=ze(d);let p=st(e,"helperGridPosratZ");Fe(p)||(p=-1),p=ze(p);let f=st(e,"useLightAmbient");Kr(f)||(f=!0);let m=st(e,"lightAmbientColor");Ae(m)||(m="#999");let g=st(e,"useLightPoint");Kr(g)||(g=!1);let v=st(e,"lightPointPoss");io(v)||(v=[[5,5,5],[-5,5,5],[5,-5,5]]);let _=st(e,"lightPointColor");Ae(_)||(_="#fff");let y=st(e,"lightPointIntensity");Fe(y)||(y=100),y=ze(y);let b=st(e,"lightPointDistance");Fe(b)||(b=0),b=ze(b);let x=st(e,"lightPointDecay");Fe(x)||(x=2),x=ze(x);let S=st(e,"useLightDirection");Kr(S)||(S=!0);let w=st(e,"lightDirectionColor");Ae(w)||(w="#fff");let M=st(e,"lightDirectionIntensity");Fe(M)||(M=3),M=ze(M);let T=st(e,"lightDirectionPos");io(T)||(T=[10,10,10]);let A=st(e,"cameraType");"perspective"!==A&&"orthographic"!==A&&(A="perspective");let E=st(e,"cameraFov");Fe(E)||(E=30),E=ze(E);let C=st(e,"cameraNear");Fe(C)||(C=.1),C=ze(C);let R=st(e,"cameraFar");Fe(R)||(R=1e3),R=ze(R);let P=st(e,"cameraOrthographicRatio");Fe(P)||(P=.5),P=ze(P);let L=st(e,"cameraPos");io(L)||(L=[1,1.3,1]);let I=st(e,"labelColor");Ae(I)||(I="#fff");let O=st(e,"labelFontFamily");Ae(O)||(O="Microsoft JhengHei");let k=st(e,"labelFontSize");Ae(k)||(k="0.8rem");let U=st(e,"useAutoRotate");Kr(U)||(U=!1);let D=st(e,"autoRotateDir");"clockwise"!==D&&"counterclockwise"!==D&&(D="counterclockwise");let N=st(e,"autoRotateDeg");Fe(N)||(N=20),N=ze(N);let B=Pr(),F=new pw,z=new ty;z.background=new Jf(mT(a));let H=null;l&&(H=new aM(c),z.add(H));let W=null;if(h&&(W=new Zw(u,d),W.geometry.rotateX(.5*Math.PI),W.geometry.translate(0,0,p),z.add(W)),f){let t=new KS(mT(m));z.add(t)}if(g&&Me(v,t=>{let e=new YS(mT(_),y,b,x),n=st(t,0,0),i=st(t,1,0),r=st(t,2,0);e.position.set([n,i,r]),z.add(e)}),S){let t=new ZS(mT(w),M),e=st(T,0,0),n=st(T,1,0),i=st(T,2,0);t.position.set(e,n,i),z.add(t)}let V,G=(t,e)=>{let n=1;return e>0&&(n=t/e),n},j=G(o,s);if("perspective"===A)V=new Km(E,j,C,R);else if("orthographic"===A){V=new Mg(-P*j,P*j,P,-P,C,R)}{let t=st(L,0,0),e=st(L,1,0),n=st(L,2,0);V.position.set(t,e,n)}V.up.x=0,V.up.y=0,V.up.z=1;let X=new Z_({antialias:!0});X.setSize(o,s),n.appendChild(X.domElement);let $=new gM;$.setSize(o,s),$.domElement.style.position="absolute",$.domElement.style.top="0px",$.domElement.style.left="0px",n.appendChild($.domElement),dT.install({THREE:lM});let Y=new dT(V,$.domElement);Y.mouseButtons={left:dT.ACTION.ROTATE,middle:dT.ACTION.DOLLY,right:dT.ACTION.OFFSET,wheel:dT.ACTION.ZOOM},Y.touches={one:dT.ACTION.TOUCH_ROTATE,two:dT.ACTION.TOUCH_DOLLY_OFFSET,three:dT.ACTION.TOUCH_OFFSET};let q=[];await Bl(t,async t=>{let e=await(async(t,e,n={})=>{let i=st(n,"color",null);Ae(i)||(i="#fff");let r=st(n,"opacity",null);Jr(r)||(r=1);let o=r<1,s=new cM,a=await s.loadAsync(e,e=>{let n=e.loaded/e.total*100;t.emit("loading",n)}),l=new oS({color:mT(i),depthTest:!0,depthWrite:!0,transparent:o,opacity:r,side:2});return new Fm(a,l)})(B,t.url,{color:st(t,"color",""),opacity:st(t,"opacity",1)});e.name=t.name,q.push(e)}),console.log("meshs",q);let Z=new H_;Me(q,t=>{Z.add(t)}),z.add(Z),setTimeout(()=>{let t=gT(q),e=t.cs,n=1;t.rd>0&&(n=1/t.rd),Me(q,t=>{let i=t.geometry;i.translate(-e.x,-e.y,-e.z),i.scale(n,n,n);let r=document.createElement("div");r.className="label",r.textContent=t.name,r.style.color=I,r.style.fontFamily=O,r.style.fontSize=k;let o=new hM(r),s=t.geometry.boundingSphere.center;o.position.set(s.x,s.y,s.z),t.add(o)})},1);let K=()=>{try{X.render(z,V),$.render(z,V)}catch(t){console.log(t)}};K(),setTimeout(()=>{K()},100);let J=!1,Q=()=>{if(!J)try{let t=F.getDelta(),e=Y.update(t);if(U){let e=("clockwise"===D?1:-1)*N*pT*t;Y.azimuthAngle+=e}requestAnimationFrame(Q),e&&K()}catch(t){console.log(t)}};Q();return B.render=K,B.resize=()=>{let t=i(n);o=t.w,s=t.h,j=G(o,s),V.aspect=j,V.updateProjectionMatrix(),X.setSize(o,s),$.setSize(o,s),K()},B.dispose=()=>{let t=t=>{t.dispose();for(let e of Object.keys(t)){let n=t[e];n&&"object"==typeof n&&"minFilter"in n&&n.dispose()}};J=!0,Z.traverse(function(t){t.isMesh&&(t.geometry.dispose(),t.material.dispose())}),z.remove(Z),Z=null,l&&(z.remove(H),H.dispose(),H=null),h&&(z.remove(W),W.dispose(),W=null),z.traverse(e=>{if(e.isLight&&e.dispose(),e.isMesh)if(e.geometry.dispose(),e.material.isMaterial)t(e.material);else for(let n of e.material)t(n)}),qr(X.domElement),qr($.domElement),X.dispose(),X=null,$=null,F=null,Y=null,V=null,z=null},B.setUseAutoRotate=t=>{U=t},B.getMeshsInfor=()=>{let t=gi(q,t=>{let e={r:255*st(t,"material.color.r",0),g:255*st(t,"material.color.g",0),b:255*st(t,"material.color.b",0)},n=Qs.toRgbString(e),i=st(t,"material.opacity",1);return{name:t.name,visible:t.visible,color:n,opacity:i}});return t},B.setMeshVisible=(t,e)=>{if(!Hr(st(q,t)))return null;try{q[t].visible=e}catch(t){console.log(t)}},B.setMeshColor=(t,e)=>{if(!Hr(st(q,t)))return null;try{q[t].material.color.setHex(mT(e))}catch(t){console.log(t)}},B.setViewAngle=(t,e)=>{Rh(Y,"azimuthAngle",t*pT),Rh(Y,"polarAngle",e*pT)},B.getViewAngle=()=>{let t=st(Y,"azimuthAngle"),e=st(Y,"polarAngle");return{azimuthAngle:t*fT,polarAngle:e*fT}},B}const _T={directives:{domresize:Ir()},components:{},props:{options:{type:Object,default:()=>{}},width:{type:Number,default:400},height:{type:Number,default:400}},data:function(){return{ev:null}},beforeDestroy:function(){this.dispose()},computed:{changeOptions:function(){return this.plot(),""},widthInp:function(){let t=this.width,e=st(this,"options.width","");return Fe(e)&&(t=ze(e)),t},heightInp:function(){let t=this.height,e=st(this,"options.height","");return Fe(e)&&(t=ze(e)),t}},methods:{updatePanel:function(t){let e=this;if(null===e.ev)return;let n=st(e,"ev.resize");Lr(n)&&(n(),e.$emit("resize",t))},plot:function(){let t=this;(async function(){t.dispose(),await zl(()=>Yr(t.$refs.panel));let e=st(t,"options.items",[]),n={...t.options,domPanel:t.$refs.panel},i=await vT(e,n);i.on("loading",e=>{t.$emit("loading",e)}),t.ev=i,setTimeout(()=>{console.log("ev.getMeshsInfor()",i.getMeshsInfor())},1e3)})().catch(t=>{console.log(t)})},dispose:function(){let t=this;setTimeout(()=>{if(null===t.ev)return;Lr(st(t,"ev.dispose"))&&(t.ev.dispose(),t.ev=null)},1)}}};var yT=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:"display:inline-block; width:"+t.widthInp+"px; min-width:"+t.widthInp+"px; height:"+t.heightInp+"px; overflow-y:hidden;",attrs:{changeOptions:t.changeOptions}},[n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"panel",style:"position:relative; width:"+t.widthInp+"px; height:"+t.heightInp+"px;",on:{domresize:t.updatePanel}})])};yT._withStripped=!0;const bT={components:{demolink:Nl,WPlot3d:oo({render:yT,staticRenderFns:[]},function(t){t&&t("data-v-4be063f9_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPlot3d.vue"},media:void 0})},_T,"data-v-4be063f9",false,void 0,!1,ao,void 0,void 0)},props:{},data:function(){return{WPlot3d:{option1:{width:600,height:600,items:[{url:"./topo_surface.stl",name:"Surface",color:"#d65c5c",opacity:.9},{url:"./A.stl",name:"A",color:"#d6d65c",opacity:.9},{url:"./B.stl",name:"B",color:"#5cd65c",opacity:.9},{url:"./C.stl",name:"C",color:"#5cd6d6",opacity:.9},{url:"./D.stl",name:"D",color:"#5c5cd6",opacity:.9},{url:"./E.stl",name:"E",color:"#d65cd6",opacity:.9}]}}}},methods:{}};var xT=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-plot-3d",casename:"default"}}),t._v(" "),n("w-plot-3d",{attrs:{options:t.WPlot3d.option1}})],1)])])};xT._withStripped=!0;let ST=t=>{let e=Ft(t);return"2-d"===Ye(e,3)?e=Ze(e,3)+"2d":"3-d"===Ye(e,3)&&(e=Ze(e,3)+"3d"),e};const wT={components:{WListHorizontal:xo,AppZoneWPlot2d:ic,AppZoneWBar:wc,AppZoneWPie:Lc,AppZoneWRose:Fc,AppZoneWSetOne:Th,AppZoneWSetMulti:Ch,AppZoneWPlot3d:oo({render:xT,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-geo-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-plot-3d")])])}]},function(t){t&&t("data-v-65b3fbbe_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPlot3d.vue"},media:void 0})},bT,"data-v-65b3fbbe",false,void 0,!1,ao,void 0,void 0)},data:function(){return{kebabCaseFix:ST,cmpsL1:[{name:"2d",cmps:[{name:"basic",cmps:[{name:"WPlot2d"},{name:"WBar"},{name:"WPie"},{name:"WRose"}]},{name:"set",cmps:[{name:"WSetOne"},{name:"WSetMulti"}]}]}],indP1:null,cmpP1:null,cmpsL2:null,indP2:null,cmpP2:null,cmpsL3:null,indP3:null,cmpP3:null,cmpsL4:null,cmpPick:""}},mounted:function(){let t=this;t.indP1=0,t.indP2=0,t.indP3=0;let e=bi(location.href);t.viewPick(st(e,"cmp",""))},computed:{changeMenus:function(){let t=this;return t.modifyMenus(t.indP1,t.indP2,t.indP3),""},isNarrow:function(){return window.innerWidth<1e3}},methods:{modifyMenus:function(){let t=this,e="";setTimeout(()=>{t.cmpP1=st(t.cmpsL1,t.indP1,{}),t.cmpsL2=st(t.cmpP1,"cmps",[]);let n=st(t.cmpP1,"name","");n&&(e=n)},50),setTimeout(()=>{let n=st(t.cmpP1,"cmps",[]);t.cmpP2=st(n,t.indP2,{}),t.cmpsL3=st(t.cmpP2,"cmps",[]);let i=st(t.cmpP2,"name","");i&&(e=i)},100),setTimeout(()=>{let n=st(t.cmpP2,"cmps",[]);t.cmpP3=st(n,t.indP3,{}),t.cmpsL4=st(t.cmpP3,"cmps",[]);let i=st(t.cmpP3,"name","");i&&(e=i),t.cmpPick=e},150)},getInd:function(t,e){let n=-1;return Me(e,(e,i)=>{if(t.name===e.name)return n=i,!1}),n},viewPick:function(t){let e=this,n=ST(t),i="",r=[],o=t=>{Me(t,(t,e)=>{r.push(e);let s=st(t,"name",""),a=ST(s),l=st(t,"cmps",[]);r.join("."),a===n&&(i=JSON.parse(JSON.stringify(r))),l.length>0&&o(l),r.pop()})};o(e.cmpsL1),e.indP1=st(i,0,0),e.indP2=st(i,1,0),e.indP3=st(i,2,0)}}};var MT=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeMenus:t.changeMenus}},[t.isNarrow?t._e():[n("a",{staticClass:"github-corner",staticStyle:{position:"fixed",top:"0",right:"0",border:"0","z-index":"10000"},attrs:{href:"https://github.com/yuda-lyu/w-plot-vue","aria-label":"View source on GitHub",target:"_blank",rel:"noreferrer noopener"}},[n("svg",{staticStyle:{fill:"rgba(0,0,0,0.25)",color:"#fff",position:"absolute",top:"0",border:"0",right:"0"},attrs:{width:"80",height:"80",viewBox:"0 0 250 250","aria-hidden":"true"}},[n("path",{attrs:{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}}),n("path",{staticClass:"octo-arm",staticStyle:{"transform-origin":"130px 106px"},attrs:{d:"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",fill:"currentColor"}}),n("path",{staticClass:"octo-body",attrs:{d:"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",fill:"currentColor"}})])])],t._v(" "),n("div",{staticStyle:{background:"#f5f5f5"}},[t.cmpsL1&&t.cmpsL1.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("WListHorizontal",{attrs:{items:t.cmpsL1,itemActive:t.cmpP1,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP1=e},function(e){t.indP3=0,t.indP2=0,t.indP1=t.getInd(e,t.cmpsL1)}],"update:item-active":function(e){t.cmpP1=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e(),t._v(" "),t.cmpsL2&&t.cmpsL2.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("div",{staticStyle:{height:"3px",background:"#fff"}}),t._v(" "),n("WListHorizontal",{attrs:{items:t.cmpsL2,itemActive:t.cmpP2,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP2=e},function(e){t.indP3=0,t.indP2=t.getInd(e,t.cmpsL2)}],"update:item-active":function(e){t.cmpP2=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e(),t._v(" "),t.cmpsL3&&t.cmpsL3.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("div",{staticStyle:{height:"3px",background:"#fff"}}),t._v(" "),n("WListHorizontal",{attrs:{items:t.cmpsL3,itemActive:t.cmpP3,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP3=e},function(e){t.indP3=t.getInd(e,t.cmpsL3)}],"update:item-active":function(e){t.cmpP3=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e()]),t._v(" "),n("div",["WPlot2d"===t.cmpPick?n("AppZoneWPlot2d"):t._e(),t._v(" "),"WBar"===t.cmpPick?n("AppZoneWBar"):t._e(),t._v(" "),"WPie"===t.cmpPick?n("AppZoneWPie"):t._e(),t._v(" "),"WRose"===t.cmpPick?n("AppZoneWRose"):t._e(),t._v(" "),"WSetOne"===t.cmpPick?n("AppZoneWSetOne"):t._e(),t._v(" "),"WSetMulti"===t.cmpPick?n("AppZoneWSetMulti"):t._e(),t._v(" "),"WPlot3d"===t.cmpPick?n("AppZoneWPlot3d"):t._e()],1)],2)};MT._withStripped=!0;return oo({render:MT,staticRenderFns:[]},function(t){t&&t("data-v-5bde5125_0",{source:"\n.head1 {\n    padding: 0px 0px 20px 0px;\n    font-size: 2.5rem;\n}\n.bkh { /* 寬 */\n    padding:20px;\n}\n@media screen and (max-width:800px){ /* 中 */\n.bkh {\n        padding:10px;\n}\n}\n@media screen and (max-width:400px){ /* 窄 */\n.bkh {\n        padding:5px;\n}\n}\n.bk { /* 寬 */\n    display: inline-block;\n    vertical-align: top;\n    padding: 0px 80px 60px 0px;\n}\n@media screen and (max-width:1000px){ /* 中窄 */\n.bk {\n        display: block;\n        padding: 0px 0px 50px 0px;\n}\n}\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-106-7-w-plot-vue\\w-plot-vue\\src\\App.vue"],names:[],mappings:";AAkWA;IACA,yBAAA;IACA,iBAAA;AACA;AACA,OAAA,MAAA;IACA,YAAA;AACA;AACA,qCAAA,MAAA;AACA;QACA,YAAA;AACA;AACA;AACA,qCAAA,MAAA;AACA;QACA,WAAA;AACA;AACA;AACA,MAAA,MAAA;IACA,qBAAA;IACA,mBAAA;IACA,0BAAA;AACA;AACA,sCAAA,OAAA;AACA;QACA,cAAA;QACA,yBAAA;AACA;AACA",file:"App.vue",sourcesContent:["<template>\n    <div\n        style=\"\"\n        :changeMenus=\"changeMenus\"\n    >\n\n\n        <template v-if=\"!isNarrow\">\n            <a href=\"https://github.com/yuda-lyu/w-plot-vue\" class=\"github-corner\" style=\"position:fixed; top:0; right:0; border:0; z-index:10000;\" aria-label=\"View source on GitHub\" target=\"_blank\" rel=\"noreferrer noopener\">\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 250 250\" style=\"fill:rgba(0,0,0,0.25); color:#fff; position: absolute; top: 0; border: 0; right: 0;\" aria-hidden=\"true\"><path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path><path d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\" fill=\"currentColor\" style=\"transform-origin: 130px 106px;\" class=\"octo-arm\"></path><path d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\" fill=\"currentColor\" class=\"octo-body\"></path></svg>\n            </a>\n        </template>\n\n\n        <div style=\"background:#f5f5f5;\">\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL1 && cmpsL1.length>0\">\n                <WListHorizontal\n                    :items=\"cmpsL1\"\n                    :itemActive.sync=\"cmpP1\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=0;indP1=getInd(v,cmpsL1)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL2 && cmpsL2.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL2\"\n                    :itemActive.sync=\"cmpP2\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=getInd(v,cmpsL2)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL3 && cmpsL3.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL3\"\n                    :itemActive.sync=\"cmpP3\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=getInd(v,cmpsL3)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n        </div>\n\n\n        <div>\n\n            <AppZoneWPlot2d v-if=\"cmpPick==='WPlot2d'\"></AppZoneWPlot2d>\n\n            <AppZoneWBar v-if=\"cmpPick==='WBar'\"></AppZoneWBar>\n\n            <AppZoneWPie v-if=\"cmpPick==='WPie'\"></AppZoneWPie>\n\n            <AppZoneWRose v-if=\"cmpPick==='WRose'\"></AppZoneWRose>\n\n            <AppZoneWSetOne v-if=\"cmpPick==='WSetOne'\"></AppZoneWSetOne>\n\n            <AppZoneWSetMulti v-if=\"cmpPick==='WSetMulti'\"></AppZoneWSetMulti>\n\n            <AppZoneWPlot3d v-if=\"cmpPick==='WPlot3d'\"></AppZoneWPlot3d>\n\n        </div>\n\n\n    </div>\n</template>\n\n<script>\nimport get from 'lodash-es/get.js'\nimport kebabCase from 'lodash-es/kebabCase.js'\nimport each from 'lodash-es/each.js'\n// import cloneDeep from 'lodash-es/cloneDeep.js'\nimport strright from 'wsemi/src/strright.mjs'\nimport strdelright from 'wsemi/src/strdelright.mjs'\nimport urlParse from 'wsemi/src/urlParse.mjs'\nimport WListHorizontal from 'w-component-vue/src/components/WListHorizontal.vue'\nimport AppZoneWPlot2d from './AppZoneWPlot2d.vue'\nimport AppZoneWBar from './AppZoneWBar.vue'\nimport AppZoneWPie from './AppZoneWPie.vue'\nimport AppZoneWRose from './AppZoneWRose.vue'\nimport AppZoneWSetOne from './AppZoneWSetOne.vue'\nimport AppZoneWSetMulti from './AppZoneWSetMulti.vue'\nimport AppZoneWPlot3d from './AppZoneWPlot3d.vue'\n\n\nlet kebabCaseFix = (c) => {\n    let r = kebabCase(c)\n    if (strright(r, 3) === '2-d') {\n        r = strdelright(r, 3) + '2d'\n    }\n    else if (strright(r, 3) === '3-d') {\n        r = strdelright(r, 3) + '3d'\n    }\n    return r\n}\n\n\nexport default {\n    components: {\n        WListHorizontal,\n        AppZoneWPlot2d,\n        AppZoneWBar,\n        AppZoneWPie,\n        AppZoneWRose,\n        AppZoneWSetOne,\n        AppZoneWSetMulti,\n        AppZoneWPlot3d,\n    },\n    data: function() {\n        let cmps = [\n            {\n                name: '2d',\n                cmps: [\n                    {\n                        name: 'basic',\n                        cmps: [\n                            { name: 'WPlot2d', },\n                            { name: 'WBar', },\n                            { name: 'WPie', },\n                            { name: 'WRose', },\n                        ],\n                    },\n                    {\n                        name: 'set',\n                        cmps: [\n                            { name: 'WSetOne', },\n                            { name: 'WSetMulti', },\n                            // {\n                            //     name: 'VTest',\n                            //     cmps: [\n                            //         { name: 'VTest1', },\n                            //         { name: 'VTest2', },\n                            //         { name: 'VTest3', },\n                            //     ],\n                            // },\n                        ],\n                    },\n                ],\n            },\n            // {\n            //     name: '3d',\n            //     cmps: [\n            //         { name: 'WPlot3d', },\n            //     ],\n            // },\n        ]\n        return {\n            kebabCaseFix,\n\n            cmpsL1: cmps,\n            indP1: null,\n            cmpP1: null,\n\n            cmpsL2: null,\n            indP2: null,\n            cmpP2: null,\n\n            cmpsL3: null,\n            indP3: null,\n            cmpP3: null,\n\n            cmpsL4: null,\n\n            cmpPick: '',\n\n        }\n    },\n    mounted: function() {\n        let vo = this\n\n        //default\n        vo.indP1 = 0\n        vo.indP2 = 0\n        vo.indP3 = 0\n\n        //urlParse, http://localhost:8080/?cmp=w-set-multi\n        let p = urlParse(location.href)\n        // console.log('p', p)\n\n        //viewPick\n        vo.viewPick(get(p, 'cmp', ''))\n\n    },\n    computed: {\n\n        changeMenus: function() {\n            let vo = this\n            vo.modifyMenus(vo.indP1, vo.indP2, vo.indP3)\n            return ''\n        },\n\n        isNarrow: function() {\n            return window.innerWidth < 1000\n        },\n\n    },\n    methods: {\n\n        modifyMenus: function() {\n            let vo = this\n\n            let cmpPick = ''\n\n            setTimeout(() => {\n\n                // console.log('call P1')\n                vo.cmpP1 = get(vo.cmpsL1, vo.indP1, {})\n                vo.cmpsL2 = get(vo.cmpP1, `cmps`, [])\n                let _cmpPick = get(vo.cmpP1, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP1', cloneDeep(vo.cmpP1))\n                // console.log('vo.cmpsL2', cloneDeep(vo.cmpsL2))\n\n            }, 50)\n\n            setTimeout(() => {\n\n                // console.log('call P2')\n                let cmps = get(vo.cmpP1, `cmps`, [])\n                vo.cmpP2 = get(cmps, vo.indP2, {})\n                vo.cmpsL3 = get(vo.cmpP2, `cmps`, [])\n                let _cmpPick = get(vo.cmpP2, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP2', cloneDeep(vo.cmpP2))\n                // console.log('vo.cmpsL3', cloneDeep(vo.cmpsL3))\n\n            }, 100)\n\n            setTimeout(() => {\n\n                // console.log('call P3')\n                let cmps = get(vo.cmpP2, `cmps`, [])\n                vo.cmpP3 = get(cmps, vo.indP3, {})\n                vo.cmpsL4 = get(vo.cmpP3, `cmps`, [])\n                let _cmpPick = get(vo.cmpP3, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP3', cloneDeep(vo.cmpP3))\n                // console.log('vo.cmpsL4', cloneDeep(vo.cmpsL4))\n\n                //update\n                vo.cmpPick = cmpPick\n                // console.log('cmpPick', cmpPick)\n\n            }, 150)\n\n        },\n\n        getInd: function(item, items) {\n            // let vo = this\n            let ind = -1\n            each(items, (v, k) => {\n                if (item.name === v.name) {\n                    ind = k\n                    return false //跳出\n                }\n            })\n            return ind\n        },\n\n        viewPick: function(cmpPick) {\n            let vo = this\n            let _cmpPick = kebabCaseFix(cmpPick)\n            let r = ''\n            let rs = []\n            let ls = []\n            let pv = (ts) => {\n                each(ts, (v, k) => {\n                    ls.push(k)\n\n                    //name, _name\n                    let name = get(v, `name`, '')\n                    let _name = kebabCaseFix(name)\n\n                    //cmps\n                    let cmps = get(v, `cmps`, [])\n\n                    //push\n                    let cls = ls.join('.')\n                    let b = _name === _cmpPick\n                    rs.push({\n                        cls,\n                        name,\n                        b,\n                    })\n\n                    //save\n                    if (b) {\n                        r = JSON.parse(JSON.stringify(ls))\n                    }\n\n                    //遞迴pv\n                    if (cmps.length > 0) {\n                        pv(cmps)\n                    }\n\n                    ls.pop()\n                })\n            }\n            pv(vo.cmpsL1)\n            // console.log('rs', rs)\n            // console.log('r', r)\n            vo.indP1 = get(r, 0, 0)\n            vo.indP2 = get(r, 1, 0)\n            vo.indP3 = get(r, 2, 0)\n        },\n\n    },\n}\n<\/script>\n\n<style>\n.head1 {\n    padding: 0px 0px 20px 0px;\n    font-size: 2.5rem;\n}\n.bkh { /* 寬 */\n    padding:20px;\n}\n@media screen and (max-width:800px){ /* 中 */\n    .bkh {\n        padding:10px;\n    }\n}\n@media screen and (max-width:400px){ /* 窄 */\n    .bkh {\n        padding:5px;\n    }\n}\n.bk { /* 寬 */\n    display: inline-block;\n    vertical-align: top;\n    padding: 0px 80px 60px 0px;\n}\n@media screen and (max-width:1000px){ /* 中窄 */\n    .bk {\n        display: block;\n        padding: 0px 0px 50px 0px;\n    }\n}\n</style>\n"]},media:void 0})},wT,void 0,false,void 0,!1,ao,void 0,void 0)});
+   */const vM=1,_M=2,yM=4,bM=Object.freeze({NONE:0,ROTATE:1,TRUCK:2,SCREEN_PAN:4,OFFSET:8,DOLLY:16,ZOOM:32,TOUCH_ROTATE:64,TOUCH_TRUCK:128,TOUCH_SCREEN_PAN:256,TOUCH_OFFSET:512,TOUCH_DOLLY:1024,TOUCH_ZOOM:2048,TOUCH_DOLLY_TRUCK:4096,TOUCH_DOLLY_SCREEN_PAN:8192,TOUCH_DOLLY_OFFSET:16384,TOUCH_DOLLY_ROTATE:32768,TOUCH_ZOOM_TRUCK:65536,TOUCH_ZOOM_OFFSET:131072,TOUCH_ZOOM_SCREEN_PAN:262144,TOUCH_ZOOM_ROTATE:524288}),xM=0,SM=1,wM=-1;function MM(t){return t.isPerspectiveCamera}function TM(t){return t.isOrthographicCamera}const AM=2*Math.PI,EM=Math.PI/2,CM=Math.PI/180;function RM(t,e,n){return Math.max(e,Math.min(n,t))}function PM(t,e=1e-5){return Math.abs(t)<e}function LM(t,e,n=1e-5){return PM(t-e,n)}function IM(t,e){return Math.round(t/e)*e}function OM(t){return isFinite(t)?t:t<0?-Number.MAX_VALUE:Number.MAX_VALUE}function kM(t){return Math.abs(t)<Number.MAX_VALUE?t:t*(1/0)}function UM(t,e,n,i,r=1/0,o){const s=2/(i=Math.max(1e-4,i)),a=s*o,l=1/(1+a+.48*a*a+.235*a*a*a);let c=t-e;const h=e,u=r*i;c=RM(c,-u,u),e=t-c;const d=(n.value+s*c)*o;n.value=(n.value-s*d)*l;let p=e+(c+d)*l;return h-t>0==p>h&&(p=h,n.value=(p-h)/o),p}function DM(t,e,n,i,r=1/0,o,s){const a=2/(i=Math.max(1e-4,i)),l=a*o,c=1/(1+l+.48*l*l+.235*l*l*l);let h=e.x,u=e.y,d=e.z,p=t.x-h,f=t.y-u,m=t.z-d;const g=h,v=u,_=d,y=r*i,b=p*p+f*f+m*m;if(b>y*y){const t=Math.sqrt(b);p=p/t*y,f=f/t*y,m=m/t*y}h=t.x-p,u=t.y-f,d=t.z-m;const x=(n.x+a*p)*o,S=(n.y+a*f)*o,w=(n.z+a*m)*o;n.x=(n.x-a*x)*c,n.y=(n.y-a*S)*c,n.z=(n.z-a*w)*c,s.x=h+(p+x)*c,s.y=u+(f+S)*c,s.z=d+(m+w)*c;const M=g-t.x,T=v-t.y,A=_-t.z;return M*(s.x-g)+T*(s.y-v)+A*(s.z-_)>0&&(s.x=g,s.y=v,s.z=_,n.x=(s.x-g)/o,n.y=(s.y-v)/o,n.z=(s.z-_)/o),s}function NM(t,e){e.set(0,0),t.forEach(t=>{e.x+=t.clientX,e.y+=t.clientY}),e.x/=t.length,e.y/=t.length}function BM(t,e){return!!TM(t)&&(console.warn(`${e} is not supported in OrthographicCamera`),!0)}class FM{constructor(){this._listeners={}}addEventListener(t,e){const n=this._listeners;void 0===n[t]&&(n[t]=[]),-1===n[t].indexOf(e)&&n[t].push(e)}hasEventListener(t,e){const n=this._listeners;return void 0!==n[t]&&-1!==n[t].indexOf(e)}removeEventListener(t,e){const n=this._listeners[t];if(void 0!==n){const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}removeAllEventListeners(t){t?Array.isArray(this._listeners[t])&&(this._listeners[t].length=0):this._listeners={}}dispatchEvent(t){const e=this._listeners[t.type];if(void 0!==e){t.target=this;const n=e.slice(0);for(let e=0,i=n.length;e<i;e++)n[e].call(this,t)}}}var zM;const HM=1/8,WM=/Mac/.test(null===(zM=null===globalThis||void 0===globalThis?void 0:globalThis.navigator)||void 0===zM?void 0:zM.platform);let VM,GM,jM,XM,$M,YM,qM,ZM,KM,JM,QM,tT,eT,nT,iT,rT,oT,sT,aT,lT,cT,hT,uT;class dT extends FM{static install(t){VM=t.THREE,GM=Object.freeze(new VM.Vector3(0,0,0)),jM=Object.freeze(new VM.Vector3(0,1,0)),XM=Object.freeze(new VM.Vector3(0,0,1)),$M=new VM.Vector2,YM=new VM.Vector3,qM=new VM.Vector3,ZM=new VM.Vector3,KM=new VM.Vector3,JM=new VM.Vector3,QM=new VM.Vector3,tT=new VM.Vector3,eT=new VM.Vector3,nT=new VM.Vector3,iT=new VM.Spherical,rT=new VM.Spherical,oT=new VM.Box3,sT=new VM.Box3,aT=new VM.Sphere,lT=new VM.Quaternion,cT=new VM.Quaternion,hT=new VM.Matrix4,uT=new VM.Raycaster}static get ACTION(){return bM}set verticalDragToForward(t){console.warn("camera-controls: `verticalDragToForward` was removed. Use `mouseButtons.left = CameraControls.ACTION.SCREEN_PAN` instead.")}constructor(t,e){super(),this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.minDistance=Number.EPSILON,this.maxDistance=1/0,this.infinityDolly=!1,this.minZoom=.01,this.maxZoom=1/0,this.smoothTime=.25,this.draggingSmoothTime=.125,this.maxSpeed=1/0,this.azimuthRotateSpeed=1,this.polarRotateSpeed=1,this.dollySpeed=1,this.dollyDragInverted=!1,this.truckSpeed=2,this.dollyToCursor=!1,this.dragToOffset=!1,this.boundaryFriction=0,this.restThreshold=.01,this.colliderMeshes=[],this.cancel=()=>{},this._enabled=!0,this._state=bM.NONE,this._viewport=null,this._changedDolly=0,this._changedZoom=0,this._hasRested=!0,this._boundaryEnclosesCamera=!1,this._needsUpdate=!0,this._updatedLastTime=!1,this._elementRect=new DOMRect,this._isDragging=!1,this._dragNeedsUpdate=!0,this._activePointers=[],this._lockedPointer=null,this._interactiveArea=new DOMRect(0,0,1,1),this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._isUserControllingOffset=!1,this._isUserControllingZoom=!1,this._lastDollyDirection=xM,this._thetaVelocity={value:0},this._phiVelocity={value:0},this._radiusVelocity={value:0},this._targetVelocity=new VM.Vector3,this._focalOffsetVelocity=new VM.Vector3,this._zoomVelocity={value:0},this._truckInternal=(t,e,n,i)=>{let r,o;if(MM(this._camera)){const n=YM.copy(this._camera.position).sub(this._target),i=this._camera.getEffectiveFOV()*CM,s=n.length()*Math.tan(.5*i);r=this.truckSpeed*t*s/this._elementRect.height,o=this.truckSpeed*e*s/this._elementRect.height}else{if(!TM(this._camera))return;{const n=this._camera;r=this.truckSpeed*t*(n.right-n.left)/n.zoom/this._elementRect.width,o=this.truckSpeed*e*(n.top-n.bottom)/n.zoom/this._elementRect.height}}i?(n?this.setFocalOffset(this._focalOffsetEnd.x+r,this._focalOffsetEnd.y,this._focalOffsetEnd.z,!0):this.truck(r,0,!0),this.forward(-o,!0)):n?this.setFocalOffset(this._focalOffsetEnd.x+r,this._focalOffsetEnd.y+o,this._focalOffsetEnd.z,!0):this.truck(r,o,!0)},this._rotateInternal=(t,e)=>{const n=AM*this.azimuthRotateSpeed*t/this._elementRect.height,i=AM*this.polarRotateSpeed*e/this._elementRect.height;this.rotate(n,i,!0)},this._dollyInternal=(t,e,n)=>{const i=Math.pow(.95,-t*this.dollySpeed),r=this._sphericalEnd.radius,o=this._sphericalEnd.radius*i,s=RM(o,this.minDistance,this.maxDistance),a=s-o;this.infinityDolly&&this.dollyToCursor?this._dollyToNoClamp(o,!0):this.infinityDolly&&!this.dollyToCursor?(this.dollyInFixed(a,!0),this._dollyToNoClamp(s,!0)):this._dollyToNoClamp(s,!0),this.dollyToCursor&&(this._changedDolly+=(this.infinityDolly?o:s)-r,this._dollyControlCoord.set(e,n)),this._lastDollyDirection=Math.sign(-t)},this._zoomInternal=(t,e,n)=>{const i=Math.pow(.95,t*this.dollySpeed),r=this._zoom,o=this._zoom*i;this.zoomTo(o,!0),this.dollyToCursor&&(this._changedZoom+=o-r,this._dollyControlCoord.set(e,n))},void 0===VM&&console.error("camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."),this._camera=t,this._yAxisUpSpace=(new VM.Quaternion).setFromUnitVectors(this._camera.up,jM),this._yAxisUpSpaceInverse=this._yAxisUpSpace.clone().invert(),this._state=bM.NONE,this._target=new VM.Vector3,this._targetEnd=this._target.clone(),this._focalOffset=new VM.Vector3,this._focalOffsetEnd=this._focalOffset.clone(),this._spherical=(new VM.Spherical).setFromVector3(YM.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)),this._sphericalEnd=this._spherical.clone(),this._lastDistance=this._spherical.radius,this._zoom=this._camera.zoom,this._zoomEnd=this._zoom,this._lastZoom=this._zoom,this._nearPlaneCorners=[new VM.Vector3,new VM.Vector3,new VM.Vector3,new VM.Vector3],this._updateNearPlaneCorners(),this._boundary=new VM.Box3(new VM.Vector3(-1/0,-1/0,-1/0),new VM.Vector3(1/0,1/0,1/0)),this._cameraUp0=this._camera.up.clone(),this._target0=this._target.clone(),this._position0=this._camera.position.clone(),this._zoom0=this._zoom,this._focalOffset0=this._focalOffset.clone(),this._dollyControlCoord=new VM.Vector2,this.mouseButtons={left:bM.ROTATE,middle:bM.DOLLY,right:bM.TRUCK,wheel:MM(this._camera)?bM.DOLLY:TM(this._camera)?bM.ZOOM:bM.NONE},this.touches={one:bM.TOUCH_ROTATE,two:MM(this._camera)?bM.TOUCH_DOLLY_TRUCK:TM(this._camera)?bM.TOUCH_ZOOM_TRUCK:bM.NONE,three:bM.TOUCH_TRUCK};const n=new VM.Vector2,i=new VM.Vector2,r=new VM.Vector2,o=t=>{if(!this._enabled||!this._domElement)return;if(0!==this._interactiveArea.left||0!==this._interactiveArea.top||1!==this._interactiveArea.width||1!==this._interactiveArea.height){const e=this._domElement.getBoundingClientRect(),n=t.clientX/e.width,i=t.clientY/e.height;if(n<this._interactiveArea.left||n>this._interactiveArea.right||i<this._interactiveArea.top||i>this._interactiveArea.bottom)return}const e="mouse"!==t.pointerType?null:(t.buttons&vM)===vM?vM:(t.buttons&yM)===yM?yM:(t.buttons&_M)===_M?_M:null;if(null!==e){const t=this._findPointerByMouseButton(e);t&&this._disposePointer(t)}if((t.buttons&vM)===vM&&this._lockedPointer)return;const n={pointerId:t.pointerId,clientX:t.clientX,clientY:t.clientY,deltaX:0,deltaY:0,mouseButton:e};this._activePointers.push(n),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.ownerDocument.addEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.addEventListener("pointerup",a),this._isDragging=!0,u(t)},s=t=>{t.cancelable&&t.preventDefault();const e=t.pointerId,n=this._lockedPointer||this._findPointerById(e);if(n){if(n.clientX=t.clientX,n.clientY=t.clientY,n.deltaX=t.movementX,n.deltaY=t.movementY,this._state=0,"touch"===t.pointerType)switch(this._activePointers.length){case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else(!this._isDragging&&this._lockedPointer||this._isDragging&&(t.buttons&vM)===vM)&&(this._state=this._state|this.mouseButtons.left),this._isDragging&&(t.buttons&yM)===yM&&(this._state=this._state|this.mouseButtons.middle),this._isDragging&&(t.buttons&_M)===_M&&(this._state=this._state|this.mouseButtons.right);d()}},a=t=>{const e=this._findPointerById(t.pointerId);if(!e||e!==this._lockedPointer){if(e&&this._disposePointer(e),"touch"===t.pointerType)switch(this._activePointers.length){case 0:this._state=bM.NONE;break;case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else this._state=bM.NONE;p()}};let l=-1;const c=t=>{if(!this._domElement)return;if(!this._enabled||this.mouseButtons.wheel===bM.NONE)return;if(0!==this._interactiveArea.left||0!==this._interactiveArea.top||1!==this._interactiveArea.width||1!==this._interactiveArea.height){const e=this._domElement.getBoundingClientRect(),n=t.clientX/e.width,i=t.clientY/e.height;if(n<this._interactiveArea.left||n>this._interactiveArea.right||i<this._interactiveArea.top||i>this._interactiveArea.bottom)return}if(t.preventDefault(),this.dollyToCursor||this.mouseButtons.wheel===bM.ROTATE||this.mouseButtons.wheel===bM.TRUCK){const t=performance.now();l-t<1e3&&this._getClientRect(this._elementRect),l=t}const e=WM?-1:-3,n=1===t.deltaMode||t.ctrlKey?t.deltaY/e:t.deltaY/(10*e),i=this.dollyToCursor?(t.clientX-this._elementRect.x)/this._elementRect.width*2-1:0,r=this.dollyToCursor?(t.clientY-this._elementRect.y)/this._elementRect.height*-2+1:0;switch(this.mouseButtons.wheel){case bM.ROTATE:this._rotateInternal(t.deltaX,t.deltaY),this._isUserControllingRotate=!0;break;case bM.TRUCK:this._truckInternal(t.deltaX,t.deltaY,!1,!1),this._isUserControllingTruck=!0;break;case bM.SCREEN_PAN:this._truckInternal(t.deltaX,t.deltaY,!1,!0),this._isUserControllingTruck=!0;break;case bM.OFFSET:this._truckInternal(t.deltaX,t.deltaY,!0,!1),this._isUserControllingOffset=!0;break;case bM.DOLLY:this._dollyInternal(-n,i,r),this._isUserControllingDolly=!0;break;case bM.ZOOM:this._zoomInternal(-n,i,r),this._isUserControllingZoom=!0}this.dispatchEvent({type:"control"})},h=t=>{if(this._domElement&&this._enabled){if(this.mouseButtons.right===dT.ACTION.NONE){const e=t instanceof PointerEvent?t.pointerId:0,n=this._findPointerById(e);return n&&this._disposePointer(n),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),void this._domElement.ownerDocument.removeEventListener("pointerup",a)}t.preventDefault()}},u=t=>{if(!this._enabled)return;NM(this._activePointers,$M),this._getClientRect(this._elementRect),n.copy($M),i.copy($M);if(this._activePointers.length>=2){const t=$M.x-this._activePointers[1].clientX,e=$M.y-this._activePointers[1].clientY,n=Math.sqrt(t*t+e*e);r.set(0,n);const o=.5*(this._activePointers[0].clientX+this._activePointers[1].clientX),s=.5*(this._activePointers[0].clientY+this._activePointers[1].clientY);i.set(o,s)}if(this._state=0,t)if("pointerType"in t&&"touch"===t.pointerType)switch(this._activePointers.length){case 1:this._state=this.touches.one;break;case 2:this._state=this.touches.two;break;case 3:this._state=this.touches.three}else this._lockedPointer||(t.buttons&vM)!==vM||(this._state=this._state|this.mouseButtons.left),(t.buttons&yM)===yM&&(this._state=this._state|this.mouseButtons.middle),(t.buttons&_M)===_M&&(this._state=this._state|this.mouseButtons.right);else this._lockedPointer&&(this._state=this._state|this.mouseButtons.left);(this._state&bM.ROTATE)!==bM.ROTATE&&(this._state&bM.TOUCH_ROTATE)!==bM.TOUCH_ROTATE&&(this._state&bM.TOUCH_DOLLY_ROTATE)!==bM.TOUCH_DOLLY_ROTATE&&(this._state&bM.TOUCH_ZOOM_ROTATE)!==bM.TOUCH_ZOOM_ROTATE||(this._sphericalEnd.theta=this._spherical.theta,this._sphericalEnd.phi=this._spherical.phi,this._thetaVelocity.value=0,this._phiVelocity.value=0),(this._state&bM.TRUCK)!==bM.TRUCK&&(this._state&bM.SCREEN_PAN)!==bM.SCREEN_PAN&&(this._state&bM.TOUCH_TRUCK)!==bM.TOUCH_TRUCK&&(this._state&bM.TOUCH_SCREEN_PAN)!==bM.TOUCH_SCREEN_PAN&&(this._state&bM.TOUCH_DOLLY_TRUCK)!==bM.TOUCH_DOLLY_TRUCK&&(this._state&bM.TOUCH_DOLLY_SCREEN_PAN)!==bM.TOUCH_DOLLY_SCREEN_PAN&&(this._state&bM.TOUCH_ZOOM_TRUCK)!==bM.TOUCH_ZOOM_TRUCK&&(this._state&bM.TOUCH_ZOOM_SCREEN_PAN)!==bM.TOUCH_DOLLY_SCREEN_PAN||(this._targetEnd.copy(this._target),this._targetVelocity.set(0,0,0)),(this._state&bM.DOLLY)!==bM.DOLLY&&(this._state&bM.TOUCH_DOLLY)!==bM.TOUCH_DOLLY&&(this._state&bM.TOUCH_DOLLY_TRUCK)!==bM.TOUCH_DOLLY_TRUCK&&(this._state&bM.TOUCH_DOLLY_SCREEN_PAN)!==bM.TOUCH_DOLLY_SCREEN_PAN&&(this._state&bM.TOUCH_DOLLY_OFFSET)!==bM.TOUCH_DOLLY_OFFSET&&(this._state&bM.TOUCH_DOLLY_ROTATE)!==bM.TOUCH_DOLLY_ROTATE||(this._sphericalEnd.radius=this._spherical.radius,this._radiusVelocity.value=0),(this._state&bM.ZOOM)!==bM.ZOOM&&(this._state&bM.TOUCH_ZOOM)!==bM.TOUCH_ZOOM&&(this._state&bM.TOUCH_ZOOM_TRUCK)!==bM.TOUCH_ZOOM_TRUCK&&(this._state&bM.TOUCH_ZOOM_SCREEN_PAN)!==bM.TOUCH_ZOOM_SCREEN_PAN&&(this._state&bM.TOUCH_ZOOM_OFFSET)!==bM.TOUCH_ZOOM_OFFSET&&(this._state&bM.TOUCH_ZOOM_ROTATE)!==bM.TOUCH_ZOOM_ROTATE||(this._zoomEnd=this._zoom,this._zoomVelocity.value=0),(this._state&bM.OFFSET)!==bM.OFFSET&&(this._state&bM.TOUCH_OFFSET)!==bM.TOUCH_OFFSET&&(this._state&bM.TOUCH_DOLLY_OFFSET)!==bM.TOUCH_DOLLY_OFFSET&&(this._state&bM.TOUCH_ZOOM_OFFSET)!==bM.TOUCH_ZOOM_OFFSET||(this._focalOffsetEnd.copy(this._focalOffset),this._focalOffsetVelocity.set(0,0,0)),this.dispatchEvent({type:"controlstart"})},d=()=>{if(!this._enabled||!this._dragNeedsUpdate)return;this._dragNeedsUpdate=!1,NM(this._activePointers,$M);const t=this._domElement&&this._domElement.ownerDocument.pointerLockElement===this._domElement?this._lockedPointer||this._activePointers[0]:null,e=t?-t.deltaX:i.x-$M.x,o=t?-t.deltaY:i.y-$M.y;if(i.copy($M),(this._state&bM.ROTATE)!==bM.ROTATE&&(this._state&bM.TOUCH_ROTATE)!==bM.TOUCH_ROTATE&&(this._state&bM.TOUCH_DOLLY_ROTATE)!==bM.TOUCH_DOLLY_ROTATE&&(this._state&bM.TOUCH_ZOOM_ROTATE)!==bM.TOUCH_ZOOM_ROTATE||(this._rotateInternal(e,o),this._isUserControllingRotate=!0),(this._state&bM.DOLLY)===bM.DOLLY||(this._state&bM.ZOOM)===bM.ZOOM){const t=this.dollyToCursor?(n.x-this._elementRect.x)/this._elementRect.width*2-1:0,e=this.dollyToCursor?(n.y-this._elementRect.y)/this._elementRect.height*-2+1:0,i=this.dollyDragInverted?-1:1;(this._state&bM.DOLLY)===bM.DOLLY?(this._dollyInternal(i*o*HM,t,e),this._isUserControllingDolly=!0):(this._zoomInternal(i*o*HM,t,e),this._isUserControllingZoom=!0)}if((this._state&bM.TOUCH_DOLLY)===bM.TOUCH_DOLLY||(this._state&bM.TOUCH_ZOOM)===bM.TOUCH_ZOOM||(this._state&bM.TOUCH_DOLLY_TRUCK)===bM.TOUCH_DOLLY_TRUCK||(this._state&bM.TOUCH_ZOOM_TRUCK)===bM.TOUCH_ZOOM_TRUCK||(this._state&bM.TOUCH_DOLLY_SCREEN_PAN)===bM.TOUCH_DOLLY_SCREEN_PAN||(this._state&bM.TOUCH_ZOOM_SCREEN_PAN)===bM.TOUCH_ZOOM_SCREEN_PAN||(this._state&bM.TOUCH_DOLLY_OFFSET)===bM.TOUCH_DOLLY_OFFSET||(this._state&bM.TOUCH_ZOOM_OFFSET)===bM.TOUCH_ZOOM_OFFSET||(this._state&bM.TOUCH_DOLLY_ROTATE)===bM.TOUCH_DOLLY_ROTATE||(this._state&bM.TOUCH_ZOOM_ROTATE)===bM.TOUCH_ZOOM_ROTATE){const t=$M.x-this._activePointers[1].clientX,e=$M.y-this._activePointers[1].clientY,n=Math.sqrt(t*t+e*e),o=r.y-n;r.set(0,n);const s=this.dollyToCursor?(i.x-this._elementRect.x)/this._elementRect.width*2-1:0,a=this.dollyToCursor?(i.y-this._elementRect.y)/this._elementRect.height*-2+1:0;(this._state&bM.TOUCH_DOLLY)===bM.TOUCH_DOLLY||(this._state&bM.TOUCH_DOLLY_ROTATE)===bM.TOUCH_DOLLY_ROTATE||(this._state&bM.TOUCH_DOLLY_TRUCK)===bM.TOUCH_DOLLY_TRUCK||(this._state&bM.TOUCH_DOLLY_SCREEN_PAN)===bM.TOUCH_DOLLY_SCREEN_PAN||(this._state&bM.TOUCH_DOLLY_OFFSET)===bM.TOUCH_DOLLY_OFFSET?(this._dollyInternal(o*HM,s,a),this._isUserControllingDolly=!0):(this._zoomInternal(o*HM,s,a),this._isUserControllingZoom=!0)}(this._state&bM.TRUCK)!==bM.TRUCK&&(this._state&bM.TOUCH_TRUCK)!==bM.TOUCH_TRUCK&&(this._state&bM.TOUCH_DOLLY_TRUCK)!==bM.TOUCH_DOLLY_TRUCK&&(this._state&bM.TOUCH_ZOOM_TRUCK)!==bM.TOUCH_ZOOM_TRUCK||(this._truckInternal(e,o,!1,!1),this._isUserControllingTruck=!0),(this._state&bM.SCREEN_PAN)!==bM.SCREEN_PAN&&(this._state&bM.TOUCH_SCREEN_PAN)!==bM.TOUCH_SCREEN_PAN&&(this._state&bM.TOUCH_DOLLY_SCREEN_PAN)!==bM.TOUCH_DOLLY_SCREEN_PAN&&(this._state&bM.TOUCH_ZOOM_SCREEN_PAN)!==bM.TOUCH_ZOOM_SCREEN_PAN||(this._truckInternal(e,o,!1,!0),this._isUserControllingTruck=!0),(this._state&bM.OFFSET)!==bM.OFFSET&&(this._state&bM.TOUCH_OFFSET)!==bM.TOUCH_OFFSET&&(this._state&bM.TOUCH_DOLLY_OFFSET)!==bM.TOUCH_DOLLY_OFFSET&&(this._state&bM.TOUCH_ZOOM_OFFSET)!==bM.TOUCH_ZOOM_OFFSET||(this._truckInternal(e,o,!0,!1),this._isUserControllingOffset=!0),this.dispatchEvent({type:"control"})},p=()=>{NM(this._activePointers,$M),i.copy($M),this._dragNeedsUpdate=!1,(0===this._activePointers.length||1===this._activePointers.length&&this._activePointers[0]===this._lockedPointer)&&(this._isDragging=!1),0===this._activePointers.length&&this._domElement&&(this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this.dispatchEvent({type:"controlend"}))};this.lockPointer=()=>{this._enabled&&this._domElement&&(this.cancel(),this._lockedPointer={pointerId:-1,clientX:0,clientY:0,deltaX:0,deltaY:0,mouseButton:null},this._activePointers.push(this._lockedPointer),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.requestPointerLock(),this._domElement.ownerDocument.addEventListener("pointerlockchange",f),this._domElement.ownerDocument.addEventListener("pointerlockerror",m),this._domElement.ownerDocument.addEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.addEventListener("pointerup",a),u())},this.unlockPointer=()=>{var t,e,n;null!==this._lockedPointer&&(this._disposePointer(this._lockedPointer),this._lockedPointer=null),null===(t=this._domElement)||void 0===t||t.ownerDocument.exitPointerLock(),null===(e=this._domElement)||void 0===e||e.ownerDocument.removeEventListener("pointerlockchange",f),null===(n=this._domElement)||void 0===n||n.ownerDocument.removeEventListener("pointerlockerror",m),this.cancel()};const f=()=>{this._domElement&&this._domElement.ownerDocument.pointerLockElement===this._domElement||this.unlockPointer()},m=()=>{this.unlockPointer()};this._addAllEventListeners=t=>{this._domElement=t,this._domElement.style.touchAction="none",this._domElement.style.userSelect="none",this._domElement.style.webkitUserSelect="none",this._domElement.addEventListener("pointerdown",o),this._domElement.addEventListener("pointercancel",a),this._domElement.addEventListener("wheel",c,{passive:!1}),this._domElement.addEventListener("contextmenu",h)},this._removeAllEventListeners=()=>{this._domElement&&(this._domElement.style.touchAction="",this._domElement.style.userSelect="",this._domElement.style.webkitUserSelect="",this._domElement.removeEventListener("pointerdown",o),this._domElement.removeEventListener("pointercancel",a),this._domElement.removeEventListener("wheel",c,{passive:!1}),this._domElement.removeEventListener("contextmenu",h),this._domElement.ownerDocument.removeEventListener("pointermove",s,{passive:!1}),this._domElement.ownerDocument.removeEventListener("pointerup",a),this._domElement.ownerDocument.removeEventListener("pointerlockchange",f),this._domElement.ownerDocument.removeEventListener("pointerlockerror",m))},this.cancel=()=>{this._state!==bM.NONE&&(this._state=bM.NONE,this._activePointers.length=0,p())},e&&this.connect(e),this.update(0)}get camera(){return this._camera}set camera(t){this._camera=t,this.updateCameraUp(),this._camera.updateProjectionMatrix(),this._updateNearPlaneCorners(),this._needsUpdate=!0}get enabled(){return this._enabled}set enabled(t){this._enabled=t,this._domElement&&(t?(this._domElement.style.touchAction="none",this._domElement.style.userSelect="none",this._domElement.style.webkitUserSelect="none"):(this.cancel(),this._domElement.style.touchAction="",this._domElement.style.userSelect="",this._domElement.style.webkitUserSelect=""))}get active(){return!this._hasRested}get currentAction(){return this._state}get distance(){return this._spherical.radius}set distance(t){this._spherical.radius===t&&this._sphericalEnd.radius===t||(this._spherical.radius=t,this._sphericalEnd.radius=t,this._needsUpdate=!0)}get azimuthAngle(){return this._spherical.theta}set azimuthAngle(t){this._spherical.theta===t&&this._sphericalEnd.theta===t||(this._spherical.theta=t,this._sphericalEnd.theta=t,this._needsUpdate=!0)}get polarAngle(){return this._spherical.phi}set polarAngle(t){this._spherical.phi===t&&this._sphericalEnd.phi===t||(this._spherical.phi=t,this._sphericalEnd.phi=t,this._needsUpdate=!0)}get boundaryEnclosesCamera(){return this._boundaryEnclosesCamera}set boundaryEnclosesCamera(t){this._boundaryEnclosesCamera=t,this._needsUpdate=!0}set interactiveArea(t){this._interactiveArea.width=RM(t.width,0,1),this._interactiveArea.height=RM(t.height,0,1),this._interactiveArea.x=RM(t.x,0,1-this._interactiveArea.width),this._interactiveArea.y=RM(t.y,0,1-this._interactiveArea.height)}addEventListener(t,e){super.addEventListener(t,e)}removeEventListener(t,e){super.removeEventListener(t,e)}rotate(t,e,n=!1){return this.rotateTo(this._sphericalEnd.theta+t,this._sphericalEnd.phi+e,n)}rotateAzimuthTo(t,e=!1){return this.rotateTo(t,this._sphericalEnd.phi,e)}rotatePolarTo(t,e=!1){return this.rotateTo(this._sphericalEnd.theta,t,e)}rotateTo(t,e,n=!1){this._isUserControllingRotate=!1;const i=RM(t,this.minAzimuthAngle,this.maxAzimuthAngle),r=RM(e,this.minPolarAngle,this.maxPolarAngle);this._sphericalEnd.theta=i,this._sphericalEnd.phi=r,this._sphericalEnd.makeSafe(),this._needsUpdate=!0,n||(this._spherical.theta=this._sphericalEnd.theta,this._spherical.phi=this._sphericalEnd.phi);const o=!n||LM(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&LM(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold);return this._createOnRestPromise(o)}dolly(t,e=!1){return this.dollyTo(this._sphericalEnd.radius-t,e)}dollyTo(t,e=!1){return this._isUserControllingDolly=!1,this._lastDollyDirection=xM,this._changedDolly=0,this._dollyToNoClamp(RM(t,this.minDistance,this.maxDistance),e)}_dollyToNoClamp(t,e=!1){const n=this._sphericalEnd.radius;if(this.colliderMeshes.length>=1){const e=this._collisionTest(),i=LM(e,this._spherical.radius);if(!(n>t)&&i)return Promise.resolve();this._sphericalEnd.radius=Math.min(t,e)}else this._sphericalEnd.radius=t;this._needsUpdate=!0,e||(this._spherical.radius=this._sphericalEnd.radius);const i=!e||LM(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(i)}dollyInFixed(t,e=!1){this._targetEnd.add(this._getCameraDirection(KM).multiplyScalar(t)),e||this._target.copy(this._targetEnd);const n=!e||LM(this._target.x,this._targetEnd.x,this.restThreshold)&&LM(this._target.y,this._targetEnd.y,this.restThreshold)&&LM(this._target.z,this._targetEnd.z,this.restThreshold);return this._createOnRestPromise(n)}zoom(t,e=!1){return this.zoomTo(this._zoomEnd+t,e)}zoomTo(t,e=!1){this._isUserControllingZoom=!1,this._zoomEnd=RM(t,this.minZoom,this.maxZoom),this._needsUpdate=!0,e||(this._zoom=this._zoomEnd);const n=!e||LM(this._zoom,this._zoomEnd,this.restThreshold);return this._changedZoom=0,this._createOnRestPromise(n)}pan(t,e,n=!1){return console.warn("`pan` has been renamed to `truck`"),this.truck(t,e,n)}truck(t,e,n=!1){this._camera.updateMatrix(),JM.setFromMatrixColumn(this._camera.matrix,0),QM.setFromMatrixColumn(this._camera.matrix,1),JM.multiplyScalar(t),QM.multiplyScalar(-e);const i=YM.copy(JM).add(QM),r=qM.copy(this._targetEnd).add(i);return this.moveTo(r.x,r.y,r.z,n)}forward(t,e=!1){YM.setFromMatrixColumn(this._camera.matrix,0),YM.crossVectors(this._camera.up,YM),YM.multiplyScalar(t);const n=qM.copy(this._targetEnd).add(YM);return this.moveTo(n.x,n.y,n.z,e)}elevate(t,e=!1){return YM.copy(this._camera.up).multiplyScalar(t),this.moveTo(this._targetEnd.x+YM.x,this._targetEnd.y+YM.y,this._targetEnd.z+YM.z,e)}moveTo(t,e,n,i=!1){this._isUserControllingTruck=!1;const r=YM.set(t,e,n).sub(this._targetEnd);this._encloseToBoundary(this._targetEnd,r,this.boundaryFriction),this._needsUpdate=!0,i||this._target.copy(this._targetEnd);const o=!i||LM(this._target.x,this._targetEnd.x,this.restThreshold)&&LM(this._target.y,this._targetEnd.y,this.restThreshold)&&LM(this._target.z,this._targetEnd.z,this.restThreshold);return this._createOnRestPromise(o)}lookInDirectionOf(t,e,n,i=!1){const r=YM.set(t,e,n).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);return this.setPosition(r.x,r.y,r.z,i)}fitToBox(t,e,{cover:n=!1,paddingLeft:i=0,paddingRight:r=0,paddingBottom:o=0,paddingTop:s=0}={}){const a=[],l=t.isBox3?oT.copy(t):oT.setFromObject(t);l.isEmpty()&&(console.warn("camera-controls: fitTo() cannot be used with an empty box. Aborting"),Promise.resolve());const c=IM(this._sphericalEnd.theta,EM),h=IM(this._sphericalEnd.phi,EM);a.push(this.rotateTo(c,h,e));const u=YM.setFromSpherical(this._sphericalEnd).normalize(),d=lT.setFromUnitVectors(u,XM),p=LM(Math.abs(u.y),1);p&&d.multiply(cT.setFromAxisAngle(jM,c)),d.multiply(this._yAxisUpSpaceInverse);const f=sT.makeEmpty();qM.copy(l.min).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.min).setX(l.max.x).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.min).setY(l.max.y).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.max).setZ(l.min.z).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.min).setZ(l.max.z).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.max).setY(l.min.y).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.max).setX(l.min.x).applyQuaternion(d),f.expandByPoint(qM),qM.copy(l.max).applyQuaternion(d),f.expandByPoint(qM),f.min.x-=i,f.min.y-=o,f.max.x+=r,f.max.y+=s,d.setFromUnitVectors(XM,u),p&&d.premultiply(cT.invert()),d.premultiply(this._yAxisUpSpace);const m=f.getSize(YM),g=f.getCenter(qM).applyQuaternion(d);if(MM(this._camera)){const t=this.getDistanceToFitBox(m.x,m.y,m.z,n);a.push(this.moveTo(g.x,g.y,g.z,e)),a.push(this.dollyTo(t,e)),a.push(this.setFocalOffset(0,0,0,e))}else if(TM(this._camera)){const t=this._camera,i=t.right-t.left,r=t.top-t.bottom,o=n?Math.max(i/m.x,r/m.y):Math.min(i/m.x,r/m.y);a.push(this.moveTo(g.x,g.y,g.z,e)),a.push(this.zoomTo(o,e)),a.push(this.setFocalOffset(0,0,0,e))}return Promise.all(a)}fitToSphere(t,e){const n=[],i="isObject3D"in t?dT.createBoundingSphere(t,aT):aT.copy(t);if(n.push(this.moveTo(i.center.x,i.center.y,i.center.z,e)),MM(this._camera)){const t=this.getDistanceToFitSphere(i.radius);n.push(this.dollyTo(t,e))}else if(TM(this._camera)){const t=this._camera.right-this._camera.left,r=this._camera.top-this._camera.bottom,o=2*i.radius,s=Math.min(t/o,r/o);n.push(this.zoomTo(s,e))}return n.push(this.setFocalOffset(0,0,0,e)),Promise.all(n)}setLookAt(t,e,n,i,r,o,s=!1){this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._lastDollyDirection=xM,this._changedDolly=0;const a=qM.set(i,r,o),l=YM.set(t,e,n);this._targetEnd.copy(a),this._sphericalEnd.setFromVector3(l.sub(a).applyQuaternion(this._yAxisUpSpace)),this.normalizeRotations(),this._needsUpdate=!0,s||(this._target.copy(this._targetEnd),this._spherical.copy(this._sphericalEnd));const c=!s||LM(this._target.x,this._targetEnd.x,this.restThreshold)&&LM(this._target.y,this._targetEnd.y,this.restThreshold)&&LM(this._target.z,this._targetEnd.z,this.restThreshold)&&LM(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&LM(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold)&&LM(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(c)}lerpLookAt(t,e,n,i,r,o,s,a,l,c,h,u,d,p=!1){this._isUserControllingRotate=!1,this._isUserControllingDolly=!1,this._isUserControllingTruck=!1,this._lastDollyDirection=xM,this._changedDolly=0;const f=YM.set(i,r,o),m=qM.set(t,e,n);iT.setFromVector3(m.sub(f).applyQuaternion(this._yAxisUpSpace));const g=ZM.set(c,h,u),v=qM.set(s,a,l);rT.setFromVector3(v.sub(g).applyQuaternion(this._yAxisUpSpace)),this._targetEnd.copy(f.lerp(g,d));const _=rT.theta-iT.theta,y=rT.phi-iT.phi,b=rT.radius-iT.radius;this._sphericalEnd.set(iT.radius+b*d,iT.phi+y*d,iT.theta+_*d),this.normalizeRotations(),this._needsUpdate=!0,p||(this._target.copy(this._targetEnd),this._spherical.copy(this._sphericalEnd));const x=!p||LM(this._target.x,this._targetEnd.x,this.restThreshold)&&LM(this._target.y,this._targetEnd.y,this.restThreshold)&&LM(this._target.z,this._targetEnd.z,this.restThreshold)&&LM(this._spherical.theta,this._sphericalEnd.theta,this.restThreshold)&&LM(this._spherical.phi,this._sphericalEnd.phi,this.restThreshold)&&LM(this._spherical.radius,this._sphericalEnd.radius,this.restThreshold);return this._createOnRestPromise(x)}setPosition(t,e,n,i=!1){return this.setLookAt(t,e,n,this._targetEnd.x,this._targetEnd.y,this._targetEnd.z,i)}setTarget(t,e,n,i=!1){const r=this.getPosition(YM),o=this.setLookAt(r.x,r.y,r.z,t,e,n,i);return this._sphericalEnd.phi=RM(this._sphericalEnd.phi,this.minPolarAngle,this.maxPolarAngle),o}setFocalOffset(t,e,n,i=!1){this._isUserControllingOffset=!1,this._focalOffsetEnd.set(t,e,n),this._needsUpdate=!0,i||this._focalOffset.copy(this._focalOffsetEnd);const r=!i||LM(this._focalOffset.x,this._focalOffsetEnd.x,this.restThreshold)&&LM(this._focalOffset.y,this._focalOffsetEnd.y,this.restThreshold)&&LM(this._focalOffset.z,this._focalOffsetEnd.z,this.restThreshold);return this._createOnRestPromise(r)}setOrbitPoint(t,e,n){this._camera.updateMatrixWorld(),JM.setFromMatrixColumn(this._camera.matrixWorldInverse,0),QM.setFromMatrixColumn(this._camera.matrixWorldInverse,1),tT.setFromMatrixColumn(this._camera.matrixWorldInverse,2);const i=YM.set(t,e,n),r=i.distanceTo(this._camera.position),o=i.sub(this._camera.position);JM.multiplyScalar(o.x),QM.multiplyScalar(o.y),tT.multiplyScalar(o.z),YM.copy(JM).add(QM).add(tT),YM.z=YM.z+r,this.dollyTo(r,!1),this.setFocalOffset(-YM.x,YM.y,-YM.z,!1),this.moveTo(t,e,n,!1)}setBoundary(t){if(!t)return this._boundary.min.set(-1/0,-1/0,-1/0),this._boundary.max.set(1/0,1/0,1/0),void(this._needsUpdate=!0);this._boundary.copy(t),this._boundary.clampPoint(this._targetEnd,this._targetEnd),this._needsUpdate=!0}setViewport(t,e,n,i){null!==t?(this._viewport=this._viewport||new VM.Vector4,"number"==typeof t?this._viewport.set(t,e,n,i):this._viewport.copy(t)):this._viewport=null}getDistanceToFitBox(t,e,n,i=!1){if(BM(this._camera,"getDistanceToFitBox"))return this._spherical.radius;const r=t/e,o=this._camera.getEffectiveFOV()*CM,s=this._camera.aspect;return.5*((i?r>s:r<s)?e:t/s)/Math.tan(.5*o)+.5*n}getDistanceToFitSphere(t){if(BM(this._camera,"getDistanceToFitSphere"))return this._spherical.radius;const e=this._camera.getEffectiveFOV()*CM,n=2*Math.atan(Math.tan(.5*e)*this._camera.aspect),i=1<this._camera.aspect?e:n;return t/Math.sin(.5*i)}getTarget(t,e=!0){return(t&&t.isVector3?t:new VM.Vector3).copy(e?this._targetEnd:this._target)}getPosition(t,e=!0){return(t&&t.isVector3?t:new VM.Vector3).setFromSpherical(e?this._sphericalEnd:this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(e?this._targetEnd:this._target)}getSpherical(t,e=!0){return(t||new VM.Spherical).copy(e?this._sphericalEnd:this._spherical)}getFocalOffset(t,e=!0){return(t&&t.isVector3?t:new VM.Vector3).copy(e?this._focalOffsetEnd:this._focalOffset)}normalizeRotations(){this._sphericalEnd.theta=this._sphericalEnd.theta%AM,this._sphericalEnd.theta<0&&(this._sphericalEnd.theta+=AM),this._spherical.theta+=AM*Math.round((this._sphericalEnd.theta-this._spherical.theta)/AM)}stop(){this._focalOffset.copy(this._focalOffsetEnd),this._target.copy(this._targetEnd),this._spherical.copy(this._sphericalEnd),this._zoom=this._zoomEnd}reset(t=!1){if(!LM(this._camera.up.x,this._cameraUp0.x)||!LM(this._camera.up.y,this._cameraUp0.y)||!LM(this._camera.up.z,this._cameraUp0.z)){this._camera.up.copy(this._cameraUp0);const t=this.getPosition(YM);this.updateCameraUp(),this.setPosition(t.x,t.y,t.z)}const e=[this.setLookAt(this._position0.x,this._position0.y,this._position0.z,this._target0.x,this._target0.y,this._target0.z,t),this.setFocalOffset(this._focalOffset0.x,this._focalOffset0.y,this._focalOffset0.z,t),this.zoomTo(this._zoom0,t)];return Promise.all(e)}saveState(){this._cameraUp0.copy(this._camera.up),this.getTarget(this._target0),this.getPosition(this._position0),this._zoom0=this._zoom,this._focalOffset0.copy(this._focalOffset)}updateCameraUp(){this._yAxisUpSpace.setFromUnitVectors(this._camera.up,jM),this._yAxisUpSpaceInverse.copy(this._yAxisUpSpace).invert()}applyCameraUp(){const t=YM.subVectors(this._target,this._camera.position).normalize(),e=qM.crossVectors(t,this._camera.up);this._camera.up.crossVectors(e,t).normalize(),this._camera.updateMatrixWorld();const n=this.getPosition(YM);this.updateCameraUp(),this.setPosition(n.x,n.y,n.z)}update(t){const e=this._sphericalEnd.theta-this._spherical.theta,n=this._sphericalEnd.phi-this._spherical.phi,i=this._sphericalEnd.radius-this._spherical.radius,r=eT.subVectors(this._targetEnd,this._target),o=nT.subVectors(this._focalOffsetEnd,this._focalOffset),s=this._zoomEnd-this._zoom;if(PM(e))this._thetaVelocity.value=0,this._spherical.theta=this._sphericalEnd.theta;else{const e=this._isUserControllingRotate?this.draggingSmoothTime:this.smoothTime;this._spherical.theta=UM(this._spherical.theta,this._sphericalEnd.theta,this._thetaVelocity,e,1/0,t),this._needsUpdate=!0}if(PM(n))this._phiVelocity.value=0,this._spherical.phi=this._sphericalEnd.phi;else{const e=this._isUserControllingRotate?this.draggingSmoothTime:this.smoothTime;this._spherical.phi=UM(this._spherical.phi,this._sphericalEnd.phi,this._phiVelocity,e,1/0,t),this._needsUpdate=!0}if(PM(i))this._radiusVelocity.value=0,this._spherical.radius=this._sphericalEnd.radius;else{const e=this._isUserControllingDolly?this.draggingSmoothTime:this.smoothTime;this._spherical.radius=UM(this._spherical.radius,this._sphericalEnd.radius,this._radiusVelocity,e,this.maxSpeed,t),this._needsUpdate=!0}if(PM(r.x)&&PM(r.y)&&PM(r.z))this._targetVelocity.set(0,0,0),this._target.copy(this._targetEnd);else{const e=this._isUserControllingTruck?this.draggingSmoothTime:this.smoothTime;DM(this._target,this._targetEnd,this._targetVelocity,e,this.maxSpeed,t,this._target),this._needsUpdate=!0}if(PM(o.x)&&PM(o.y)&&PM(o.z))this._focalOffsetVelocity.set(0,0,0),this._focalOffset.copy(this._focalOffsetEnd);else{const e=this._isUserControllingOffset?this.draggingSmoothTime:this.smoothTime;DM(this._focalOffset,this._focalOffsetEnd,this._focalOffsetVelocity,e,this.maxSpeed,t,this._focalOffset),this._needsUpdate=!0}if(PM(s))this._zoomVelocity.value=0,this._zoom=this._zoomEnd;else{const e=this._isUserControllingZoom?this.draggingSmoothTime:this.smoothTime;this._zoom=UM(this._zoom,this._zoomEnd,this._zoomVelocity,e,1/0,t)}if(this.dollyToCursor)if(MM(this._camera)&&0!==this._changedDolly){const t=this._spherical.radius-this._lastDistance,e=this._camera,n=this._getCameraDirection(KM),i=YM.copy(n).cross(e.up).normalize();0===i.lengthSq()&&(i.x=1);const r=qM.crossVectors(i,n),o=this._sphericalEnd.radius*Math.tan(e.getEffectiveFOV()*CM*.5),s=(this._sphericalEnd.radius-t-this._sphericalEnd.radius)/this._sphericalEnd.radius,a=ZM.copy(this._targetEnd).add(i.multiplyScalar(this._dollyControlCoord.x*o*e.aspect)).add(r.multiplyScalar(this._dollyControlCoord.y*o)),l=YM.copy(this._targetEnd).lerp(a,s),c=this._lastDollyDirection===SM&&this._spherical.radius<=this.minDistance,h=this._lastDollyDirection===wM&&this.maxDistance<=this._spherical.radius;if(this.infinityDolly&&(c||h)){this._sphericalEnd.radius-=t,this._spherical.radius-=t;const e=qM.copy(n).multiplyScalar(-t);l.add(e)}this._boundary.clampPoint(l,l);const u=qM.subVectors(l,this._targetEnd);this._targetEnd.copy(l),this._target.add(u),this._changedDolly-=t,PM(this._changedDolly)&&(this._changedDolly=0)}else if(TM(this._camera)&&0!==this._changedZoom){const t=this._zoom-this._lastZoom,e=this._camera,n=YM.set(this._dollyControlCoord.x,this._dollyControlCoord.y,(e.near+e.far)/(e.near-e.far)).unproject(e),i=qM.set(0,0,-1).applyQuaternion(e.quaternion),r=ZM.copy(n).add(i.multiplyScalar(-n.dot(e.up))),o=-(this._zoom-t-this._zoom)/this._zoom,s=this._getCameraDirection(KM),a=this._targetEnd.dot(s),l=YM.copy(this._targetEnd).lerp(r,o),c=l.dot(s),h=s.multiplyScalar(c-a);l.sub(h),this._boundary.clampPoint(l,l);const u=qM.subVectors(l,this._targetEnd);this._targetEnd.copy(l),this._target.add(u),this._changedZoom-=t,PM(this._changedZoom)&&(this._changedZoom=0)}this._camera.zoom!==this._zoom&&(this._camera.zoom=this._zoom,this._camera.updateProjectionMatrix(),this._updateNearPlaneCorners(),this._needsUpdate=!0),this._dragNeedsUpdate=!0;const a=this._collisionTest();this._spherical.radius=Math.min(this._spherical.radius,a),this._spherical.makeSafe(),this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target),this._camera.lookAt(this._target);(!PM(this._focalOffset.x)||!PM(this._focalOffset.y)||!PM(this._focalOffset.z))&&(JM.setFromMatrixColumn(this._camera.matrix,0),QM.setFromMatrixColumn(this._camera.matrix,1),tT.setFromMatrixColumn(this._camera.matrix,2),JM.multiplyScalar(this._focalOffset.x),QM.multiplyScalar(-this._focalOffset.y),tT.multiplyScalar(this._focalOffset.z),YM.copy(JM).add(QM).add(tT),this._camera.position.add(YM),this._camera.updateMatrixWorld()),this._boundaryEnclosesCamera&&this._encloseToBoundary(this._camera.position.copy(this._target),YM.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),1);const l=this._needsUpdate;return l&&!this._updatedLastTime?(this._hasRested=!1,this.dispatchEvent({type:"wake"}),this.dispatchEvent({type:"update"})):l?(this.dispatchEvent({type:"update"}),PM(e,this.restThreshold)&&PM(n,this.restThreshold)&&PM(i,this.restThreshold)&&PM(r.x,this.restThreshold)&&PM(r.y,this.restThreshold)&&PM(r.z,this.restThreshold)&&PM(o.x,this.restThreshold)&&PM(o.y,this.restThreshold)&&PM(o.z,this.restThreshold)&&PM(s,this.restThreshold)&&!this._hasRested&&(this._hasRested=!0,this.dispatchEvent({type:"rest"}))):!l&&this._updatedLastTime&&this.dispatchEvent({type:"sleep"}),this._lastDistance=this._spherical.radius,this._lastZoom=this._zoom,this._updatedLastTime=l,this._needsUpdate=!1,l}toJSON(){return JSON.stringify({enabled:this._enabled,minDistance:this.minDistance,maxDistance:OM(this.maxDistance),minZoom:this.minZoom,maxZoom:OM(this.maxZoom),minPolarAngle:this.minPolarAngle,maxPolarAngle:OM(this.maxPolarAngle),minAzimuthAngle:OM(this.minAzimuthAngle),maxAzimuthAngle:OM(this.maxAzimuthAngle),smoothTime:this.smoothTime,draggingSmoothTime:this.draggingSmoothTime,dollySpeed:this.dollySpeed,truckSpeed:this.truckSpeed,dollyToCursor:this.dollyToCursor,target:this._targetEnd.toArray(),position:YM.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),zoom:this._zoomEnd,focalOffset:this._focalOffsetEnd.toArray(),target0:this._target0.toArray(),position0:this._position0.toArray(),zoom0:this._zoom0,focalOffset0:this._focalOffset0.toArray()})}fromJSON(t,e=!1){const n=JSON.parse(t);this.enabled=n.enabled,this.minDistance=n.minDistance,this.maxDistance=kM(n.maxDistance),this.minZoom=n.minZoom,this.maxZoom=kM(n.maxZoom),this.minPolarAngle=n.minPolarAngle,this.maxPolarAngle=kM(n.maxPolarAngle),this.minAzimuthAngle=kM(n.minAzimuthAngle),this.maxAzimuthAngle=kM(n.maxAzimuthAngle),this.smoothTime=n.smoothTime,this.draggingSmoothTime=n.draggingSmoothTime,this.dollySpeed=n.dollySpeed,this.truckSpeed=n.truckSpeed,this.dollyToCursor=n.dollyToCursor,this._target0.fromArray(n.target0),this._position0.fromArray(n.position0),this._zoom0=n.zoom0,this._focalOffset0.fromArray(n.focalOffset0),this.moveTo(n.target[0],n.target[1],n.target[2],e),iT.setFromVector3(YM.fromArray(n.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)),this.rotateTo(iT.theta,iT.phi,e),this.dollyTo(iT.radius,e),this.zoomTo(n.zoom,e),this.setFocalOffset(n.focalOffset[0],n.focalOffset[1],n.focalOffset[2],e),this._needsUpdate=!0}connect(t){this._domElement?console.warn("camera-controls is already connected."):(t.setAttribute("data-camera-controls-version","2.10.1"),this._addAllEventListeners(t),this._getClientRect(this._elementRect))}disconnect(){this.cancel(),this._removeAllEventListeners(),this._domElement&&(this._domElement.removeAttribute("data-camera-controls-version"),this._domElement=void 0)}dispose(){this.removeAllEventListeners(),this.disconnect()}_getTargetDirection(t){return t.setFromSpherical(this._spherical).divideScalar(this._spherical.radius).applyQuaternion(this._yAxisUpSpaceInverse)}_getCameraDirection(t){return this._getTargetDirection(t).negate()}_findPointerById(t){return this._activePointers.find(e=>e.pointerId===t)}_findPointerByMouseButton(t){return this._activePointers.find(e=>e.mouseButton===t)}_disposePointer(t){this._activePointers.splice(this._activePointers.indexOf(t),1)}_encloseToBoundary(t,e,n){const i=e.lengthSq();if(0===i)return t;const r=qM.copy(e).add(t),o=this._boundary.clampPoint(r,ZM).sub(r),s=o.lengthSq();if(0===s)return t.add(e);if(s===i)return t;if(0===n)return t.add(e).add(o);{const i=1+n*s/e.dot(o);return t.add(qM.copy(e).multiplyScalar(i)).add(o.multiplyScalar(1-n))}}_updateNearPlaneCorners(){if(MM(this._camera)){const t=this._camera,e=t.near,n=t.getEffectiveFOV()*CM,i=Math.tan(.5*n)*e,r=i*t.aspect;this._nearPlaneCorners[0].set(-r,-i,0),this._nearPlaneCorners[1].set(r,-i,0),this._nearPlaneCorners[2].set(r,i,0),this._nearPlaneCorners[3].set(-r,i,0)}else if(TM(this._camera)){const t=this._camera,e=1/t.zoom,n=t.left*e,i=t.right*e,r=t.top*e,o=t.bottom*e;this._nearPlaneCorners[0].set(n,r,0),this._nearPlaneCorners[1].set(i,r,0),this._nearPlaneCorners[2].set(i,o,0),this._nearPlaneCorners[3].set(n,o,0)}}_collisionTest(){let t=1/0;if(!(this.colliderMeshes.length>=1))return t;if(BM(this._camera,"_collisionTest"))return t;const e=this._getTargetDirection(KM);hT.lookAt(GM,e,this._camera.up);for(let n=0;n<4;n++){const i=qM.copy(this._nearPlaneCorners[n]);i.applyMatrix4(hT);const r=ZM.addVectors(this._target,i);uT.set(r,e),uT.far=this._spherical.radius+1;const o=uT.intersectObjects(this.colliderMeshes);0!==o.length&&o[0].distance<t&&(t=o[0].distance)}return t}_getClientRect(t){if(!this._domElement)return;const e=this._domElement.getBoundingClientRect();return t.x=e.left,t.y=e.top,this._viewport?(t.x+=this._viewport.x,t.y+=e.height-this._viewport.w-this._viewport.y,t.width=this._viewport.z,t.height=this._viewport.w):(t.width=e.width,t.height=e.height),t}_createOnRestPromise(t){return t?Promise.resolve():(this._hasRested=!1,this.dispatchEvent({type:"transitionstart"}),new Promise(t=>{const e=()=>{this.removeEventListener("rest",e),t()};this.addEventListener("rest",e)}))}_addAllEventListeners(t){}_removeAllEventListeners(){}get dampingFactor(){return console.warn(".dampingFactor has been deprecated. use smoothTime (in seconds) instead."),0}set dampingFactor(t){console.warn(".dampingFactor has been deprecated. use smoothTime (in seconds) instead.")}get draggingDampingFactor(){return console.warn(".draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead."),0}set draggingDampingFactor(t){console.warn(".draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead.")}static createBoundingSphere(t,e=new VM.Sphere){const n=e,i=n.center;oT.makeEmpty(),t.traverseVisible(t=>{t.isMesh&&oT.expandByObject(t)}),oT.getCenter(i);let r=0;return t.traverseVisible(t=>{if(!t.isMesh)return;const e=t;if(!e.geometry)return;const n=e.geometry.clone();n.applyMatrix4(e.matrixWorld);const o=n.attributes.position;for(let t=0,e=o.count;t<e;t++)YM.fromBufferAttribute(o,t),r=Math.max(r,i.distanceToSquared(YM))}),n.radius=Math.sqrt(r),n}}let pT=Math.PI/180,fT=180/Math.PI,mT=t=>{let e=Qs.toHexString(t);return e=e.replace("#",""),e=parseInt(e,16),e},gT=t=>{let e=(t=>{let e=gi(t,t=>{let e=(t=>{let e=(t=>{let e=t.geometry;return{cs:e.boundingSphere.center,rd:e.boundingSphere.radius}})(t);return{xmin:e.cs.x-e.rd,xmax:e.cs.x+e.rd,ymin:e.cs.y-e.rd,ymax:e.cs.y+e.rd,zmin:e.cs.z-e.rd,zmax:e.cs.z+e.rd}})(t);return e});return{xmin:Lh(gi(e,"xmin")),xmax:Ih(gi(e,"xmax")),ymin:Lh(gi(e,"ymin")),ymax:Ih(gi(e,"ymax")),zmin:Lh(gi(e,"zmin")),zmax:Ih(gi(e,"zmax"))}})(t),n=e.xmax-e.xmin,i=e.ymax-e.ymin,r=e.zmax-e.zmin;return{cs:{x:(e.xmax+e.xmin)/2,y:(e.ymax+e.ymin)/2,z:(e.zmax+e.zmin)/2},rd:Ih([n,i,r])}};async function vT(t,e={}){io(t)||(t=[]);let n=st(e,"domPanel");Yr(n)||(n=document.body);let i=t=>{let e=0;if(Jr(t.innerWidth))e=t.innerWidth;else{if(!Jr(t.clientWidth))throw console.log("ele",t),new Error("can not get width from ele");e=t.clientWidth}let n=0;if(Jr(t.innerWidth))n=t.innerHeight;else{if(!Jr(t.clientWidth))throw console.log("ele",t),new Error("can not get height from ele");n=t.clientHeight}return{w:e,h:n}},r=i(n),o=r.w,s=r.h,a=st(e,"backgroundColor");Ae(a)||(a="#222");let l=st(e,"useHelperAxes");Kr(l)||(l=!0);let c=st(e,"helperAxesType");Fe(c)||(c=5),c=ze(c);let h=st(e,"useHelperGrid");Kr(h)||(h=!0);let u=st(e,"helperGridSize");Fe(u)||(u=5),u=ze(u);let d=st(e,"helperGridDivisions");Fe(d)||(d=50),d=ze(d);let p=st(e,"helperGridPosratZ");Fe(p)||(p=-1),p=ze(p);let f=st(e,"useLightAmbient");Kr(f)||(f=!0);let m=st(e,"lightAmbientColor");Ae(m)||(m="#999");let g=st(e,"useLightPoint");Kr(g)||(g=!1);let v=st(e,"lightPointPoss");io(v)||(v=[[5,5,5],[-5,5,5],[5,-5,5]]);let _=st(e,"lightPointColor");Ae(_)||(_="#fff");let y=st(e,"lightPointIntensity");Fe(y)||(y=100),y=ze(y);let b=st(e,"lightPointDistance");Fe(b)||(b=0),b=ze(b);let x=st(e,"lightPointDecay");Fe(x)||(x=2),x=ze(x);let S=st(e,"useLightDirection");Kr(S)||(S=!0);let w=st(e,"lightDirectionColor");Ae(w)||(w="#fff");let M=st(e,"lightDirectionIntensity");Fe(M)||(M=3),M=ze(M);let T=st(e,"lightDirectionPos");io(T)||(T=[10,10,10]);let A=st(e,"cameraType");"perspective"!==A&&"orthographic"!==A&&(A="perspective");let E=st(e,"cameraFov");Fe(E)||(E=30),E=ze(E);let C=st(e,"cameraNear");Fe(C)||(C=.1),C=ze(C);let R=st(e,"cameraFar");Fe(R)||(R=1e3),R=ze(R);let P=st(e,"cameraOrthographicRatio");Fe(P)||(P=.5),P=ze(P);let L=st(e,"cameraPos");io(L)||(L=[1,1.3,1]);let I=st(e,"labelColor");Ae(I)||(I="#fff");let O=st(e,"labelFontFamily");Ae(O)||(O="Microsoft JhengHei");let k=st(e,"labelFontSize");Ae(k)||(k="0.8rem");let U=st(e,"useAutoRotate");Kr(U)||(U=!1);let D=st(e,"autoRotateDir");"clockwise"!==D&&"counterclockwise"!==D&&(D="counterclockwise");let N=st(e,"autoRotateDeg");Fe(N)||(N=20),N=ze(N);let B=Pr(),F=new pw,z=new ty;z.background=new Jf(mT(a));let H=null;l&&(H=new aM(c),z.add(H));let W=null;if(h&&(W=new Zw(u,d),W.geometry.rotateX(.5*Math.PI),W.geometry.translate(0,0,p),z.add(W)),f){let t=new KS(mT(m));z.add(t)}if(g&&Me(v,t=>{let e=new YS(mT(_),y,b,x),n=st(t,0,0),i=st(t,1,0),r=st(t,2,0);e.position.set([n,i,r]),z.add(e)}),S){let t=new ZS(mT(w),M),e=st(T,0,0),n=st(T,1,0),i=st(T,2,0);t.position.set(e,n,i),z.add(t)}let V,G=(t,e)=>{let n=1;return e>0&&(n=t/e),n},j=G(o,s);if("perspective"===A)V=new Km(E,j,C,R);else if("orthographic"===A){V=new Mg(-P*j,P*j,P,-P,C,R)}{let t=st(L,0,0),e=st(L,1,0),n=st(L,2,0);V.position.set(t,e,n)}V.up.x=0,V.up.y=0,V.up.z=1;let X=new Z_({antialias:!0});X.setSize(o,s),n.appendChild(X.domElement);let $=new gM;$.setSize(o,s),$.domElement.style.position="absolute",$.domElement.style.top="0px",$.domElement.style.left="0px",n.appendChild($.domElement),dT.install({THREE:lM});let Y=new dT(V,$.domElement);Y.mouseButtons={left:dT.ACTION.ROTATE,middle:dT.ACTION.DOLLY,right:dT.ACTION.OFFSET,wheel:dT.ACTION.ZOOM},Y.touches={one:dT.ACTION.TOUCH_ROTATE,two:dT.ACTION.TOUCH_DOLLY_OFFSET,three:dT.ACTION.TOUCH_OFFSET};let q=[];await Bl(t,async t=>{let e=await(async(t,e,n={})=>{let i=st(n,"color",null);Ae(i)||(i="#fff");let r=st(n,"opacity",null);Jr(r)||(r=1);let o=r<1,s=new cM,a=await s.loadAsync(e,e=>{let n=e.loaded/e.total*100;t.emit("loading",n)}),l=new oS({color:mT(i),depthTest:!0,depthWrite:!0,transparent:o,opacity:r,side:2});return new Fm(a,l)})(B,t.url,{color:st(t,"color",""),opacity:st(t,"opacity",1)});e.name=t.name,q.push(e)}),console.log("meshs",q);let Z=new H_;Me(q,t=>{Z.add(t)}),z.add(Z),setTimeout(()=>{let t=gT(q),e=t.cs,n=1;t.rd>0&&(n=1/t.rd),Me(q,t=>{let i=t.geometry;i.translate(-e.x,-e.y,-e.z),i.scale(n,n,n);let r=document.createElement("div");r.className="label",r.textContent=t.name,r.style.color=I,r.style.fontFamily=O,r.style.fontSize=k;let o=new hM(r),s=t.geometry.boundingSphere.center;o.position.set(s.x,s.y,s.z),t.add(o)})},1);let K=()=>{try{X.render(z,V),$.render(z,V)}catch(t){console.log(t)}};K(),setTimeout(()=>{K()},100);let J=!1,Q=()=>{if(!J)try{let t=F.getDelta(),e=Y.update(t);if(U){let e=("clockwise"===D?1:-1)*N*pT*t;Y.azimuthAngle+=e}requestAnimationFrame(Q),e&&K()}catch(t){console.log(t)}};Q();return B.render=K,B.resize=()=>{let t=i(n);o=t.w,s=t.h,j=G(o,s),V.aspect=j,V.updateProjectionMatrix(),X.setSize(o,s),$.setSize(o,s),K()},B.dispose=()=>{let t=t=>{t.dispose();for(let e of Object.keys(t)){let n=t[e];n&&"object"==typeof n&&"minFilter"in n&&n.dispose()}};J=!0,Z.traverse(function(t){t.isMesh&&(t.geometry.dispose(),t.material.dispose())}),z.remove(Z),Z=null,l&&(z.remove(H),H.dispose(),H=null),h&&(z.remove(W),W.dispose(),W=null),z.traverse(e=>{if(e.isLight&&e.dispose(),e.isMesh)if(e.geometry.dispose(),e.material.isMaterial)t(e.material);else for(let n of e.material)t(n)}),qr(X.domElement),qr($.domElement),X.dispose(),X=null,$=null,F=null,Y=null,V=null,z=null},B.setUseAutoRotate=t=>{U=t},B.getMeshsInfor=()=>{let t=gi(q,t=>{let e={r:255*st(t,"material.color.r",0),g:255*st(t,"material.color.g",0),b:255*st(t,"material.color.b",0)},n=Qs.toRgbString(e),i=st(t,"material.opacity",1);return{name:t.name,visible:t.visible,color:n,opacity:i}});return t},B.setMeshVisible=(t,e)=>{if(!Hr(st(q,t)))return null;try{q[t].visible=e}catch(t){console.log(t)}},B.setMeshColor=(t,e)=>{if(!Hr(st(q,t)))return null;try{q[t].material.color.setHex(mT(e))}catch(t){console.log(t)}},B.setViewAngle=(t,e)=>{Rh(Y,"azimuthAngle",t*pT),Rh(Y,"polarAngle",e*pT)},B.getViewAngle=()=>{let t=st(Y,"azimuthAngle"),e=st(Y,"polarAngle");return{azimuthAngle:t*fT,polarAngle:e*fT}},B}const _T={directives:{domresize:Ir()},components:{},props:{options:{type:Object,default:()=>{}},width:{type:Number,default:400},height:{type:Number,default:400}},data:function(){return{ev:null}},beforeDestroy:function(){this.dispose()},computed:{changeOptions:function(){return this.plot(),""},widthInp:function(){let t=this.width,e=st(this,"options.width","");return Fe(e)&&(t=ze(e)),t},heightInp:function(){let t=this.height,e=st(this,"options.height","");return Fe(e)&&(t=ze(e)),t}},methods:{updatePanel:function(t){let e=this;if(null===e.ev)return;let n=st(e,"ev.resize");Lr(n)&&(n(),e.$emit("resize",t))},plot:function(){let t=this;(async function(){t.dispose(),await zl(()=>Yr(t.$refs.panel));let e=st(t,"options.items",[]),n={...t.options,domPanel:t.$refs.panel},i=await vT(e,n);i.on("loading",e=>{t.$emit("loading",e)}),t.ev=i,setTimeout(()=>{console.log("ev.getMeshsInfor()",i.getMeshsInfor())},1e3)})().catch(t=>{console.log(t)})},dispose:function(){let t=this;setTimeout(()=>{if(null===t.ev)return;Lr(st(t,"ev.dispose"))&&(t.ev.dispose(),t.ev=null)},1)}}};var yT=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:"display:inline-block; width:"+t.widthInp+"px; min-width:"+t.widthInp+"px; height:"+t.heightInp+"px; overflow-y:hidden;",attrs:{changeOptions:t.changeOptions}},[n("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"panel",style:"position:relative; width:"+t.widthInp+"px; height:"+t.heightInp+"px;",on:{domresize:t.updatePanel}})])};yT._withStripped=!0;const bT={components:{demolink:Nl,WPlot3d:oo({render:yT,staticRenderFns:[]},function(t){t&&t("data-v-adf841d4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPlot3d.vue"},media:void 0})},_T,"data-v-adf841d4",false,void 0,!1,ao,void 0,void 0)},props:{},data:function(){return{WPlot3d:{option1:{width:600,height:600,items:[{url:"./topo_surface.stl",name:"Surface",color:"#d65c5c",opacity:.9},{url:"./A.stl",name:"A",color:"#d6d65c",opacity:.9},{url:"./B.stl",name:"B",color:"#5cd65c",opacity:.9},{url:"./C.stl",name:"C",color:"#5cd6d6",opacity:.9},{url:"./D.stl",name:"D",color:"#5c5cd6",opacity:.9},{url:"./E.stl",name:"E",color:"#d65cd6",opacity:.9}]}}}},methods:{}};var xT=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"bkh"},[t._m(0),t._v(" "),n("div",{staticStyle:{padding:"0px"}},[n("div",{staticClass:"bk"},[n("demolink",{attrs:{kbname:"w-plot-3d",casename:"default"}}),t._v(" "),n("w-plot-3d",{attrs:{options:t.WPlot3d.option1}})],1)])])};xT._withStripped=!0;let ST=t=>{let e=Ft(t);return"2-d"===Ye(e,3)?e=Ze(e,3)+"2d":"3-d"===Ye(e,3)&&(e=Ze(e,3)+"3d"),e};const wT={components:{WListHorizontal:xo,AppZoneWPlot2d:ic,AppZoneWBar:wc,AppZoneWPie:Lc,AppZoneWRose:Fc,AppZoneWSetOne:Th,AppZoneWSetMulti:Ch,AppZoneWPlot3d:oo({render:xT,staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"head1"},[n("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-geo-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[t._v("w-plot-3d")])])}]},function(t){t&&t("data-v-05458424_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPlot3d.vue"},media:void 0})},bT,"data-v-05458424",false,void 0,!1,ao,void 0,void 0)},data:function(){return{kebabCaseFix:ST,cmpsL1:[{name:"2d",cmps:[{name:"basic",cmps:[{name:"WPlot2d"},{name:"WBar"},{name:"WPie"},{name:"WRose"}]},{name:"set",cmps:[{name:"WSetOne"},{name:"WSetMulti"}]}]}],indP1:null,cmpP1:null,cmpsL2:null,indP2:null,cmpP2:null,cmpsL3:null,indP3:null,cmpP3:null,cmpsL4:null,cmpPick:""}},mounted:function(){let t=this;t.indP1=0,t.indP2=0,t.indP3=0;let e=bi(location.href);t.viewPick(st(e,"cmp",""))},computed:{changeMenus:function(){let t=this;return t.modifyMenus(t.indP1,t.indP2,t.indP3),""},isNarrow:function(){return window.innerWidth<1e3}},methods:{modifyMenus:function(){let t=this,e="";setTimeout(()=>{t.cmpP1=st(t.cmpsL1,t.indP1,{}),t.cmpsL2=st(t.cmpP1,"cmps",[]);let n=st(t.cmpP1,"name","");n&&(e=n)},50),setTimeout(()=>{let n=st(t.cmpP1,"cmps",[]);t.cmpP2=st(n,t.indP2,{}),t.cmpsL3=st(t.cmpP2,"cmps",[]);let i=st(t.cmpP2,"name","");i&&(e=i)},100),setTimeout(()=>{let n=st(t.cmpP2,"cmps",[]);t.cmpP3=st(n,t.indP3,{}),t.cmpsL4=st(t.cmpP3,"cmps",[]);let i=st(t.cmpP3,"name","");i&&(e=i),t.cmpPick=e},150)},getInd:function(t,e){let n=-1;return Me(e,(e,i)=>{if(t.name===e.name)return n=i,!1}),n},viewPick:function(t){let e=this,n=ST(t),i="",r=[],o=t=>{Me(t,(t,e)=>{r.push(e);let s=st(t,"name",""),a=ST(s),l=st(t,"cmps",[]);r.join("."),a===n&&(i=JSON.parse(JSON.stringify(r))),l.length>0&&o(l),r.pop()})};o(e.cmpsL1),e.indP1=st(i,0,0),e.indP2=st(i,1,0),e.indP3=st(i,2,0)}}};var MT=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{changeMenus:t.changeMenus}},[t.isNarrow?t._e():[n("a",{staticClass:"github-corner",staticStyle:{position:"fixed",top:"0",right:"0",border:"0","z-index":"10000"},attrs:{href:"https://github.com/yuda-lyu/w-plot-vue","aria-label":"View source on GitHub",target:"_blank",rel:"noreferrer noopener"}},[n("svg",{staticStyle:{fill:"rgba(0,0,0,0.25)",color:"#fff",position:"absolute",top:"0",border:"0",right:"0"},attrs:{width:"80",height:"80",viewBox:"0 0 250 250","aria-hidden":"true"}},[n("path",{attrs:{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}}),n("path",{staticClass:"octo-arm",staticStyle:{"transform-origin":"130px 106px"},attrs:{d:"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",fill:"currentColor"}}),n("path",{staticClass:"octo-body",attrs:{d:"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",fill:"currentColor"}})])])],t._v(" "),n("div",{staticStyle:{background:"#f5f5f5"}},[t.cmpsL1&&t.cmpsL1.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("WListHorizontal",{attrs:{items:t.cmpsL1,itemActive:t.cmpP1,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP1=e},function(e){t.indP3=0,t.indP2=0,t.indP1=t.getInd(e,t.cmpsL1)}],"update:item-active":function(e){t.cmpP1=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e(),t._v(" "),t.cmpsL2&&t.cmpsL2.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("div",{staticStyle:{height:"3px",background:"#fff"}}),t._v(" "),n("WListHorizontal",{attrs:{items:t.cmpsL2,itemActive:t.cmpP2,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP2=e},function(e){t.indP3=0,t.indP2=t.getInd(e,t.cmpsL2)}],"update:item-active":function(e){t.cmpP2=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e(),t._v(" "),t.cmpsL3&&t.cmpsL3.length>0?n("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[n("div",{staticStyle:{height:"3px",background:"#fff"}}),t._v(" "),n("WListHorizontal",{attrs:{items:t.cmpsL3,itemActive:t.cmpP3,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){t.cmpP3=e},function(e){t.indP3=t.getInd(e,t.cmpsL3)}],"update:item-active":function(e){t.cmpP3=e}},scopedSlots:t._u([{key:"item",fn:function(e){return[n("div",{},[t._v("\n                        "+t._s(t.kebabCaseFix(e.item.name))+"\n                    ")])]}}],null,!1,3901629136)}),t._v(" "),n("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):t._e()]),t._v(" "),n("div",["WPlot2d"===t.cmpPick?n("AppZoneWPlot2d"):t._e(),t._v(" "),"WBar"===t.cmpPick?n("AppZoneWBar"):t._e(),t._v(" "),"WPie"===t.cmpPick?n("AppZoneWPie"):t._e(),t._v(" "),"WRose"===t.cmpPick?n("AppZoneWRose"):t._e(),t._v(" "),"WSetOne"===t.cmpPick?n("AppZoneWSetOne"):t._e(),t._v(" "),"WSetMulti"===t.cmpPick?n("AppZoneWSetMulti"):t._e(),t._v(" "),"WPlot3d"===t.cmpPick?n("AppZoneWPlot3d"):t._e()],1)],2)};MT._withStripped=!0;return oo({render:MT,staticRenderFns:[]},function(t){t&&t("data-v-dc5357fc_0",{source:"\n.head1 {\n    padding: 0px 0px 20px 0px;\n    font-size: 2.5rem;\n}\n.bkh { /* 寬 */\n    padding:20px;\n}\n@media screen and (max-width:800px){ /* 中 */\n.bkh {\n        padding:10px;\n}\n}\n@media screen and (max-width:400px){ /* 窄 */\n.bkh {\n        padding:5px;\n}\n}\n.bk { /* 寬 */\n    display: inline-block;\n    vertical-align: top;\n    padding: 0px 80px 60px 0px;\n}\n@media screen and (max-width:1000px){ /* 中窄 */\n.bk {\n        display: block;\n        padding: 0px 0px 50px 0px;\n}\n}\n",map:{version:3,sources:["C:\\opensrc\\開源-JS-406-7-w-plot-vue\\w-plot-vue\\src\\App.vue"],names:[],mappings:";AAkWA;IACA,yBAAA;IACA,iBAAA;AACA;AACA,OAAA,MAAA;IACA,YAAA;AACA;AACA,qCAAA,MAAA;AACA;QACA,YAAA;AACA;AACA;AACA,qCAAA,MAAA;AACA;QACA,WAAA;AACA;AACA;AACA,MAAA,MAAA;IACA,qBAAA;IACA,mBAAA;IACA,0BAAA;AACA;AACA,sCAAA,OAAA;AACA;QACA,cAAA;QACA,yBAAA;AACA;AACA",file:"App.vue",sourcesContent:["<template>\n    <div\n        style=\"\"\n        :changeMenus=\"changeMenus\"\n    >\n\n\n        <template v-if=\"!isNarrow\">\n            <a href=\"https://github.com/yuda-lyu/w-plot-vue\" class=\"github-corner\" style=\"position:fixed; top:0; right:0; border:0; z-index:10000;\" aria-label=\"View source on GitHub\" target=\"_blank\" rel=\"noreferrer noopener\">\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 250 250\" style=\"fill:rgba(0,0,0,0.25); color:#fff; position: absolute; top: 0; border: 0; right: 0;\" aria-hidden=\"true\"><path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path><path d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\" fill=\"currentColor\" style=\"transform-origin: 130px 106px;\" class=\"octo-arm\"></path><path d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\" fill=\"currentColor\" class=\"octo-body\"></path></svg>\n            </a>\n        </template>\n\n\n        <div style=\"background:#f5f5f5;\">\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL1 && cmpsL1.length>0\">\n                <WListHorizontal\n                    :items=\"cmpsL1\"\n                    :itemActive.sync=\"cmpP1\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=0;indP1=getInd(v,cmpsL1)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL2 && cmpsL2.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL2\"\n                    :itemActive.sync=\"cmpP2\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=getInd(v,cmpsL2)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL3 && cmpsL3.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL3\"\n                    :itemActive.sync=\"cmpP3\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=getInd(v,cmpsL3)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCaseFix(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n        </div>\n\n\n        <div>\n\n            <AppZoneWPlot2d v-if=\"cmpPick==='WPlot2d'\"></AppZoneWPlot2d>\n\n            <AppZoneWBar v-if=\"cmpPick==='WBar'\"></AppZoneWBar>\n\n            <AppZoneWPie v-if=\"cmpPick==='WPie'\"></AppZoneWPie>\n\n            <AppZoneWRose v-if=\"cmpPick==='WRose'\"></AppZoneWRose>\n\n            <AppZoneWSetOne v-if=\"cmpPick==='WSetOne'\"></AppZoneWSetOne>\n\n            <AppZoneWSetMulti v-if=\"cmpPick==='WSetMulti'\"></AppZoneWSetMulti>\n\n            <AppZoneWPlot3d v-if=\"cmpPick==='WPlot3d'\"></AppZoneWPlot3d>\n\n        </div>\n\n\n    </div>\n</template>\n\n<script>\nimport get from 'lodash-es/get.js'\nimport kebabCase from 'lodash-es/kebabCase.js'\nimport each from 'lodash-es/each.js'\n// import cloneDeep from 'lodash-es/cloneDeep.js'\nimport strright from 'wsemi/src/strright.mjs'\nimport strdelright from 'wsemi/src/strdelright.mjs'\nimport urlParse from 'wsemi/src/urlParse.mjs'\nimport WListHorizontal from 'w-component-vue/src/components/WListHorizontal.vue'\nimport AppZoneWPlot2d from './AppZoneWPlot2d.vue'\nimport AppZoneWBar from './AppZoneWBar.vue'\nimport AppZoneWPie from './AppZoneWPie.vue'\nimport AppZoneWRose from './AppZoneWRose.vue'\nimport AppZoneWSetOne from './AppZoneWSetOne.vue'\nimport AppZoneWSetMulti from './AppZoneWSetMulti.vue'\nimport AppZoneWPlot3d from './AppZoneWPlot3d.vue'\n\n\nlet kebabCaseFix = (c) => {\n    let r = kebabCase(c)\n    if (strright(r, 3) === '2-d') {\n        r = strdelright(r, 3) + '2d'\n    }\n    else if (strright(r, 3) === '3-d') {\n        r = strdelright(r, 3) + '3d'\n    }\n    return r\n}\n\n\nexport default {\n    components: {\n        WListHorizontal,\n        AppZoneWPlot2d,\n        AppZoneWBar,\n        AppZoneWPie,\n        AppZoneWRose,\n        AppZoneWSetOne,\n        AppZoneWSetMulti,\n        AppZoneWPlot3d,\n    },\n    data: function() {\n        let cmps = [\n            {\n                name: '2d',\n                cmps: [\n                    {\n                        name: 'basic',\n                        cmps: [\n                            { name: 'WPlot2d', },\n                            { name: 'WBar', },\n                            { name: 'WPie', },\n                            { name: 'WRose', },\n                        ],\n                    },\n                    {\n                        name: 'set',\n                        cmps: [\n                            { name: 'WSetOne', },\n                            { name: 'WSetMulti', },\n                            // {\n                            //     name: 'VTest',\n                            //     cmps: [\n                            //         { name: 'VTest1', },\n                            //         { name: 'VTest2', },\n                            //         { name: 'VTest3', },\n                            //     ],\n                            // },\n                        ],\n                    },\n                ],\n            },\n            // {\n            //     name: '3d',\n            //     cmps: [\n            //         { name: 'WPlot3d', },\n            //     ],\n            // },\n        ]\n        return {\n            kebabCaseFix,\n\n            cmpsL1: cmps,\n            indP1: null,\n            cmpP1: null,\n\n            cmpsL2: null,\n            indP2: null,\n            cmpP2: null,\n\n            cmpsL3: null,\n            indP3: null,\n            cmpP3: null,\n\n            cmpsL4: null,\n\n            cmpPick: '',\n\n        }\n    },\n    mounted: function() {\n        let vo = this\n\n        //default\n        vo.indP1 = 0\n        vo.indP2 = 0\n        vo.indP3 = 0\n\n        //urlParse, http://localhost:8080/?cmp=w-set-multi\n        let p = urlParse(location.href)\n        // console.log('p', p)\n\n        //viewPick\n        vo.viewPick(get(p, 'cmp', ''))\n\n    },\n    computed: {\n\n        changeMenus: function() {\n            let vo = this\n            vo.modifyMenus(vo.indP1, vo.indP2, vo.indP3)\n            return ''\n        },\n\n        isNarrow: function() {\n            return window.innerWidth < 1000\n        },\n\n    },\n    methods: {\n\n        modifyMenus: function() {\n            let vo = this\n\n            let cmpPick = ''\n\n            setTimeout(() => {\n\n                // console.log('call P1')\n                vo.cmpP1 = get(vo.cmpsL1, vo.indP1, {})\n                vo.cmpsL2 = get(vo.cmpP1, `cmps`, [])\n                let _cmpPick = get(vo.cmpP1, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP1', cloneDeep(vo.cmpP1))\n                // console.log('vo.cmpsL2', cloneDeep(vo.cmpsL2))\n\n            }, 50)\n\n            setTimeout(() => {\n\n                // console.log('call P2')\n                let cmps = get(vo.cmpP1, `cmps`, [])\n                vo.cmpP2 = get(cmps, vo.indP2, {})\n                vo.cmpsL3 = get(vo.cmpP2, `cmps`, [])\n                let _cmpPick = get(vo.cmpP2, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP2', cloneDeep(vo.cmpP2))\n                // console.log('vo.cmpsL3', cloneDeep(vo.cmpsL3))\n\n            }, 100)\n\n            setTimeout(() => {\n\n                // console.log('call P3')\n                let cmps = get(vo.cmpP2, `cmps`, [])\n                vo.cmpP3 = get(cmps, vo.indP3, {})\n                vo.cmpsL4 = get(vo.cmpP3, `cmps`, [])\n                let _cmpPick = get(vo.cmpP3, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP3', cloneDeep(vo.cmpP3))\n                // console.log('vo.cmpsL4', cloneDeep(vo.cmpsL4))\n\n                //update\n                vo.cmpPick = cmpPick\n                // console.log('cmpPick', cmpPick)\n\n            }, 150)\n\n        },\n\n        getInd: function(item, items) {\n            // let vo = this\n            let ind = -1\n            each(items, (v, k) => {\n                if (item.name === v.name) {\n                    ind = k\n                    return false //跳出\n                }\n            })\n            return ind\n        },\n\n        viewPick: function(cmpPick) {\n            let vo = this\n            let _cmpPick = kebabCaseFix(cmpPick)\n            let r = ''\n            let rs = []\n            let ls = []\n            let pv = (ts) => {\n                each(ts, (v, k) => {\n                    ls.push(k)\n\n                    //name, _name\n                    let name = get(v, `name`, '')\n                    let _name = kebabCaseFix(name)\n\n                    //cmps\n                    let cmps = get(v, `cmps`, [])\n\n                    //push\n                    let cls = ls.join('.')\n                    let b = _name === _cmpPick\n                    rs.push({\n                        cls,\n                        name,\n                        b,\n                    })\n\n                    //save\n                    if (b) {\n                        r = JSON.parse(JSON.stringify(ls))\n                    }\n\n                    //遞迴pv\n                    if (cmps.length > 0) {\n                        pv(cmps)\n                    }\n\n                    ls.pop()\n                })\n            }\n            pv(vo.cmpsL1)\n            // console.log('rs', rs)\n            // console.log('r', r)\n            vo.indP1 = get(r, 0, 0)\n            vo.indP2 = get(r, 1, 0)\n            vo.indP3 = get(r, 2, 0)\n        },\n\n    },\n}\n<\/script>\n\n<style>\n.head1 {\n    padding: 0px 0px 20px 0px;\n    font-size: 2.5rem;\n}\n.bkh { /* 寬 */\n    padding:20px;\n}\n@media screen and (max-width:800px){ /* 中 */\n    .bkh {\n        padding:10px;\n    }\n}\n@media screen and (max-width:400px){ /* 窄 */\n    .bkh {\n        padding:5px;\n    }\n}\n.bk { /* 寬 */\n    display: inline-block;\n    vertical-align: top;\n    padding: 0px 80px 60px 0px;\n}\n@media screen and (max-width:1000px){ /* 中窄 */\n    .bk {\n        display: block;\n        padding: 0px 0px 50px 0px;\n    }\n}\n</style>\n"]},media:void 0})},wT,void 0,false,void 0,!1,ao,void 0,void 0)});
 //# sourceMappingURL=app.umd.js.map