npm - w-component-vue - Versions diffs - 2.4.20 → 2.4.21 - Mend

w-component-vue 2.4.20 → 2.4.21

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

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

@@ -1,9 +1,9 @@
 /*!
- * app v2.4.20
+ * app v2.4.21
  * (c) 2018-2021 yuda-lyu(semisphere)
  * Released under the MIT License.
  */
-!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(n="undefined"!=typeof globalThis?globalThis:n||self).app=e(n.Vue)}(this,(function(n){"use strict";var e=Array.isArray,t="object"==typeof global&&global&&global.Object===Object&&global,o="object"==typeof self&&self&&self.Object===Object&&self,r=t||o||Function("return this")(),i=r.Symbol,a=Object.prototype,l=a.hasOwnProperty,s=a.toString,c=i?i.toStringTag:void 0;var d=Object.prototype.toString;var u="[object Null]",p="[object Undefined]",m=i?i.toStringTag:void 0;function v(n){return null==n?void 0===n?p:u:m&&m in Object(n)?function(n){var e=l.call(n,c),t=n[c];try{n[c]=void 0;var o=!0}catch(n){}var r=s.call(n);return o&&(e?n[c]=t:delete n[c]),r}(n):function(n){return d.call(n)}(n)}function g(n){return null!=n&&"object"==typeof n}var h="[object Symbol]";function f(n){return"symbol"==typeof n||g(n)&&v(n)==h}var b=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,y=/^\w*$/;function k(n,t){if(e(n))return!1;var o=typeof n;return!("number"!=o&&"symbol"!=o&&"boolean"!=o&&null!=n&&!f(n))||(y.test(n)||!b.test(n)||null!=t&&n in Object(t))}function x(n){var e=typeof n;return null!=n&&("object"==e||"function"==e)}var C="[object AsyncFunction]",S="[object Function]",w="[object GeneratorFunction]",W="[object Proxy]";function _(n){if(!x(n))return!1;var e=v(n);return e==S||e==w||e==C||e==W}var I,T=r["__core-js_shared__"],A=(I=/[^.]+$/.exec(T&&T.keys&&T.keys.IE_PROTO||""))?"Symbol(src)_1."+I:"";var B=Function.prototype.toString;function H(n){if(null!=n){try{return B.call(n)}catch(n){}try{return n+""}catch(n){}}return""}var P=/^\[object .+?Constructor\]$/,F=Function.prototype,L=Object.prototype,R=F.toString,D=L.hasOwnProperty,j=RegExp("^"+R.call(D).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function z(n){return!(!x(n)||(e=n,A&&A in e))&&(_(n)?j:P).test(H(n));var e}function V(n,e){var t=function(n,e){return null==n?void 0:n[e]}(n,e);return z(t)?t:void 0}var Z=V(Object,"create");var $=Object.prototype.hasOwnProperty;var E=Object.prototype.hasOwnProperty;function G(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var o=n[e];this.set(o[0],o[1])}}function X(n,e){return n===e||n!=n&&e!=e}function M(n,e){for(var t=n.length;t--;)if(X(n[t][0],e))return t;return-1}G.prototype.clear=function(){this.__data__=Z?Z(null):{},this.size=0},G.prototype.delete=function(n){var e=this.has(n)&&delete this.__data__[n];return this.size-=e?1:0,e},G.prototype.get=function(n){var e=this.__data__;if(Z){var t=e[n];return"__lodash_hash_undefined__"===t?void 0:t}return $.call(e,n)?e[n]:void 0},G.prototype.has=function(n){var e=this.__data__;return Z?void 0!==e[n]:E.call(e,n)},G.prototype.set=function(n,e){var t=this.__data__;return this.size+=this.has(n)?0:1,t[n]=Z&&void 0===e?"__lodash_hash_undefined__":e,this};var N=Array.prototype.splice;function O(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var o=n[e];this.set(o[0],o[1])}}O.prototype.clear=function(){this.__data__=[],this.size=0},O.prototype.delete=function(n){var e=this.__data__,t=M(e,n);return!(t<0)&&(t==e.length-1?e.pop():N.call(e,t,1),--this.size,!0)},O.prototype.get=function(n){var e=this.__data__,t=M(e,n);return t<0?void 0:e[t][1]},O.prototype.has=function(n){return M(this.__data__,n)>-1},O.prototype.set=function(n,e){var t=this.__data__,o=M(t,n);return o<0?(++this.size,t.push([n,e])):t[o][1]=e,this};var K=V(r,"Map");function Y(n,e){var t,o,r=n.__data__;return("string"==(o=typeof(t=e))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==t:null===t)?r["string"==typeof e?"string":"hash"]:r.map}function J(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var o=n[e];this.set(o[0],o[1])}}J.prototype.clear=function(){this.size=0,this.__data__={hash:new G,map:new(K||O),string:new G}},J.prototype.delete=function(n){var e=Y(this,n).delete(n);return this.size-=e?1:0,e},J.prototype.get=function(n){return Y(this,n).get(n)},J.prototype.has=function(n){return Y(this,n).has(n)},J.prototype.set=function(n,e){var t=Y(this,n),o=t.size;return t.set(n,e),this.size+=t.size==o?0:1,this};var U="Expected a function";function Q(n,e){if("function"!=typeof n||null!=e&&"function"!=typeof e)throw new TypeError(U);var t=function(){var o=arguments,r=e?e.apply(this,o):o[0],i=t.cache;if(i.has(r))return i.get(r);var a=n.apply(this,o);return t.cache=i.set(r,a)||i,a};return t.cache=new(Q.Cache||J),t}Q.Cache=J;var q,nn,en,tn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,on=/\\(\\)?/g,rn=(q=function(n){var e=[];return 46===n.charCodeAt(0)&&e.push(""),n.replace(tn,(function(n,t,o,r){e.push(o?r.replace(on,"$1"):t||n)})),e},nn=Q(q,(function(n){return 500===en.size&&en.clear(),n})),en=nn.cache,nn),an=rn;function ln(n,e){for(var t=-1,o=null==n?0:n.length,r=Array(o);++t<o;)r[t]=e(n[t],t,n);return r}var sn=1/0,cn=i?i.prototype:void 0,dn=cn?cn.toString:void 0;function un(n){if("string"==typeof n)return n;if(e(n))return ln(n,un)+"";if(f(n))return dn?dn.call(n):"";var t=n+"";return"0"==t&&1/n==-sn?"-0":t}function pn(n){return null==n?"":un(n)}function mn(n,t){return e(n)?n:k(n,t)?[n]:an(pn(n))}var vn=1/0;function gn(n){if("string"==typeof n||f(n))return n;var e=n+"";return"0"==e&&1/n==-vn?"-0":e}function hn(n,e){for(var t=0,o=(e=mn(e,n)).length;null!=n&&t<o;)n=n[gn(e[t++])];return t&&t==o?n:void 0}function fn(n,e,t){var o=null==n?void 0:hn(n,e);return void 0===o?t:o}var bn,yn=(bn={"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","Ĳ":"IJ","ĳ":"ij","Œ":"Oe","œ":"oe","ŉ":"'n","ſ":"s"},function(n){return null==bn?void 0:bn[n]}),kn=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,xn=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var Cn=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Sn=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var wn="\\ud800-\\udfff",Wn="\\u2700-\\u27bf",_n="a-z\\xdf-\\xf6\\xf8-\\xff",In="A-Z\\xc0-\\xd6\\xd8-\\xde",Tn="\\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",An="["+Tn+"]",Bn="\\d+",Hn="["+Wn+"]",Pn="["+_n+"]",Fn="[^"+wn+Tn+Bn+Wn+_n+In+"]",Ln="(?:\\ud83c[\\udde6-\\uddff]){2}",Rn="[\\ud800-\\udbff][\\udc00-\\udfff]",Dn="["+In+"]",jn="(?:"+Pn+"|"+Fn+")",zn="(?:"+Dn+"|"+Fn+")",Vn="(?:['’](?:d|ll|m|re|s|t|ve))?",Zn="(?:['’](?:D|LL|M|RE|S|T|VE))?",$n="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",En="[\\ufe0e\\ufe0f]?",Gn=En+$n+("(?:\\u200d(?:"+["[^"+wn+"]",Ln,Rn].join("|")+")"+En+$n+")*"),Xn="(?:"+[Hn,Ln,Rn].join("|")+")"+Gn,Mn=RegExp([Dn+"?"+Pn+"+"+Vn+"(?="+[An,Dn,"$"].join("|")+")",zn+"+"+Zn+"(?="+[An,Dn+jn,"$"].join("|")+")",Dn+"?"+jn+"+"+Vn,Dn+"+"+Zn,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Bn,Xn].join("|"),"g");function Nn(n,e,t){return n=pn(n),void 0===(e=t?void 0:e)?function(n){return Sn.test(n)}(n)?function(n){return n.match(Mn)||[]}(n):function(n){return n.match(Cn)||[]}(n):n.match(e)||[]}var On=RegExp("['’]","g");function Kn(n){return function(e){return function(n,e,t,o){var r=-1,i=null==n?0:n.length;for(o&&i&&(t=n[++r]);++r<i;)t=e(t,n[r],r,n);return t}(Nn(function(n){return(n=pn(n))&&n.replace(kn,yn).replace(xn,"")}(e).replace(On,"")),n,"")}}var Yn=Kn((function(n,e,t){return n+(t?"-":"")+e.toLowerCase()})),Jn=Yn;function Un(n,e){for(var t=-1,o=null==n?0:n.length;++t<o&&!1!==e(n[t],t,n););return n}var Qn,qn=function(n,e,t){for(var o=-1,r=Object(n),i=t(n),a=i.length;a--;){var l=i[Qn?a:++o];if(!1===e(r[l],l,r))break}return n},ne=qn;function ee(n,e){for(var t=-1,o=Array(n);++t<n;)o[t]=e(t);return o}function te(n){return g(n)&&"[object Arguments]"==v(n)}var oe=Object.prototype,re=oe.hasOwnProperty,ie=oe.propertyIsEnumerable,ae=te(function(){return arguments}())?te:function(n){return g(n)&&re.call(n,"callee")&&!ie.call(n,"callee")},le=ae;var se="object"==typeof exports&&exports&&!exports.nodeType&&exports,ce=se&&"object"==typeof module&&module&&!module.nodeType&&module,de=ce&&ce.exports===se?r.Buffer:void 0,ue=(de?de.isBuffer:void 0)||function(){return!1},pe=9007199254740991,me=/^(?:0|[1-9]\d*)$/;function ve(n,e){var t=typeof n;return!!(e=null==e?pe:e)&&("number"==t||"symbol"!=t&&me.test(n))&&n>-1&&n%1==0&&n<e}var ge=9007199254740991;function he(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=ge}var fe={};function be(n){return function(e){return n(e)}}fe["[object Float32Array]"]=fe["[object Float64Array]"]=fe["[object Int8Array]"]=fe["[object Int16Array]"]=fe["[object Int32Array]"]=fe["[object Uint8Array]"]=fe["[object Uint8ClampedArray]"]=fe["[object Uint16Array]"]=fe["[object Uint32Array]"]=!0,fe["[object Arguments]"]=fe["[object Array]"]=fe["[object ArrayBuffer]"]=fe["[object Boolean]"]=fe["[object DataView]"]=fe["[object Date]"]=fe["[object Error]"]=fe["[object Function]"]=fe["[object Map]"]=fe["[object Number]"]=fe["[object Object]"]=fe["[object RegExp]"]=fe["[object Set]"]=fe["[object String]"]=fe["[object WeakMap]"]=!1;var ye="object"==typeof exports&&exports&&!exports.nodeType&&exports,ke=ye&&"object"==typeof module&&module&&!module.nodeType&&module,xe=ke&&ke.exports===ye&&t.process,Ce=function(){try{var n=ke&&ke.require&&ke.require("util").types;return n||xe&&xe.binding&&xe.binding("util")}catch(n){}}(),Se=Ce&&Ce.isTypedArray,we=Se?be(Se):function(n){return g(n)&&he(n.length)&&!!fe[v(n)]},We=Object.prototype.hasOwnProperty;function _e(n,t){var o=e(n),r=!o&&le(n),i=!o&&!r&&ue(n),a=!o&&!r&&!i&&we(n),l=o||r||i||a,s=l?ee(n.length,String):[],c=s.length;for(var d in n)!t&&!We.call(n,d)||l&&("length"==d||i&&("offset"==d||"parent"==d)||a&&("buffer"==d||"byteLength"==d||"byteOffset"==d)||ve(d,c))||s.push(d);return s}var Ie=Object.prototype;function Te(n){var e=n&&n.constructor;return n===("function"==typeof e&&e.prototype||Ie)}function Ae(n,e){return function(t){return n(e(t))}}var Be=Ae(Object.keys,Object),He=Object.prototype.hasOwnProperty;function Pe(n){if(!Te(n))return Be(n);var e=[];for(var t in Object(n))He.call(n,t)&&"constructor"!=t&&e.push(t);return e}function Fe(n){return null!=n&&he(n.length)&&!_(n)}function Le(n){return Fe(n)?_e(n):Pe(n)}var Re=function(n,e){return function(t,o){if(null==t)return t;if(!Fe(t))return n(t,o);for(var r=t.length,i=e?r:-1,a=Object(t);(e?i--:++i<r)&&!1!==o(a[i],i,a););return t}}((function(n,e){return n&&ne(n,e,Le)})),De=Re;function je(n){return n}function ze(n){return"function"==typeof n?n:je}function Ve(n,t){return(e(n)?Un:De)(n,ze(t))}function Ze(n,e,t){var o=-1,r=n.length;e<0&&(e=-e>r?0:r+e),(t=t>r?r:t)<0&&(t+=r),r=e>t?0:t-e>>>0,e>>>=0;for(var i=Array(r);++o<r;)i[o]=n[o+e];return i}function $e(n,e,t){var o=n.length;return t=void 0===t?o:t,!e&&t>=o?n:Ze(n,e,t)}var Ee=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");function Ge(n){return Ee.test(n)}function Xe(n,e,t){if(!x(t))return!1;var o=typeof e;return!!("number"==o?Fe(t)&&ve(e,t.length):"string"==o&&e in t)&&X(t[e],n)}var Me=Ce&&Ce.isRegExp,Ne=Me?be(Me):function(n){return g(n)&&"[object RegExp]"==v(n)};var Oe="\\ud800-\\udfff",Ke="["+Oe+"]",Ye="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Je="\\ud83c[\\udffb-\\udfff]",Ue="[^"+Oe+"]",Qe="(?:\\ud83c[\\udde6-\\uddff]){2}",qe="[\\ud800-\\udbff][\\udc00-\\udfff]",nt="(?:"+Ye+"|"+Je+")"+"?",et="[\\ufe0e\\ufe0f]?",tt=et+nt+("(?:\\u200d(?:"+[Ue,Qe,qe].join("|")+")"+et+nt+")*"),ot="(?:"+[Ue+Ye+"?",Ye,Qe,qe,Ke].join("|")+")",rt=RegExp(Je+"(?="+Je+")|"+ot+tt,"g");function it(n){return Ge(n)?function(n){return n.match(rt)||[]}(n):function(n){return n.split("")}(n)}var at=4294967295;function lt(n,e,t){return t&&"number"!=typeof t&&Xe(n,e,t)&&(e=t=void 0),(t=void 0===t?at:t>>>0)?(n=pn(n))&&("string"==typeof e||null!=e&&!Ne(e))&&!(e=un(e))&&Ge(n)?$e(it(n),0,t):n.split(e,t):[]}function st(n){var e=this.__data__=new O(n);this.size=e.size}st.prototype.clear=function(){this.__data__=new O,this.size=0},st.prototype.delete=function(n){var e=this.__data__,t=e.delete(n);return this.size=e.size,t},st.prototype.get=function(n){return this.__data__.get(n)},st.prototype.has=function(n){return this.__data__.has(n)},st.prototype.set=function(n,e){var t=this.__data__;if(t instanceof O){var o=t.__data__;if(!K||o.length<199)return o.push([n,e]),this.size=++t.size,this;t=this.__data__=new J(o)}return t.set(n,e),this.size=t.size,this};function ct(n){var e=-1,t=null==n?0:n.length;for(this.__data__=new J;++e<t;)this.add(n[e])}function dt(n,e){for(var t=-1,o=null==n?0:n.length;++t<o;)if(e(n[t],t,n))return!0;return!1}function ut(n,e){return n.has(e)}ct.prototype.add=ct.prototype.push=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this},ct.prototype.has=function(n){return this.__data__.has(n)};var pt=1,mt=2;function vt(n,e,t,o,r,i){var a=t&pt,l=n.length,s=e.length;if(l!=s&&!(a&&s>l))return!1;var c=i.get(n),d=i.get(e);if(c&&d)return c==e&&d==n;var u=-1,p=!0,m=t&mt?new ct:void 0;for(i.set(n,e),i.set(e,n);++u<l;){var v=n[u],g=e[u];if(o)var h=a?o(g,v,u,e,n,i):o(v,g,u,n,e,i);if(void 0!==h){if(h)continue;p=!1;break}if(m){if(!dt(e,(function(n,e){if(!ut(m,e)&&(v===n||r(v,n,t,o,i)))return m.push(e)}))){p=!1;break}}else if(v!==g&&!r(v,g,t,o,i)){p=!1;break}}return i.delete(n),i.delete(e),p}var gt=r.Uint8Array;function ht(n){var e=-1,t=Array(n.size);return n.forEach((function(n,o){t[++e]=[o,n]})),t}function ft(n){var e=-1,t=Array(n.size);return n.forEach((function(n){t[++e]=n})),t}var bt=1,yt=2,kt="[object Boolean]",xt="[object Date]",Ct="[object Error]",St="[object Map]",wt="[object Number]",Wt="[object RegExp]",_t="[object Set]",It="[object String]",Tt="[object Symbol]",At="[object ArrayBuffer]",Bt="[object DataView]",Ht=i?i.prototype:void 0,Pt=Ht?Ht.valueOf:void 0;function Ft(n,e){for(var t=-1,o=e.length,r=n.length;++t<o;)n[r+t]=e[t];return n}function Lt(n,t,o){var r=t(n);return e(n)?r:Ft(r,o(n))}function Rt(n,e){for(var t=-1,o=null==n?0:n.length,r=0,i=[];++t<o;){var a=n[t];e(a,t,n)&&(i[r++]=a)}return i}function Dt(){return[]}var jt=Object.prototype.propertyIsEnumerable,zt=Object.getOwnPropertySymbols,Vt=zt?function(n){return null==n?[]:(n=Object(n),Rt(zt(n),(function(e){return jt.call(n,e)})))}:Dt,Zt=Vt;function $t(n){return Lt(n,Le,Zt)}var Et=1,Gt=Object.prototype.hasOwnProperty;var Xt=V(r,"DataView"),Mt=V(r,"Promise"),Nt=V(r,"Set"),Ot=V(r,"WeakMap"),Kt="[object Map]",Yt="[object Promise]",Jt="[object Set]",Ut="[object WeakMap]",Qt="[object DataView]",qt=H(Xt),no=H(K),eo=H(Mt),to=H(Nt),oo=H(Ot),ro=v;(Xt&&ro(new Xt(new ArrayBuffer(1)))!=Qt||K&&ro(new K)!=Kt||Mt&&ro(Mt.resolve())!=Yt||Nt&&ro(new Nt)!=Jt||Ot&&ro(new Ot)!=Ut)&&(ro=function(n){var e=v(n),t="[object Object]"==e?n.constructor:void 0,o=t?H(t):"";if(o)switch(o){case qt:return Qt;case no:return Kt;case eo:return Yt;case to:return Jt;case oo:return Ut}return e});var io=ro,ao=1,lo="[object Arguments]",so="[object Array]",co="[object Object]",uo=Object.prototype.hasOwnProperty;function po(n,t,o,r,i,a){var l=e(n),s=e(t),c=l?so:io(n),d=s?so:io(t),u=(c=c==lo?co:c)==co,p=(d=d==lo?co:d)==co,m=c==d;if(m&&ue(n)){if(!ue(t))return!1;l=!0,u=!1}if(m&&!u)return a||(a=new st),l||we(n)?vt(n,t,o,r,i,a):function(n,e,t,o,r,i,a){switch(t){case Bt:if(n.byteLength!=e.byteLength||n.byteOffset!=e.byteOffset)return!1;n=n.buffer,e=e.buffer;case At:return!(n.byteLength!=e.byteLength||!i(new gt(n),new gt(e)));case kt:case xt:case wt:return X(+n,+e);case Ct:return n.name==e.name&&n.message==e.message;case Wt:case It:return n==e+"";case St:var l=ht;case _t:var s=o&bt;if(l||(l=ft),n.size!=e.size&&!s)return!1;var c=a.get(n);if(c)return c==e;o|=yt,a.set(n,e);var d=vt(l(n),l(e),o,r,i,a);return a.delete(n),d;case Tt:if(Pt)return Pt.call(n)==Pt.call(e)}return!1}(n,t,c,o,r,i,a);if(!(o&ao)){var v=u&&uo.call(n,"__wrapped__"),g=p&&uo.call(t,"__wrapped__");if(v||g){var h=v?n.value():n,f=g?t.value():t;return a||(a=new st),i(h,f,o,r,a)}}return!!m&&(a||(a=new st),function(n,e,t,o,r,i){var a=t&Et,l=$t(n),s=l.length;if(s!=$t(e).length&&!a)return!1;for(var c=s;c--;){var d=l[c];if(!(a?d in e:Gt.call(e,d)))return!1}var u=i.get(n),p=i.get(e);if(u&&p)return u==e&&p==n;var m=!0;i.set(n,e),i.set(e,n);for(var v=a;++c<s;){var g=n[d=l[c]],h=e[d];if(o)var f=a?o(h,g,d,e,n,i):o(g,h,d,n,e,i);if(!(void 0===f?g===h||r(g,h,t,o,i):f)){m=!1;break}v||(v="constructor"==d)}if(m&&!v){var b=n.constructor,y=e.constructor;b==y||!("constructor"in n)||!("constructor"in e)||"function"==typeof b&&b instanceof b&&"function"==typeof y&&y instanceof y||(m=!1)}return i.delete(n),i.delete(e),m}(n,t,o,r,i,a))}function mo(n,e,t,o,r){return n===e||(null==n||null==e||!g(n)&&!g(e)?n!=n&&e!=e:po(n,e,t,o,mo,r))}var vo=1,go=2;function ho(n){return n==n&&!x(n)}function fo(n,e){return function(t){return null!=t&&(t[n]===e&&(void 0!==e||n in Object(t)))}}function bo(n){var e=function(n){for(var e=Le(n),t=e.length;t--;){var o=e[t],r=n[o];e[t]=[o,r,ho(r)]}return e}(n);return 1==e.length&&e[0][2]?fo(e[0][0],e[0][1]):function(t){return t===n||function(n,e,t,o){var r=t.length,i=r,a=!o;if(null==n)return!i;for(n=Object(n);r--;){var l=t[r];if(a&&l[2]?l[1]!==n[l[0]]:!(l[0]in n))return!1}for(;++r<i;){var s=(l=t[r])[0],c=n[s],d=l[1];if(a&&l[2]){if(void 0===c&&!(s in n))return!1}else{var u=new st;if(o)var p=o(c,d,s,n,e,u);if(!(void 0===p?mo(d,c,vo|go,o,u):p))return!1}}return!0}(t,n,e)}}function yo(n,e){return null!=n&&e in Object(n)}function ko(n,t){return null!=n&&function(n,t,o){for(var r=-1,i=(t=mn(t,n)).length,a=!1;++r<i;){var l=gn(t[r]);if(!(a=null!=n&&o(n,l)))break;n=n[l]}return a||++r!=i?a:!!(i=null==n?0:n.length)&&he(i)&&ve(l,i)&&(e(n)||le(n))}(n,t,yo)}var xo=1,Co=2;function So(n){return function(e){return null==e?void 0:e[n]}}function wo(n){return k(n)?So(gn(n)):function(n){return function(e){return hn(e,n)}}(n)}function Wo(n){return"function"==typeof n?n:null==n?je:"object"==typeof n?e(n)?(t=n[0],o=n[1],k(t)&&ho(o)?fo(gn(t),o):function(n){var e=fn(n,t);return void 0===e&&e===o?ko(n,t):mo(o,e,xo|Co)}):bo(n):wo(n);var t,o}function _o(n,e){var t=-1,o=Fe(n)?Array(n.length):[];return De(n,(function(n,r,i){o[++t]=e(n,r,i)})),o}function Io(n,t){return(e(n)?ln:_o)(n,Wo(t))}function To(n){return"[object String]"===Object.prototype.toString.call(n)}function Ao(n){return!(!To(n)||""===n)}var Bo="[object String]";var Ho=So("length"),Po="\\ud800-\\udfff",Fo="["+Po+"]",Lo="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Ro="\\ud83c[\\udffb-\\udfff]",Do="[^"+Po+"]",jo="(?:\\ud83c[\\udde6-\\uddff]){2}",zo="[\\ud800-\\udbff][\\udc00-\\udfff]",Vo="(?:"+Lo+"|"+Ro+")"+"?",Zo="[\\ufe0e\\ufe0f]?",$o=Zo+Vo+("(?:\\u200d(?:"+[Do,jo,zo].join("|")+")"+Zo+Vo+")*"),Eo="(?:"+[Do+Lo+"?",Lo,jo,zo,Fo].join("|")+")",Go=RegExp(Ro+"(?="+Ro+")|"+Eo+$o,"g");function Xo(n){return Ge(n)?function(n){for(var e=Go.lastIndex=0;Go.test(n);)++e;return e}(n):Ho(n)}var Mo="[object Map]",No="[object Set]";function Oo(n){if(null==n)return 0;if(Fe(n))return"string"==typeof(t=n)||!e(t)&&g(t)&&v(t)==Bo?Xo(n):n.length;var t,o=io(n);return o==Mo||o==No?n.size:Pe(n).length}function Ko(n,e){for(var t=-1,o=null==n?0:n.length;++t<o;)if(!e(n[t],t,n))return!1;return!0}function Yo(n,e){var t=!0;return De(n,(function(n,o,r){return t=!!e(n,o,r)})),t}function Jo(n,t,o){var r=e(n)?Ko:Yo;return o&&Xe(n,t,o)&&(t=void 0),r(n,Wo(t))}function Uo(n,e){return mo(n,e)}function Qo(n){return"[object Object]"===Object.prototype.toString.call(n)}var qo=function(){try{var n=V(Object,"defineProperty");return n({},"",{}),n}catch(n){}}(),nr=qo;function er(n,e,t){"__proto__"==e&&nr?nr(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):n[e]=t}var tr=Object.prototype.hasOwnProperty;function or(n,e,t){var o=n[e];tr.call(n,e)&&X(o,t)&&(void 0!==t||e in n)||er(n,e,t)}function rr(n,e,t,o){var r=!t;t||(t={});for(var i=-1,a=e.length;++i<a;){var l=e[i],s=o?o(t[l],n[l],l,t,n):void 0;void 0===s&&(s=n[l]),r?er(t,l,s):or(t,l,s)}return t}var ir=Object.prototype.hasOwnProperty;function ar(n){if(!x(n))return function(n){var e=[];if(null!=n)for(var t in Object(n))e.push(t);return e}(n);var e=Te(n),t=[];for(var o in n)("constructor"!=o||!e&&ir.call(n,o))&&t.push(o);return t}function lr(n){return Fe(n)?_e(n,!0):ar(n)}var sr="object"==typeof exports&&exports&&!exports.nodeType&&exports,cr=sr&&"object"==typeof module&&module&&!module.nodeType&&module,dr=cr&&cr.exports===sr?r.Buffer:void 0,ur=dr?dr.allocUnsafe:void 0;function pr(n,e){if(e)return n.slice();var t=n.length,o=ur?ur(t):new n.constructor(t);return n.copy(o),o}function mr(n,e){var t=-1,o=n.length;for(e||(e=Array(o));++t<o;)e[t]=n[t];return e}var vr=Ae(Object.getPrototypeOf,Object),gr=Object.getOwnPropertySymbols?function(n){for(var e=[];n;)Ft(e,Zt(n)),n=vr(n);return e}:Dt,hr=gr;function fr(n){return Lt(n,lr,hr)}var br=Object.prototype.hasOwnProperty;function yr(n){var e=new n.constructor(n.byteLength);return new gt(e).set(new gt(n)),e}var kr=/\w*$/;var xr=i?i.prototype:void 0,Cr=xr?xr.valueOf:void 0;function Sr(n,e){var t=e?yr(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)}var wr="[object Boolean]",Wr="[object Date]",_r="[object Map]",Ir="[object Number]",Tr="[object RegExp]",Ar="[object Set]",Br="[object String]",Hr="[object Symbol]",Pr="[object ArrayBuffer]",Fr="[object DataView]",Lr="[object Float32Array]",Rr="[object Float64Array]",Dr="[object Int8Array]",jr="[object Int16Array]",zr="[object Int32Array]",Vr="[object Uint8Array]",Zr="[object Uint8ClampedArray]",$r="[object Uint16Array]",Er="[object Uint32Array]";function Gr(n,e,t){var o,r=n.constructor;switch(e){case Pr:return yr(n);case wr:case Wr:return new r(+n);case Fr:return function(n,e){var t=e?yr(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.byteLength)}(n,t);case Lr:case Rr:case Dr:case jr:case zr:case Vr:case Zr:case $r:case Er:return Sr(n,t);case _r:return new r;case Ir:case Br:return new r(n);case Tr:return function(n){var e=new n.constructor(n.source,kr.exec(n));return e.lastIndex=n.lastIndex,e}(n);case Ar:return new r;case Hr:return o=n,Cr?Object(Cr.call(o)):{}}}var Xr=Object.create,Mr=function(){function n(){}return function(e){if(!x(e))return{};if(Xr)return Xr(e);n.prototype=e;var t=new n;return n.prototype=void 0,t}}(),Nr=Mr;function Or(n){return"function"!=typeof n.constructor||Te(n)?{}:Nr(vr(n))}var Kr=Ce&&Ce.isMap,Yr=Kr?be(Kr):function(n){return g(n)&&"[object Map]"==io(n)};var Jr=Ce&&Ce.isSet,Ur=Jr?be(Jr):function(n){return g(n)&&"[object Set]"==io(n)},Qr=1,qr=2,ni=4,ei="[object Arguments]",ti="[object Function]",oi="[object GeneratorFunction]",ri="[object Object]",ii={};function ai(n,t,o,r,i,a){var l,s=t&Qr,c=t&qr,d=t&ni;if(o&&(l=i?o(n,r,i,a):o(n)),void 0!==l)return l;if(!x(n))return n;var u=e(n);if(u){if(l=function(n){var e=n.length,t=new n.constructor(e);return e&&"string"==typeof n[0]&&br.call(n,"index")&&(t.index=n.index,t.input=n.input),t}(n),!s)return mr(n,l)}else{var p=io(n),m=p==ti||p==oi;if(ue(n))return pr(n,s);if(p==ri||p==ei||m&&!i){if(l=c||m?{}:Or(n),!s)return c?function(n,e){return rr(n,hr(n),e)}(n,function(n,e){return n&&rr(e,lr(e),n)}(l,n)):function(n,e){return rr(n,Zt(n),e)}(n,function(n,e){return n&&rr(e,Le(e),n)}(l,n))}else{if(!ii[p])return i?n:{};l=Gr(n,p,s)}}a||(a=new st);var v=a.get(n);if(v)return v;a.set(n,l),Ur(n)?n.forEach((function(e){l.add(ai(e,t,o,e,n,a))})):Yr(n)&&n.forEach((function(e,r){l.set(r,ai(e,t,o,r,n,a))}));var g=u?void 0:(d?c?fr:$t:c?lr:Le)(n);return Un(g||n,(function(e,r){g&&(e=n[r=e]),or(l,r,ai(e,t,o,r,n,a))})),l}ii[ei]=ii["[object Array]"]=ii["[object ArrayBuffer]"]=ii["[object DataView]"]=ii["[object Boolean]"]=ii["[object Date]"]=ii["[object Float32Array]"]=ii["[object Float64Array]"]=ii["[object Int8Array]"]=ii["[object Int16Array]"]=ii["[object Int32Array]"]=ii["[object Map]"]=ii["[object Number]"]=ii[ri]=ii["[object RegExp]"]=ii["[object Set]"]=ii["[object String]"]=ii["[object Symbol]"]=ii["[object Uint8Array]"]=ii["[object Uint8ClampedArray]"]=ii["[object Uint16Array]"]=ii["[object Uint32Array]"]=!0,ii["[object Error]"]=ii[ti]=ii["[object WeakMap]"]=!1;var li=1,si=4;function ci(n){return ai(n,li|si)}var di=/\s/;var ui=/^\s+/;function pi(n){return n?n.slice(0,function(n){for(var e=n.length;e--&&di.test(n.charAt(e)););return e}(n)+1).replace(ui,""):n}var mi=NaN,vi=/^[-+]0x[0-9a-f]+$/i,gi=/^0b[01]+$/i,hi=/^0o[0-7]+$/i,fi=parseInt;function bi(n){if("number"==typeof n)return n;if(f(n))return mi;if(x(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=x(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=pi(n);var t=gi.test(n);return t||hi.test(n)?fi(n.slice(2),t?2:8):vi.test(n)?mi:+n}var yi=1/0,ki=17976931348623157e292;function xi(n){return n?(n=bi(n))===yi||n===-yi?(n<0?-1:1)*ki:n==n?n:0:0===n?n:0}function Ci(n){var e=xi(n),t=e%1;return e==e?t?e-t:e:0}function Si(n){return"number"==typeof n&&n==Ci(n)}function wi(n){return n!=n}function Wi(n){let e=!1;if(Ao(n))e=!isNaN(Number(n));else if(function(n){return"[object Number]"===Object.prototype.toString.call(n)}(n)){if(wi(n))return!1;e=!0}return e}function _i(n){if(!Wi(n))return 0;return xi(n)}function Ii(n){return!!Wi(n)&&Si(n=_i(n))}var Ti=r.isFinite,Ai=Math.min;var Bi=function(n){var e=Math[n];return function(n,t){if(n=bi(n),(t=null==t?0:Ai(Ci(t),292))&&Ti(n)){var o=(pn(n)+"e").split("e");return+((o=(pn(e(o[0]+"e"+(+o[1]+t)))+"e").split("e"))[0]+"e"+(+o[1]-t))}return e(n)}}("round"),Hi=Bi;function Pi(n){if(!Wi(n))return 0;n=_i(n);let e=Hi(n);return"0"===String(e)?0:e}function Fi(n){if(!Ii(n))return!1;return Pi(n)>0}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var Li={};!function(n){var e=Object.prototype.hasOwnProperty,t="~";function o(){}function r(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,o,i,a){if("function"!=typeof o)throw new TypeError("The listener must be a function");var l=new r(o,i||n,a),s=t?t+e:e;return n._events[s]?n._events[s].fn?n._events[s]=[n._events[s],l]:n._events[s].push(l):(n._events[s]=l,n._eventsCount++),n}function a(n,e){0==--n._eventsCount?n._events=new o:delete n._events[e]}function l(){this._events=new o,this._eventsCount=0}Object.create&&(o.prototype=Object.create(null),(new o).__proto__||(t=!1)),l.prototype.eventNames=function(){var n,o,r=[];if(0===this._eventsCount)return r;for(o in n=this._events)e.call(n,o)&&r.push(t?o.slice(1):o);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(n)):r},l.prototype.listeners=function(n){var e=t?t+n:n,o=this._events[e];if(!o)return[];if(o.fn)return[o.fn];for(var r=0,i=o.length,a=new Array(i);r<i;r++)a[r]=o[r].fn;return a},l.prototype.listenerCount=function(n){var e=t?t+n:n,o=this._events[e];return o?o.fn?1:o.length:0},l.prototype.emit=function(n,e,o,r,i,a){var l=t?t+n:n;if(!this._events[l])return!1;var s,c,d=this._events[l],u=arguments.length;if(d.fn){switch(d.once&&this.removeListener(n,d.fn,void 0,!0),u){case 1:return d.fn.call(d.context),!0;case 2:return d.fn.call(d.context,e),!0;case 3:return d.fn.call(d.context,e,o),!0;case 4:return d.fn.call(d.context,e,o,r),!0;case 5:return d.fn.call(d.context,e,o,r,i),!0;case 6:return d.fn.call(d.context,e,o,r,i,a),!0}for(c=1,s=new Array(u-1);c<u;c++)s[c-1]=arguments[c];d.fn.apply(d.context,s)}else{var p,m=d.length;for(c=0;c<m;c++)switch(d[c].once&&this.removeListener(n,d[c].fn,void 0,!0),u){case 1:d[c].fn.call(d[c].context);break;case 2:d[c].fn.call(d[c].context,e);break;case 3:d[c].fn.call(d[c].context,e,o);break;case 4:d[c].fn.call(d[c].context,e,o,r);break;default:if(!s)for(p=1,s=new Array(u-1);p<u;p++)s[p-1]=arguments[p];d[c].fn.apply(d[c].context,s)}}return!0},l.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},l.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},l.prototype.removeListener=function(n,e,o,r){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return a(this,i),this;var l=this._events[i];if(l.fn)l.fn!==e||r&&!l.once||o&&l.context!==o||a(this,i);else{for(var s=0,c=[],d=l.length;s<d;s++)(l[s].fn!==e||r&&!l[s].once||o&&l[s].context!==o)&&c.push(l[s]);c.length?this._events[i]=1===c.length?c[0]:c:a(this,i)}return this},l.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&a(this,e)):(this._events=new o,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=t,l.EventEmitter=l,n.exports=l}({get exports(){return Li},set exports(n){Li=n}});var Ri=Li;function Di(){return new Ri}function ji(n){let e=Object.prototype.toString.call(n);return"[object Function]"===e||"[object AsyncFunction]"===e}let zi="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Vi=zi.length;function Zi(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:32,e=[];n=Fi(n)?Pi(n):32;for(let t=0;t<n;t++)e[t]=zi[0|Math.random()*Vi];return e.join("")}function $i(){let n={};return{bind:function(e,t,o){let r=`r${Zi()}`;e.setAttribute("ev-resize",r);let i=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=fn(e,"timeInterval",null);Fi(t)||(t=20);let o=fn(e,"tolerancePixel",null);Fi(o)||(o=1);let r,i=Di(),a={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0},l=ci(a),s={width:"",height:""};if(!ji(n))return console.log("invalid f",n),null;r=setInterval((()=>{let e=n();if(e){let n={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight,windowWidth:window.innerWidth,windowHeight:window.innerHeight},t=l.offsetWidth-n.offsetWidth,r=l.offsetHeight-n.offsetHeight,c=Math.abs(t)>o,d=Math.abs(r)>o,u="";t>0?u="smaller":t<0&&(u="larger");let p="";if(r>0?p="smaller":r<0&&(p="larger"),s={width:u,height:p},c||d){let t={...l};setTimeout((()=>{n.offsetWidth>0&&n.offsetHeight>0&&(i.emit("resize",{sold:t,snew:n,smode:s,ele:e}),i.emit("resizeWithWindow",{sold:t,snew:n,smode:s,ele:e,from:"dom"}))}),1)}a=l,l=n}}),t);let c=n=>{i.emit("resizeWithWindow",{sold:a,snew:l,smode:s,from:"window"})};return window.addEventListener("resize",c),i.clear=()=>{clearInterval(r),window.removeEventListener("resize",c)},i}((()=>e));i.on("resizeWithWindow",(n=>{!function(n,e,t){let o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}(o,"domresize",n)})),n[r]=i},unbind:function(e){let t=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),n[t]&&(n[t].clear(),n[t]=null,delete n[t])}}}var Ei,Gi=(Ei="toUpperCase",function(n){var e=Ge(n=pn(n))?it(n):void 0,t=e?e[0]:n.charAt(0),o=e?$e(e,1).join(""):n.slice(1);return t[Ei]()+o});var Xi=Kn((function(n,e,t){return e=e.toLowerCase(),n+(t?Gi(pn(e).toLowerCase()):e)})),Mi=Xi;let Ni={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 Oi(n){if("white"===n)return"#fff";if("black"===n)return"#000";if("transparent"===n)return"rgba(0,0,0,0)";let e=function(n){let e=lt(n," ");return 1===Oo(e)&&(e[1]=null),e}(n),t=function(n){let e=n.trim();return e=Mi(e),e}(e[0]),o=function(n){Ao(n)||(n="base");let e=n.trim();return e=e.replace("-","").trim(),e}(e[1]),r=function(n,e,t){let o=fn(Ni,`default.${n}.${e}`,null);return null===o&&(o=t),o}(t,o,n);return r}function Ki(n,e,t){if(!Ao(n))return"";if(!Ao(e))return"";if(!To(t))return"";return String(n).replaceAll(e,t)}function Yi(n){if(Qo(n)){for(let e in n)return!0;return!1}return!1}var Ji="[object Object]",Ui=Function.prototype,Qi=Object.prototype,qi=Ui.toString,na=Qi.hasOwnProperty,ea=qi.call(Object);function ta(n){if(!g(n)||v(n)!=Ji)return!1;var e=vr(n);if(null===e)return!0;var t=na.call(e,"constructor")&&e.constructor;return"function"==typeof t&&t instanceof t&&qi.call(t)==ea}function oa(n){return g(e=n)&&1===e.nodeType&&!ta(e);var e}function ra(n){function e(n){n.parentNode.removeChild(n)}if(oa(n)){return void e(n)}if(!Ao(n))return;let t=function(n){return document.querySelectorAll(n)}(n);Ve(t,(function(n){e(n)}))}function ia(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=fn(t,"timeDuration",null);Fi(o)||(o=1e3);let r=fn(t,"color",null);if(Ao(r)||(r="rgba(255, 255, 255, 0.5)"),!oa(n))return;n.style.position="relative",n.style.overflow="hidden";let i=n.getBoundingClientRect(),a=e.clientX-i.left,l=e.clientY-i.top,s=2*Math.max(n.clientWidth,n.clientHeight),c=document.createElement("div");c.style.width=`${s}px`,c.style.height=`${s}px`,c.style.transition=`all ${o/1e3}s linear`,c.style.position="absolute",c.style.zIndex=1,c.style.left=`${a}px`,c.style.top=`${l}px`,c.style.borderRadius="50%",c.style.transformOrigin="center",c.style.transform="translate(-50%,-50%) scale(0)",c.style.background=r,c.style.userSelect="none",c.style.pointerEvents="none",n.appendChild(c),setTimeout((()=>{c.style.transform="translate(-50%,-50%) scale(2)",c.style.opacity=0}),1),setTimeout((()=>{ra(c)}),o)}function aa(){let n={};return{bind:function(e,t,o){let r=`r${Zi()}`;e.setAttribute("ev-ripple",r),function(e,t){let o=e.getAttribute("ev-ripple"),r=fn(t,"value");if(r=Yi(r),!r)return;let i=fn(t,"value.color");if(!Ao(i))return;i=Oi(i);let a=fn(t,"value.timeDuration");Wi(a)||(a=1e3);function l(n){ia(n.currentTarget,n,{color:i,timeDuration:a})}a=_i(a),e.addEventListener("click",l,!1),n[o]=l}(e,t)},unbind:function(e){!function(e){let t=e.getAttribute("ev-ripple");if(n[t]){let o=n[t];e.removeEventListener("click",o,!1),delete n[t]}}(e),e.setAttribute("ev-ripple",null)}}}var la="[object Boolean]";function sa(n){return!0===n||!1===n||g(n)&&v(n)==la}function ca(n){return sa(n)}var da="[object Number]";function ua(n){return"number"==typeof n||g(n)&&v(n)==da}function pa(n){let e,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=fn(t,"def",""),r=fn(t,"type","");"num"!==r&&"text"!==r&&(r="num"),"num"===r?e=ua:"text"===r&&(e=To);let i=o,a=o,l=o,s=o;return e(fn(n,"h"))&&(i=fn(n,"h"),a=i),e(fn(n,"v"))&&(l=fn(n,"v"),s=l),e(fn(n,"left"))&&(i=fn(n,"left")),e(fn(n,"right"))&&(a=fn(n,"right")),e(fn(n,"top"))&&(l=fn(n,"top")),e(fn(n,"bottom"))&&(s=fn(n,"bottom")),{left:i,right:a,top:l,bottom:s}}function ma(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=fn(e,"parse");ca(t)||(t=!0);let o=fn(e,"ext");Yi(o)||(o={});let r=fn(e,"semicolon");ca(r)||(r=!0);let i=fn(e,"returnObj");ca(i)||(i=!1);let a=0,l=0,s=0,c=0;if(t){let e=pa(n);a=e.left,l=e.right,s=e.top,c=e.bottom}a+=fn(o,"left",0),l+=fn(o,"right",0),s+=fn(o,"top",0),c+=fn(o,"bottom",0);let d=null;return i?d={left:a,right:l,top:s,bottom:c}:(d=`${s}px ${l}px ${c}px ${a}px`,r&&(d=`${d};`)),d}function va(n){return"[object Array]"===Object.prototype.toString.call(n)}function ga(n){return"[object Undefined]"===Object.prototype.toString.call(n)}function ha(n){return!!ga(n)||(!!function(n){return"[object Null]"===Object.prototype.toString.call(n)}(n)||(!!function(n){if(Qo(n)){for(let e in n)return!1;return!0}return!1}(n)||(!!function(n){return!(!To(n)||""!==n)}(n)||(!!function(n){return!!va(n)&&0===n.length}(n)||!!wi(n)))))}function fa(n){return!!va(n)&&(0!==n.length&&(1!==n.length||!ha(n[0])))}var ba={components:{},props:{icon:{type:[String,Array],default:""},color:{type:String,default:"grey darken-1"},colorHover:{type:String,default:"grey darken-3"},sizeOriginal:{type:Number,default:24},size:{type:Number,default:24},timeTransition:{type:Number,default:.15}},data:function(){return{mouseEnter:!1,r:.83,paths:[]}},computed:{hasIcon:function(){return Ao(this.icon)},isMdi:function(){return!!this.hasIcon&&this.icon.indexOf("mdi-")>=0},isFa:function(){return!!this.hasIcon&&this.icon.indexOf(" fa-")>=0},isSvg:function(){let n=this;if(n.isMdi||n.isFa)return!1;let e=Ao(n.icon),t=fa(n.icon);return e||t},usePaths:function(){let n=this;if(!n.isSvg)return[];let e=n.icon;return Ao(n.icon)&&(e=[n.icon]),e},useIconColor:function(){let n=this;return n.mouseEnter?Oi(n.colorHover):Oi(n.color)},useStyleSize:function(){let n=this;return{width:`${n.size}px`,height:`${n.size}px`,"line-height":`${n.size}px`,"max-height":`${n.size}px`,"min-height":`${n.size}px`}}},methods:{}};function ya(n,e,t,o,r,i,a,l,s,c){"boolean"!=typeof a&&(s=l,l=a,a=!1);const d="function"==typeof t?t.options:t;let u;if(n&&n.render&&(d.render=n.render,d.staticRenderFns=n.staticRenderFns,d._compiled=!0,r&&(d.functional=!0)),o&&(d._scopeId=o),i?(u=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),e&&e.call(this,s(n)),n&&n._registeredComponents&&n._registeredComponents.add(i)},d._ssrRegister=u):e&&(u=a?function(n){e.call(this,c(n,this.$root.$options.shadowRoot))}:function(n){e.call(this,l(n))}),u)if(d.functional){const n=d.render;d.render=function(e,t){return u.call(t),n(e,t)}}else{const n=d.beforeCreate;d.beforeCreate=n?[].concat(n,u):[u]}return t}const ka="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function xa(n){return(n,e)=>function(n,e){const t=ka?e.media||"default":n,o=Sa[t]||(Sa[t]={ids:new Set,styles:[]});if(!o.ids.has(n)){o.ids.add(n);let t=e.source;if(e.map&&(t+="\n/*# sourceURL="+e.map.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),o.element||(o.element=document.createElement("style"),o.element.type="text/css",e.media&&o.element.setAttribute("media",e.media),void 0===Ca&&(Ca=document.head||document.getElementsByTagName("head")[0]),Ca.appendChild(o.element)),"styleSheet"in o.element)o.styles.push(t),o.element.styleSheet.cssText=o.styles.filter(Boolean).join("\n");else{const n=o.ids.size-1,e=document.createTextNode(t),r=o.element.childNodes;r[n]&&o.element.removeChild(r[n]),r.length?o.element.insertBefore(e,r[n]):o.element.appendChild(e)}}}(n,e)}let Ca;const Sa={};const wa=ba;var Wa=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.icon?t("div",{style:[n.useStyleSize,{display:"flex","align-items":"center","user-select":"none",border:"0px solid #ddd"}],on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[n.isSvg?t("svg",{style:"transition:all "+n.timeTransition+"s linear; fill:"+n.useIconColor+";",attrs:{width:n.size,height:n.size,viewBox:"0 0 "+n.sizeOriginal+" "+n.sizeOriginal},on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},n._l(n.usePaths,(function(e,o){return t("path",{key:o,attrs:{d:n.icon}})})),0):n._e(),n._v(" "),n.isMdi?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("span",{class:"mdi "+n.icon,style:"font-size:"+n.size+"px;"})]):n._e(),n._v(" "),n.isFa?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("div",{style:"width:"+n.size+"px; height:"+n.size+"px; _transform-origin:center; transform:translateX(0px) translateY(0px) scale("+n.r+");"},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[t("i",{class:"fas "+n.icon,style:"font-size:"+n.size+"px;"})])])]):n._e()]):n._e()};Wa._withStripped=!0;const _a=ya({render:Wa,staticRenderFns:[]},(function(n){n&&n("data-v-4d8f2d6e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),wa,"data-v-4d8f2d6e",false,undefined,!1,xa,void 0,void 0);const Ia={directives:{domripple:aa()},components:{WIcon:_a},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:()=>({v:10,h:12})},borderRadius:{type:Number,default:0},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},backgroundColorDisabled:{type:String,default:"white"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},textColorDisabled:{type:String,default:"#444"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},iconColorDisabled:{type:String,default:"#444"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"},cursorPointer:{type:Boolean,default:!0}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){let n=this;return`padding:${ma(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effBackgroundColor:function(){return Oi(this.backgroundColor)},effBackgroundColorHover:function(){return Oi(this.backgroundColorHover)},effBackgroundActive:function(){return Oi(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return Oi(this.backgroundColorDisabled)},useBackgroundColor:function(){let n=this;return n.editable?n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor:n.effBackgroundColorDisabled},effTextColor:function(){return Oi(this.textColor)},effTextColorHover:function(){return Oi(this.textColorHover)},effTextActive:function(){return Oi(this.textColorActive)},effTextColorDisabled:function(){return Oi(this.textColorDisabled)},useTextColor:function(){let n=this;return n.editable?n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor:n.effTextColorDisabled},effIconColor:function(){return Oi(this.iconColor)},effIconColorHover:function(){return Oi(this.iconColorHover)},effIconActive:function(){return Oi(this.iconColorActive)},effIconColorDisabled:function(){return Oi(this.iconColorDisabled)},useIconColor:function(){let n=this;return n.editable?n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor:n.effIconColorDisabled},effDisabledColor:function(){return Oi(this.disabledColor)}},methods:{clickItem:function(){let n=this;n.editable&&n.$emit("click",{icon:n.icon,text:n.text})}}};var Ta=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"position:relative; transition:all 0.3s; border-top-left-radius:"+n.borderRadius+"px; border-top-right-radius:"+n.borderRadius+"px; "+n.usePadding+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":""),on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:n.clickItem}},[t("div",{style:"transition:all 0.3s; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._t("item",(function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("item-left",null,{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-content",(function(){return[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",[n._v("\n                        "+n._s(n.text)+"\n                    ")])]}),{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-right",null,{isHover:n.mouseEnter,isActive:n.active})],2)]}),{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])],2)])};Ta._withStripped=!0;const Aa=ya({render:Ta,staticRenderFns:[]},(function(n){n&&n("data-v-673018d7_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Ia,"data-v-673018d7",false,undefined,!1,xa,void 0,void 0);var Ba={directives:{domresize:$i()},components:{WListItem:Aa},props:{items:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},space:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBorderRadius:{type:Number,default:0},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"white"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"orange darken-3"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"orange darken-3"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(245,124,0,0.4)"},borderBottom:{type:Boolean,default:!0},borderBottomSize:{type:Number,default:2},borderBottomColor:{type:String,default:"rgba(245,124,0,0.8)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0}},data:function(){return{borderBottomLeft:0,borderBottomWidth:0,itemActiveTrans:null}},watch:{itemActiveTrans:{handler(n,e){this.updateBorderBottom()},immediate:!0}},computed:{changeItemActive:function(){let n=this;return n.enableActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==Oo(this.items)&&Jo(this.items,(n=>Qo(n)))},effBorderBottomColor:function(){return Oi(this.borderBottomColor)}},methods:{resize:function(n){this.updateBorderBottom()},getIcon:function(n){let e=this;return e.isObjValue?fn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return fn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Uo(n,e.itemActiveTrans)),t},getEditable:function(n){return fn(n,"editable",!0)},updateBorderBottom:function(){let n=this;if(null==n.itemActiveTrans)return;let e=0,t=[];Ve(fn(n,"$refs.wli",[]),((o,r)=>{let i=o,a=fn(i,"clientWidth",0),l=fn(i,"clientHeight",0),s=e,c=a,d=l;r>0&&n.space>0&&(s+=n.space,c-=n.space),t.push({left:s,bottom:0,width:c,heiht:d}),e+=a}));let o=-1;if(Ve(n.items,((e,t)=>{if(Uo(e,n.itemActiveTrans))return o=t,!1})),-1===o)return;let r=t[o];n.borderBottomLeft=r.left,n.borderBottomWidth=r.width},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let o=null;o=t.isObjValue?{...n}:n,t.$emit("click",o,e),t.$emit("update:itemActive",o)}}};const Ha=Ba;var Pa=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[n.borderBottom?t("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+n.borderBottomLeft+"px; padding-left:"+n.borderBottomWidth+"px; border-bottom:"+n.borderBottomSize+"px solid "+n.effBorderBottomColor+";"}):n._e(),n._v(" "),n._l(n.items,(function(e,o){return t("div",{key:o},[t("div",{ref:"wli",refInFor:!0,style:n.space>0&&o>0?"padding-left:"+n.space+"px;":""},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,borderRadius:n.itemBorderRadius,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,o)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)])}))],2)])};Pa._withStripped=!0;const Fa=ya({render:Pa,staticRenderFns:[]},(function(n){n&&n("data-v-41273e4c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Ha,"data-v-41273e4c",false,undefined,!1,xa,void 0,void 0);var La="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z",Ra="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z",Da="M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z",ja="M2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12M4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12M10,17L15,12L10,7V17Z",za="M11,17A1,1 0 0,0 12,18A1,1 0 0,0 13,17A1,1 0 0,0 12,16A1,1 0 0,0 11,17M11,3V7H13V5.08C16.39,5.57 19,8.47 19,12A7,7 0 0,1 12,19A7,7 0 0,1 5,12C5,10.32 5.59,8.78 6.58,7.58L12,13L13.41,11.59L6.61,4.79V4.81C4.42,6.45 3,9.05 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M18,12A1,1 0 0,0 17,11A1,1 0 0,0 16,12A1,1 0 0,0 17,13A1,1 0 0,0 18,12M6,12A1,1 0 0,0 7,13A1,1 0 0,0 8,12A1,1 0 0,0 7,11A1,1 0 0,0 6,12Z",Va="M12.58,3.12V3.13C12.27,3.13 11.96,3.22 11.71,3.39C11.21,3.74 11.15,4.32 11.6,4.69L14.46,7L5.73,7.03H5.72C5,7.03 4.3,7.5 4.16,8.1C4,8.71 4.5,9.22 5.26,9.22L9.69,9.21L1.76,15.3C1,15.87 0.77,16.82 1.24,17.42C1.72,18.03 2.73,18.03 3.5,17.42L7.8,13.89C7.8,13.89 7.73,14.37 7.74,14.65C7.74,14.94 7.84,15.5 7.97,15.93C8.26,16.86 8.75,17.71 9.43,18.46C10.13,19.23 11,19.85 12,20.29C13.03,20.76 14.17,21 15.34,21C16.5,21 17.65,20.75 18.69,20.28C19.69,19.84 20.55,19.21 21.25,18.44C21.93,17.69 22.42,16.83 22.71,15.91C22.85,15.44 22.94,14.97 23,14.5C23,14.03 23,13.56 22.94,13.09C22.81,12.18 22.5,11.32 22,10.54C21.56,9.83 21,9.2 20.31,8.67V8.67L13.42,3.38C13.19,3.21 12.89,3.12 12.58,3.12M15.34,9.21C16.5,9.21 17.59,9.59 18.46,10.29C18.9,10.65 19.25,11.07 19.5,11.54C19.77,12 19.94,12.55 20,13.11C20.04,13.67 19.96,14.23 19.77,14.77C19.57,15.31 19.25,15.81 18.82,16.26C17.93,17.16 16.69,17.68 15.34,17.68C14,17.68 12.75,17.17 11.86,16.27C11.43,15.83 11.11,15.32 10.91,14.78C10.72,14.25 10.64,13.69 10.69,13.12C10.74,12.56 10.91,12.03 11.17,11.55C11.43,11.08 11.79,10.66 12.23,10.3C13.09,9.59 14.19,9.21 15.34,9.21M15.44,10.61C14.66,10.61 13.94,10.89 13.41,11.34C12.87,11.8 12.5,12.44 12.47,13.18C12.43,13.93 12.73,14.63 13.26,15.15C13.8,15.68 14.58,16 15.44,16C16.3,16 17.07,15.68 17.62,15.15C18.15,14.63 18.45,13.93 18.41,13.18C18.37,12.44 18,11.8 17.47,11.34C16.94,10.89 16.22,10.61 15.44,10.61Z",Za="M13 20.5C13 21.03 13.09 21.53 13.26 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V11H18V4H13V12L10.5 9.75L8 12V4H6V20H13.04C13.03 20.17 13 20.33 13 20.5M20 13H18.5V18.21C18.19 18.07 17.86 18 17.5 18C16.12 18 15 19.12 15 20.5S16.12 23 17.5 23 20 21.88 20 20.5V15H22V13H20Z",$a="M12.75,3.94C13.75,3.22 14.91,2.86 16.22,2.86C16.94,2.86 17.73,3.05 18.59,3.45C19.45,3.84 20.13,4.3 20.63,4.83C21.66,6.11 22.09,7.6 21.94,9.3C21.78,11 21.22,12.33 20.25,13.27L12.66,20.86C12.47,21.05 12.23,21.14 11.95,21.14C11.67,21.14 11.44,21.05 11.25,20.86C11.06,20.67 10.97,20.44 10.97,20.16C10.97,19.88 11.06,19.64 11.25,19.45L15.84,14.86C16.09,14.64 16.09,14.41 15.84,14.16C15.59,13.91 15.36,13.91 15.14,14.16L10.55,18.75C10.36,18.94 10.13,19.03 9.84,19.03C9.56,19.03 9.33,18.94 9.14,18.75C8.95,18.56 8.86,18.33 8.86,18.05C8.86,17.77 8.95,17.53 9.14,17.34L13.73,12.75C14,12.5 14,12.25 13.73,12C13.5,11.75 13.28,11.75 13.03,12L8.44,16.64C8.25,16.83 8,16.92 7.73,16.92C7.45,16.92 7.21,16.83 7,16.64C6.8,16.45 6.7,16.22 6.7,15.94C6.7,15.66 6.81,15.41 7.03,15.19L11.63,10.59C11.88,10.34 11.88,10.11 11.63,9.89C11.38,9.67 11.14,9.67 10.92,9.89L6.28,14.5C6.06,14.7 5.83,14.81 5.58,14.81C5.3,14.81 5.06,14.71 4.88,14.5C4.69,14.3 4.59,14.06 4.59,13.78C4.59,13.5 4.69,13.27 4.88,13.08C7.94,10 9.83,8.14 10.55,7.45L14.11,10.97C14.5,11.34 14.95,11.53 15.5,11.53C16.2,11.53 16.75,11.25 17.16,10.69C17.44,10.28 17.54,9.83 17.46,9.33C17.38,8.83 17.17,8.41 16.83,8.06L12.75,3.94M14.81,10.27L10.55,6L3.47,13.08C2.63,12.23 2.15,10.93 2.04,9.16C1.93,7.4 2.41,5.87 3.47,4.59C4.66,3.41 6.08,2.81 7.73,2.81C9.39,2.81 10.8,3.41 11.95,4.59L16.22,8.86C16.41,9.05 16.5,9.28 16.5,9.56C16.5,9.84 16.41,10.08 16.22,10.27C16.03,10.45 15.8,10.55 15.5,10.55C15.23,10.55 15,10.45 14.81,10.27V10.27Z",Ea="M12 3C6.5 3 2 6.58 2 11C2.05 13.15 3.06 15.17 4.75 16.5C4.75 17.1 4.33 18.67 2 21C4.37 20.89 6.64 20 8.47 18.5C9.61 18.83 10.81 19 12 19C17.5 19 22 15.42 22 11S17.5 3 12 3M12 17C7.58 17 4 14.31 4 11S7.58 5 12 5 20 7.69 20 11 16.42 17 12 17M17 12V10H15V12H17M13 12V10H11V12H13M9 12V10H7V12H9Z",Ga="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",Xa="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z",Ma="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z",Na="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z",Oa="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z",Ka="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",Ya="M2 2V22H22V2H2M20 12H16V16H20V20H16V16H12V20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12M16 8V12H12V8H16M12 12V16H8V12H12Z",Ja="M5.59,7.41L7,6L13,12L7,18L5.59,16.59L10.17,12L5.59,7.41M11.59,7.41L13,6L19,12L13,18L11.59,16.59L16.17,12L11.59,7.41Z",Ua="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z",Qa="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z",qa="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 12.8L7.7 15.6L7 14.2L11 11.9V7H12.5V12.8Z",nl="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",el="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z",tl="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z",ol="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20H13Q12.18 20 11.59 19.41 11 18.83 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18H9V20M12 13Z",rl="M8.21 12L6.88 12.89V11.11L8.21 12M11.47 9.82V7.34L7.31 10.12L9.16 11.36L11.47 9.82M16.7 10.12L12.53 7.34V9.82L14.84 11.36L16.7 10.12M7.31 13.88L11.47 16.66V14.18L9.16 12.64L7.31 13.88M12.53 14.18V16.66L16.7 13.88L14.84 12.64L12.53 14.18M12 10.74L10.12 12L12 13.26L13.88 12L12 10.74M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12M18.18 10.12C18.18 10.09 18.18 10.07 18.18 10.05L18.17 10L18.17 10L18.16 9.95C18.15 9.94 18.15 9.93 18.14 9.91L18.13 9.89L18.11 9.85L18.1 9.83L18.08 9.8L18.06 9.77L18.03 9.74L18 9.72L18 9.7L17.96 9.68L17.95 9.67L12.3 5.91C12.12 5.79 11.89 5.79 11.71 5.91L6.05 9.67L6.05 9.68L6 9.7C6 9.71 6 9.72 6 9.72L5.97 9.74L5.94 9.77L5.93 9.8L5.9 9.83L5.89 9.85L5.87 9.89L5.86 9.91L5.84 9.95L5.84 10L5.83 10L5.82 10.05C5.82 10.07 5.82 10.09 5.82 10.12V13.88C5.82 13.91 5.82 13.93 5.82 13.95L5.83 14L5.84 14L5.84 14.05C5.85 14.06 5.85 14.07 5.86 14.09L5.87 14.11L5.89 14.15L5.9 14.17L5.92 14.2L5.94 14.23C5.95 14.24 5.96 14.25 5.97 14.26L6 14.28L6 14.3L6.04 14.32L6.05 14.33L11.71 18.1C11.79 18.16 11.9 18.18 12 18.18C12.1 18.18 12.21 18.15 12.3 18.1L17.95 14.33L17.96 14.32L18 14.3L18 14.28L18.03 14.26L18.06 14.23L18.08 14.2L18.1 14.17L18.11 14.15L18.13 14.11L18.14 14.09L18.16 14.05L18.16 14L18.17 14L18.18 13.95C18.18 13.93 18.18 13.91 18.18 13.88V10.12M17.12 12.89V11.11L15.79 12L17.12 12.89Z",il="M9 22C8.45 22 8 21.55 8 21V18H4C2.9 18 2 17.11 2 16V4C2 2.89 2.9 2 4 2H20C21.11 2 22 2.9 22 4V16C22 17.11 21.11 18 20 18H13.9L10.2 21.71C10 21.9 9.75 22 9.5 22H9M10 16V19.08L13.08 16H20V4H4V16H10M15.84 8.2L14.83 9.21L12.76 7.18L13.77 6.16C13.97 5.95 14.31 5.94 14.55 6.16L15.84 7.41C16.05 7.62 16.06 7.96 15.84 8.2M8 11.91L12.17 7.72L14.24 9.8L10.08 14H8V11.91Z",al="M21.03,3L18,20.31C17.83,21.27 17,22 16,22H8C7,22 6.17,21.27 6,20.31L2.97,3H21.03M5.36,5L8,20H16L18.64,5H5.36M9,18V14H13V18H9M13,13.18L9.82,10L13,6.82L16.18,10L13,13.18Z",ll="M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,11.71 4,11.42 4.05,11.14C6.41,10.09 8.28,8.16 9.26,5.77C11.07,8.33 14.05,10 17.42,10C18.2,10 18.95,9.91 19.67,9.74C19.88,10.45 20,11.21 20,12C20,16.41 16.41,20 12,20Z",sl="M15,19.88C15.04,20.18 14.94,20.5 14.71,20.71C14.32,21.1 13.69,21.1 13.3,20.71L9.29,16.7C9.06,16.47 8.96,16.16 9,15.87V10.75L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L15,10.75V19.88M7.04,5L11,10.06V15.58L13,17.58V10.05L16.96,5H7.04Z",cl="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z",dl="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M11,5A4,4 0 0,1 15,9C15,10.5 14.2,11.77 13,12.46V11.24C13.61,10.69 14,9.89 14,9A3,3 0 0,0 11,6A3,3 0 0,0 8,9C8,9.89 8.39,10.69 9,11.24V12.46C7.8,11.77 7,10.5 7,9A4,4 0 0,1 11,5M11,3A6,6 0 0,1 17,9C17,10.7 16.29,12.23 15.16,13.33L14.16,12.88C15.28,11.96 16,10.56 16,9A5,5 0 0,0 11,4A5,5 0 0,0 6,9C6,11.05 7.23,12.81 9,13.58V14.66C6.67,13.83 5,11.61 5,9A6,6 0 0,1 11,3Z",ul="M7 19A2.93 2.93 0 0 0 7.17 20H6A1 1 0 0 1 5 19V18H7M10 19A1 1 0 0 0 11 20H13A1 1 0 0 0 14 19V18H10M4 16A1 1 0 0 0 5 17H7V14.88A6.92 6.92 0 0 1 5 10A6.79 6.79 0 0 1 5.68 7A4 4 0 0 0 4 14.45M17 19A2.93 2.93 0 0 1 16.83 20H18A1 1 0 0 0 19 19V18H17M17 10A5 5 0 0 1 15 14V16A1 1 0 0 1 14 17H10A1 1 0 0 1 9 16V14A5 5 0 1 1 17 10M15 10A3 3 0 1 0 11 12.82V15H13V12.82A3 3 0 0 0 15 10M18.32 7A6.79 6.79 0 0 1 19 10A6.92 6.92 0 0 1 17 14.88V17H19A1 1 0 0 0 20 16V14.45A4 4 0 0 0 18.32 7Z",pl="M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M11,18H13V15.87C14.73,15.43 16,13.86 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13.86 9.27,15.43 11,15.87V18Z",ml="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M16.8 11.3L15.7 10.5V10 9.5L16.8 8.7C16.9 8.6 16.9 8.5 16.9 8.4L15.9 6.7C15.8 6.6 15.7 6.5 15.6 6.6L14.3 7C14 6.8 13.8 6.6 13.4 6.5L13.2 5.2C13.2 5.1 13.1 5 13 5H11C10.9 5 10.8 5.1 10.8 5.2L10.6 6.5C10.3 6.7 10 6.8 9.7 7L8.5 6.5C8.4 6.5 8.3 6.5 8.2 6.6L7.2 8.3C7.1 8.4 7.2 8.5 7.3 8.6L8.4 9.4V10.4L7.3 11.2C7.2 11.3 7.2 11.4 7.2 11.5L8.2 13.2C8.3 13.3 8.4 13.4 8.5 13.3L9.7 13C10 13.2 10.2 13.4 10.5 13.5L10.7 14.8C10.7 14.9 10.8 15 11 15H13C13.1 15 13.2 14.9 13.2 14.8L13.4 13.5C13.7 13.4 14 13.2 14.2 13L15.4 13.5C15.5 13.5 15.6 13.5 15.7 13.4L16.7 11.7C16.9 11.5 16.9 11.4 16.8 11.3M12 11.5C11.2 11.5 10.5 10.8 10.5 10S11.2 8.5 12 8.5 13.5 9.2 13.5 10 12.8 11.5 12 11.5Z",vl="M19 8L15 12H18C18 15.31 15.31 18 12 18C11 18 10.03 17.75 9.2 17.3L7.74 18.76C8.97 19.54 10.43 20 12 20C16.42 20 20 16.42 20 12H23M6 12C6 8.69 8.69 6 12 6C13 6 13.97 6.25 14.8 6.7L16.26 5.24C15.03 4.46 13.57 4 12 4C7.58 4 4 7.58 4 12H1L5 16L9 12M14 12C14 13.11 13.11 14 12 14S10 13.11 10 12 10.9 10 12 10 14 10.9 14 12Z",gl="M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25 9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19 8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61 14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83 15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79 5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08 3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77 18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11 21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57 13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96 4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44 11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75 19.33,18.38Z",hl="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z",fl="M8,5.14V19.14L19,12.14L8,5.14Z",bl="M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",yl="M15 16L11 20H21V16H15M12.06 7.19L3 16.25V20H6.75L15.81 10.94L12.06 7.19M5.92 18H5V17.08L12.06 10L13 10.94L5.92 18M18.71 8.04C19.1 7.65 19.1 7 18.71 6.63L16.37 4.29C16.17 4.09 15.92 4 15.66 4C15.41 4 15.15 4.1 14.96 4.29L13.13 6.12L16.88 9.87L18.71 8.04Z",kl="M2,21L23,12L2,3V10L17,12L2,14V21Z",xl="M6 13H3V10H6V13M10 10H7V13H10V10M8 6H5V9H8V6M18 12C14.25 12 12.28 13.25 11 14H2C2 16.21 3.79 18 6 18H7C8 18 8.92 17.63 9.62 17C11.06 15.78 12.68 14.74 14.55 14.36C15.61 14.15 16.78 14 18 14H22V12H18Z",Cl="M17.36,20.2V14.82H19.15V22H3V14.82H4.8V20.2H17.36M6.77,14.32L7.14,12.56L15.93,14.41L15.56,16.17L6.77,14.32M7.93,10.11L8.69,8.5L16.83,12.28L16.07,13.9L7.93,10.11M10.19,6.12L11.34,4.74L18.24,10.5L17.09,11.87L10.19,6.12M14.64,1.87L20,9.08L18.56,10.15L13.2,2.94L14.64,1.87M6.59,18.41V16.61H15.57V18.41H6.59Z",Sl="M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z",wl="M20,14H4V8H9.08L7,10.83L8.62,12L11,8.76L12,7.4L13,8.76L15.38,12L17,10.83L14.92,8H20M20,19H4V17H20M9,4A1,1 0 0,1 10,5A1,1 0 0,1 9,6A1,1 0 0,1 8,5A1,1 0 0,1 9,4M15,4A1,1 0 0,1 16,5A1,1 0 0,1 15,6A1,1 0 0,1 14,5A1,1 0 0,1 15,4M20,6H17.82C17.93,5.69 18,5.35 18,5A3,3 0 0,0 15,2C13.95,2 13.04,2.54 12.5,3.35L12,4L11.5,3.34C10.96,2.54 10.05,2 9,2A3,3 0 0,0 6,5C6,5.35 6.07,5.69 6.18,6H4C2.89,6 2,6.89 2,8V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V8C22,6.89 21.11,6 20,6Z";function Wl(n,e,t,o){for(var r=n.length,i=t+(o?1:-1);o?i--:++i<r;)if(e(n[i],i,n))return i;return-1}function _l(n){return n!=n}function Il(n,e,t){return e==e?function(n,e,t){for(var o=t-1,r=n.length;++o<r;)if(n[o]===e)return o;return-1}(n,e,t):Wl(n,_l,t)}function Tl(n,e,t){if((n=pn(n))&&(t||void 0===e))return pi(n);if(!n||!(e=un(e)))return n;var o=it(n),r=it(e),i=function(n,e){for(var t=-1,o=n.length;++t<o&&Il(e,n[t],0)>-1;);return t}(o,r),a=function(n,e){for(var t=n.length;t--&&Il(e,n[t],0)>-1;);return t}(o,r)+1;return $e(o,i,a).join("")}function Al(n,e){var t=[];return De(n,(function(n,o,r){e(n,o,r)&&t.push(n)})),t}function Bl(n,t){return(e(n)?Rt:Al)(n,Wo(t))}function Hl(n){return pn(n).toUpperCase()}var Pl=Array.prototype.join;function Fl(n,e){return null==n?"":Pl.call(n,e)}function Ll(n){return function(n){let e=lt(n,"&");e=Io(e,(function(n){return Tl(n)}));let t=Oo(e);t=Math.min(4,t);let o=[];for(let n=0;n<t;n++)o.push(e[n]);return Fl(o,"_")}(n)}function Rl(n,e){if(!Ao(n))return[];if(!Ao(e))return[];let t=function(n,e){return Ao(n)&&Ao(e)?n.split(e):[]}(n,e);t=Io(t,Tl);let o=[];return Ve(t,(function(n){Ao(n)&&o.push(n)})),o}function Dl(){let n,e,t=new Promise((function(){n=arguments[0],e=arguments[1]}));return t.resolve=n,t.reject=e,t}var jl=i?i.isConcatSpreadable:void 0;function zl(n){return e(n)||le(n)||!!(jl&&n&&n[jl])}function Vl(n,e,t,o,r){var i=-1,a=n.length;for(t||(t=zl),r||(r=[]);++i<a;){var l=n[i];e>0&&t(l)?e>1?Vl(l,e-1,t,o,r):Ft(r,l):o||(r[r.length]=l)}return r}function Zl(n,e){if(n!==e){var t=void 0!==n,o=null===n,r=n==n,i=f(n),a=void 0!==e,l=null===e,s=e==e,c=f(e);if(!l&&!c&&!i&&n>e||i&&a&&s&&!l&&!c||o&&a&&s||!t&&s||!r)return 1;if(!o&&!i&&!c&&n<e||c&&t&&r&&!o&&!i||l&&t&&r||!a&&r||!s)return-1}return 0}function $l(n,t,o){t=t.length?ln(t,(function(n){return e(n)?function(e){return hn(e,1===n.length?n[0]:n)}:n})):[je];var r=-1;return t=ln(t,be(Wo)),function(n,e){var t=n.length;for(n.sort(e);t--;)n[t]=n[t].value;return n}(_o(n,(function(n,e,o){return{criteria:ln(t,(function(e){return e(n)})),index:++r,value:n}})),(function(n,e){return function(n,e,t){for(var o=-1,r=n.criteria,i=e.criteria,a=r.length,l=t.length;++o<a;){var s=Zl(r[o],i[o]);if(s)return o>=l?s:s*("desc"==t[o]?-1:1)}return n.index-e.index}(n,e,o)}))}var El=Math.max;function Gl(n,e,t){return e=El(void 0===e?n.length-1:e,0),function(){for(var o=arguments,r=-1,i=El(o.length-e,0),a=Array(i);++r<i;)a[r]=o[e+r];r=-1;for(var l=Array(e+1);++r<e;)l[r]=o[r];return l[e]=t(a),function(n,e,t){switch(t.length){case 0:return n.call(e);case 1:return n.call(e,t[0]);case 2:return n.call(e,t[0],t[1]);case 3:return n.call(e,t[0],t[1],t[2])}return n.apply(e,t)}(n,this,l)}}var Xl=nr?function(n,e){return nr(n,"toString",{configurable:!0,enumerable:!1,value:(t=e,function(){return t}),writable:!0});var t}:je,Ml=Xl,Nl=Date.now;var Ol=function(n){var e=0,t=0;return function(){var o=Nl(),r=16-(o-t);if(t=o,r>0){if(++e>=800)return arguments[0]}else e=0;return n.apply(void 0,arguments)}}(Ml),Kl=Ol;function Yl(n,e){return Kl(Gl(n,e,je),n+"")}var Jl=Yl((function(n,e){if(null==n)return[];var t=e.length;return t>1&&Xe(n,e[0],e[1])?e=[]:t>2&&Xe(e[0],e[1],e[2])&&(e=[e[0]]),$l(n,Vl(e,1),[])}));function Ul(n){return pn(n).toLowerCase()}function Ql(n){if(!Ii(n))return!1;return Pi(n)>=0}function ql(n,e){return Ao(n)&&Ql(e)?0===(e=Pi(e))?"":n.substring(0,e):""}function ns(n,e){if(!Ao(n))return"";if(!Ql(e))return"";if(0===(e=Pi(e)))return"";let t=n.length-e;return t<0&&(t=0),n.substring(t,t+e)}function es(n,e){return Ao(n)&&Ql(e)?0===(e=Pi(e))?n:ns(n,n.length-e):""}function ts(n){if(!Ao(n)&&!Wi(n)&&!f(n))return"";let e="";try{e=String(n)}catch(n){}try{e=n.toString()}catch(n){}return e}function os(n,e){return!!Qo(n)&&(!(!Ao(e)&&!Wi(e))&&e in n)}function rs(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Ao(n)&&Ql(e)?(t=Fi(t)?Pi(t):1,n.substring(e,e+t)):""}let is={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 as(n){return ss(n,1)}function ls(n){return ss(n,360)}function ss(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(n.indexOf("%")>=0){if(!Wi(n=Ki(n,"%","")))throw new Error("invalid color: value is not a number");n=_i(n)/100}else{if(!Wi(n))throw new Error("invalid color: value is not a number");n=_i(n)/e}if(n>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function cs(n){if(!Wi(n))throw new Error("invalid color: value is not a number");if((n=_i(n))>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function ds(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba";if(!va(n))throw new Error("invalid colors array");let t=fn(n,0,0),o=fn(n,1,0),r=fn(n,2,0),i=fn(n,3,1);if(e=e.split(""),4!==Oo(e))throw new Error("tar.length !== 4");return{[fn(e,0)]:t,[fn(e,1)]:o,[fn(e,2)]:r,[fn(e,3)]:i}}function us(n){let e=(n=es(n,1)).length;if(2===e)n=`${n}${n}${n}ff`;else if(3===e){let e=rs(n,0,1),t=rs(n,1,1),o=rs(n,2,1);n=`${e}${e}${t}${t}${o}${o}ff`}else if(6===e)n=`${n}ff`;else if(8!==e)throw new Error("invalid hex color");function t(n){if(2!==n.length)throw new Error("hex.length of color is not equal to 2");if(!Wi(n=parseInt(n,16)))throw new Error("invalid hex of color");return(n=_i(n))/255}return{r:t(rs(n,0,2)),g:t(rs(n,2,2)),b:t(rs(n,4,2)),a:t(rs(n,6,2))}}function ps(n){return n=ds(n=Io(n,((n,e)=>e<=2?ss(n,255):3===e?cs(n):null)),"rgba")}function ms(n){return n=xs(n=ds(n=Io(n,((n,e)=>0===e?ls(n):1===e||2===e?as(n):3===e?cs(n):null)),"hsla"))}function vs(n){return n=Cs(n=ds(n=Io(n,((n,e)=>0===e?ls(n):1===e||2===e?as(n):3===e?cs(n):null)),"hsva"))}function gs(n){if("transparent"===n)return{r:0,g:0,b:0,a:0};if(function(n){return os(is,n)}(n))return us(n=`#${is[n]}`);if(function(n){return"#"===ql(n,1)&&(!!/[0-9A-Fa-f]{2}/g.test(n)||(!!/[0-9A-Fa-f]{3}/g.test(n)||(!!/[0-9A-Fa-f]{6}/g.test(n)||!!/[0-9A-Fa-f]{8}/g.test(n))))}(n))return us(n);if(function(n){return"rgb"===ql(n,3)||"rgba"===ql(n,4)}(n))return function(n){return n=Ki(n,"rgba",""),n=Ki(n,"rgb",""),ps(Rl(n=Ki(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsl"===ql(n,3)||"hsla"===ql(n,4)}(n))return function(n){return n=Ki(n,"hsla",""),n=Ki(n,"hsl",""),ms(Rl(n=Ki(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsv"===ql(n,3)||"hsva"===ql(n,4)}(n))return function(n){return n=Ki(n,"hsva",""),n=Ki(n,"hsv",""),vs(Rl(n=Ki(n=n.replace(/[()]/g,""),","," ")," "))}(n);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function hs(n,e){return!!os(n,e=Ul(e))||!!os(n,e=Hl(e))}function fs(n,e,t){let o;return o=fn(n,e,null),null!==o?o:(o=fn(n,e=Hl(e),null),null!==o?o:t)}function bs(n){if(function(n){let e=hs(n,"r"),t=hs(n,"g"),o=hs(n,"b");return e&&t&&o}(n))return function(n){let e=[fs(n,"r",null),fs(n,"g",null),fs(n,"b",null),fs(n,"a",1)];return e=Io(e,ts),ps(e)}(n);if(function(n){let e=hs(n,"h"),t=hs(n,"s"),o=hs(n,"l");return e&&t&&o}(n))return function(n){let e=[fs(n,"h",null),fs(n,"s",null),fs(n,"l",null),fs(n,"a",1)];return e=Io(e,ts),ms(e)}(n);if(function(n){let e=hs(n,"h"),t=hs(n,"s"),o=hs(n,"v");return e&&t&&o}(n))return function(n){let e=[fs(n,"h",null),fs(n,"s",null),fs(n,"v",null),fs(n,"a",1)];return e=Io(e,ts),vs(e)}(n);throw new Error("color object is not one of rgba, hsla, hsva")}function ys(n){let e,t,o=n.r,r=n.g,i=n.b,a=Math.max(o,r,i),l=Math.min(o,r,i),s=(a+l)/2;if(a===l)e=t=0;else{let n=a-l;switch(t=s>.5?n/(2-a-l):n/(a+l),a){case o:e=(r-i)/n+(r<i?6:0);break;case r:e=(i-o)/n+2;break;case i:e=(o-r)/n+4}e/=6}return{h:e,s:t,l:s,a:n.a}}function ks(n){let e,t,o=n.r,r=n.g,i=n.b,a=Math.max(o,r,i),l=Math.min(o,r,i),s=a,c=a-l;if(t=0===a?0:c/a,a===l)e=0;else{switch(a){case o:e=(r-i)/c+(r<i?6:0);break;case r:e=(i-o)/c+2;break;case i:e=(o-r)/c+4}e/=6}return{h:e,s:t,v:s,a:n.a}}function xs(n){let e,t,o,r=n.h,i=n.s,a=n.l;function l(n,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?n+6*(e-n)*t:t<.5?e:t<2/3?n+(e-n)*(2/3-t)*6:n}if(0===i)e=t=o=a;else{let n=a<.5?a*(1+i):a+i-a*i,s=2*a-n;e=l(s,n,r+1/3),t=l(s,n,r),o=l(s,n,r-1/3)}return{r:e,g:t,b:o,a:n.a}}function Cs(n){let e,t,o,r=n.h,i=n.s,a=n.v,l=Math.floor(6*r),s=6*r-l,c=a*(1-i),d=a*(1-s*i),u=a*(1-(1-s)*i);switch(l%6){case 0:e=a,t=u,o=c;break;case 1:e=d,t=a,o=c;break;case 2:e=c,t=a,o=u;break;case 3:e=c,t=d,o=a;break;case 4:e=u,t=c,o=a;break;case 5:e=a,t=c,o=d}return{r:e,g:t,b:o,a:n.a}}function Ss(n){let e=Math.round(255*n).toString(16);if(1===e.length)return`0${e}`;if(2===e.length)return e;throw new Error("invalid value")}function ws(n){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=n.r,o=n.g,r=n.b,i=n.a,a=`${Ss(t)}${Ss(o)}${Ss(r)}`;return e&&(a=`${a}${Ss(i)}`),a}function Ws(n){return Math.min(1,Math.max(0,n))}function _s(n,e){if(!Ao(e))throw new Error("fmtOutput is not a string");if(!ac[e])throw console.log(`fmtOutput must be [${Le(ac)}]`),new Error("invalid fmtOutput");return n=ac[e](n)}function Is(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let o=ys(n);return o.h+=e,o.h=o.h%1,_s(xs(o),t)}function Ts(n,e,t,o){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"toRgbString";if(e<0||e>1)throw new Error("w1 < 0 or > 1");if(o<0||o>1)throw new Error("w1 < 0 or > 1");return _s({r:n.r*e+t.r*o,g:n.g*e+t.g*o,b:n.b*e+t.b*o,a:n.a*e+t.a*o},r)}function As(n){return`${Hi(100*n,1)}%`}function Bs(n){return Hi(n,0)}function Hs(n){return Hi(n,3)}function Ps(n){return{r:Bs(255*n.r),g:Bs(255*n.g),b:Bs(255*n.b)}}function Fs(n){return`rgb(${Bs(255*n.r)}, ${Bs(255*n.g)}, ${Bs(255*n.b)})`}function Ls(n){return{r:Bs(255*n.r),g:Bs(255*n.g),b:Bs(255*n.b),a:Hs(n.a)}}function Rs(n){return`rgba(${Bs(255*n.r)}, ${Bs(255*n.g)}, ${Bs(255*n.b)}, ${Hs(n.a)})`}function Ds(n){let e=ys(n);return{h:Bs(360*e.h),s:Hs(e.s),l:Hs(e.l)}}function js(n){let e=ys(n);return`hsl(${Bs(360*e.h)}, ${Hs(e.s)}, ${Hs(e.l)})`}function zs(n){let e=ys(n);return{h:Bs(360*e.h),s:Hs(e.s),l:Hs(e.l),a:Hs(e.a)}}function Vs(n){let e=ys(n);return`hsla(${Bs(360*e.h)}, ${Hs(e.s)}, ${Hs(e.l)}, ${Hs(e.a)})`}function Zs(n){let e=ks(n);return{h:Bs(360*e.h),s:Hs(e.s),v:Hs(e.v)}}function $s(n){let e=ks(n);return`hsv(${Bs(360*e.h)}, ${Hs(e.s)}, ${Hs(e.v)})`}function Es(n){let e=ks(n);return{h:Bs(360*e.h),s:Hs(e.s),v:Hs(e.v),a:Hs(e.a)}}function Gs(n){let e=ks(n);return`hsva(${Bs(360*e.h)}, ${Hs(e.s)}, ${Hs(e.v)}, ${Hs(e.a)})`}function Xs(n){return{r:As(n.r),g:As(n.g),b:As(n.b)}}function Ms(n){return`rgb(${As(n.r)}, ${As(n.g)}, ${As(n.b)})`}function Ns(n){return{r:As(n.r),g:As(n.g),b:As(n.b),a:Hs(n.a)}}function Os(n){return`rgba(${As(n.r)}, ${As(n.g)}, ${As(n.b)}, ${Hs(n.a)})`}function Ks(n){let e=ys(n);return{h:Bs(360*e.h),s:As(e.s),l:As(e.l)}}function Ys(n){let e=ys(n);return`hsl(${Bs(360*e.h)}, ${As(e.s)}, ${As(e.l)})`}function Js(n){let e=ys(n);return{h:Bs(360*e.h),s:As(e.s),l:As(e.l),a:Hs(e.a)}}function Us(n){let e=ys(n);return`hsla(${Bs(360*e.h)}, ${As(e.s)}, ${As(e.l)}, ${Hs(e.a)})`}function Qs(n){let e=ks(n);return{h:Bs(360*e.h),s:As(e.s),v:As(e.v)}}function qs(n){let e=ks(n);return`hsv(${Bs(360*e.h)}, ${As(e.s)}, ${As(e.v)})`}function nc(n){let e=ks(n);return{h:Bs(360*e.h),s:As(e.s),v:As(e.v),a:Hs(e.a)}}function ec(n){let e=ks(n);return`hsva(${Bs(360*e.h)}, ${As(e.s)}, ${As(e.v)}, ${Hs(e.a)})`}function tc(n){let e=function(n){return ws(n,!1)}(n);return`#${e}`}function oc(n){return`#${ws(n)}`}function rc(n){let e=null,t=null,o=null;if(Ao(n))e=Ul(Tl(n));else{if(!Yi(n))throw console.log("color=",n),new Error("color is not a string or an object");t=n}if(null!==e)try{o=gs(e)}catch(n){throw console.log(n),new Error(`can not parse color: ${e}`)}else if(null!==t)try{o=bs(t)}catch(n){throw console.log(n),new Error(`can not parse color: ${JSON.stringify(t)}`)}return o}function ic(n){if(!Yi(n))return console.log("gradient is not an effective object"),n=>`rgb(${255*(n=Math.min(Math.max(n,0),1))},${255*n},${255*n})`;let e=[];return Ve(n,((n,t)=>{e.push([_i(t),Ls(rc(n)),n])})),e=Jl(e,0),function(n){let t=null;for(let o=1;o<e.length;o++){let r=e[o-1][0],i=e[o-1][1],a=e[o][0],l=e[o][1];if(r<=n&&a>=n){let e=(a-n)/(a-r),o=(n-r)/(a-r);t=Ts(rc(i),e,rc(l),o,"toRgbaString");break}}return t}}let ac={toRgb:Ps,toRgbString:Fs,toRgba:Ls,toRgbaString:Rs,toHsl:Ds,toHslString:js,toHsla:zs,toHslaString:Vs,toHsv:Zs,toHsvString:$s,toHsva:Es,toHsvaString:Gs,toRgbP:Xs,toRgbPString:Ms,toRgbaP:Ns,toRgbaPString:Os,toHslP:Ks,toHslPString:Ys,toHslaP:Js,toHslaPString:Us,toHsvP:Qs,toHsvPString:qs,toHsvaP:nc,toHsvaPString:ec,toHexString:tc,toHex8String:oc};var lc=function(){let n={toRgb:n=>Ps(rc(n)),toRgbString:n=>Fs(rc(n)),toRgba:n=>Ls(rc(n)),toRgbaString:n=>Rs(rc(n)),toHsl:n=>Ds(rc(n)),toHslString:n=>js(rc(n)),toHsla:n=>zs(rc(n)),toHslaString:n=>Vs(rc(n)),toHsv:n=>Zs(rc(n)),toHsvString:n=>$s(rc(n)),toHsva:n=>Es(rc(n)),toHsvaString:n=>Gs(rc(n)),toRgbP:n=>Xs(rc(n)),toRgbPString:n=>Ms(rc(n)),toRgbaP:n=>Ns(rc(n)),toRgbaPString:n=>Os(rc(n)),toHslP:n=>Ks(rc(n)),toHslPString:n=>Ys(rc(n)),toHslaP:n=>Js(rc(n)),toHslaPString:n=>Us(rc(n)),toHsvP:n=>Qs(rc(n)),toHsvPString:n=>qs(rc(n)),toHsvaP:n=>nc(rc(n)),toHsvaPString:n=>ec(rc(n)),toHexString:n=>tc(rc(n)),toHex8String:n=>oc(rc(n)),modSaturate:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let o=ys(n);return o.s+=e,o.s=Ws(o.s),_s(xs(o),t)}(rc(n),e,t),modGrey:(n,e)=>function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString",t=ys(n);return t.s=0,_s(xs(t),e)}(rc(n),e),modLighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let o=ys(n);return o.l+=e,o.l=Ws(o.l),_s(xs(o),t)}(rc(n),e,t),modBrighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");return n.r+=e,n.r=Ws(n.r),n.g+=e,n.g=Ws(n.g),n.b+=e,n.b=Ws(n.b),_s(n,t)}(rc(n),e,t),modHue:(n,e,t)=>Is(rc(n),e,t),modComplement:(n,e)=>function(n){return Is(n,.5,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString")}(rc(n),e),spreadHue:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!Ii(e))throw new Error("num is not an integer");if((e=Pi(e))<=1)return[n];let o=ys(n),r=1/e,i=[];for(let n=0;n<e;n++)i.push(_s(xs(o),t)),o.h+=r,o.h=o.h%1;return i}(rc(n),e,t),spreadMonochromatic:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!Ii(e))throw new Error("num is not an integer");if((e=Pi(e))<=1)return[n];let o=ks(n);o.s=1,o.l=1;let r=1/e,i=[];for(let n=0;n<e;n++)i.push(_s(Cs(o),t)),o.h-=r,o.l-=r;return i}(rc(n),e,t),mix:(n,e,t,o,r)=>Ts(rc(n),e,rc(t),o,r),getBrightness:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");return(299*n.r+587*n.g+114*n.b)/1e3}(rc(n)),getLuminance:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");let e,t,o,r=n.r,i=n.g,a=n.b;return e=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4),t=i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4),o=a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4),.2126*e+.7152*t+.0722*o}(rc(n)),interp:ic};return n}();const sc={components:{},props:{name:{type:String,default:"cir-wave"},color:{type:String,default:"grey"},size:{type:Number,default:48}},data:function(){return{}},computed:{effColor:function(){return Oi(this.color)}},methods:{}};var cc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+n.size+"px; width:"+n.size+"px;"},["cir-wave"===n.name?[t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:n.size,height:n.size}},[t("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline",begin:"-0.5s"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline",begin:"-0.5s"}})]),n._v(" "),t("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline"}})])])]:"cir-rotate"===n.name?[t("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:"+n.size+"px; width:"+n.size+"px;"},[t("svg",{staticClass:"pgc-rotate",staticStyle:{transform:"rotate(0deg)"},attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"}},[t("circle",{staticClass:"pgc-dash",attrs:{fill:"transparent",cx:"43.80952380952381",cy:"43.80952380952381",r:"20","stroke-width":"4","stroke-dasharray":"100","stroke-dashoffset":"50px",stroke:n.effColor}})])])]:n._e()],2)};cc._withStripped=!0;const dc=ya({render:cc,staticRenderFns:[]},(function(n){n&&n("data-v-508ec83b_0",{source:"\n.pgc-rotate[data-v-508ec83b] {\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-508ec83b 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-508ec83b] {\r\n    animation: progress-circular-dash-data-v-508ec83b 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-508ec83b {\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-508ec83b {\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-508ec83b {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-508ec83b {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AA8FA;IACA,WAAA;IACA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,MAAA;IACA,SAAA;IACA,OAAA;IACA,QAAA;IACA,UAAA;IACA,+BAAA;IACA,wEAAA;IACA,+BAAA;AACA;AAEA;IACA,2EAAA;IACA,qBAAA;IACA,wBAAA;IACA,sBAAA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA",file:"WIconLoading.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`">\r\n\r\n        <template v-if="name===\'cir-wave\'">\r\n\r\n            <svg\r\n                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"\r\n                :width="size"\r\n                :height="size"\r\n            >\r\n                <circle cx="50" cy="50" r="14.6699" fill="none" stroke="#420457" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                </circle>\r\n                <circle cx="50" cy="50" r="33.9915" fill="none" stroke="#5a3faa" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate>\r\n                </circle>\r\n            </svg>\r\n\r\n        </template>\r\n\r\n        <template v-else-if="name===\'cir-rotate\'">\r\n\r\n            <div :style="`position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:${size}px; width:${size}px;`">\r\n                <svg\r\n                    class="pgc-rotate"\r\n                    style="transform: rotate(0deg);"\r\n                    xmlns="http://www.w3.org/2000/svg"\r\n                    viewBox="21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"\r\n                >\r\n                        <circle\r\n                            class="pgc-dash"\r\n                            fill="transparent"\r\n                            cx="43.80952380952381"\r\n                            cy="43.80952380952381"\r\n                            r="20"\r\n                            stroke-width="4"\r\n                            stroke-dasharray="100"\r\n                            stroke-dashoffset="50px"\r\n                            :stroke="effColor"\r\n                        ></circle>\r\n                    </svg>\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from \'../js/convertColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [name=\'cir-wave\'] 輸入動畫名稱字串，預設\'cir-wave\'\r\n * @vue-prop {Number} [size=48] 輸入圖標欲顯示的尺寸浮點數，預設48\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.color)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n\r\n.pgc-rotate {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate 1.4s linear infinite;\r\n    transform-origin: center center;\r\n}\r\n\r\n.pgc-dash {\r\n    animation: progress-circular-dash 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\r\n}\r\n\r\n@-webkit-keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@-webkit-keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n</style>\r\n']},media:void 0})}),sc,"data-v-508ec83b",false,undefined,!1,xa,void 0,void 0);function uc(n){var e=null==n?0:n.length;return e?n[e-1]:void 0}function pc(n,e,t,o){for(var r=t-1,i=n.length;++r<i;)if(o(n[r],e))return r;return-1}var mc=Array.prototype.splice;var vc=Yl((function(n,e){return n&&n.length&&e&&e.length?function(n,e,t,o){var r=o?pc:Il,i=-1,a=e.length,l=n;for(n===e&&(e=mr(e)),t&&(l=ln(n,be(t)));++i<a;)for(var s=0,c=e[i],d=t?t(c):c;(s=r(l,d,s,o))>-1;)l!==n&&mc.call(l,s,1),mc.call(n,s,1);return n}(n,e):n})),gc=vc;function hc(n,e,t){if(!ua(n))return void console.log("clientX is not a number",n);if(!ua(e))return void console.log("clientY is not a number",e);if(!oa(t))return void console.log("ele is not a HTMLElement",t);let o;try{o=t.getBoundingClientRect()}catch(n){return void console.log("invalid ele for getBoundingClientRect",n)}let r=!1;try{r=n>=o.left&&n<=o.right&&e>=o.top&&e<=o.bottom}catch(n){console.log("catch when calculating page information of element",n)}return r}function fc(n){if(null==n)return window;if("[object Window]"!==n.toString()){var e=n.ownerDocument;return e&&e.defaultView||window}return n}function bc(n){return n instanceof fc(n).Element||n instanceof Element}function yc(n){return n instanceof fc(n).HTMLElement||n instanceof HTMLElement}function kc(n){return"undefined"!=typeof ShadowRoot&&(n instanceof fc(n).ShadowRoot||n instanceof ShadowRoot)}var xc=Math.max,Cc=Math.min,Sc=Math.round;function wc(){var n=navigator.userAgentData;return null!=n&&n.brands&&Array.isArray(n.brands)?n.brands.map((function(n){return n.brand+"/"+n.version})).join(" "):navigator.userAgent}function Wc(){return!/^((?!chrome|android).)*safari/i.test(wc())}function _c(n,e,t){void 0===e&&(e=!1),void 0===t&&(t=!1);var o=n.getBoundingClientRect(),r=1,i=1;e&&yc(n)&&(r=n.offsetWidth>0&&Sc(o.width)/n.offsetWidth||1,i=n.offsetHeight>0&&Sc(o.height)/n.offsetHeight||1);var a=(bc(n)?fc(n):window).visualViewport,l=!Wc()&&t,s=(o.left+(l&&a?a.offsetLeft:0))/r,c=(o.top+(l&&a?a.offsetTop:0))/i,d=o.width/r,u=o.height/i;return{width:d,height:u,top:c,right:s+d,bottom:c+u,left:s,x:s,y:c}}function Ic(n){var e=fc(n);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Tc(n){return n?(n.nodeName||"").toLowerCase():null}function Ac(n){return((bc(n)?n.ownerDocument:n.document)||window.document).documentElement}function Bc(n){return _c(Ac(n)).left+Ic(n).scrollLeft}function Hc(n){return fc(n).getComputedStyle(n)}function Pc(n){var e=Hc(n),t=e.overflow,o=e.overflowX,r=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+r+o)}function Fc(n,e,t){void 0===t&&(t=!1);var o,r,i=yc(e),a=yc(e)&&function(n){var e=n.getBoundingClientRect(),t=Sc(e.width)/n.offsetWidth||1,o=Sc(e.height)/n.offsetHeight||1;return 1!==t||1!==o}(e),l=Ac(e),s=_c(n,a,t),c={scrollLeft:0,scrollTop:0},d={x:0,y:0};return(i||!i&&!t)&&(("body"!==Tc(e)||Pc(l))&&(c=(o=e)!==fc(o)&&yc(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:Ic(o)),yc(e)?((d=_c(e,!0)).x+=e.clientLeft,d.y+=e.clientTop):l&&(d.x=Bc(l))),{x:s.left+c.scrollLeft-d.x,y:s.top+c.scrollTop-d.y,width:s.width,height:s.height}}function Lc(n){var e=_c(n),t=n.offsetWidth,o=n.offsetHeight;return Math.abs(e.width-t)<=1&&(t=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:n.offsetLeft,y:n.offsetTop,width:t,height:o}}function Rc(n){return"html"===Tc(n)?n:n.assignedSlot||n.parentNode||(kc(n)?n.host:null)||Ac(n)}function Dc(n){return["html","body","#document"].indexOf(Tc(n))>=0?n.ownerDocument.body:yc(n)&&Pc(n)?n:Dc(Rc(n))}function jc(n,e){var t;void 0===e&&(e=[]);var o=Dc(n),r=o===(null==(t=n.ownerDocument)?void 0:t.body),i=fc(o),a=r?[i].concat(i.visualViewport||[],Pc(o)?o:[]):o,l=e.concat(a);return r?l:l.concat(jc(Rc(a)))}function zc(n){return["table","td","th"].indexOf(Tc(n))>=0}function Vc(n){return yc(n)&&"fixed"!==Hc(n).position?n.offsetParent:null}function Zc(n){for(var e=fc(n),t=Vc(n);t&&zc(t)&&"static"===Hc(t).position;)t=Vc(t);return t&&("html"===Tc(t)||"body"===Tc(t)&&"static"===Hc(t).position)?e:t||function(n){var e=/firefox/i.test(wc());if(/Trident/i.test(wc())&&yc(n)&&"fixed"===Hc(n).position)return null;var t=Rc(n);for(kc(t)&&(t=t.host);yc(t)&&["html","body"].indexOf(Tc(t))<0;){var o=Hc(t);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return t;t=t.parentNode}return null}(n)||e}var $c="top",Ec="bottom",Gc="right",Xc="left",Mc="auto",Nc=[$c,Ec,Gc,Xc],Oc="start",Kc="end",Yc="clippingParents",Jc="viewport",Uc="popper",Qc="reference",qc=Nc.reduce((function(n,e){return n.concat([e+"-"+Oc,e+"-"+Kc])}),[]),nd=[].concat(Nc,[Mc]).reduce((function(n,e){return n.concat([e,e+"-"+Oc,e+"-"+Kc])}),[]),ed=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function td(n){var e=new Map,t=new Set,o=[];function r(n){t.add(n.name),[].concat(n.requires||[],n.requiresIfExists||[]).forEach((function(n){if(!t.has(n)){var o=e.get(n);o&&r(o)}})),o.push(n)}return n.forEach((function(n){e.set(n.name,n)})),n.forEach((function(n){t.has(n.name)||r(n)})),o}function od(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),o=1;o<e;o++)t[o-1]=arguments[o];return[].concat(t).reduce((function(n,e){return n.replace(/%s/,e)}),n)}var rd='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',id='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',ad=["name","enabled","phase","fn","effect","requires","options"];function ld(n){return n.split("-")[0]}function sd(n,e){var t=e.getRootNode&&e.getRootNode();if(n.contains(e))return!0;if(t&&kc(t)){var o=e;do{if(o&&n.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function cd(n){return Object.assign({},n,{left:n.x,top:n.y,right:n.x+n.width,bottom:n.y+n.height})}function dd(n,e,t){return e===Jc?cd(function(n,e){var t=fc(n),o=Ac(n),r=t.visualViewport,i=o.clientWidth,a=o.clientHeight,l=0,s=0;if(r){i=r.width,a=r.height;var c=Wc();(c||!c&&"fixed"===e)&&(l=r.offsetLeft,s=r.offsetTop)}return{width:i,height:a,x:l+Bc(n),y:s}}(n,t)):bc(e)?function(n,e){var t=_c(n,!1,"fixed"===e);return t.top=t.top+n.clientTop,t.left=t.left+n.clientLeft,t.bottom=t.top+n.clientHeight,t.right=t.left+n.clientWidth,t.width=n.clientWidth,t.height=n.clientHeight,t.x=t.left,t.y=t.top,t}(e,t):cd(function(n){var e,t=Ac(n),o=Ic(n),r=null==(e=n.ownerDocument)?void 0:e.body,i=xc(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=xc(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),l=-o.scrollLeft+Bc(n),s=-o.scrollTop;return"rtl"===Hc(r||t).direction&&(l+=xc(t.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:l,y:s}}(Ac(n)))}function ud(n,e,t,o){var r="clippingParents"===e?function(n){var e=jc(Rc(n)),t=["absolute","fixed"].indexOf(Hc(n).position)>=0&&yc(n)?Zc(n):n;return bc(t)?e.filter((function(n){return bc(n)&&sd(n,t)&&"body"!==Tc(n)})):[]}(n):[].concat(e),i=[].concat(r,[t]),a=i[0],l=i.reduce((function(e,t){var r=dd(n,t,o);return e.top=xc(r.top,e.top),e.right=Cc(r.right,e.right),e.bottom=Cc(r.bottom,e.bottom),e.left=xc(r.left,e.left),e}),dd(n,a,o));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function pd(n){return n.split("-")[1]}function md(n){return["top","bottom"].indexOf(n)>=0?"x":"y"}function vd(n){var e,t=n.reference,o=n.element,r=n.placement,i=r?ld(r):null,a=r?pd(r):null,l=t.x+t.width/2-o.width/2,s=t.y+t.height/2-o.height/2;switch(i){case $c:e={x:l,y:t.y-o.height};break;case Ec:e={x:l,y:t.y+t.height};break;case Gc:e={x:t.x+t.width,y:s};break;case Xc:e={x:t.x-o.width,y:s};break;default:e={x:t.x,y:t.y}}var c=i?md(i):null;if(null!=c){var d="y"===c?"height":"width";switch(a){case Oc:e[c]=e[c]-(t[d]/2-o[d]/2);break;case Kc:e[c]=e[c]+(t[d]/2-o[d]/2)}}return e}function gd(n){return Object.assign({},{top:0,right:0,bottom:0,left:0},n)}function hd(n,e){return e.reduce((function(e,t){return e[t]=n,e}),{})}function fd(n,e){void 0===e&&(e={});var t=e,o=t.placement,r=void 0===o?n.placement:o,i=t.strategy,a=void 0===i?n.strategy:i,l=t.boundary,s=void 0===l?Yc:l,c=t.rootBoundary,d=void 0===c?Jc:c,u=t.elementContext,p=void 0===u?Uc:u,m=t.altBoundary,v=void 0!==m&&m,g=t.padding,h=void 0===g?0:g,f=gd("number"!=typeof h?h:hd(h,Nc)),b=p===Uc?Qc:Uc,y=n.rects.popper,k=n.elements[v?b:p],x=ud(bc(k)?k:k.contextElement||Ac(n.elements.popper),s,d,a),C=_c(n.elements.reference),S=vd({reference:C,element:y,strategy:"absolute",placement:r}),w=cd(Object.assign({},y,S)),W=p===Uc?w:C,_={top:x.top-W.top+f.top,bottom:W.bottom-x.bottom+f.bottom,left:x.left-W.left+f.left,right:W.right-x.right+f.right},I=n.modifiersData.offset;if(p===Uc&&I){var T=I[r];Object.keys(_).forEach((function(n){var e=[Gc,Ec].indexOf(n)>=0?1:-1,t=[$c,Ec].indexOf(n)>=0?"y":"x";_[n]+=T[t]*e}))}return _}var bd="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",yd={placement:"bottom",modifiers:[],strategy:"absolute"};function kd(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];return!e.some((function(n){return!(n&&"function"==typeof n.getBoundingClientRect)}))}function xd(n){void 0===n&&(n={});var e=n,t=e.defaultModifiers,o=void 0===t?[]:t,r=e.defaultOptions,i=void 0===r?yd:r;return function(n,e,t){void 0===t&&(t=i);var r,a,l={placement:"bottom",orderedModifiers:[],options:Object.assign({},yd,i),modifiersData:{},elements:{reference:n,popper:e},attributes:{},styles:{}},s=[],c=!1,d={state:l,setOptions:function(t){var r="function"==typeof t?t(l.options):t;u(),l.options=Object.assign({},i,l.options,r),l.scrollParents={reference:bc(n)?jc(n):n.contextElement?jc(n.contextElement):[],popper:jc(e)};var a=function(n){var e=td(n);return ed.reduce((function(n,t){return n.concat(e.filter((function(n){return n.phase===t})))}),[])}(function(n){var e=n.reduce((function(n,e){var t=n[e.name];return n[e.name]=t?Object.assign({},t,e,{options:Object.assign({},t.options,e.options),data:Object.assign({},t.data,e.data)}):e,n}),{});return Object.keys(e).map((function(n){return e[n]}))}([].concat(o,l.options.modifiers)));(l.orderedModifiers=a.filter((function(n){return n.enabled})),function(n){n.forEach((function(e){[].concat(Object.keys(e),ad).filter((function(n,e,t){return t.indexOf(n)===e})).forEach((function(t){switch(t){case"name":"string"!=typeof e.name&&console.error(od(rd,String(e.name),'"name"','"string"','"'+String(e.name)+'"'));break;case"enabled":"boolean"!=typeof e.enabled&&console.error(od(rd,e.name,'"enabled"','"boolean"','"'+String(e.enabled)+'"'));break;case"phase":ed.indexOf(e.phase)<0&&console.error(od(rd,e.name,'"phase"',"either "+ed.join(", "),'"'+String(e.phase)+'"'));break;case"fn":"function"!=typeof e.fn&&console.error(od(rd,e.name,'"fn"','"function"','"'+String(e.fn)+'"'));break;case"effect":null!=e.effect&&"function"!=typeof e.effect&&console.error(od(rd,e.name,'"effect"','"function"','"'+String(e.fn)+'"'));break;case"requires":null==e.requires||Array.isArray(e.requires)||console.error(od(rd,e.name,'"requires"','"array"','"'+String(e.requires)+'"'));break;case"requiresIfExists":Array.isArray(e.requiresIfExists)||console.error(od(rd,e.name,'"requiresIfExists"','"array"','"'+String(e.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+e.name+'" modifier, valid properties are '+ad.map((function(n){return'"'+n+'"'})).join(", ")+'; but "'+t+'" was provided.')}e.requires&&e.requires.forEach((function(t){null==n.find((function(n){return n.name===t}))&&console.error(od(id,String(e.name),t,t))}))}))}))}((c=[].concat(a,l.options.modifiers),p=function(n){return n.name},m=new Set,c.filter((function(n){var e=p(n);if(!m.has(e))return m.add(e),!0})))),ld(l.options.placement)===Mc)&&(l.orderedModifiers.find((function(n){return"flip"===n.name}))||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" ")));var c,p,m,v=Hc(e);return[v.marginTop,v.marginRight,v.marginBottom,v.marginLeft].some((function(n){return parseFloat(n)}))&&console.warn(['Popper: CSS "margin" styles cannot be used to apply padding',"between the popper and its reference element or boundary.","To replicate margin, use the `offset` modifier, as well as","the `padding` option in the `preventOverflow` and `flip`","modifiers."].join(" ")),l.orderedModifiers.forEach((function(n){var e=n.name,t=n.options,o=void 0===t?{}:t,r=n.effect;if("function"==typeof r){var i=r({state:l,name:e,instance:d,options:o}),a=function(){};s.push(i||a)}})),d.update()},forceUpdate:function(){if(!c){var n=l.elements,e=n.reference,t=n.popper;if(kd(e,t)){l.rects={reference:Fc(e,Zc(t),"fixed"===l.options.strategy),popper:Lc(t)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((function(n){return l.modifiersData[n.name]=Object.assign({},n.data)}));for(var o=0,r=0;r<l.orderedModifiers.length;r++){if((o+=1)>100){console.error("Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.");break}if(!0!==l.reset){var i=l.orderedModifiers[r],a=i.fn,s=i.options,u=void 0===s?{}:s,p=i.name;"function"==typeof a&&(l=a({state:l,options:u,name:p,instance:d})||l)}else l.reset=!1,r=-1}}else console.error(bd)}},update:(r=function(){return new Promise((function(n){d.forceUpdate(),n(l)}))},function(){return a||(a=new Promise((function(n){Promise.resolve().then((function(){a=void 0,n(r())}))}))),a}),destroy:function(){u(),c=!0}};if(!kd(n,e))return console.error(bd),d;function u(){s.forEach((function(n){return n()})),s=[]}return d.setOptions(t).then((function(n){!c&&t.onFirstUpdate&&t.onFirstUpdate(n)})),d}}var Cd={passive:!0};var Sd={top:"auto",right:"auto",bottom:"auto",left:"auto"};function wd(n){var e,t=n.popper,o=n.popperRect,r=n.placement,i=n.variation,a=n.offsets,l=n.position,s=n.gpuAcceleration,c=n.adaptive,d=n.roundOffsets,u=n.isFixed,p=a.x,m=void 0===p?0:p,v=a.y,g=void 0===v?0:v,h="function"==typeof d?d({x:m,y:g}):{x:m,y:g};m=h.x,g=h.y;var f=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),y=Xc,k=$c,x=window;if(c){var C=Zc(t),S="clientHeight",w="clientWidth";if(C===fc(t)&&"static"!==Hc(C=Ac(t)).position&&"absolute"===l&&(S="scrollHeight",w="scrollWidth"),r===$c||(r===Xc||r===Gc)&&i===Kc)k=Ec,g-=(u&&C===x&&x.visualViewport?x.visualViewport.height:C[S])-o.height,g*=s?1:-1;if(r===Xc||(r===$c||r===Ec)&&i===Kc)y=Gc,m-=(u&&C===x&&x.visualViewport?x.visualViewport.width:C[w])-o.width,m*=s?1:-1}var W,_=Object.assign({position:l},c&&Sd),I=!0===d?function(n,e){var t=n.x,o=n.y,r=e.devicePixelRatio||1;return{x:Sc(t*r)/r||0,y:Sc(o*r)/r||0}}({x:m,y:g},fc(t)):{x:m,y:g};return m=I.x,g=I.y,s?Object.assign({},_,((W={})[k]=b?"0":"",W[y]=f?"0":"",W.transform=(x.devicePixelRatio||1)<=1?"translate("+m+"px, "+g+"px)":"translate3d("+m+"px, "+g+"px, 0)",W)):Object.assign({},_,((e={})[k]=b?g+"px":"",e[y]=f?m+"px":"",e.transform="",e))}var Wd={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(n){var e=n.state,t=n.options,o=t.gpuAcceleration,r=void 0===o||o,i=t.adaptive,a=void 0===i||i,l=t.roundOffsets,s=void 0===l||l,c=Hc(e.elements.popper).transitionProperty||"";a&&["transform","top","right","bottom","left"].some((function(n){return c.indexOf(n)>=0}))&&console.warn(["Popper: Detected CSS transitions on at least one of the following",'CSS properties: "transform", "top", "right", "bottom", "left".',"\n\n",'Disable the "computeStyles" modifier\'s `adaptive` option to allow',"for smooth transitions, or remove these properties from the CSS","transition declaration on the popper element if only transitioning","opacity or background-color for example.","\n\n","We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "));var d={placement:ld(e.placement),variation:pd(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,wd(Object.assign({},d,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:s})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,wd(Object.assign({},d,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}};var _d={name:"applyStyles",enabled:!0,phase:"write",fn:function(n){var e=n.state;Object.keys(e.elements).forEach((function(n){var t=e.styles[n]||{},o=e.attributes[n]||{},r=e.elements[n];yc(r)&&Tc(r)&&(Object.assign(r.style,t),Object.keys(o).forEach((function(n){var e=o[n];!1===e?r.removeAttribute(n):r.setAttribute(n,!0===e?"":e)})))}))},effect:function(n){var e=n.state,t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.styles=t,e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),function(){Object.keys(e.elements).forEach((function(n){var o=e.elements[n],r=e.attributes[n]||{},i=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce((function(n,e){return n[e]="",n}),{});yc(o)&&Tc(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(n){o.removeAttribute(n)})))}))}},requires:["computeStyles"]},Id=xd({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(n){var e=n.state,t=n.instance,o=n.options,r=o.scroll,i=void 0===r||r,a=o.resize,l=void 0===a||a,s=fc(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(n){n.addEventListener("scroll",t.update,Cd)})),l&&s.addEventListener("resize",t.update,Cd),function(){i&&c.forEach((function(n){n.removeEventListener("scroll",t.update,Cd)})),l&&s.removeEventListener("resize",t.update,Cd)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(n){var e=n.state,t=n.name;e.modifiersData[t]=vd({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},Wd,_d]}),Td={left:"right",right:"left",bottom:"top",top:"bottom"};function Ad(n){return n.replace(/left|right|bottom|top/g,(function(n){return Td[n]}))}var Bd={start:"end",end:"start"};function Hd(n){return n.replace(/start|end/g,(function(n){return Bd[n]}))}function Pd(n,e){void 0===e&&(e={});var t=e,o=t.placement,r=t.boundary,i=t.rootBoundary,a=t.padding,l=t.flipVariations,s=t.allowedAutoPlacements,c=void 0===s?nd:s,d=pd(o),u=d?l?qc:qc.filter((function(n){return pd(n)===d})):Nc,p=u.filter((function(n){return c.indexOf(n)>=0}));0===p.length&&(p=u,console.error(["Popper: The `allowedAutoPlacements` option did not allow any","placements. Ensure the `placement` option matches the variation","of the allowed placements.",'For example, "auto" cannot be used to allow "bottom-start".','Use "auto-start" instead.'].join(" ")));var m=p.reduce((function(e,t){return e[t]=fd(n,{placement:t,boundary:r,rootBoundary:i,padding:a})[ld(t)],e}),{});return Object.keys(m).sort((function(n,e){return m[n]-m[e]}))}var Fd={name:"flip",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,o=n.name;if(!e.modifiersData[o]._skip){for(var r=t.mainAxis,i=void 0===r||r,a=t.altAxis,l=void 0===a||a,s=t.fallbackPlacements,c=t.padding,d=t.boundary,u=t.rootBoundary,p=t.altBoundary,m=t.flipVariations,v=void 0===m||m,g=t.allowedAutoPlacements,h=e.options.placement,f=ld(h),b=s||(f===h||!v?[Ad(h)]:function(n){if(ld(n)===Mc)return[];var e=Ad(n);return[Hd(n),e,Hd(e)]}(h)),y=[h].concat(b).reduce((function(n,t){return n.concat(ld(t)===Mc?Pd(e,{placement:t,boundary:d,rootBoundary:u,padding:c,flipVariations:v,allowedAutoPlacements:g}):t)}),[]),k=e.rects.reference,x=e.rects.popper,C=new Map,S=!0,w=y[0],W=0;W<y.length;W++){var _=y[W],I=ld(_),T=pd(_)===Oc,A=[$c,Ec].indexOf(I)>=0,B=A?"width":"height",H=fd(e,{placement:_,boundary:d,rootBoundary:u,altBoundary:p,padding:c}),P=A?T?Gc:Xc:T?Ec:$c;k[B]>x[B]&&(P=Ad(P));var F=Ad(P),L=[];if(i&&L.push(H[I]<=0),l&&L.push(H[P]<=0,H[F]<=0),L.every((function(n){return n}))){w=_,S=!1;break}C.set(_,L)}if(S)for(var R=function(n){var e=y.find((function(e){var t=C.get(e);if(t)return t.slice(0,n).every((function(n){return n}))}));if(e)return w=e,"break"},D=v?3:1;D>0;D--){if("break"===R(D))break}e.placement!==w&&(e.modifiersData[o]._skip=!0,e.placement=w,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Ld={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var e=n.state,t=n.options,o=n.name,r=t.offset,i=void 0===r?[0,0]:r,a=nd.reduce((function(n,t){return n[t]=function(n,e,t){var o=ld(n),r=[Xc,$c].indexOf(o)>=0?-1:1,i="function"==typeof t?t(Object.assign({},e,{placement:n})):t,a=i[0],l=i[1];return a=a||0,l=(l||0)*r,[Xc,Gc].indexOf(o)>=0?{x:l,y:a}:{x:a,y:l}}(t,e.rects,i),n}),{}),l=a[e.placement],s=l.x,c=l.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s,e.modifiersData.popperOffsets.y+=c),e.modifiersData[o]=a}};function Rd(n,e,t){return void 0===t&&(t={x:0,y:0}),{top:n.top-e.height-t.y,right:n.right-e.width+t.x,bottom:n.bottom-e.height+t.y,left:n.left-e.width-t.x}}function Dd(n){return[$c,Gc,Ec,Xc].some((function(e){return n[e]>=0}))}var jd={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(n){var e=n.state,t=n.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=fd(e,{elementContext:"reference"}),l=fd(e,{altBoundary:!0}),s=Rd(a,o),c=Rd(l,r,i),d=Dd(s),u=Dd(c);e.modifiersData[t]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":u})}};function zd(n,e,t){return xc(n,Cc(e,t))}var Vd={name:"preventOverflow",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,o=n.name,r=t.mainAxis,i=void 0===r||r,a=t.altAxis,l=void 0!==a&&a,s=t.boundary,c=t.rootBoundary,d=t.altBoundary,u=t.padding,p=t.tether,m=void 0===p||p,v=t.tetherOffset,g=void 0===v?0:v,h=fd(e,{boundary:s,rootBoundary:c,padding:u,altBoundary:d}),f=ld(e.placement),b=pd(e.placement),y=!b,k=md(f),x="x"===k?"y":"x",C=e.modifiersData.popperOffsets,S=e.rects.reference,w=e.rects.popper,W="function"==typeof g?g(Object.assign({},e.rects,{placement:e.placement})):g,_="number"==typeof W?{mainAxis:W,altAxis:W}:Object.assign({mainAxis:0,altAxis:0},W),I=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,T={x:0,y:0};if(C){if(i){var A,B="y"===k?$c:Xc,H="y"===k?Ec:Gc,P="y"===k?"height":"width",F=C[k],L=F+h[B],R=F-h[H],D=m?-w[P]/2:0,j=b===Oc?S[P]:w[P],z=b===Oc?-w[P]:-S[P],V=e.elements.arrow,Z=m&&V?Lc(V):{width:0,height:0},$=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},E=$[B],G=$[H],X=zd(0,S[P],Z[P]),M=y?S[P]/2-D-X-E-_.mainAxis:j-X-E-_.mainAxis,N=y?-S[P]/2+D+X+G+_.mainAxis:z+X+G+_.mainAxis,O=e.elements.arrow&&Zc(e.elements.arrow),K=O?"y"===k?O.clientTop||0:O.clientLeft||0:0,Y=null!=(A=null==I?void 0:I[k])?A:0,J=F+N-Y,U=zd(m?Cc(L,F+M-Y-K):L,F,m?xc(R,J):R);C[k]=U,T[k]=U-F}if(l){var Q,q="x"===k?$c:Xc,nn="x"===k?Ec:Gc,en=C[x],tn="y"===x?"height":"width",on=en+h[q],rn=en-h[nn],an=-1!==[$c,Xc].indexOf(f),ln=null!=(Q=null==I?void 0:I[x])?Q:0,sn=an?on:en-S[tn]-w[tn]-ln+_.altAxis,cn=an?en+S[tn]+w[tn]-ln-_.altAxis:rn,dn=m&&an?function(n,e,t){var o=zd(n,e,t);return o>t?t:o}(sn,en,cn):zd(m?sn:on,en,m?cn:rn);C[x]=dn,T[x]=dn-en}e.modifiersData[o]=T}},requiresIfExists:["offset"]};function Zd(n,e,t,o,r){let i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},a=Di();if(Ve(["mode","mmkey","kind",o,"triggerWidth","placement","placementDistX","placementDistY","transitionTime","isolated","editable","contentStyle"],(e=>{if(!os(n,e))throw new Error(`invalid vo.${e}`)})),!ji(e))throw new Error("funGetDivTrigger is not a function");if(!ji(t))throw new Error("funGetDivContent is not a function");let l=fn(i,"addTriggerMode"),s=fn(i,"checkTriggerEffMode"),c=fn(i,"removeTriggerMode"),d={mouseClientX:0,mouseClientY:0,cursorTriggerInner:!1,clickContentInner:!1,popperShow:!1,popperInstance:null},u=()=>!ji(s)||s(n.mode,n.mmkey),p=o=>{let r=e();if(!oa(r))return;n.$nextTick((()=>{n.triggerWidth=r.offsetWidth}));let i=t();if(!oa(i))return;ji(l)&&l(n.mode,n.mmkey);let a={strategy:"fixed",placement:n.placement,modifiers:[Vd,Wd,{name:"computeStyles",options:{gpuAcceleration:!1}},Fd,{name:"flip",options:{fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","top","right-start","right-end","right","left-start","left-end","left"]}},Ld,{name:"offset",options:{offset:[n.placementDistX,n.placementDistY]}},jd]};d.popperInstance=Id(r,i,a)},m=e=>{d.popperInstance&&(d.popperInstance.destroy(),d.popperInstance=null),setTimeout((()=>{ji(c)&&c(n.mode,n.mmkey)}),20)},v=e=>{n.$nextTick((()=>{let e=n.editable&&n[o];if(e&&!d.popperShow){let e=-15;n.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,p(),d.popperShow=!0,n.$emit("show"),a.emit("show"),setTimeout((()=>{n.contentStyle=`transition:all ${n.transitionTime}ms ease-out; opacity:1; pointer-events:none;`}),1),setTimeout((()=>{n.contentStyle=""}),n.transitionTime)}else!e&&d.popperShow&&(m(),d.popperShow=!1,n.$emit("hide"),a.emit("hide"))}))},g=(e,t)=>{n.editable&&(n[o]=e,v())},h=(e,t)=>{n.editable&&(n.isolated&&g(e),n.$nextTick((()=>{n.$emit(r,e),a.emit(r,e)})))},f=(e,t)=>{n.editable&&(n[o]||n.kind===e&&h(!0))},b=(e,t)=>{n.editable&&n[o]&&n.kind===e&&h(!1)};return a.mounted=()=>{d.windowMousemove=n=>{d.mouseClientX=n.clientX,d.mouseClientY=n.clientY},window.addEventListener("mousemove",d.windowMousemove,!1),d.windowMousedown=r=>{let i=e();oa(i)?d.cursorTriggerInner=hc(r.clientX,r.clientY,i):d.cursorTriggerInner=!1;let a=t();n[o]&&a?d.clickContentInner=hc(r.clientX,r.clientY,a):d.clickContentInner=!1},window.addEventListener("mousedown",d.windowMousedown,!1),d.windowMouseup=e=>{u()&&(!n[o]||d.cursorTriggerInner||d.clickContentInner?(d.cursorTriggerInner=!1,d.clickContentInner=!1):n.evHide("click","windowMouseup"))},window.addEventListener("mouseup",d.windowMouseup,!1),d.windowScroll=t=>{if("hover"!==n.kind)return;let r=e();oa(r)&&(d.cursorTriggerInner=!!r&&hc(d.mouseClientX,d.mouseClientY,r),d.cursorTriggerInner?n[o]||f("hover"):n[o]&&b("hover"))},window.addEventListener("scroll",d.windowScroll,!1)},a.destroy=()=>{window.removeEventListener("mousemove",d.windowMousemove,!1),window.removeEventListener("mousedown",d.windowMousedown,!1),window.removeEventListener("mouseup",d.windowMouseup,!1),window.removeEventListener("scroll",d.windowMouseup,!1),h(!1)},a.showPopper=p,a.hidePopper=m,a.updatePopper=(e,t)=>{d.popperInstance&&d.popperInstance.update(),n.$emit("resize",e),a.emit("resize",e)},a.displayPopper=v,a.updateValue=g,a.triggerEvent=h,a.evShow=f,a.evHide=b,a}let $d={tooltip:[],popup:[]};function Ed(n,e){$d[n].push(e)}function Gd(n,e){return uc($d[n])===e}function Xd(n,e){gc($d[n],e)}const Md={directives:{domresize:$i()},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})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:Zi(),valueTrans:!1,triggerWidth:null,contentStyle:"",bp:null}},mounted:function(){let n=this;n.bp=new Zd(n,n.funGetDivTrigger,n.funGetDivContent,"valueTrans","input",{addTriggerMode:Ed,checkTriggerEffMode:Gd,removeTriggerMode:Xd}),n.bp.mounted()},beforeDestroy:function(){this.bp.destroy()},computed:{changeValue:function(){let n=this,e=n.value;return n.isolated||n.updateValue(e,"changeValue"),""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let n=this;return ua(n.minWidth)?`min-width:${n.minWidth}px;`:n.autoFitMinWidth?`min-width:${n.triggerWidth}px;`:""},useMaxWidth:function(){let n=this;return ua(n.maxWidth)?`max-width:${n.maxWidth}px;`:n.autoFitMaxWidth?`max-width:${n.triggerWidth}px;`:""},useBorderRadius:function(){let n=this;return ua(n.borderRadius)?`border-radius:${n.borderRadius}px;`:""},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTextColor:function(){return Oi(this.textColor)},useBackgroundColor:function(){return Oi(this.backgroundColor)},usePadding:function(){return`padding:${ma(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let n=Ki(this.shadowStyle,";","");return""!==n?`box-shadow:${n};`:""},kind:function(){return"popup"===this.mode?"click":"hover"}},methods:{funGetDivTrigger:function(){return fn(this,"$refs.divTrigger",null)},funGetDivContent:function(){return fn(this,"$refs.divContent",null)},evShow:function(n,e){let t=this;ji(fn(t,"bp.evShow"))&&t.bp.evShow(n,e)},evHide:function(n,e){let t=this;ji(fn(t,"bp.evHide"))&&t.bp.evHide(n,e)},updatePopper:function(n,e){let t=this;ji(fn(t,"bp.updatePopper"))&&t.bp.updatePopper(n,e)},updateValue:function(n,e){let t=this;ji(fn(t,"bp.updateValue"))&&t.bp.updateValue(n,e)}}};var Nd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""+n.useDisplayType,attrs:{changeValue:n.changeValue}},[t("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return n.evShow("click","click")},mouseenter:function(e){return n.evShow("hover","mouseenter")},mouseleave:function(e){return n.evHide("hover","mouseleave")}}},[n._t("trigger")],2),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[n.valueTrans?t("div",{style:n.contentStyle+" "+n.usePadding+" "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+"; "+n.useMinWidth+" "+n.useMaxWidth+" "+n.useBorderRadius+" "+n.useShadow},[n._t("content",null,{funHide:function(){n.updateValue(!1,"slot")}})],2):n._e()])])};Nd._withStripped=!0;const Od=ya({render:Nd,staticRenderFns:[]},(function(n){n&&n("data-v-fc4ddcb8_0",{source:"\n.WPopperFix[data-popper-reference-hidden][data-v-fc4ddcb8] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AAwaA;IACA,kBAAA;IACA,oBAAA;AACA",file:"WTooltip.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`${useDisplayType}`\"\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <div\r\n            ref=\"divTrigger\"\r\n            style=\"outline:none;\"\r\n            tabindex=\"0\"\r\n            @click=\"evShow('click','click')\"\r\n            @mouseenter=\"evShow('hover','mouseenter')\"\r\n            @mouseleave=\"evHide('hover','mouseleave')\"\r\n        >\r\n\r\n            <slot name=\"trigger\"></slot>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 不能給予position因會被popupjs洗掉, 但可給z-index, 且popupjs會改用transform:translate定位 --\x3e\r\n        \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n        <div\r\n            ref=\"divContent\"\r\n            class=\"WPopperFix\"\r\n            :style=\"`z-index:${cmpZIndex};`\"\r\n            v-show=\"valueTrans\"\r\n            v-domresize\r\n            @domresize=\"updatePopper\"\r\n        >\r\n            <div\r\n                :style=\"`${contentStyle} ${usePadding} ${useTextFontSize} color:${useTextColor}; background:${useBackgroundColor}; ${useMinWidth} ${useMaxWidth} ${useBorderRadius} ${useShadow}`\"\r\n                v-if=\"valueTrans\"\r\n            >\r\n                <slot\r\n                    name=\"content\"\r\n                    :funHide=\"()=>{updateValue(false,'slot')}\"\r\n                ></slot>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\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 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 addTriggerMode(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction checkTriggerEffMode(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction removeTriggerMode(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='tooltip'] 輸入組件模式字串，可選'tooltip'與'popup'，預設'tooltip'\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [displayType='block'] 輸入display設定字串，可選'block'與'line'，預設'block'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗或彈窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [isolated=false] 輸入提示窗或彈窗當mode為'popup'時是否為獨立顯引狀態布林值，也就是可不接收外部傳入value值，預設false\r\n * @vue-prop {Number} [minWidth=null] 輸入提示窗或彈窗最小寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入提示窗或彈窗最大寬度數字，單位為px，預設null\r\n * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最小寬度布林值，預設false\r\n * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最大寬度布林值，預設false\r\n * @vue-prop {String} [placement='bottom'] 輸入提示窗或彈窗出現位置字串，可選'top-start'、'top'、'top-end'、'bottom-start'、'bottom'、'bottom-end'、'left-start'、'left'、'left-end'、'right-start'、'right'、'right-end'、，預設'bottom'\r\n * @vue-prop {Number} [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 {Boolean} [shadow=true] 輸入提示窗或彈窗是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入提示窗或彈窗陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [transitionTime=200] 輸入提示窗或彈窗淡入出現時間數字，單位為ms，預設200\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        mode: {\r\n            type: String,\r\n            default: 'tooltip', //tooltip, popup\r\n        },\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        displayType: {\r\n            type: String,\r\n            default: 'block', //line, block\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        isolated: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        minWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        maxWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        autoFitMinWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoFitMaxWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        placement: {\r\n            type: String,\r\n            default: 'bottom',\r\n        },\r\n        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        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        transitionTime: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成\r\n            // mmkey: (() => {\r\n            //     let id = genID()\r\n            //     console.log('data gen mmkey', id)\r\n            //     return id\r\n            // })(),\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null,\r\n            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                addTriggerMode,\r\n                checkTriggerEffMode,\r\n                removeTriggerMode,\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        kind: function() {\r\n            let vo = this\r\n            if (vo.mode === 'popup') {\r\n                return 'click'\r\n            }\r\n            return 'hover'\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        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})}),Md,"data-v-fc4ddcb8",false,undefined,!1,xa,void 0,void 0);var Kd={components:{WIcon:_a,WIconLoading:dc,WTooltip:Od},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 Oi(this.iconColor)},effIconColorHover:function(){return Oi(this.iconColorHover)},effIconColorFocus:function(){return Oi(this.iconColorFocus)},effIconColorActive:function(){return Oi(this.iconColorActive)},useIconColor:function(){let n,e=this;return e.loadingTrans?e.effIconColor:(n=e.activeTrans?e.effIconColorActive:e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.activeTrans?e.effIconColorActive:e.effIconColor),n)},useBorderRadius:function(){let n=this,e="0px";if(Wi(n.borderRadius)){e=`${_i(n.borderRadius)}px;`}else Ao(n.borderRadius)&&(e=n.borderRadius);let t="0px",o="0px",r="0px",i="0px";return!0===fn(n,"borderRadiusStyle.left")&&(t=e,r=e),!0===fn(n,"borderRadiusStyle.right")&&(o=e,i=e),!0===fn(n,"borderRadiusStyle.top")&&(t=e,o=e),!0===fn(n,"borderRadiusStyle.bottom")&&(r=e,i=e),!0!==fn(n,"borderRadiusStyle.topLeft")&&!0!==fn(n,"borderRadiusStyle.top-left")||(t=e),!0!==fn(n,"borderRadiusStyle.topRight")&&!0!==fn(n,"borderRadiusStyle.top-right")||(o=e),!0!==fn(n,"borderRadiusStyle.bottomLeft")&&!0!==fn(n,"borderRadiusStyle.bottom-left")||(r=e),!0!==fn(n,"borderRadiusStyle.bottomRight")&&!0!==fn(n,"borderRadiusStyle.bottom-right")||(i=e),`border-top-left-radius:${t}; border-top-right-radius:${o}; border-bottom-left-radius:${r}; border-bottom-right-radius:${i};`},effBorderColor:function(){return Oi(this.borderColor)},effBorderColorHover:function(){return Oi(this.borderColorHover)},effBorderColorFocus:function(){return Oi(this.borderColorFocus)},effBorderColorActive:function(){return Oi(this.borderColorActive)},useBorderColor:function(){let n,e=this;return e.loadingTrans?e.effBorderColor:(n=e.activeTrans?e.effBorderColorActive:e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.activeTrans?e.effBorderColorActive:e.effBorderColor),n)},effBackgroundColor:function(){return Oi(this.backgroundColor)},effBackgroundColorHover:function(){return Oi(this.backgroundColorHover)},effBackgroundColorFocus:function(){return Oi(this.backgroundColorFocus)},effBackgroundColorActive:function(){return Oi(this.backgroundColorActive)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans?e.effBackgroundColor:(n=e.activeTrans?e.effBackgroundColorActive:e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),n)},effRippleColor:function(){return Oi(this.rippleColor)},effLoadingColor:function(){return Oi(this.loadingColor)},effDisabledColor:function(){return Oi(this.disabledColor)},usePadding:function(){let n=this;return`padding:${ma(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useShadow:function(){let n=this;return n.shadow&&Ao(n.shadowStyle)?"box-shadow:"+function(n,e,t){let o=lt(n=Ki(n,"}","{"),"{");return o=Io(o,(n=>{if(n.indexOf(e)>=0){let e=Rl(n,"=")[1];return e=Wi(e)?_i(e):.2,function(n,e){let t=Oi(n),o=lc.toRgba(t);return o.a=e,lc.toRgbaString(o)}(t,e)}return n})),Fl(o,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},hasTooltop:function(){return Ao(this.tooltip)}},methods:{ripple:function(n){let e=this;e.editable&&(e.loadingTrans||e.$nextTick((()=>{ia(n.currentTarget,n,{color:e.effRippleColor,timeDuration:500})})))},clickBtn:function(n){let e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let n=Dl();e.$nextTick((()=>{e.$emit("click",{pm:n})})),n.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}else e.$nextTick((()=>{e.$emit("click")}))}}};const Yd=Kd;var Jd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeActive:n.changeActive,changeLoading:n.changeLoading}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"position:relative; transition:all 0.3s; "+n.usePadding+" "+n.useBorderRadius+" border:"+n.borderWidth+"px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" "+n.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},focus:function(e){n.focusTrans=!0},blur:function(e){n.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){n.ripple(e),n.clickBtn(e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n.loadingTrans?n._e():t("WIcon",{attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}),n._v(" "),n.loadingTrans?t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}}):n._e()],1),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n            "+n._s(n.tooltip)+"\n        ")]},proxy:!0}])})],1)};Jd._withStripped=!0;const Ud=ya({render:Jd,staticRenderFns:[]},(function(n){n&&n("data-v-0821dd36_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Yd,"data-v-0821dd36",false,undefined,!1,xa,void 0,void 0);const Qd={components:{WButtonCircle:Ud},props:{kbname:{type:String},casename:{type:String}},data:function(){return{mdiLaunch:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",mdiUnfoldMoreVertical:"M18.17,12L15,8.83L16.41,7.41L21,12L16.41,16.58L15,15.17L18.17,12M5.83,12L9,15.17L7.59,16.59L3,12L7.59,7.42L9,8.83L5.83,12Z"}},mounted:function(){},computed:{fn:function(){let n=`${this.casename}`;return`${this.kbname}_${Ll(n)}`}},methods:{ckExample:function(){let n="https://yuda-lyu.github.io/w-component-vue/examples/"+this.fn+".html";window.open(n,"_blank")},ckCode:function(){let n="https://github.com/yuda-lyu/w-component-vue/blob/master/docs/examples/"+this.fn+".html";window.open(n,"_blank")}}};var qd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"item"},[t("div",{staticStyle:{display:"inline-block"}},[n._v("\n        "+n._s(n.casename)+"\n    ")]),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiLaunch,iconSize:16,paddingStyle:{v:3,h:3},iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"example"},on:{click:n.ckExample}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiUnfoldMoreVertical,iconSize:16,paddingStyle:{v:3,h:3},iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"code"},on:{click:n.ckCode}})],1)};qd._withStripped=!0;const nu=ya({render:qd,staticRenderFns:[]},(function(n){n&&n("data-v-44768188_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/* 組件所須全域樣式 */\n.item[data-v-44768188] {\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}\n.cpitem[data-v-44768188] {\r\n    transition: all 0.3s;\r\n    padding: 5px 15px;\r\n    cursor: pointer;\n}\n.cpitem-white[data-v-44768188] {\r\n    background: #fff;\n}\n.cpitem-white[data-v-44768188]:hover {\r\n    background: #eee;\n}\n.cpitem-black[data-v-44768188] {\r\n    background: #333;\n}\n.cpitem-black[data-v-44768188]:hover {\r\n    background: #555;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\demolink.vue"],names:[],mappings:";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,aAAA;AACA;IACA,8BAAA;IACA,uBAAA;IACA,yBAAA;IACA,iBAAA;IACA,aAAA;IACA,2BAAA;IACA,mBAAA;AACA;AACA;IACA,oBAAA;IACA,iBAAA;IACA,eAAA;AACA;AACA;IACA,gBAAA;AACA;AACA;IACA,gBAAA;AACA;AACA;IACA,gBAAA;AACA;AACA;IACA,gBAAA;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            :icon="mdiLaunch"\r\n            :iconSize="16"\r\n            :paddingStyle="{v:3,h:3}"\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            :icon="mdiUnfoldMoreVertical"\r\n            :iconSize="16"\r\n            :paddingStyle="{v:3,h:3}"\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 \'./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-component-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-component-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/* 組件所須全域樣式 */\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.cpitem {\r\n    transition: all 0.3s;\r\n    padding: 5px 15px;\r\n    cursor: pointer;\r\n}\r\n.cpitem-white {\r\n    background: #fff;\r\n}\r\n.cpitem-white:hover {\r\n    background: #eee;\r\n}\r\n.cpitem-black {\r\n    background: #333;\r\n}\r\n.cpitem-black:hover {\r\n    background: #555;\r\n}\r\n</style>\r\n']},media:void 0})}),Qd,"data-v-44768188",false,undefined,!1,xa,void 0,void 0);var eu={directives:{domresize:$i()},props:{text:{type:[String,Number],default:""},badgeAlign:{type:String,default:"center"},textFontSize:{type:String,default:"0.7rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"red"},borderRadius:{type:Number,default:10},borderColor:{type:String,default:"transparent"},borderWidth:{type:Number,default:1}},data:function(){return{paddingTop:0,paddingRight:0,translateX:50,multiplyW:.5,shiftX:0}},computed:{changeBadgeAlign:function(){let n=this;return"left"===n.badgeAlign?(n.translateX=100,n.multiplyW=1,n.shiftX=10):"right"===n.badgeAlign?(n.translateX=0,n.multiplyW=0,n.shiftX=-10):(n.translateX=50,n.multiplyW=.5,n.shiftX=0),""},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTextColor:function(){return Oi(this.textColor)},useBackgroundColor:function(){return Oi(this.backgroundColor)},useBorderColor:function(){return Oi(this.borderColor)}},methods:{resize:function(n){let e=this,t=fn(e,"$refs.badge");if(!t)return;let o=fn(t,"offsetWidth",null),r=fn(t,"offsetHeight",null);o&&r&&(e.paddingTop=.5*r,e.paddingRight=o*e.multiplyW-e.shiftX,e.$emit("resize",n))}}};const tu=eu;var ou=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],staticStyle:{display:"inline-block"},attrs:{changeBadgeAlign:n.changeBadgeAlign},on:{domresize:n.resize}},[t("div",{style:"padding:"+n.paddingTop+"px "+n.paddingRight+"px 0px 0px;"},[t("div",{style:"position:relative;"},[n._t("default"),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+n.shiftX+"px; transform:translateX("+n.translateX+"%) translateY(-50%);"},[t("span",{ref:"badge",style:"padding:0px 6px; border-radius:"+n.borderRadius+"px; border-width:"+n.borderWidth+"px; border-style:solid; border-color:"+n.useBorderColor+"; white-space:nowrap; "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+";"},[n._v("\n                    "+n._s(n.text)+"\n                ")])])],2)])])};ou._withStripped=!0;const ru=ya({render:ou,staticRenderFns:[]},(function(n){n&&n("data-v-ca0bdaea_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WBadge.vue"},media:void 0})}),tu,"data-v-ca0bdaea",false,undefined,!1,xa,void 0,void 0);const iu={components:{demolink:nu,WBadge:ru},props:{},data:function(){return{WBadge:{number:"5",text:"A",textLong:"A123",labelText:"測試中文Label"},actions:[{mode:"eleclick",selector:'span[class="v-chip__content"]'}]}},methods:{}};var au=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"default"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.number}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"badgeAlign"}}),n._v(" "),t("w-badge",{staticStyle:{"margin-right":"20px"},attrs:{text:n.WBadge.textLong,badgeAlign:"center"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1),n._v(" "),t("w-badge",{staticStyle:{"margin-right":"20px"},attrs:{text:n.WBadge.textLong,badgeAlign:"left"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1),n._v(" "),t("w-badge",{staticStyle:{"margin-right":"20px"},attrs:{text:n.WBadge.textLong,badgeAlign:"right"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"textFontSize"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,textFontSize:"0.9rem"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"backgroundColor"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,backgroundColor:"purple"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"textColor & backgroundColor"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,textColor:"orange accent-4",backgroundColor:"orange lighten-5"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"borderRadius"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,borderRadius:3}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"borderColor & textColor & backgroundColor"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,textColor:"orange accent-4",backgroundColor:"orange lighten-5",borderColor:"deep-orange darken-1"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1)])])};au._withStripped=!0;const lu=ya({render:au,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-badge")])])}]},(function(n){n&&n("data-v-263b7f18_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWBadge.vue"},media:void 0})}),iu,"data-v-263b7f18",false,undefined,!1,xa,void 0,void 0);const su={props:{hasHeader:{type:Boolean,default:!0},hasFooter:{type:Boolean,default:!0},padding:{type:Number,default:20},borderRadius:{type:Number,default:5},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},shadow:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{usePanelStyle:function(){let n={};return n["background-color"]=Oi(this.contentBackgroundColor),n["border-radius"]=`${this.borderRadius}px`,n},useHeaderStyle:function(){let n=this,e={};return e.padding=`${n.padding}px`,e["border-bottom"]="1px solid #ddd",e["background-color"]=Oi(n.headerBackgroundColor),e["border-radius"]=`${n.borderRadius}px ${n.borderRadius}px 0 0`,e.display="flex",e["justify-content"]="flex-start",e["align-items"]="center",e},useContentStyle:function(){let n=this,e={},t="0 0",o="0 0";return n.hasHeader||(t=`${n.borderRadius}px ${n.borderRadius}px`),n.hasFooter||(o=`${n.borderRadius}px ${n.borderRadius}px`),e["border-radius"]=`${t} ${o}`,e},useFooterStyle:function(){let n=this,e={};return e.padding=`${n.padding}px`,e["border-top"]="1px solid #ddd",e["background-color"]=Oi(n.footerBackgroundColor),e["border-radius"]=`0 0 ${n.borderRadius}px ${n.borderRadius}px`,e}},methods:{}};var cu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{class:{shadow:n.shadow},style:[n.usePanelStyle]},[n.hasHeader?t("div",{style:[n.useHeaderStyle]},[n._t("icon"),n._v(" "),t("div",[n._t("title"),n._v(" "),n._t("description")],2)],2):n._e(),n._v(" "),t("div",{style:[n.useContentStyle]},[n._t("content")],2),n._v(" "),n.hasFooter?t("div",{style:[n.useFooterStyle]},[n._t("footer")],2):n._e()])};cu._withStripped=!0;const du={components:{demolink:nu,WPanelStripe:ya({render:cu,staticRenderFns:[]},(function(n){n&&n("data-v-59d58b7f_0",{source:"\n.shadow[data-v-59d58b7f] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelStripe.vue"],names:[],mappings:";AAoJA;IACA,mGAAA;AACA",file:"WPanelStripe.vue",sourcesContent:["<template>\r\n    <div :class=\"{'shadow':shadow}\" :style=\"[usePanelStyle]\">\r\n\r\n        <div :style=\"[useHeaderStyle]\" v-if=\"hasHeader\">\r\n            <slot name=\"icon\"></slot>\r\n            <div>\r\n                <slot name=\"title\"></slot>\r\n                <slot name=\"description\"></slot>\r\n            </div>\r\n        </div>\r\n\r\n        <div :style=\"[useContentStyle]\">\r\n            <slot name=\"content\"></slot>\r\n        </div>\r\n\r\n        <div :style=\"[useFooterStyle]\" v-if=\"hasFooter\">\r\n            <slot name=\"footer\"></slot>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [hasHeader=true] 輸入是否有上部標題區，預設true\r\n * @vue-prop {Boolean} [hasFooter=true] 輸入是否有下部基底區，預設true\r\n * @vue-prop {Number} [padding=20] 輸入內間距，單位為px，預設20\r\n * @vue-prop {Number} [borderRadius=5] 輸入圓角寬度數字，單位為px，預設5\r\n * @vue-prop {String} [headerBackgroundColor='grey lighten-5'] 輸入上方區塊背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {String} [footerBackgroundColor='grey lighten-5'] 輸入下方區塊背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否為陰影模式，預設true\r\n */\r\nexport default {\r\n    props: {\r\n        hasHeader: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hasFooter: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        padding: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        footerBackgroundColor: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        usePanelStyle: function() {\r\n            //console.log('computed usePanelStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['background-color'] = convertColor(vo.contentBackgroundColor)\r\n            s['border-radius'] = `${vo.borderRadius}px`\r\n\r\n            return s\r\n        },\r\n\r\n        useHeaderStyle: function() {\r\n            //console.log('computed useHeaderStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['padding'] = `${vo.padding}px`\r\n            s['border-bottom'] = '1px solid #ddd'\r\n            s['background-color'] = convertColor(vo.headerBackgroundColor)\r\n            s['border-radius'] = `${vo.borderRadius}px ${vo.borderRadius}px 0 0`\r\n            s['display'] = 'flex'\r\n            s['justify-content'] = 'flex-start'\r\n            s['align-items'] = 'center'\r\n\r\n            return s\r\n        },\r\n\r\n        useContentStyle: function() {\r\n            //console.log('computed useContentStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            let ch = '0 0'\r\n            let cf = '0 0'\r\n            if (!vo.hasHeader) {\r\n                ch = `${vo.borderRadius}px ${vo.borderRadius}px`\r\n            }\r\n            if (!vo.hasFooter) {\r\n                cf = `${vo.borderRadius}px ${vo.borderRadius}px`\r\n            }\r\n            s['border-radius'] = `${ch} ${cf}`\r\n\r\n            return s\r\n        },\r\n\r\n        useFooterStyle: function() {\r\n            //console.log('computed useFooterStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['padding'] = `${vo.padding}px`\r\n            s['border-top'] = '1px solid #ddd'\r\n            s['background-color'] = convertColor(vo.footerBackgroundColor)\r\n            s['border-radius'] = `0 0 ${vo.borderRadius}px ${vo.borderRadius}px`\r\n\r\n            return s\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n</style>\r\n"]},media:void 0})}),su,"data-v-59d58b7f",false,undefined,!1,xa,void 0,void 0),WIcon:_a},props:{},data:function(){return{WPanelStripe:{title:"A panel title",description:"Quisque ut nisi. Maecenas malesuada.",content:"Here is a panel content, Morbi mattis ullamcorper velit. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. In ut quam vitae odio lacinia tincidunt.",footer:"Here is a panel footer"},actions:[]}}};var uu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"slot icon, slot title, slot description, slot content and slot footer"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"slot icon (fontawesome)"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fas fa-allergies",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"headerBackgroundColor & footerBackgroundColor"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{headerBackgroundColor:"orange lighten-4",footerBackgroundColor:"orange lighten-5"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"borderRadius"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{borderRadius:30},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"with grey outer"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#b2b2b2"}},[t("w-panel-stripe",{staticStyle:{width:"520px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                            "+n._s(n.WPanelStripe.content)+"\n                        ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                        "+n._s(n.WPanelStripe.footer)+"\n                    ")]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"no shadow, with crimson outer"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#a77"}},[t("w-panel-stripe",{staticStyle:{width:"520px"},attrs:{shadow:!1},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                            "+n._s(n.WPanelStripe.content)+"\n                        ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                        "+n._s(n.WPanelStripe.footer)+"\n                    ")]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"only slot icon and slot title in header"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"10px"},attrs:{icon:"fas fa-allergies",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v("Panel Title")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"only slot title in header"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v("Panel Title")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"padding"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{padding:12},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"10px"},attrs:{icon:"fab fa-angular",size:52}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"1.3rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.6","font-size":"0.8rem"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"12px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"buttons in slot footer"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[t("div",{staticStyle:{display:"flex","justify-content":"flex-end"}},[t("button",{staticStyle:{"margin-left":"15px",padding:"5px 10px",background:"#ddd","border-radius":"10px","box-shadow":"0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"}},[n._v("離開")]),n._v(" "),t("button",{staticStyle:{"margin-left":"15px",padding:"5px 10px",background:"#ddd","border-radius":"10px","box-shadow":"0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"}},[n._v("儲存")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"no header"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{hasHeader:!1},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"no footer"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{hasFooter:!1},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"separate for slot content"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("span",[n._v("A panel subtitle")])]),n._v(" "),t("div",{staticStyle:{"border-top":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"20px","font-size":"0.85rem"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[t("div",[n._v(n._s(n.WPanelStripe.footer))])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"table in slot content"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px"}},[t("span",[n._v("A data table")])]),n._v(" "),t("table",{staticStyle:{width:"100%","font-size":"0.7rem","border-collapse":"collapse"}},[t("thead",[t("tr",[t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Dessert")]),n._v(" "),t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Calories")]),n._v(" "),t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Fat")]),n._v(" "),t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Carbs")])])]),n._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("Frozen Yogurt")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("159")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("6")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("24")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("Ice cream sandwich")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("237")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("9")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("37")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("Eclair")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("262")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("16")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("23")])])])])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1)])])};uu._withStripped=!0;const pu=ya({render:uu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-stripe")])])}]},(function(n){n&&n("data-v-1c5e5b4e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelStripe.vue"},media:void 0})}),du,"data-v-1c5e5b4e",false,undefined,!1,xa,void 0,void 0);const mu={directives:{domresize:$i()},props:{headerBorderRadius:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:0,h:20})},headerText:{type:String,default:""},headerTextColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"rgba(77, 182, 172, 0.8)"},headerShadow:{type:Boolean,default:!0},contentBorderRadius:{type:Number,default:0},contentPadding:{type:[Number,String],default:0},contentBackgroundColor:{type:String,default:"white"},contentShadow:{type:Boolean,default:!0}},data:function(){return{headerHeight:0}},computed:{usePadding:function(){let n=this;return`padding:${ma(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useHeaderTextColor:function(){return Oi(this.headerTextColor)},useHeaderBackgroundColor:function(){return Oi(this.headerBackgroundColor)},useContentBackgroundColor:function(){return Oi(this.contentBackgroundColor)},useContentPadding:function(){let n=this;return Wi(n.contentPadding)?`${n.contentPadding}px`:n.contentPadding}},methods:{updateHeaderHeight:function(n){this.headerHeight=n.snew.offsetHeight,this.$emit("resize",n)}}};var vu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("div",{style:"transition:all 0.3s; "+n.usePadding+" z-index:2;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],class:{"shadow-header":n.headerShadow},style:"transition:all 0.3s; display:inline-block; background:"+n.useHeaderBackgroundColor+"; border-radius:"+n.headerBorderRadius+"px;",on:{domresize:n.updateHeaderHeight}},[n._t("header",(function(){return[t("div",{style:"transition:all 0.3s; padding:5px 10px; color:"+n.useHeaderTextColor+";"},[n._v("\n                    "+n._s(n.headerText)+"\n                ")])]}))],2)]),n._v(" "),t("div",{style:"transition:all 0.3s; margin-top:-"+n.headerHeight/2+"px; z-index:1;"},[t("div",{class:{shadow:n.contentShadow},style:"transition:all 0.3s; background:"+n.useContentBackgroundColor+"; border-radius:"+n.contentBorderRadius+"px;"},[t("div",{style:"transition:all 0.3s; padding:"+n.useContentPadding+";"},[t("div",{style:"transition:all 0.3s; height:"+n.headerHeight/2+"px;"}),n._v(" "),n._t("default")],2)])])])};vu._withStripped=!0;const gu=ya({render:vu,staticRenderFns:[]},(function(n){n&&n("data-v-0157912e_0",{source:"\n.shadow[data-v-0157912e] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\n.shadow-header[data-v-0157912e] {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelBulge.vue"],names:[],mappings:";AAiMA;IACA,mGAAA;AACA;AACA;IACA,4HAAA;AACA",file:"WPanelBulge.vue",sourcesContent:["<template>\r\n    <div>\r\n\r\n        <div\r\n            :style=\"`transition:all 0.3s; ${usePadding} z-index:2;`\"\r\n        >\r\n            <div\r\n                :class=\"{'shadow-header':headerShadow}\"\r\n                :style=\"`transition:all 0.3s; display:inline-block; background:${useHeaderBackgroundColor}; border-radius:${headerBorderRadius}px;`\"\r\n                v-domresize\r\n                @domresize=\"updateHeaderHeight\"\r\n            >\r\n\r\n                <slot name=\"header\">\r\n                    <div :style=\"`transition:all 0.3s; padding:5px 10px; color:${useHeaderTextColor};`\">\r\n                        {{headerText}}\r\n                    </div>\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div :style=\"`transition:all 0.3s; margin-top:-${headerHeight/2}px; z-index:1;`\">\r\n\r\n            <div\r\n                :class=\"{'shadow':contentShadow}\"\r\n                :style=\"`transition:all 0.3s; background:${useContentBackgroundColor}; border-radius:${contentBorderRadius}px;`\"\r\n            >\r\n\r\n                <div :style=\"`transition:all 0.3s; padding:${useContentPadding};`\">\r\n\r\n                    <div :style=\"`transition:all 0.3s; height:${headerHeight/2}px;`\"></div>\r\n\r\n                    <slot></slot>\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 isnum from 'wsemi/src/isnum.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [headerBorderRadius=0] 輸入標題區圓角寬度，單位為px，預設0\r\n * @vue-prop {Object} [paddingStyle={v:0,h:20}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:20}\r\n * @vue-prop {String} [headerText=''] 輸入標題文字字串，預設''\r\n * @vue-prop {String} [headerTextColor='white'] 輸入標題文字顏色字串，預設'white'\r\n * @vue-prop {String} [headerBackgroundColor='teal lighten-2'] 輸入標題背景顏色字串，預設'teal lighten-2'\r\n * @vue-prop {Boolean} [headerShadow=true] 輸入標題區是否使用陰影模式，預設true\r\n * @vue-prop {Number} [contentBorderRadius=0] 輸入內容區圓角寬度，單位為px，預設0\r\n * @vue-prop {Number|String} [contentPadding=20] 輸入內容區邊寬長度數字或字串，若輸入數字則單位為px，預設20，若輸入字串則需自己添加單位\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {Boolean} [contentShadow=true] 輸入內容區是否使用陰影模式，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        headerBorderRadius: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 0,\r\n                    h: 20,\r\n                }\r\n            },\r\n        },\r\n        headerText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        headerTextColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(77, 182, 172, 0.8)', //teal lighten-2\r\n        },\r\n        headerShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        contentBorderRadius: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        contentPadding: {\r\n            type: [Number, String],\r\n            default: 0,\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        contentShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            headerHeight: 0,\r\n        }\r\n    },\r\n    computed: {\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, { ext: { left: vo.shiftLeft, right: vo.shiftRight } })\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        useHeaderTextColor: function() {\r\n            //console.log('computed useHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerTextColor)\r\n        },\r\n\r\n        useHeaderBackgroundColor: function() {\r\n            //console.log('computed useHeaderBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerBackgroundColor)\r\n        },\r\n\r\n        useContentBackgroundColor: function() {\r\n            //console.log('computed useContentBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.contentBackgroundColor)\r\n        },\r\n\r\n        useContentPadding: function() {\r\n            //console.log('computed useContentPadding')\r\n\r\n            let vo = this\r\n\r\n            if (isnum(vo.contentPadding)) {\r\n                return `${vo.contentPadding}px`\r\n            }\r\n            else {\r\n                return vo.contentPadding\r\n            }\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        updateHeaderHeight: function(msg) {\r\n            //console.log('methods updateHeaderHeight', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.headerHeight = msg.snew.offsetHeight\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n.shadow-header {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\r\n}\r\n</style>\r\n"]},media:void 0})}),mu,"data-v-0157912e",false,undefined,!1,xa,void 0,void 0);function hu(n,e){function t(n){return va(n)?n:[n]}if(ha(n))return!1;if(0===(n=t(n)).length)return!1;if(ha(n))return!1;if(0===(e=t(e)).length)return!1;for(let t=0;t<n.length;t++)for(let o=0;o<e.length;o++)if(Uo(n[t],e[o]))return!0;return!1}function fu(){return null!==navigator.userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)}function bu(n){if(!n)return"invalid event";if(!n.cancelable)return"event is not cancelable";try{fu()?n.cancelBubble=!0:n.stopPropagation(),n.preventDefault()}catch(n){}}var yu={directives:{domripple:aa()},components:{WIcon:_a,WIconLoading:dc,WTooltip:Od},props:{text:{type:String,default:""},tooltip:{type:String,default:""},icon:{type:String,default:""},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},prog:{type:Number,default:null},progColor:{type:String,default:"rgba(150,150,150,0.4)"},progBackgroundColor:{type:String,default:"rgba(150,150,150,0.075)"},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderUsed:{type:Object,default:()=>({top:!0,bottom:!0,left:!0,right:!0})},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorActive:{type:String,default:"orange"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},active:{type:Boolean,default:!1},close:{type:Boolean,default:!1},cursorPointer:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{mdiCloseCircle:el,activeTrans:!1,hoverTrans:!1,loadingTrans:!1,progTrans:null}},mounted:function(){},computed:{changeActive:function(){return this.activeTrans=this.active,""},changeProg:function(){return this.progTrans=this.prog,""},changeLoading:function(){return this.loadingTrans=this.loading,""},usePadding:function(){let n=this;return`padding:${ma(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effIconColor:function(){return Oi(this.iconColor)},effIconColorHover:function(){return Oi(this.iconColorHover)},effIconColorActive:function(){return Oi(this.iconColorActive)},hasIcon:function(){return""!==this.icon},hasText:function(){return""!==this.text},useIconColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effIconColor:(n=e.activeTrans?e.effIconColorActive:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.activeTrans?e.effIconColorActive:e.effIconColor),n)},effDisabledColor:function(){return Oi(this.disabledColor)},effProgColor:function(){return Oi(this.progColor)},effProgBackgroundColor:function(){return Oi(this.progBackgroundColor)},effTextColor:function(){return Oi(this.textColor)},effTextColorHover:function(){return Oi(this.textColorHover)},effTextColorActive:function(){return Oi(this.textColorActive)},useTextColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effTextColor:(n=e.activeTrans?e.effTextColorActive:e.hoverTrans?e.effTextColorHover:e.effTextColor,e.editable||(n=e.activeTrans?e.effTextColorActive:e.effTextColor),n)},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},effBorderColor:function(){return Oi(this.borderColor)},effBorderColorHover:function(){return Oi(this.borderColorHover)},effBorderColorActive:function(){return Oi(this.borderColorActive)},useBorderColor:function(){let n,e=this;return(e.loadingTrans||e.isProging)&&(n=e.effBorderColor),n=e.activeTrans?e.effBorderColorActive:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.activeTrans?e.effBorderColorActive:e.effBorderColor),Fl(Io(e.useBorderUsed,((e,t)=>`border-${t}-color:${e?n:"transparent"};`))," ")},useBorderUsed:function(){let n=this,e=!0,t=!0,o=!0,r=!0;return ca(fn(n,"borderUsed.left"))&&(e=fn(n,"borderUsed.left")),ca(fn(n,"borderUsed.right"))&&(t=fn(n,"borderUsed.right")),ca(fn(n,"borderUsed.top"))&&(o=fn(n,"borderUsed.top")),ca(fn(n,"borderUsed.bottom"))&&(r=fn(n,"borderUsed.bottom")),{left:e,right:t,top:o,bottom:r}},useBorderWidth:function(){return`border-width:${ma(this.borderWidth)};`},useBorderRadius:function(){let n=this,e=0,t=0,o=0,r=0;return!0===fn(n,"borderRadiusStyle.left")&&(e=n.borderRadius,o=n.borderRadius),!0===fn(n,"borderRadiusStyle.right")&&(t=n.borderRadius,r=n.borderRadius),!0===fn(n,"borderRadiusStyle.top")&&(e=n.borderRadius,t=n.borderRadius),!0===fn(n,"borderRadiusStyle.bottom")&&(o=n.borderRadius,r=n.borderRadius),!0!==fn(n,"borderRadiusStyle.topLeft")&&!0!==fn(n,"borderRadiusStyle.top-left")||(e=n.borderRadius),!0!==fn(n,"borderRadiusStyle.topRight")&&!0!==fn(n,"borderRadiusStyle.top-right")||(t=n.borderRadius),!0!==fn(n,"borderRadiusStyle.bottomLeft")&&!0!==fn(n,"borderRadiusStyle.bottom-left")||(o=n.borderRadius),!0!==fn(n,"borderRadiusStyle.bottomRight")&&!0!==fn(n,"borderRadiusStyle.bottom-right")||(r=n.borderRadius),`border-top-left-radius:${e}px; border-top-right-radius:${t}px; border-bottom-left-radius:${o}px; border-bottom-right-radius:${r}px;`},effBackgroundColor:function(){return Oi(this.backgroundColor)},effBackgroundColorHover:function(){return Oi(this.backgroundColorHover)},effBackgroundColorActive:function(){return Oi(this.backgroundColorActive)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effBackgroundColor:(n=e.activeTrans?e.effBackgroundColorActive:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),n)},useShadow:function(){let n=this;function e(n,e,t){let o=lt(n=Ki(n,"}","{"),"{");return o=Io(o,(n=>{if(n.indexOf(e)>=0){let e=Rl(n,"=")[1];return e=Wi(e)?_i(e):.2,function(n,e){let t=Oi(n),o=lc.toRgba(t);return o.a=e,lc.toRgbaString(o)}(t,e)}return n})),Fl(o,"")}return n.activeTrans&&n.shadowActive?Ao(n.shadowActiveStyle)?"box-shadow:"+e(n.shadowActiveStyle,"backgroundColorActiveAlpha",n.backgroundColorActive):"":n.shadow&&Ao(n.shadowStyle)?"box-shadow:"+e(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},isProging:function(){return Wi(this.useProg)},useProg:function(){let n=this.progTrans;return Wi(n)?(n=_i(n),n<0||n>100?null:n):null},effLoadingColor:function(){return Oi(this.loadingColor)},useRipple:function(){let n=this;if(n.editable&&!n.loadingTrans&&!n.isProging)return{color:n.rippleColor,timeDuration:700}},hasTooltop:function(){return Ao(this.tooltip)}},methods:{clickBtn:function(n){let e=this;if(!e.editable)return;if(e.isProging)return;if(e.loadingTrans)return;let t={setProg:n=>{null===n||Wi(n)?(Wi(n)&&(n=_i(n)),e.progTrans=n,e.$nextTick((()=>{e.$emit("update:prog",e.progTrans)})),n>=100&&e.$nextTick((()=>{e.progTrans=null,e.$emit("update:prog",e.progTrans)}))):console.log("prog is not number")},setLoading:n=>{ca(n)?(e.loadingTrans=n,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))):console.log("loading is not boolean")}};if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let n=Dl();t.pm=n,n.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}e.$nextTick((()=>{e.$emit("click",t)}))},clickClose:function(n){let e=this;bu(n),e.editable&&e.$nextTick((()=>{e.$emit("click-close")}))}}};const ku=yu;var xu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeActive:n.changeActive,changeProg:n.changeProg,changeLoading:n.changeLoading}},[t("div",{staticStyle:{position:"relative"}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:n.useRipple,expression:"useRipple"}],style:"transition:all 0.3s; "+n.useBorderRadius+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" "+n.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){return n.clickBtn(e)}}},[t("div",{style:"transition:all 0.3s; "+n.usePadding+" "+n.useBorderRadius+" "+n.useBorderWidth+" "+n.useBorderColor+" border-style:solid; outline:none; user-select:none;",attrs:{tabindex:"1"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",[n._t("default",(function(){return[t("div",{staticStyle:{display:"flex","align-items":"center","white-space":"nowrap"}},[n.hasIcon?t("WIcon",{style:"margin-left:-6px; margin-right:"+(n.hasText?5:-6)+"px;",attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),n.hasText?t("div",{style:"transition:all 0.3s; text-transform:none; color:"+n.useTextColor+"; "+n.useTextFontSize+" "+(n.hasIcon?"min-height:"+n.iconSize+"px":"")+"; display:flex; align-items:center;"},[n._v("\n                                            "+n._s(n.text)+"\n                                        ")]):n._e()],1)]}))],2),n._v(" "),n.close?t("div",{style:"margin:0px -9px 0px 5px; display:inline-block; outline:none; user-select:none;",attrs:{tabindex:"2"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickClose(e)},click:function(e){return n.clickClose(e)}}},[t("WIcon",{attrs:{icon:n.mdiCloseCircle,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}})],1):n._e()])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                "+n._s(n.tooltip)+"\n            ")]},proxy:!0}],null,!0)}),n._v(" "),n.isProging?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effProgBackgroundColor+"; height:100%;"},[t("div",{style:"background:"+n.effProgColor+"; width:"+n.useProg+"%; height:100%;"})])])]):n._e(),n._v(" "),!n.editable||n.loadingTrans?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])]):n._e(),n._v(" "),!n.isProging&&n.loadingTrans?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center",height:"100%"}},[t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}})],1)]):n._e()],1)])};xu._withStripped=!0;const Cu=ya({render:xu,staticRenderFns:[]},(function(n){n&&n("data-v-0a109c58_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonChip.vue"},media:void 0})}),ku,"data-v-0a109c58",false,undefined,!1,xa,void 0,void 0);var Su={components:{WButtonChip:Cu},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},group:{type:Boolean,default:!1},groupBorderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},groupShift:{type:Number,default:5},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"black"},editable:{type:Boolean,default:!0}},data:function(){return{get:fn,itemsTrans:[],borderUsed:{top:!0,bottom:!0,left:!0,right:!0}}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=ci(n.items),t=Io(e,(e=>{let t=function(e){let t;return t=n.multiCheck?hu(n.value,e):Uo(e,n.value),t}(e);return{active:t,hover:!1,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive}})),o=Io(e,((o,r)=>{let i={data:o},a=t[r];i.ia=a,i.active=a.active,i.hover=!1;let l=null;r>0&&(l=t[r-1]);let s=null;r<e.length-1&&(s=t[r+1]);let c={};n.group&&(0===r&&(!0===fn(n,"groupBorderRadiusStyle.left")&&(c.left=!0),!0!==fn(n,"groupBorderRadiusStyle.topLeft")&&!0!==fn(n,"groupBorderRadiusStyle.top-left")||(c.topLeft=!0),!0!==fn(n,"groupBorderRadiusStyle.bottomLeft")&&!0!==fn(n,"groupBorderRadiusStyle.bottom-left")||(c.bottomLeft=!0),!0===fn(n,"groupBorderRadiusStyle.top")&&(c.topLeft=!0),!0===fn(n,"groupBorderRadiusStyle.bottom")&&(c.bottomLeft=!0)),r===e.length-1&&(!0===fn(n,"groupBorderRadiusStyle.right")&&(c.right=!0),!0!==fn(n,"groupBorderRadiusStyle.topRight")&&!0!==fn(n,"groupBorderRadiusStyle.top-right")||(c.topRight=!0),!0!==fn(n,"groupBorderRadiusStyle.bottomRight")&&!0!==fn(n,"groupBorderRadiusStyle.bottom-right")||(c.bottomRight=!0),!0===fn(n,"groupBorderRadiusStyle.top")&&(c.topRight=!0),!0===fn(n,"groupBorderRadiusStyle.bottom")&&(c.bottomRight=!0))),i.spcBorderRadiusStyle=c;let d={};n.group&&(d={top:n.borderWidth.top,bottom:n.borderWidth.bottom,left:1,right:1},0===r&&(d.left=n.borderWidth.left),r===e.length-1&&(d.right=n.borderWidth.right)),i.spcBorderWidth=d;let u={};n.group&&(u=n.getSpcBorderUsed(r,!1,l,a,s)),i.spcBorderUsed=u,i.spcBorderUsedBackup=ci(u);let p=0,m=0;return n.group&&(0===r?p=n.groupShift:r===e.length-1&&(m=n.groupShift)),i.spcShiftLeft=p,i.spcShiftRight=m,i}));return n.itemsTrans=o,""},useMarginStyle:function(){return`margin:${ma(this.marginStyle,{parse:!this.group})};`}},methods:{getSpcBorderUsed:function(n,e,t,o,r){let i={top:!0,bottom:!0,left:!0,right:!0};if(t){let n=null;n=t.hover?t.borderColorHover:t.borderColor,n=t.active?t.borderColorActive:n;let e=null;e=o.hover?o.borderColorHover:o.borderColor,e=o.active?o.borderColorActive:e;let r=!1;n===e&&(r=!0);let a=!1;t.active&&!o.active&&(a=!0);let l=!1;o.hover&&(l=!0);let s=!1;l||(s=a),s=s||r,i.left=!s}if(r){let n=!1;r.active&&!o.active&&(n=!0);let e=!1;o.hover&&(e=!0);let t=!1;e||(t=n),i.right=!t}return i},mouseenter:function(n,e){let t=this;Ve(t.itemsTrans,((n,o)=>{t.itemsTrans[o].ia.hover=o===e})),Ve(t.itemsTrans,((n,o)=>{let r=fn(t,`itemsTrans[${o}].ia`,null),i=fn(t,`itemsTrans[${o-1}].ia`,null),a=fn(t,`itemsTrans[${o+1}].ia`,null),l=t.getSpcBorderUsed(o,o===e,i,r,a);t.itemsTrans[o].spcBorderUsed=l}))},mouseleave:function(n,e){let t=this;Ve(t.itemsTrans,((n,e)=>{t.itemsTrans[e].spcBorderUsed=ci(t.itemsTrans[e].spcBorderUsedBackup)}))},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=ci(e.value);if(n.active){let e=[];Ve(t,(t=>{Uo(t,n.data)||e.push(t)})),t=e}else t.push(n.data);e.$nextTick((()=>{e.$emit("input",t),e.$emit("click",n.data,""+(n.active?"hide":"show"))}))}else e.$nextTick((()=>{e.$emit("input",n.data),e.$emit("click",n.data)}))}}};const wu=Su;var Wu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},[n._l(n.itemsTrans,(function(e,o){return[t("WButtonChip",{key:o,style:""+n.useMarginStyle,attrs:{text:n.get(e,"data."+n.keyText)||n.get(e,"data"),tooltip:n.get(e,"data."+n.keyTooltip),icon:n.get(e,"data."+n.keyIcon),iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderUsed:n.group?e.spcBorderUsed:n.borderUsed,borderWidth:n.group?e.spcBorderWidth:n.borderWidth,borderRadius:n.borderRadius,borderRadiusStyle:n.group?e.spcBorderRadiusStyle:n.borderRadiusStyle,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,tooltipBorderRadius:n.tooltipBorderRadius,tooltipPaddingStyle:n.tooltipPaddingStyle,tooltipTextFontSize:n.tooltipTextFontSize,tooltipTextColor:n.tooltipTextColor,tooltipBackgroundColor:n.tooltipBackgroundColor,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft+e.spcShiftLeft,shiftRight:n.shiftRight+e.spcShiftRight,_close:"close",loading:n.loading,loadingColor:n.loadingColor,editable:n.editable,disabledColor:"rgba(255,255,255,0.4)",active:e.active},on:{click:function(t){return n.toggleState(e)},mouseenter:function(t){return n.mouseenter(e,o)},mouseleave:function(t){return n.mouseleave(e,o)}}},[n._t("default",null,{item:e,kitem:o})],2)]}))],2)};Wu._withStripped=!0;const _u=ya({render:Wu,staticRenderFns:[]},(function(n){n&&n("data-v-3a03f633_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupChipCheck.vue"},media:void 0})}),wu,"data-v-3a03f633",false,undefined,!1,xa,void 0,void 0);const Iu={components:{WGroupChipCheck:_u},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},group:{type:Boolean,default:!1},groupBorderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},groupShift:{type:Number,default:5},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"black"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var Tu=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupChipCheck",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem})]}}],null,!0)},"WGroupChipCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};Tu._withStripped=!0;const Au=ya({render:Tu,staticRenderFns:[]},(function(n){n&&n("data-v-ca5489a0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupChipRadio.vue"},media:void 0})}),Iu,"data-v-ca5489a0",false,undefined,!1,xa,void 0,void 0);const Bu={components:{demolink:nu,WPanelBulge:gu,WGroupChipRadio:Au},props:{},data:function(){return{mdiViewDashboard:Sl,mdiClockTimeEightOutline:qa,mdiBlenderSoftware:Va,mdiSpoonSugar:xl,mdiApple:Da,WPanelBulge:{table:'\n<div style="margin-bottom:10px; padding:0px 10px;">\n                        <span>A data table</span>\n                    </div>\n\n                    <table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n',title:"Bulge",menu:{items:[{text:"Dashboard",icon:Sl},{text:"Schedule",icon:qa},{text:"Profile",icon:Va},{text:"History",icon:xl}],select:{text:"Dashboard",icon:Sl}}},actions:[]}}};var Hu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"default"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"headerBorderRadius"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,headerBorderRadius:5}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"paddingStyle"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,paddingStyle:{v:0,h:10}}},[t("div",{staticStyle:{padding:"20px 10px 10px 10px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"headerTextColor & headerBackgroundColor"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,headerTextColor:"orange darken-1",headerBackgroundColor:"rgba(250,70,0,0.15)"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"with grey outer"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"no headerShadow & no contentShadow, with green outer"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#8FF4B1"}},[t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,headerShadow:!1,contentShadow:!1}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"contentBorderRadius"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,contentBorderRadius:10}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"contentBackgroundColor"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,contentBackgroundColor:"green lighten-5"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"slot for header & headerBorderRadius & headerBackgroundColor(linear-gradient)"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerBorderRadius:5,headerBackgroundColor:"linear-gradient(60deg,#ab47bc,#7b1fa2)"},scopedSlots:n._u([{key:"header",fn:function(){return[t("w-group-chip-radio",{staticStyle:{margin:"0px 10px"},attrs:{items:n.WPanelBulge.menu.items,paddingStyle:{v:12,h:27},borderRadius:5,textColor:"white",textColorHover:"white",textColorActive:"white",iconColor:"white",iconColorHover:"white",iconColorActive:"white",backgroundColor:"rgba(255,255,255,0)",backgroundColorHover:"rgba(255,255,255,0)",backgroundColorActive:"rgba(255,255,255,0.15)",shadowActive:!1},model:{value:n.WPanelBulge.menu.select,callback:function(e){n.$set(n.WPanelBulge.menu,"select",e)},expression:"WPanelBulge.menu.select"}})]},proxy:!0}])},[n._v(" "),t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)])])};Hu._withStripped=!0;const Pu=ya({render:Hu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-bulge")])])}]},(function(n){n&&n("data-v-3d669a30_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelBulge.vue"},media:void 0})}),Bu,"data-v-3d669a30",false,undefined,!1,xa,void 0,void 0);var Fu={directives:{domresize:$i()},components:{WIcon:_a},props:{avatarOuterPadding:{type:Number,default:15},avatarInnerPadding:{type:Number,default:15},avatarIcon:{type:String,default:"M16 12L9 2L2 12H3.86L0 18H7V22H11V18H18L14.14 12H16M20.14 12H22L15 2L12.61 5.41L17.92 13H15.97L19.19 18H24L20.14 12M13 19H17V22H13V19Z"},avatarIconSize:{type:Number,default:60},avatarIconColor:{type:String,default:"white"},avatarBorderWidth:{type:Number,default:1},avatarBorderColor:{type:String,default:"transparent"},avatarBackgroundColor:{type:String,default:"rgba(239,108,0,0.5)"},avatarBorderRadius:{type:Number,default:10},avatarShadow:{type:Boolean,default:!0},shiftVFromAvaterCenter:{type:Number,default:20},spaceHBetweenAvatarAndHeader:{type:Number,default:20},spaceVBetweenHeaderAndContent:{type:Number,default:0},headerVerticalAlign:{type:String,default:"center"},headerPadding:{type:Number,default:15},headerText:{type:String,default:""},headerTextColor:{type:String,default:"#444"},headerTextSize:{type:String,default:"1.0rem"},subHeaderText:{type:String,default:""},subHeaderTextColor:{type:String,default:"#888"},subHeaderTextSize:{type:String,default:"0.7rem"},sepLineWidth:{type:Number,default:1},sepLineColor:{type:String,default:"#ddd"},contentBorderRadius:{type:Number,default:3},contentBackgroundColor:{type:String,default:"white"},contentShadow:{type:Boolean,default:!0}},data:function(){return{avatarWidth:0,avatarHeight:0}},computed:{useAvatarIconColor:function(){return Oi(this.avatarIconColor)},useAvatarBorderColor:function(){return Oi(this.avatarBorderColor)},useAvatarBackgroundColor:function(){return Oi(this.avatarBackgroundColor)},useHeaderVerticalAlign:function(){let n="";return n="bottom"===this.headerVerticalAlign?"flex-end":"center"===this.headerVerticalAlign?"center":"flex-start",n},useHeaderTextColor:function(){return Oi(this.headerTextColor)},useSubHeaderTextColor:function(){return Oi(this.subHeaderTextColor)},useSepLineColor:function(){return Oi(this.sepLineColor)},useContentBackgroundColor:function(){return Oi(this.contentBackgroundColor)}},methods:{resizeAvatar:function(n){this.avatarWidth=n.snew.offsetWidth,this.avatarHeight=n.snew.offsetHeight}}};const Lu=Fu;var Ru=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"0px",left:"0px"}},[t("div",{style:"transition:all 0.3s; padding:0px "+n.avatarOuterPadding+"px "+n.avatarOuterPadding+"px "+n.avatarOuterPadding+"px;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],class:n.avatarShadow?"shadow-header":"",style:"transition:all 0.3s; _box-sizing:border-box; border:"+n.avatarBorderWidth+"px solid "+n.useAvatarBorderColor+"; border-radius:"+n.avatarBorderRadius+"px; background:"+n.useAvatarBackgroundColor+";",on:{domresize:n.resizeAvatar}},[t("div",{staticStyle:{height:"100%",width:"100%",display:"flex","align-items":"center","justify-content":"center"}},[t("div",{style:"transition:all 0.3s; padding:"+n.avatarInnerPadding+"px;"},[n._t("avatar",(function(){return[t("WIcon",{attrs:{icon:n.avatarIcon,size:n.avatarIconSize,color:n.useAvatarIconColor,colorHover:n.useAvatarIconColor}})]}))],2)])])])]),n._v(" "),t("div",{style:"transition:all 0.3s; padding-top:"+(n.avatarHeight/2-n.shiftVFromAvaterCenter)+"px;"}),n._v(" "),t("div",{class:n.contentShadow?"shadow":"",style:"transition:all 0.3s; border-radius:"+n.contentBorderRadius+"px; background:"+n.useContentBackgroundColor+";",attrs:{avatarWidth:""}},[t("div",{staticStyle:{display:"flex"}},[t("div",{style:"transition:all 0.3s; min-width:"+(n.avatarOuterPadding+n.avatarWidth+n.spaceHBetweenAvatarAndHeader)+"px; min-height:"+(n.avatarOuterPadding+(n.avatarHeight/2+n.shiftVFromAvaterCenter)+n.spaceVBetweenHeaderAndContent)+"px;"}),n._v(" "),t("div",{style:"transition:all 0.3s; width:100%; padding:"+n.headerPadding+"px; display:flex; align-items:"+n.useHeaderVerticalAlign+"; justify-content:flex-end;"},[t("div",{staticStyle:{"text-align":"right"}},[t("div",{style:"transition:all 0.3s; color:"+n.useSubHeaderTextColor+"; font-size:"+n.subHeaderTextSize+"; line-height:"+n.subHeaderTextSize+";"},[n._v("\n                        "+n._s(n.subHeaderText)+"\n                    ")]),n._v(" "),t("div",{style:"transition:all 0.3s; color:"+n.useHeaderTextColor+"; font-size:"+n.headerTextSize+";"},[n._v("\n                        "+n._s(n.headerText)+"\n                    ")])])])]),n._v(" "),t("div",{style:"transition:all 0.3s; border-top:"+n.sepLineWidth+"px solid "+n.useSepLineColor+";"},[t("div",{staticStyle:{transition:"all 0.3s"}},[n._t("default")],2)])])])};Ru._withStripped=!0;const Du={components:{demolink:nu,WPanelAvatar:ya({render:Ru,staticRenderFns:[]},(function(n){n&&n("data-v-6d959c2e_0",{source:"\n.shadow[data-v-6d959c2e] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\n.shadow-header[data-v-6d959c2e] {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelAvatar.vue"],names:[],mappings:";AA6UA;IACA,mGAAA;AACA;AACA;IACA,4HAAA;AACA",file:"WPanelAvatar.vue",sourcesContent:["<template>\r\n    <div\r\n        style=\"display:inline-block; position:relative;\"\r\n    >\r\n\r\n        <div style=\"position:absolute; top:0px; left:0px;\">\r\n\r\n            <div\r\n                :style=\"`transition:all 0.3s; padding:0px ${avatarOuterPadding}px ${avatarOuterPadding}px ${avatarOuterPadding}px;`\"\r\n            >\r\n                <div\r\n                    :class=\"`${avatarShadow?'shadow-header':''}`\"\r\n                    :style=\"`transition:all 0.3s; _box-sizing:border-box; border:${avatarBorderWidth}px solid ${useAvatarBorderColor}; border-radius:${avatarBorderRadius}px; background:${useAvatarBackgroundColor};`\"\r\n                    v-domresize\r\n                    @domresize=\"resizeAvatar\"\r\n                >\r\n\r\n                    <div style=\"height:100%; width:100%; display:flex; align-items:center; justify-content:center;\">\r\n                        <div :style=\"`transition:all 0.3s; padding:${avatarInnerPadding}px;`\">\r\n\r\n                            <slot name=\"avatar\">\r\n                                <WIcon\r\n                                    :icon=\"avatarIcon\"\r\n                                    :size=\"avatarIconSize\"\r\n                                    :color=\"useAvatarIconColor\"\r\n                                    :colorHover=\"useAvatarIconColor\"\r\n                                ></WIcon>\r\n                            </slot>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div :style=\"`transition:all 0.3s; padding-top:${avatarHeight/2-shiftVFromAvaterCenter}px;`\"></div>\r\n\r\n        <div\r\n            avatarWidth\r\n            :class=\"`${contentShadow?'shadow':''}`\"\r\n            :style=\"`transition:all 0.3s; border-radius:${contentBorderRadius}px; background:${useContentBackgroundColor};`\"\r\n        >\r\n\r\n            <div style=\"display:flex;\">\r\n\r\n                <div :style=\"`transition:all 0.3s; min-width:${avatarOuterPadding+avatarWidth+spaceHBetweenAvatarAndHeader}px; min-height:${avatarOuterPadding+(avatarHeight/2+shiftVFromAvaterCenter)+spaceVBetweenHeaderAndContent}px;`\"></div>\r\n\r\n                <div :style=\"`transition:all 0.3s; width:100%; padding:${headerPadding}px; display:flex; align-items:${useHeaderVerticalAlign}; justify-content:flex-end;`\">\r\n\r\n                    <div style=\"text-align:right;\">\r\n                        <div :style=\"`transition:all 0.3s; color:${useSubHeaderTextColor}; font-size:${subHeaderTextSize}; line-height:${subHeaderTextSize};`\">\r\n                            {{subHeaderText}}\r\n                        </div>\r\n\r\n                        <div :style=\"`transition:all 0.3s; color:${useHeaderTextColor}; font-size:${headerTextSize};`\">\r\n                            {{headerText}}\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div :style=\"`transition:all 0.3s; border-top:${sepLineWidth}px solid ${useSepLineColor};`\">\r\n\r\n                <div style=\"transition:all 0.3s;\">\r\n                    <slot></slot>\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 { mdiForest } from '@mdi/js'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [avatarOuterPadding=15] 輸入圖標區外側間距數字，單位為px，預設15\r\n * @vue-prop {Number} [avatarInnerPadding=15] 輸入圖標區內側間距數字，單位為px，預設15\r\n * @vue-prop {String} [avatarIcon=mdiForest] 輸入圖標字串，預設mdiForest\r\n * @vue-prop {Number} [avatarIconSize=60] 輸入圖標尺寸數字，單位為px，預設60\r\n * @vue-prop {String} [avatarIconColor='white'] 輸入圖標顏色字串，預設'white'\r\n * @vue-prop {Number} [avatarBorderWidth=1] 輸入圖標區框線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [avatarBorderColor='transparnet'] 輸入圖標區框線顏色字串，預設'transparnet'\r\n * @vue-prop {String} [avatarBackgroundColor='rgba(239,108,0,0.5)'] 輸入圖標區背景顏色字串，預設'rgba(239,108,0,0.5)'\r\n * @vue-prop {Number} [avatarBorderRadius=10] 輸入圖標區框圓角程度數字，單位為px，預設10\r\n * @vue-prop {Boolean} [avatarShadow=true] 輸入是否使用圖標區陰影效果數字，預設true\r\n * @vue-prop {Number} [shiftVFromAvaterCenter=20] 輸入圖標區基於水平中線之朝下平移數字，單位為px，預設20\r\n * @vue-prop {Number} [spaceHBetweenAvatarAndHeader=20] 輸入圖標區與右側標題區間距數字，單位為px，預設20\r\n * @vue-prop {Number} [spaceVBetweenHeaderAndContent=0] 輸入標題區與下方內容區間距數字，單位為px，預設0\r\n * @vue-prop {String} [headerVerticalAlign='center'] 輸入標題區內文字垂直對齊字串，可選'top'、'center'、'bottom'，預設'center'\r\n * @vue-prop {Number} [headerPadding=15] 輸入標題區間距數字，單位為px，預設15\r\n * @vue-prop {String} [headerText=''] 輸入標題區主要文字字串，預設''\r\n * @vue-prop {String} [headerTextColor='#444'] 輸入標題區主要文字顏色字串，預設'#444'\r\n * @vue-prop {String} [headerTextSize='1.0rem'] 輸入標題區主要文字字型大小數字，預設'1.0rem'\r\n * @vue-prop {String} [subHeaderText=''] 輸入標題區次要文字字串，預設''\r\n * @vue-prop {String} [subHeaderTextColor='#888'] 輸入標題區次要文字顏色字串，預設'#888'\r\n * @vue-prop {String} [subHeaderTextSize='0.7rem'] 輸入標題區次要文字字型大小數字，預設'0.7rem'\r\n * @vue-prop {Number} [sepLineWidth=1] 輸入標題區與內容區分隔線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [sepLineColor='#ddd'] 輸入標題區與內容區分隔線顏色字串，預設'#ddd'\r\n * @vue-prop {Number} [contentBorderRadius=3] 輸入內容區框圓角程度數字，單位為px，預設3\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區背景顏色字串，預設'white'\r\n * @vue-prop {Boolean} [contentShadow=true] 輸入是否使用內容區陰影效果數字，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIcon,\r\n    },\r\n    props: {\r\n        avatarOuterPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        avatarInnerPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        avatarIcon: {\r\n            type: String,\r\n            default: mdiForest,\r\n        },\r\n        avatarIconSize: {\r\n            type: Number,\r\n            default: 60,\r\n        },\r\n        avatarIconColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        avatarBorderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        avatarBorderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        avatarBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(239,108,0,0.5)',\r\n        },\r\n        avatarBorderRadius: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        avatarShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shiftVFromAvaterCenter: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        spaceHBetweenAvatarAndHeader: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        spaceVBetweenHeaderAndContent: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        headerVerticalAlign: {\r\n            type: String,\r\n            default: 'center', //top, center, bottom\r\n        },\r\n        headerPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        headerText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        headerTextColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        headerTextSize: {\r\n            type: String,\r\n            default: '1.0rem',\r\n        },\r\n        subHeaderText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        subHeaderTextColor: {\r\n            type: String,\r\n            default: '#888',\r\n        },\r\n        subHeaderTextSize: {\r\n            type: String,\r\n            default: '0.7rem',\r\n        },\r\n        sepLineWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        sepLineColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        contentBorderRadius: {\r\n            type: Number,\r\n            default: 3,\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        contentShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            avatarWidth: 0,\r\n            avatarHeight: 0,\r\n\r\n            // headerHeight: 0,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        useAvatarIconColor: function() {\r\n            //console.log('computed useAvatarIconColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarIconColor)\r\n        },\r\n\r\n        useAvatarBorderColor: function() {\r\n            //console.log('computed useAvatarBorderColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarBorderColor)\r\n        },\r\n\r\n        useAvatarBackgroundColor: function() {\r\n            //console.log('computed useAvatarBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarBackgroundColor)\r\n        },\r\n\r\n        useHeaderVerticalAlign: function() {\r\n            //console.log('computed useHeaderVerticalAlign')\r\n\r\n            let vo = this\r\n\r\n            let c = ''\r\n            if (vo.headerVerticalAlign === 'bottom') {\r\n                c = 'flex-end'\r\n            }\r\n            else if (vo.headerVerticalAlign === 'center') {\r\n                c = 'center'\r\n            }\r\n            else {\r\n                //top, default\r\n                c = 'flex-start'\r\n            }\r\n\r\n            return c\r\n        },\r\n\r\n        useHeaderTextColor: function() {\r\n            //console.log('computed useHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerTextColor)\r\n        },\r\n\r\n        useSubHeaderTextColor: function() {\r\n            //console.log('computed useSubHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.subHeaderTextColor)\r\n        },\r\n\r\n        useSepLineColor: function() {\r\n            //console.log('computed useSepLineColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.sepLineColor)\r\n        },\r\n\r\n        useContentBackgroundColor: function() {\r\n            //console.log('computed useContentBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.contentBackgroundColor)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizeAvatar: function(msg) {\r\n            // console.log('methods resizeAvatar', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.avatarWidth = msg.snew.offsetWidth\r\n            vo.avatarHeight = msg.snew.offsetHeight\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n.shadow-header {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\r\n}\r\n</style>\r\n"]},media:void 0})}),Lu,"data-v-6d959c2e",false,undefined,!1,xa,void 0,void 0)},props:{},data:function(){return{mdiLaravel:"M21.7 6.53C21.71 6.55 21.71 6.58 21.71 6.61V10.9C21.71 11 21.65 11.12 21.56 11.17L17.95 13.25V17.36C17.95 17.47 17.9 17.57 17.8 17.63L10.28 21.96C10.26 21.97 10.24 22 10.22 22L10.2 22C10.15 22 10.09 22 10.04 22C10.03 22 10 22 10 22C10 22 10 21.97 9.96 21.96L2.44 17.63C2.35 17.58 2.29 17.47 2.29 17.36V4.5C2.29 4.45 2.29 4.42 2.3 4.4C2.3 4.39 2.31 4.38 2.31 4.37C2.31 4.35 2.32 4.34 2.33 4.32C2.33 4.31 2.34 4.3 2.35 4.29C2.36 4.28 2.37 4.27 2.38 4.26C2.39 4.25 2.4 4.24 2.41 4.23C2.42 4.22 2.43 4.21 2.44 4.21L6.2 2.04C6.3 2 6.42 2 6.5 2.04L10.28 4.21H10.28C10.29 4.22 10.3 4.22 10.31 4.23C10.32 4.24 10.33 4.25 10.34 4.26C10.35 4.27 10.36 4.28 10.37 4.29C10.38 4.3 10.39 4.31 10.39 4.32C10.4 4.34 10.41 4.35 10.41 4.37C10.41 4.38 10.42 4.39 10.42 4.4C10.43 4.43 10.43 4.45 10.43 4.5V12.5L13.57 10.72V6.61C13.57 6.58 13.57 6.55 13.58 6.53L13.59 6.5C13.59 6.5 13.6 6.47 13.61 6.45C13.61 6.44 13.62 6.43 13.63 6.42C13.64 6.41 13.65 6.4 13.66 6.39C13.67 6.38 13.68 6.37 13.69 6.36C13.7 6.35 13.71 6.34 13.72 6.34L17.5 4.17C17.58 4.11 17.7 4.11 17.8 4.17L21.56 6.34C21.57 6.34 21.58 6.35 21.59 6.36L21.62 6.39C21.63 6.4 21.64 6.41 21.65 6.42C21.66 6.43 21.66 6.44 21.67 6.45C21.68 6.47 21.68 6.5 21.69 6.5C21.7 6.5 21.7 6.5 21.7 6.53M21.09 10.72V7.15L17.95 8.95V12.5L21.09 10.72M17.33 17.18V13.6L10.43 17.54V21.15L17.33 17.18M2.91 5V17.18L9.81 21.15V17.54L6.21 15.5L6.2 15.5L6.2 15.5C6.19 15.5 6.18 15.5 6.17 15.47C6.16 15.47 6.15 15.46 6.14 15.45V15.45C6.13 15.44 6.12 15.43 6.11 15.42C6.1 15.41 6.1 15.4 6.09 15.39V15.39C6.08 15.37 6.08 15.36 6.07 15.35C6.07 15.33 6.06 15.32 6.06 15.31C6.05 15.3 6.05 15.28 6.05 15.27C6.05 15.25 6.05 15.24 6.05 15.23V6.82L2.91 5M6.36 2.68L3.23 4.5L6.36 6.28L9.5 4.5L6.36 2.68M9.81 12.88V5L6.67 6.82V14.69L9.81 12.88M17.64 4.8L14.5 6.61L17.64 8.41L20.77 6.61L17.64 4.8M17.33 8.95L14.19 7.15V10.72L17.33 12.5V8.95M10.12 17L17 13.06L13.88 11.26L7 15.23L10.12 17Z",WPanelAvatar:{table:'\n<div style="margin-bottom:10px; padding:0px 10px;">\n                        <span>A data table</span>\n                    </div>\n\n                    <table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n',title:"52/128",subTitle:"Recovery rate"},actions:[]}}};var ju=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarIcon (material)"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarIcon:n.mdiLaravel}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarIcon (fontawesome)"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarIcon:"fas fa-skiing"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarOuterPadding & avatarInnerPadding"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarOuterPadding:20,avatarInnerPadding:10}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarBackgroundColor:"rgba(40,150,60,0.4)"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarBorderWidth & avatarBorderColor & avatarBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarBorderWidth:5,avatarBorderColor:"rgba(200,170,180,0.3)",avatarBackgroundColor:"rgba(255,60,120,0.3)"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarBorderRadius"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarBorderRadius:50}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarIcon & avatarIconSize & avatarIconColor & avatarBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarIcon:"fas fa-cloud-sun",avatarIconSize:32,avatarIconColor:"#b55",avatarBackgroundColor:"rgba(90,60,60,0.25)"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"no avatarShadow"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarShadow:!1}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"shiftVFromAvaterCenter"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,shiftVFromAvaterCenter:0}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"spaceHBetweenAvatarAndHeader & spaceVBetweenHeaderAndContent"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,spaceHBetweenAvatarAndHeader:40,spaceVBetweenHeaderAndContent:15}},[t("div",{staticStyle:{padding:"5px 10px","font-size":"0.7rem",color:"#999"}},[t("i",{staticClass:"fas fa-drum-steelpan"}),n._v(" "),t("span",{staticStyle:{"margin-left":"8px"}},[n._v("Last 24HR")])])])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"headerVerticalAlign & spaceVBetweenHeaderAndContent"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"0px 40px",background:"#bbb"}},[t("div",{staticStyle:{padding:"40px 0px"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,headerVerticalAlign:"top",spaceVBetweenHeaderAndContent:5}},[t("div",{staticStyle:{padding:"5px 10px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"font-size":"1.2rem",color:"#C0CA33"}},[t("i",{staticClass:"fas fa-map-marked-alt"})]),n._v(" "),t("div",{staticStyle:{"padding-left":"8px","font-size":"0.7rem",color:"#999"}},[n._v("\n                                    Utquam vitae odio lacinia tincidunt.\n                                ")])])])])],1),n._v(" "),t("div",{staticStyle:{padding:"40px 0px"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,headerVerticalAlign:"center",spaceVBetweenHeaderAndContent:5}},[t("div",{staticStyle:{padding:"5px 10px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"font-size":"1.2rem",color:"#C0CA33"}},[t("i",{staticClass:"fas fa-map-marked-alt"})]),n._v(" "),t("div",{staticStyle:{"padding-left":"8px","font-size":"0.7rem",color:"#999"}},[n._v("\n                                    Utquam vitae odio lacinia tincidunt.\n                                ")])])])])],1),n._v(" "),t("div",{staticStyle:{padding:"40px 0px"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,headerVerticalAlign:"bottom",spaceVBetweenHeaderAndContent:5}},[t("div",{staticStyle:{padding:"5px 10px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"font-size":"1.2rem",color:"#C0CA33"}},[t("i",{staticClass:"fas fa-map-marked-alt"})]),n._v(" "),t("div",{staticStyle:{"padding-left":"8px","font-size":"0.7rem",color:"#999"}},[n._v("\n                                    Utquam vitae odio lacinia tincidunt.\n                                ")])])])])],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"headerPadding & headerTextColor & headerTextSize & subHeaderTextColor & subHeaderTextSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:"Capture and storage",headerText:"358,912",headerPadding:10,headerTextColor:"#FF9800",headerTextSize:"2rem",subHeaderTextColor:"#aaa",subHeaderTextSize:"0.9rem"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"contentBorderRadius"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,contentBorderRadius:0}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"sepLineWidth & sepLineColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,sepLineWidth:5,sepLineColor:"rgba(0,0,0,0.5)"}},[t("div",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{padding:"10px",background:"#fff"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"contentBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,contentBackgroundColor:"rgba(255,255,255,0.5)"}},[t("div",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{padding:"10px",background:"#fff"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"contentShadow"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,contentShadow:!1}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"slot avatar & avatarBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarBackgroundColor:"rgba(120,120,190,0.4)"},scopedSlots:n._u([{key:"avatar",fn:function(){return[t("div",[t("img",{staticStyle:{width:"80px",height:"80px"},attrs:{src:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMYXllciAxIiBpZD0iTGF5ZXJfMSIgdmlld0JveD0iMCAwIDY0IDY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNjVjOGQwO30uY2xzLTJ7ZmlsbDojZmNkZDdjO30uY2xzLTN7ZmlsbDojYmE5YmM5O30uY2xzLTR7ZmlsbDojODM4YmM1O30uY2xzLTV7ZmlsbDojZTc2ODVkO30uY2xzLTZ7ZmlsbDojZjRlY2NlO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00NywxMy42NWE2LDYsMCwxLDAtNCwwIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNDMsMjJWMTBhMiwyLDAsMCwxLDItMmgwYTIsMiwwLDAsMSwyLDJWMjIiLz48cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjExIDIyIDExIDE0IDE1IDE0IDE1IDIyIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxOSAyMiAxOSAxNCAyMyAxNCAyMyAyMiIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTMiIHBvaW50cz0iNDkgMjggNTUgMjggNTUgMzQgNDkgMzQiLz48cG9seWxpbmUgY2xhc3M9ImNscy0zIiBwb2ludHM9IjQ5IDUwIDU1IDUwIDU1IDU2IDQ5IDU2Ii8+PHJlY3QgY2xhc3M9ImNscy00IiBoZWlnaHQ9IjQwIiB3aWR0aD0iNDAiIHg9IjkiIHk9IjIyIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtNSIgcG9pbnRzPSI0MCA1MSA0NCA1MSA0NCA1NSA0MCA1NSIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTMiIHBvaW50cz0iMTggNjIgMTggNDMgNDAgNDMgNDAgNjIiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMzYgNTggMjIgNTggMjkgNDcgMzYgNTgiLz48cmVjdCBjbGFzcz0iY2xzLTUiIGhlaWdodD0iNCIgd2lkdGg9IjIiIHg9IjI4IiB5PSI1MiIvPjxyZWN0IGNsYXNzPSJjbHMtNSIgaGVpZ2h0PSIyIiB3aWR0aD0iNCIgeD0iMTQiIHk9IjQ2Ii8+PHJlY3QgY2xhc3M9ImNscy01IiBoZWlnaHQ9IjIiIHdpZHRoPSI0IiB4PSIxNCIgeT0iNTYiLz48cmVjdCBjbGFzcz0iY2xzLTIiIGhlaWdodD0iNCIgd2lkdGg9IjYiIHg9IjEzIiB5PSIyNiIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgaGVpZ2h0PSI0IiB3aWR0aD0iNiIgeD0iMTMiIHk9IjM0Ii8+PHJlY3QgY2xhc3M9ImNscy02IiBoZWlnaHQ9IjIiIHdpZHRoPSI4IiB4PSIyMiIgeT0iMjciLz48cmVjdCBjbGFzcz0iY2xzLTEiIGhlaWdodD0iMiIgd2lkdGg9IjgiIHg9IjIyIiB5PSIzNSIvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMzUiIGN5PSIyOCIgcj0iMiIvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iNDMiIGN5PSIyOCIgcj0iMiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgaGVpZ2h0PSIyIiB3aWR0aD0iMiIgeD0iMzIiIHk9IjM1Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiBoZWlnaHQ9IjIiIHdpZHRoPSIyIiB4PSIzNiIgeT0iMzUiLz48cmVjdCBjbGFzcz0iY2xzLTEiIGhlaWdodD0iMiIgd2lkdGg9IjIiIHg9IjQwIiB5PSIzNSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgaGVpZ2h0PSIyIiB3aWR0aD0iMiIgeD0iNDQiIHk9IjM1Ii8+PHJlY3QgY2xhc3M9ImNscy0yIiBoZWlnaHQ9IjQiIHdpZHRoPSIyIiB4PSIyMCIgeT0iMTAiLz48cmVjdCBjbGFzcz0iY2xzLTIiIGhlaWdodD0iNCIgd2lkdGg9IjIiIHg9IjEyIiB5PSIxMCIvPjwvc3ZnPg=="}})])]},proxy:!0},{key:"default",fn:function(){return[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})]},proxy:!0}])})],1)],1)])])};ju._withStripped=!0;const zu=ya({render:ju,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-avatar")])])}]},(function(n){n&&n("data-v-75e1e064_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelAvatar.vue"},media:void 0})}),Du,"data-v-75e1e064",false,undefined,!1,xa,void 0,void 0);function Vu(n){let e,t=Object.prototype.toString.call(n);if(e="[object Promise]"===t,e)return!0;if("[object Function]"!==t)return!1;try{e="function"!=typeof n.subscribe&&"function"==typeof n.then}catch(n){}return e}async function Zu(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=null,o=Dl();if(!ji(n))return o.reject("waitfunction需輸入函數f"),o;let r=async()=>{let e=n();return Vu(e)&&(e=await e),e};if(t=await r(),!0===t)return o.resolve(),o;let i=fn(e,"attemptNum",null);Fi(i)||(i=200);let a=fn(e,"timeInterval",null);Fi(a)||(a=1e3);let l=0,s=setInterval((async()=>{l+=1,t=await r(),!0===t&&(clearInterval(s),o.resolve()),l>i&&(clearInterval(s),o.reject(`exceeded attemptNum[${i}]`))}),a);return o}function $u(){return new function(n){let e=[],t=null,o=null;return Fi(n)||(n=300),n=Pi(n),function(r){if(ji(r)){o=Date.now();for(var i=arguments.length,a=new Array(i>1?i-1:0),l=1;l<i;l++)a[l-1]=arguments[l];e.push({func:r,input:a}),null===t&&(t=setInterval((()=>{if(Date.now()-o>n){let n=e.pop();e=[],n.func(...n.input)}0===e.length&&(clearInterval(t),t=null)}),10))}else console.log("func is not a function")}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:300)}function Eu(){let n={};return{bind:function(e,t,o){let r=`r${Zi()}`;e.setAttribute("ev-mutation",r);let i=new MutationObserver((function(n){!function(n,e,t){let o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}(o,"dommutation",{ele:e,mutations:n})}));i.observe(e,{attributes:!0,childList:!0,subtree:!0}),n[r]=i},unbind:function(e){let t=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),n[t]&&(n[t].disconnect(),delete n[t])}}}function Gu(){return!function(){try{return"IntersectionObserver"in window}catch(n){return!1}}()||!function(){try{return"IntersectionObserverEntry"in window}catch(n){return!1}}()||!(function(){try{return"intersectionRatio"in window.IntersectionObserverEntry.prototype}catch(n){return!1}}()||ji(window.IntersectionObserverEntry))}function Xu(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!oa(n))return Promise.reject("invalid element");if(Gu())return Promise.reject("invalid IntersectionObserver");let t=fn(e,"mode","");"promise"!==t&&"event"!==t&&(t="promise");let o=()=>{let e=Di(),t=!1,o=new IntersectionObserver((n=>{let t=n[0].isIntersecting;e.emit("visible",t)}));return e.create=()=>{let e=setInterval((()=>{t=(n=>{let e=!1;if(!oa(n))return e;try{o.observe(n),e=!0}catch(n){}return e})(n),t&&clearInterval(e)}),50)},e.dispose=()=>{let n=!1;try{o.disconnect(),n=!0}catch(n){}return n},e},r=null;return"promise"===t?r=(()=>{let e=Dl();try{let t=new IntersectionObserver((n=>{e.resolve(n[0].isIntersecting),t.disconnect()}));t.observe(n)}catch(n){e.reject(n)}return e})():"event"===t&&(r=o()),r}var Mu={directives:{domresize:$i(),dommutation:Eu(),domvisible:function(){let n={};return{bind:function(e,t,o){let r=`r${Zi()}`;e.setAttribute("ev-visible",r);let i=!1,a=setInterval((()=>{Xu(e).then((n=>{i!==n&&(i=n,function(n,e,t){let o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}(o,"domvisible",n))})).catch((()=>{}))}),50);n[r]=a},unbind:function(e){let t=e.getAttribute("ev-visible");e.setAttribute("ev-visible",null),n[t]&&(clearInterval(n[t]),n[t]=null,delete n[t])}}}()},components:{},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{dbc:$u(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(n){let e=this,t=fn(e,"$refs.divDetect");if(t){let n=t.offsetWidth-t.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.viewHeight!==n.snew.offsetHeight&&(e.viewHeight=n.snew.offsetHeight);let o=fn(e,"$refs.divShell");o&&e.$emit("update:scrollTop",o.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=fn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let o=fn(e,"$refs.divShell");o&&e.$emit("update:scrollTop",o.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},mutation:function(n){let e=this,t=fn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...n,from:"content"})},visible:function(n){let e=this,t=fn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:n,from:"content"})},updateRatio:function(){let n=this;if(!n.$refs.divShell)return;let e=0;n.contentHeightEff>0&&(e=n.$refs.divShell.scrollTop/n.contentHeightEff),n.ratio=e},updateScrollTop:function(n){let e=this;(async function(){await Zu((()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar),{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=n),e.$refs.divBar&&(e.$refs.divBar.scrollTop=n)})().catch((n=>{console.log(n)}))},updateScrollInfor:function(){let n=this;if(!n.$refs.divShell)return;let e={r:n.ratio,sti:n.scrollTop,stn:n.$refs.divShell.scrollTop,dir:n.scrollTop>n.$refs.divShell.scrollTop?"up":"down",t:n.viewTop,b:n.viewBottom,ch:n.contentHeight,che:n.contentHeightEff};Uo(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&fn(e,"$refs.divShell")&&fn(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"shell"}),e.dbc((()=>{e.mouseLoc=""})))},scrollBar:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&fn(e,"$refs.divShell")&&fn(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"bar"}),e.dbc((()=>{e.mouseLoc=""})))},triggerEvent:function(n,e){let t=this;t.useEmitEvent&&(t.$emit(n,e),t.updateScrollInfor(),t.$emit("change-infor",{evName:n,evMsg:e,...t.scrollInfor}))}}};const Nu=Mu;var Ou=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:n.changeScrollTop},on:{domresize:n.resizePanel,mouseenter:function(e){n.mouseEntering=!0},mouseleave:function(e){n.mouseEntering=!1}}},[t("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[t("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[t("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"scroll"}},[t("div",{staticStyle:{width:"100px",height:"100px"}})])])]),n._v(" "),t("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"position:relative; width:calc( 100% + "+(n.nativeBarWidth+1)+"px ); height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;",attrs:{_class:"sb"},on:{domresize:n.resizeShell,scroll:n.scrollShell}},[t("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"}],ref:"divContent",style:"",on:{dommutation:n.mutation,domvisible:n.visible}},[n._t("default")],2)]),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+(n.isMobile?-8:0)+"px; width:8px;"},[t("div",{ref:"divBar",staticClass:"sb",style:"width:8px; height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:"+(n.mouseEntering?n.barOpacityHover:n.barOpacity)+";",on:{scroll:n.scrollBar}},[t("div",{style:"width:1px; height:"+n.contentHeight+"px;"})])])])])};Ou._withStripped=!0;const Ku=ya({render:Ou,staticRenderFns:[]},(function(n){n&&n("data-v-01f5c13c_0",{source:"\n.sb[data-v-01f5c13c] {\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-01f5c13c]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-01f5c13c]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-01f5c13c]::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AA0iBA;IACA,wBAAA;IACA,qBAAA;IACA,qBAAA;IACA,4CAAA;AACA;AACA,sCAAA;AACA;IACA,UAAA;IACA,WAAA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,2BAAA;IACA,mBAAA;IACA,6BAAA;AACA",file:"WPanelScrollyCore.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`box-sizing:content-box;`\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n        @mouseenter=\"mouseEntering=true\"\r\n        @mouseleave=\"mouseEntering=false\"\r\n        :changeScrollTop=\"changeScrollTop\"\r\n    >\r\n\r\n        \x3c!-- 計算nativeBarWidth, 需使用overflow:scroll否則firefox無法順利顯示右側捲軸 --\x3e\r\n        <div style=\"position:relative; width:0px; height:0px; opacity:0;\">\r\n            <div style=\"position:absolute; left:0; top:0;\">\r\n                <div ref=\"divDetect\" style=\"width:50px; height:50px; overflow:scroll;\">\r\n                    <div style=\"width:100px; height:100px;\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            :style=\"`position:relative; width:100%; overflow-x:hidden;`\"\r\n        >\r\n\r\n            \x3c!-- 因瀏覽器計算誤差100%+nativeBarWidth仍會出現捲軸邊界, 故需+1px使捲軸能完全隱藏 --\x3e\r\n            <div\r\n                ref=\"divShell\"\r\n                _class=\"sb\"\r\n                :style=\"`position:relative; width:calc( 100% + ${nativeBarWidth+1}px ); height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;`\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                <div\r\n                    ref=\"divContent\"\r\n                    :style=\"``\"\r\n                    v-dommutation\r\n                    @dommutation=\"mutation\"\r\n                    v-domvisible\r\n                    @domvisible=\"visible\"\r\n                >\r\n                    <slot></slot>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- isMobile時divBar仍要存在, 因通用檢測時才會有效, 故isMobile時需於移至右側之外 --\x3e\r\n            <div :style=\"`position:absolute; top:0px; right:${isMobile?-8:0}px; width:8px;`\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`width:8px; height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:${mouseEntering?barOpacityHover:barOpacity};`\"\r\n                    @scroll=\"scrollBar\"\r\n                >\r\n\r\n                    <div :style=\"`width:1px; height:${contentHeight}px;`\"></div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\nimport isEqual from 'lodash-es/isEqual.js'\n// import cloneDeep from 'lodash-es/cloneDeep.js'\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domMutation from '../js/domMutation.mjs'\r\nimport domVisible from '../js/domVisible.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，預設400\r\n * @vue-prop {Number} [scrollTop=0] 輸入目前捲動值數字，預設0\r\n * @vue-prop {Number} [barOpacity=0.6] 輸入捲軸透明度數字，預設0.6\r\n * @vue-prop {Number} [barOpacityHover=1] 輸入滑鼠移入時捲軸透明度數字，預設1\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        dommutation: domMutation(),\r\n        domvisible: domVisible(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        viewHeightMax: {\r\n            type: Number,\r\n            default: 400,\r\n        },\r\n        scrollTop: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        barOpacity: {\r\n            type: Number,\r\n            default: 0.6,\r\n        },\r\n        barOpacityHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            nativeBarWidth: 16, //預設bar寬度, 先給大值避免初始化時會顯示原本bar條\r\n\r\n            useEmitEvent: true, //是否可觸發事件\r\n            mouseEntering: false,\r\n            mouseLoc: '',\r\n\r\n            viewHeight: 0, //外框區高度px\r\n            contentHeight: 2, //內容區高度px, 一定要給>=2值(至少可能渲染2border)才能避免初始化無高度導致無法觸發後續事件\r\n\r\n            ratio: 0,\r\n            scrollInfor: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeScrollTop: function () {\r\n            //console.log('computed changeScrollTop')\r\n\r\n            let vo = this\r\n\r\n            //updateScrollTop\r\n            vo.updateScrollTop(vo.scrollTop)\r\n\r\n            return ''\r\n        },\r\n\r\n        panelHeight: function () {\r\n            //console.log('computed panelHeight')\r\n\r\n            let vo = this\r\n\r\n            return Math.min(vo.contentHeight, vo.viewHeightMax)\r\n        },\r\n\r\n        isMobile: function() {\r\n            //console.log('computed isMobile')\r\n\r\n            let vo = this\r\n\r\n            return vo.nativeBarWidth <= 0\r\n        },\r\n\r\n        contentHeightEff: function() {\r\n            let vo = this\r\n            return Math.max(vo.contentHeight - vo.panelHeight, 0)\r\n        },\r\n\r\n        viewTop: function() {\r\n            let vo = this\r\n            return vo.ratio * vo.contentHeightEff\r\n        },\r\n\r\n        viewBottom: function() {\r\n            let vo = this\r\n            return vo.viewTop + vo.viewHeightMax\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //nativeBarWidth\r\n            let divDetect = get(vo, '$refs.divDetect')\r\n            if (divDetect) {\r\n\r\n                //save nativeBarWidth\r\n                let w = divDetect.offsetWidth - divDetect.clientWidth\r\n                if (vo.nativeBarWidth !== w) {\r\n                    // console.log('resizePanel 需更新nativeBarWidth', w, '<-', vo.nativeBarWidth)\r\n                    vo.nativeBarWidth = w\r\n                }\r\n\r\n            }\r\n\r\n            //save\r\n            if (vo.viewHeight !== msg.snew.offsetHeight) {\r\n                // console.log('resizePanel 需更新viewHeight', msg.snew.offsetHeight, '<-', vo.viewHeight)\r\n                vo.viewHeight = msg.snew.offsetHeight\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'panel' })\r\n\r\n        },\r\n\r\n        resizeShell: function(msg) {\r\n            // console.log('methods resizeShell', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('resizeShell divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeShell 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'shell' })\r\n\r\n        },\r\n\r\n        mutation: function(msg) {\r\n            // console.log('methods mutation', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('mutation divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('mutation 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('mutation', { ...msg, from: 'content' })\r\n\r\n        },\r\n\r\n        visible: function(v) {\r\n            // console.log('methods visible', v)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('visible divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('visible 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('visible', { visible: v, from: 'content' })\r\n\r\n        },\r\n\r\n        updateRatio: function() {\r\n            // console.log('methods updateRatio')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //ratio\r\n            let ratio = 0\r\n            if (vo.contentHeightEff > 0) {\r\n                ratio = vo.$refs.divShell.scrollTop / vo.contentHeightEff\r\n            }\r\n\r\n            //save\r\n            vo.ratio = ratio\r\n\r\n        },\r\n\r\n        // updateScrollTopByRatio: function(r) {\r\n        //     // console.log('methods updateScrollTopByRatio', r)\r\n\r\n        //     let vo = this\r\n\r\n        //     //divShell\r\n        //     let divShell = get(vo, '$refs.divShell')\r\n\r\n        //     //check\r\n        //     if (!divShell) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //divBar\r\n        //     let divBar = get(vo, '$refs.divBar')\r\n\r\n        //     //check\r\n        //     if (!divBar) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //scrollTop\r\n        //     let h = vo.contentHeight - vo.panelHeight\r\n        //     let scrollTop = 0\r\n        //     if (h > 0) {\r\n        //         scrollTop = r * h\r\n        //     }\r\n\r\n        //     //update scrollTop\r\n        //     vo.$refs.divShell.scrollTop = scrollTop\r\n        //     vo.$refs.divBar.scrollTop = scrollTop\r\n\r\n        // },\r\n\r\n        updateScrollTop: function(scrollTop) {\r\n            // console.log('methods updateScrollTop', scrollTop)\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait divShell與divBar, 組件初始化時會先觸發computed才會有實體元素出現, 故得用waitFun等待\r\n                await waitFun(() => {\r\n                    return vo.$refs.divShell !== undefined && vo.$refs.divBar !== undefined\r\n                }, { timeInterval: 20 })\r\n\r\n                //update scrollTop\r\n                if (vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divShell.scrollTop = scrollTop\r\n                }\r\n                if (vo.$refs.divBar) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divBar.scrollTop = scrollTop\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        updateScrollInfor: function() {\r\n            //console.log('methods updateScrollInfor')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //scrollInfor\r\n            let scrollInfor = {\r\n                r: vo.ratio,\r\n                sti: vo.scrollTop, //輸入給予scrollTop\r\n                stn: vo.$refs.divShell.scrollTop, //目前scrollTop, 要等emit scrollTop出去後才會與sti同值\r\n                dir: vo.scrollTop > vo.$refs.divShell.scrollTop ? 'up' : 'down', //判斷是往上還往下捲\r\n                t: vo.viewTop,\r\n                b: vo.viewBottom,\r\n                ch: vo.contentHeight,\r\n                che: vo.contentHeightEff,\r\n                // ph: vo.panelHeight,\r\n            }\r\n\r\n            //save\r\n            if (!isEqual(vo.scrollInfor, scrollInfor)) {\r\n                vo.scrollInfor = scrollInfor\r\n            }\r\n\r\n        },\r\n\r\n        scrollShell: function(ev) {\r\n            // console.log('methods scrollShell', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter shell'\r\n            }\r\n            if (vo.mouseLoc !== 'enter shell') {\r\n                return\r\n            }\r\n            // console.log('scrollShell')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divBar\r\n            vo.$refs.divBar.scrollTop = vo.$refs.divShell.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'shell' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'shell' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollShell clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        scrollBar: function(ev) {\r\n            // console.log('methods scrollBar', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter bar'\r\n            }\r\n            if (vo.mouseLoc !== 'enter bar') {\r\n                return\r\n            }\r\n            // console.log('scrollBar')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divShell\r\n            vo.$refs.divShell.scrollTop = vo.$refs.divBar.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'bar' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'bar' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollBar clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        triggerEvent: function(name, msg) {\r\n            // console.log('methods triggerEvent', name, msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.useEmitEvent) {\r\n                return\r\n            }\r\n\r\n            //emit\r\n            vo.$emit(name, msg)\r\n\r\n            //updateScrollInfor\r\n            vo.updateScrollInfor()\r\n\r\n            //emit\r\n            vo.$emit('change-infor', {\r\n                evName: name,\r\n                evMsg: msg,\r\n                ...vo.scrollInfor,\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.sb {\r\n    transition: opacity 0.3s;\r\n    /* Works on Firefox */\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0,0,0,0.3) transparent;\r\n}\r\n/* Works on Chrome, Edge, and Safari */\r\n.sb::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n.sb::-webkit-scrollbar-track {\r\n    background: transparent;\r\n}\r\n.sb::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),Nu,"data-v-01f5c13c",false,undefined,!1,xa,void 0,void 0);const Yu={directives:{domresize:$i()},components:{WPanelScrollyCore:Ku},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{top:0,viewHeight:0,viewHeightTemp:0,contentHeight:0,contentHeightTemp:0}},computed:{},methods:{resizePanel:function(n){this.viewHeight=n.snew.offsetHeight}}};var Ju=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],on:{domresize:n.resizePanel}},[t("WPanelScrollyCore",n._g({attrs:{viewHeightMax:n.viewHeight,scrollTop:n.scrollTop,barOpacity:n.barOpacity,barOpacityHover:n.barOpacityHover}},n.$listeners),[n._t("default")],2)],1)};Ju._withStripped=!0;const Uu=ya({render:Ju,staticRenderFns:[]},(function(n){n&&n("data-v-1626f0ce_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScrolly.vue"},media:void 0})}),Yu,"data-v-1626f0ce",false,undefined,!1,xa,void 0,void 0);const Qu={components:{demolink:nu,WPanelScrolly:Uu},props:{},data:function(){return{WPanelScrolly:{tableStyle:"border-collapse:collapse; background-image:linear-gradient(141deg, #4cc5f8 0%, #3fd8eb 75%);",tdStyle:"padding:50px 22px; color:white; border:1px solid rgba(255,255,255,0.5); font-size:0.8rem;",scrollTop:100},actions:[]}},methods:{getEvents:function(n,e){console.log("getEvents",n,e)},updateScrollTop:function(n){console.log("updateScrollTop",n)}}};var qu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"default"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"events"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},on:{scroll:function(e){n.getEvents("scroll",e)},"scroll-infor":function(e){n.getEvents("scroll-infor",e)},resize:function(e){n.getEvents("resize",e)},mutation:function(e){n.getEvents("mutation",e)},visible:function(e){n.getEvents("visible",e)},"update:scrollTop":function(e){n.getEvents("update:scrollTop",e)}}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"barOpacity & barOpacityHover"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{barOpacity:0,barOpacityHover:.8}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"scrollTop"}}),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",color:"#aaa"}},[n._v("scrollTop: "+n._s(n.WPanelScrolly.scrollTop))]),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{scrollTop:n.WPanelScrolly.scrollTop},on:{"update:scrollTop":[function(e){return n.$set(n.WPanelScrolly,"scrollTop",e)},n.updateScrollTop],"update:scroll-top":function(e){return n.$set(n.WPanelScrolly,"scrollTop",e)}}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1)])])};qu._withStripped=!0;const np=ya({render:qu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-scrolly")])])}]},(function(n){n&&n("data-v-23ce766a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelScrolly.vue"},media:void 0})}),Qu,"data-v-23ce766a",false,undefined,!1,xa,void 0,void 0);const ep={components:{WIcon:_a,WTooltip:Od},props:{paddingStyle:{type:Object,default:()=>({v:0,h:15})},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderWidth:{type:Number,default:1},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},shadow:{type:Boolean,default:!0},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-2"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0},hovered:{type:Boolean,default:!1},focused:{type:Boolean,default:!1}},data:function(){return{hoveredTrans:!1,focusedTrans:!1}},computed:{changeParam:function(){let n=this;return n.hoveredTrans=n.hovered,n.focusedTrans=n.focused,""},useBackgroundColor:function(){let n=this,e={};return n.focusedTrans?(e["background-color"]=Oi(n.backgroundColorFocus),e):n.hoveredTrans?(e["background-color"]=Oi(n.backgroundColorHover),e):(e["background-color"]=Oi(n.backgroundColor),e)},useBorder:function(){let n=this,e={};return n.focusedTrans?(e.border=`${n.borderWidth}px solid ${Oi(n.borderColorFocus)}`,e):n.hoveredTrans?(e.border=`${n.borderWidth}px solid ${Oi(n.borderColorHover)}`,e):(e.border=`${n.borderWidth}px solid ${Oi(n.borderColor)}`,e)},useShadow:function(){let n={};return this.shadow&&(n["box-shadow"]="0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"),n},useLeftIconColor:function(){let n=this;return n.hoveredTrans?Oi(n.leftIconColorHover):n.focusedTrans?Oi(n.leftIconColorFocus):Oi(n.leftIconColor)},useRightIconColor:function(){let n=this;return n.hoveredTrans?Oi(n.rightIconColorHover):n.focusedTrans?Oi(n.rightIconColorFocus):Oi(n.rightIconColor)},useTitleColor:function(){let n={};return n.color=Oi(this.titleColor),n},usePadding:function(){return{padding:ma(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return Ao(this.leftIconTooltip)},hasRightIconTooltop:function(){return Ao(this.rightIconTooltip)},useVerticalAlign:function(){let n=this,e={};return"center"===n.verticalAlign?e["align-items"]="center":"top"===n.verticalAlign?e["align-items"]="flex-start":"bottom"===n.verticalAlign&&(e["align-items"]="flex-end"),e}},methods:{clickIcon:function(n){let e=this;!1!==e.editable&&e.$nextTick((()=>{e.$emit("click-"+n)}))},mouseenter:function(){let n=this;n.hoveredTrans=!0,n.$nextTick((()=>{n.$emit("update:hovered",!0)}))},mouseleave:function(){let n=this;n.hoveredTrans=!1,n.$nextTick((()=>{n.$emit("update:hovered",!1)}))}}};var tp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{style:[{transition:"all 0.3s",display:"flex","justify-content":"flex-start","border-radius":n.borderRadius+"px",opacity:n.editable?1:.6},n.usePadding,n.useBackgroundColor,n.useBorder,n.useShadow,n.useVerticalAlign],on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[n.leftIcon?t("div",{style:"margin-left:"+n.iconShiftOuter+"px; margin-right:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("left")},click:function(e){return n.clickIcon("left")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasLeftIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"leftIcon"}},[t("WIcon",{attrs:{icon:n.leftIcon,size:n.leftIconSize,color:n.useLeftIconColor,colorHover:n.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3849071383)})],1):n._e(),n._v(" "),t("div",{style:[{width:"100%"}]},[n._t("default")],2),n._v(" "),n.rightIcon?t("div",{style:"margin-right:"+n.iconShiftOuter+"px; margin-left:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("right")},click:function(e){return n.clickIcon("right")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasRightIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"rightIcon"}},[t("WIcon",{attrs:{icon:n.rightIcon,size:n.rightIconSize,color:n.useRightIconColor,colorHover:n.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1563142679)})],1):n._e()])])};tp._withStripped=!0;const op=ya({render:tp,staticRenderFns:[]},(function(n){n&&n("data-v-18db5f73_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),ep,"data-v-18db5f73",false,undefined,!1,xa,void 0,void 0);const rp={components:{},props:{borderColor:{type:String,default:"grey lighten-1"},borderColorHover:{type:String,default:"grey"},borderColorFocus:{type:String,default:"blue darken-2"},borderWidth:{type:Number,default:1},borderWidthHover:{type:Number,default:1},borderWidthFocus:{type:Number,default:2},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,hoverTrans:!1}},computed:{changeParam:function(){return this.focusedTrans=this.focused,""},useBorderWidth:function(){let n=this;return n.hoverTrans?n.borderWidthHover:n.borderWidth},useBorderColor:function(){let n=this;return n.hoverTrans?Oi(n.borderColorHover):Oi(n.borderColor)},useBorderColorFocus:function(){return Oi(this.borderColorFocus)}},methods:{}};var ip=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{staticStyle:{position:"relative"},on:{mouseenter:function(e){n.hoverTrans=!0},mouseleave:function(e){n.hoverTrans=!1}}},[n._t("default"),n._v(" "),t("div",{style:"position:absolute; left:0px; right:0px; bottom:0px; z-index:1; border-bottom:"+n.useBorderWidth+"px solid "+n.useBorderColor+";"}),n._v(" "),t("transition",{attrs:{name:"fade"}},[n.focused?t("div",{style:"position:absolute; left:0px; right:0px; bottom:0px; z-index:2; border-bottom:"+n.borderWidthFocus+"px solid "+n.useBorderColorFocus+";"}):n._e()])],2)])};ip._withStripped=!0;const ap=ya({render:ip,staticRenderFns:[]},(function(n){n&&n("data-v-b94ad244_0",{source:"\n.fade-enter-active[data-v-b94ad244], .fade-leave-active[data-v-b94ad244] {\r\n    transition: all 0.3s;\n}\n.fade-enter[data-v-b94ad244], .fade-leave-to[data-v-b94ad244] {\r\n    transform: scaleX(0);\n}\n.fade-enter-to[data-v-b94ad244], .fade-leave[data-v-b94ad244] {\r\n    transform: scaleX(100%);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WShellBottomLine.vue"],names:[],mappings:";AAiIA;IACA,oBAAA;AACA;AACA;IACA,oBAAA;AACA;AACA;IACA,uBAAA;AACA",file:"WShellBottomLine.vue",sourcesContent:["<template>\r\n    <div :changeParam=\"changeParam\">\r\n\r\n        <div\r\n            style=\"position:relative;\"\r\n            @mouseenter=\"hoverTrans=true\"\r\n            @mouseleave=\"hoverTrans=false\"\r\n        >\r\n\r\n            <slot></slot>\r\n\r\n            <div\r\n                :style=\"`position:absolute; left:0px; right:0px; bottom:0px; z-index:1; border-bottom:${useBorderWidth}px solid ${useBorderColor};`\"\r\n            ></div>\r\n\r\n            <transition name=\"fade\">\r\n                <div\r\n                    :style=\"`position:absolute; left:0px; right:0px; bottom:0px; z-index:2; border-bottom:${borderWidthFocus}px solid ${useBorderColorFocus};`\"\r\n                    v-if=\"focused\"\r\n                ></div>\r\n            </transition>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [borderWidth=1] 輸入線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [borderColor='grey lighten-1'] 輸入線顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [borderColorHover='grey'] 輸入滑鼠移入時線顏色字串，預設'grey'\r\n * @vue-prop {String} [borderColorFocus='blue darken-2'] 輸入取得焦點時線顏色字串，預設'blue darken-2'\r\n * @vue-prop {Number} [borderWidthHover=1] 輸入滑鼠移入時線寬度數字，單位為px，預設1\r\n * @vue-prop {Number} [borderWidthFocus=2] 輸入取得焦點時線寬度數字，單位為px，預設2\r\n * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        borderColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        borderColorFocus: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        borderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderWidthHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderWidthFocus: {\r\n            type: Number,\r\n            default: 2,\r\n        },\r\n        focused: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            focusedTrans: false,\r\n            hoverTrans: false,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //focusedTrans\r\n            vo.focusedTrans = vo.focused\r\n\r\n            return ''\r\n        },\r\n\r\n        useBorderWidth: function() {\r\n            //console.log('computed useBorderWidth')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoverTrans) {\r\n                return vo.borderWidthHover\r\n            }\r\n            return vo.borderWidth\r\n        },\r\n\r\n        useBorderColor: function() {\r\n            //console.log('computed useBorderColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoverTrans) {\r\n                return convertColor(vo.borderColorHover)\r\n            }\r\n            return convertColor(vo.borderColor)\r\n        },\r\n\r\n        useBorderColorFocus: function() {\r\n            //console.log('computed useBorderColorFocus')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.borderColorFocus)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.fade-enter-active, .fade-leave-active {\r\n    transition: all 0.3s;\r\n}\r\n.fade-enter, .fade-leave-to {\r\n    transform: scaleX(0);\r\n}\r\n.fade-enter-to, .fade-leave {\r\n    transform: scaleX(100%);\r\n}\r\n</style>\r\n"]},media:void 0})}),rp,"data-v-b94ad244",false,undefined,!1,xa,void 0,void 0);function lp(n){if(!Wi(n))return!1;return _i(n)>=0}function sp(n){if(!Ii(n))return!1;return Pi(n)<0}function cp(n,e){let t=!1,o="";if("isstr"===e)To(n)||(t=!0,o="需要為字串",n="");else if("isnum"===e)Wi(n)||(t=!0,o="需要為數字",n=0);else if("isp0num"===e)lp(n)||(t=!0,o="需要為含0的正浮點數",n=0);else if("isn0num"===e)Wi(r=n)&&_i(r)<=0||(t=!0,o="需要為含0的負浮點數",n=0);else if("isint"===e)Ii(n)||(t=!0,o="需要為整數",n=0);else if("ispint"===e)Fi(n)||(t=!0,o="需要為不含0正整數",n=0);else if("isp0int"===e)Ql(n)||(t=!0,o="需要為含0正整數",n=0);else if("isnint"===e)sp(n)||(t=!0,o="需要為不含0負整數",n=0);else if("isn0int"===e)(function(n){return!!Ii(n)&&Pi(n)<=0})(n)||(t=!0,o="需要為含0負整數",n=0);else if(ji(e)){n=e(n)}else"any"===e?Wi(n)||To(n)||(t=!0,o="需要為字串或數字",n=""):(t=!0,o="需要指定驗證類型",n=null);var r;return{value:n,err:t,errmsg:o}}var dp={props:{type:{type:[String,Function],default:"any"},value:{type:[String,Number],default:""},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},password:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){return this.valueTrans=this.value,""},useHeight:function(){let n=this,e="";return Wi(n.height)?e=`height:${n.height}px;`:Ao(n.height)&&(e=`height:${n.height}; line-height:${n.height};`),e},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTextColor:function(){return Oi(this.textColor)}},methods:{setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(n){let e=this;e.focused!==n&&e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateValue:function(n){let e=this,t=cp(e.valueTrans,e.type);e.valueTrans=t.value,e.errmsg=t.errmsg},trigger:function(n,e){let t=this;t.$nextTick((()=>{t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};const up=dp;var pp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},["checkbox"==(n.password?"password":"text")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{readonly:!n.editable,placeholder:n.placeholder,type:"checkbox"},domProps:{checked:Array.isArray(n.valueTrans)?n._i(n.valueTrans,null)>-1:n.valueTrans},on:{input:function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)},change:[function(e){var t=n.valueTrans,o=e.target,r=!!o.checked;if(Array.isArray(t)){var i=n._i(t,null);o.checked?i<0&&(n.valueTrans=t.concat([null])):i>-1&&(n.valueTrans=t.slice(0,i).concat(t.slice(i+1)))}else n.valueTrans=r},function(e){n.trigger("change",e)}],focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}}):"radio"==(n.password?"password":"text")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{readonly:!n.editable,placeholder:n.placeholder,type:"radio"},domProps:{checked:n._q(n.valueTrans,null)},on:{input:function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)},change:[function(e){n.valueTrans=null},function(e){n.trigger("change",e)}],focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}}):t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{readonly:!n.editable,placeholder:n.placeholder,type:n.password?"password":"text"},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}})])};pp._withStripped=!0;const mp=ya({render:pp,staticRenderFns:[]},(function(n){n&&n("data-v-fa076c2c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),up,"data-v-fa076c2c",false,undefined,!1,xa,void 0,void 0);const vp={components:{WShellEllipse:op,WShellBottomLine:ap,WTextCore:mp},props:{paddingStyle:{type:Object,default:()=>({v:0,h:0})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!1},type:{type:[String,Function],default:"any"},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"blue"},leftIconColorHover:{type:String,default:"blue darken-1"},leftIconColorFocus:{type:String,default:"blue darken-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"blue"},rightIconColorHover:{type:String,default:"blue darken-1"},rightIconColorFocus:{type:String,default:"blue darken-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:0},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},bottomLineBorderColor:{type:String,default:"grey lighten-1"},bottomLineBorderColorHover:{type:String,default:"grey"},bottomLineBorderColorFocus:{type:String,default:"blue darken-1"},bottomLineBorderWidth:{type:Number,default:1},bottomLineBorderWidthHover:{type:Number,default:1},bottomLineBorderWidthFocus:{type:Number,default:2},placeholder:{type:String,default:""},height:{type:Number,default:28},password:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeFocused:function(){return this.focusedTrans=this.focused,""}},methods:{modifyFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var gp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeFocused:n.changeFocused}},[t("WShellBottomLine",{attrs:{borderColor:n.bottomLineBorderColor,borderColorHover:n.bottomLineBorderColorHover,borderColorFocus:n.bottomLineBorderColorFocus,borderWidth:n.bottomLineBorderWidth,borderWidthHover:n.bottomLineBorderWidthHover,borderWidthFocus:n.bottomLineBorderWidthFocus,focused:n.focusedTrans}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("WTextCore",{attrs:{type:n.type,textFontSize:n.textFontSize,textColor:n.textColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,password:n.password,editable:n.editable,value:n.value,focused:n.focusedTrans},on:{"update:focused":n.modifyFocused,select:function(e,t,o){n.$emit("select",e,t,o)},blur:function(e,t,o){n.$emit("blur",e,t,o)},enter:function(e,t,o){n.$emit("enter",e,t,o)},input:function(e,t,o){n.$emit("input",e,t,o)},change:function(e,t,o){n.$emit("change",e,t,o)}}})],1)],1)],1)};gp._withStripped=!0;const hp=ya({render:gp,staticRenderFns:[]},(function(n){n&&n("data-v-43875b64_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WText.vue"},media:void 0})}),vp,"data-v-43875b64",false,undefined,!1,xa,void 0,void 0);var fp={props:{value:{type:[String,Number],default:""},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){let n=this;return n.valueTrans=n.value,n.updateHeight(),""},useHeight:function(){let n=this,e="";return Wi(n.height)?e=`height:${n.height}px;`:Ao(n.height)&&(e=`height:${n.height};`),e},useOverflow:function(){let n="overflow:hidden;";return Ao(this.useHeight)&&(n="overflow:auto;"),n},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTextColor:function(){return Oi(this.textColor)}},methods:{updateHeight:function(){let n=this;Ao(n.useHeight)||Zu((()=>void 0!==n.$refs.ta),{timeInterval:20}).then((()=>{try{let e=n.$refs.ta;e.style.height="auto",e.style.height=e.scrollHeight+"px"}catch(n){}})).catch((n=>{console.log(n)}))},setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.ta.focus()},updateFocused:function(n){let e=this;e.focused!==n&&e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateValue:function(n){this.errmsg=""},trigger:function(n,e){let t=this;t.$nextTick((()=>{t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};const bp=fp;var yp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("textarea",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"ta",style:"\n            transition:all 0.3s;\n            display:block;\n            outline:none;\n            width:100%;\n            box-sizing:border-box;\n            border-style:none;\n            resize:none;\n            background:transparent;\n            color:"+n.useTextColor+";\n            "+n.useHeight+"\n            text-align:"+n.textAlign+";\n            "+n.useTextFontSize+"\n            "+n.useOverflow+"\n            opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";\n        ",attrs:{rows:"1",readonly:!n.editable,placeholder:n.placeholder},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateHeight(e.srcElement),n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}})])};yp._withStripped=!0;const kp={components:{WShellEllipse:op,WShellBottomLine:ap,WTextareaCore:ya({render:yp,staticRenderFns:[]},(function(n){n&&n("data-v-a4a195ac_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextareaCore.vue"},media:void 0})}),bp,"data-v-a4a195ac",false,undefined,!1,xa,void 0,void 0)},props:{paddingStyle:{type:Object,default:()=>({v:0,h:0})},borderRadius:{type:Number,default:4},shadow:{type:Boolean,default:!1},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"blue"},leftIconColorHover:{type:String,default:"blue darken-1"},leftIconColorFocus:{type:String,default:"blue darken-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"blue"},rightIconColorHover:{type:String,default:"blue darken-1"},rightIconColorFocus:{type:String,default:"blue darken-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:0},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},bottomLineBorderColor:{type:String,default:"grey lighten-1"},bottomLineBorderColorHover:{type:String,default:"grey"},bottomLineBorderColorFocus:{type:String,default:"blue darken-1"},bottomLineBorderWidth:{type:Number,default:1},bottomLineBorderWidthHover:{type:Number,default:1},bottomLineBorderWidthFocus:{type:Number,default:2},placeholder:{type:String,default:""},height:{type:[Number,String],default:null},verticalAlign:{type:String,default:"top"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var xp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("WShellBottomLine",{attrs:{borderColor:n.bottomLineBorderColor,borderColorHover:n.bottomLineBorderColorHover,borderColorFocus:n.bottomLineBorderColorFocus,borderWidth:n.bottomLineBorderWidth,borderWidthHover:n.bottomLineBorderWidthHover,borderWidthFocus:n.bottomLineBorderWidthFocus,focused:n.focusedTrans}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,verticalAlign:n.verticalAlign,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("WTextareaCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,value:n.value,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,select:function(e,t,o){n.$emit("select",e,t,o)},blur:function(e,t,o){n.$emit("blur",e,t,o)},enter:function(e,t,o){n.$emit("enter",e,t,o)},input:function(e,t,o){n.$emit("input",e,t,o)},change:function(e,t,o){n.$emit("change",e,t,o)}}})],1)],1)],1)};xp._withStripped=!0;const Cp=ya({render:xp,staticRenderFns:[]},(function(n){n&&n("data-v-54b875e6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextarea.vue"},media:void 0})}),kp,"data-v-54b875e6",false,undefined,!1,xa,void 0,void 0);const Sp={components:{WTooltip:Od},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})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var wp=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WTooltip",n._g(n._b({scopedSlots:n._u([{key:"trigger",fn:function(){return[n._t("trigger")]},proxy:!0},{key:"content",fn:function(e){return[n._t("content",null,{funHide:e.funHide})]}}],null,!0)},"WTooltip",Object.assign({},n.$props,{mode:"popup"}),!1),n.$listeners))};wp._withStripped=!0;const Wp=ya({render:wp,staticRenderFns:[]},(function(n){n&&n("data-v-74cd6d9f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Sp,"data-v-74cd6d9f",false,undefined,!1,xa,void 0,void 0);function _p(n){return null==n?[]:function(n,e){return ln(e,(function(e){return n[e]}))}(n,Le(n))}function Ip(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;Wi(n)||(n=10);let e=Dl();return setTimeout((function(){e.resolve()}),n),e}function Tp(n,e){if(!fa(n))return[];if(!Ao(e)&&!fa(e))return[];let t=null;t=Ao(e)?Rl(e," "):e;let o=Oo(t);let r=Io(n,(n=>function(n){let e=!1,r=0;for(let i=0;i<o;i++){let a=t[i],l=a,s="+"===ql(a,1),c="-"===ql(a,1);if((s||c)&&(l=es(a,1)),""===Tl(l))continue;let d=n.indexOf(l)>=0;if(s){if(d){e=!0,r=1;break}e=!1,r=0;break}if(c){if(d){e=!1,r=0;break}e=!0,r=1;break}if(d){e=!0;let n=1-i/o;n=n**2,r+=n}}return{hasKeyword:e,weight:r}}(n)));return r}function Ap(n){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(ga(n))return"";let t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}let Bp=function(n){if(!ji(n))throw new Error("fn is not a function");return function(){let e=Dl(),t=null,o=null;try{t=n.apply(this,arguments)}catch(n){o=n}return null!==o?e.resolve({state:"error",msg:o}):Vu(t)?t.then((n=>{e.resolve({state:"success",msg:n})})).catch((n=>{"cancelled"===fn(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})})):e.resolve({state:"success",msg:t}),e}};function Hp(){let n=Di(),e=[],t=null,o=!1;return function(r){let i=Dl();if(!ji(r))return void console.log("func is not a function");let a=Zi();for(var l=arguments.length,s=new Array(l>1?l-1:0),c=1;c<l;c++)s[c-1]=arguments[c];return e.push({id:a,func:r,input:s}),null===t&&(t=setInterval((async()=>{if(o)return;o=!0;let r=e.pop();for(let t=0;t<e.length;t++){let o=e[t].id,r={state:"cancelled"};n.emit(o,r)}if(e=[],r){let e,t=r.id;e=ji(r.func)?await Bp(r.func)(...r.input):{state:"error",msg:"fun is not a function"},n.emit(t,e)}o=!1,o||0!==e.length||(clearInterval(t),t=null)}),10)),n.once(a,(n=>{"success"===n.state?i.resolve(n.msg):"cancelled"===n.state?i.reject({reason:"cancelled"}):i.reject(n.msg)})),i}}function Pp(n,e,t){for(var o=-1,r=n.length;++o<r;){var i=n[o],a=e(i);if(null!=a&&(void 0===l?a==a&&!f(a):t(a,l)))var l=a,s=i}return s}function Fp(n,e){return n>e}function Lp(n,e){let t=Oo(n),o=0,r=e(o),i=t-1,a=e(i),l=!0,s=null;for(;l;){let n=Math.floor((i+o)/2),t=e(n);if(r<0&&t<0&&a<0){s=null,l=!1;break}if(r>0&&t>0&&a>0){s=null,l=!1;break}if(0===r){s=o,l=!1;break}if(0===t){s=n,l=!1;break}if(0===a){s=i,l=!1;break}if(n===o||n===i){let e=[{i:o,v:r},{i:n,v:t},{i:i,v:a}];e=Bl(e,(n=>n.v<=0)),s=(d="v",(c=e)&&c.length?Pp(c,Wo(d),Fp):void 0).i,l=!1;break}r*t>0?(o=n,r=t):(i=n,a=t)}var c,d;return s}let Rp={};function Dp(){return{set:function(n,e){Rp[n]=e},get:function(n){return Rp[n]},remove:function(n){delete Rp[n]}}}let jp=Dp();var zp={components:{WPanelScrollyCore:Ku},props:{rows:{type:Array,default:()=>[]},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:Hp(),dbcRefresh:$u(),dbcSetRows:$u(),mmkey:Zi(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,filterKeywordsTemp:"",itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let n=this;null!==n.mmkey&&jp.remove(n.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler(n){this.setRows(n)}}},computed:{changeFilterKeyWords:function(){let n=this.filterKeywords;return this.filterDebounce(),n}},methods:{getRows:function(){return jp.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!va(n)){return"rows is not array"}null!==e.mmkey&&jp.remove(e.mmkey);let t=Io(n,((n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n})));jp.set(e.mmkey,t),e.changeDisplay=!0},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=Oo(n)<=1e4,e.setRowsCore(n),await e.refreshCore("setRows")}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1}))},setRowsDebounce:function(n){let e=this;e.lockFromSetRows=!0,e.dbcSetRows((()=>{e.setRows(n)}))},genUseItems:function(){let n=this;if(null===n.mmkey)return;let e=jp.get(n.mmkey),t=Oo(e),o=[],r=!1,i=!1;if(t>0){let i=Lp(e,(t=>{let o=e[t];return n.scrollInfor.t-(o.y+o.height)}));null===i&&(i=0);let a=Math.max(i-1,0),l=Lp(e,(t=>{let o=e[t];return n.scrollInfor.b-o.y}));null===l&&(l=t-1);let s=Math.min(l+n.itemsPreload,t-1),c=0;for(let n=0;n<a;n++){let t=e[n];t.displayShow&&t.filterShow&&(c+=t.height)}let d=0;for(let n=s+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(d+=t.height)}for(let t=a;t<=s;t++){let r=ci(e[t]);r.displayShow&&r.filterShow&&(r.nowShow=!0,r.top=r.y-n.scrollInfor.t,o.push(r))}n.itemsHeightPre!==c&&(r=!0,n.itemsHeightPre=c),n.itemsHeightAft!==d&&(r=!0,n.itemsHeightAft=d)}if(Uo(n.useItems,o)||(i=!0,n.useItems=o),n.$refs.wdsDiv){let e=Io(o,"row"),t=Io(o,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),Uo(n.emItemsTemp,t)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:e,items:t}),n.emItemsTemp=t)}return{change:r||i}},syncItemsHeight:function(n,e){let t=!1;return 0===Oo(n)||Ve(fn(this,"$refs.wdsDiv",[]),((o,r)=>{if(!o.getAttribute)return console.log("找不到getAttribute"),!0;let i=o.getAttribute("index");if(!Ql(i))return console.log("!isp0int(index)",i),!0;i=Pi(i);let a=fn(o,"children.0");if(!oa(a))return console.log("!isEle(cnode)",a),!0;let l=a.offsetHeight;n[i].height!==l&&(ji(e)&&e(i,l),t=!0)})),t},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=jp.get(n.mmkey),t=Oo(e);n.changeHeight=n.syncItemsHeight(e,((n,t)=>{e[n].height=t})),n.show||(n.changeHeight=!1);let o=null,r=n.changeHeight||n.changeDisplay||n.changeFilter;if(r){let r=0;for(let n=0;n<t;n++){let t=e[n];t.y!==r&&(e[n].y=r),t.displayShow&&t.filterShow&&(r+=t.height)}o=n.itemsHeight,o!==r&&(o=r),0===o&&(o=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:r,itemsHeight:o}},refreshCore:async function(n){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let t=0,o=3;await async function(){e.lockFromRefreshUseItems=!0;let n=ci(e.scrollInfor),r=await async function(){let n=Dl();if(t+=1,t>o)return n.resolve(null),n;e.filterItems();let r=e.genUseItems();await Ip(20);let i=e.updateItemsHeight();return n.resolve({genUseItems:r,updateItemsHeight:i}),n}(),i=fn(r,"genUseItems.change",!1)||fn(r,"updateItemsHeight.change",!1),a=fn(r,"updateItemsHeight.itemsHeight",null);if(ua(a))if(a<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=a-n.ch);let o=e.scrollTop+t;e.scrollTop!==o&&(e.scrollTop=o),e.itemsHeight=a,e.$emit("change-height-of-items",{height:a})}i&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromRefreshUseItems=!1}))},refresh:function(n){this.pmtRefresh(this.refreshCore,n).catch((()=>{}))},filterDebounce:function(){let n=this;n.dbcRefresh((()=>{n.refreshCore("filterDebounce")}))},changeInfor:function(n){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((()=>{e.scrollInfor=n,e.refresh("changeInfor")})))},processItems:async function(n={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let t=jp.get(e.mmkey);if(!va(t))return;let o=fn(n,"fun",null);if(ji(o)){let n=o(t);Vu(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let r=fn(n,"indStart",null),i=fn(n,"indEnd",null);if(Ii(r)&&Ii(i)){let o=fn(n,"displayShow",null);if(ca(o)){for(let n=r;n<=i;n++){fn(t,n,null)&&(t[n].displayShow=o)}e.changeDisplay=!0}let a=fn(n,"filterShow",null);if(ca(a)){for(let n=r;n<=i;n++){fn(t,n,null)&&(t[n].filterShow=a)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromProcess=!1}))},setSearchingResults:function(n){this.searchingResults=n},filterItems:function(){let n=this;if(null===n.mmkey)return;if(n.filterKeywordsTemp===n.filterKeywords)return;n.filterKeywordsTemp=n.filterKeywords;let e=jp.get(n.mmkey),t=Oo(e);if(n.searchingResults=-1,0===Oo(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),o=Io(e,(n=>{let e=n.row,t="";return t=To(e)?e:Wi(e)?pn(e):Yi(e)?Fl(_p(e)," "):Ap(e),t=t.toLowerCase(),t})),r=Tp(o,t),i=0;Ve(e,((n,t)=>{let o=r[t];e[t].filterShow=o.hasKeyword,o.hasKeyword&&i++})),n.searchingResults=i}n.changeFilter=!0},triggerEvent:function(n,e){let t=fn(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const Vp=zp;var Zp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,(function(e,o){return[t("div",{key:"kitem-"+o,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:o,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]}))],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};Zp._withStripped=!0;const $p=ya({render:Zp,staticRenderFns:[]},(function(n){n&&n("data-v-3a897dd0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Vp,"data-v-3a897dd0",false,undefined,!1,xa,void 0,void 0);const Ep={components:{WPopup:Wp,WTextCore:mp,WDynamicList:$p,WIcon:_a},props:{mode:{type:String,default:"suggest"},value:{type:[Object,String,Number],default:null},items:{type:Array,default:()=>[]},height:{type:[Number,String],default:""},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},itemTextFontSize:{type:String,default:"0.8rem"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#333"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},expansionIcon:{type:String,default:fl},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},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,showPanelTrans:!1,valueTrans:null}},computed:{changeFocusedFromPopup:function(){return this.focusedTrans=this.focused,""},changeShowPanelFromPopup:function(){let n=this;return Oo(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return Qo(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTextColor:function(){return Oi(this.textColor)},useItemBackgroundColor:function(){return Oi(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return Oi(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=Ki(n,";",""),`font-size:${n};`},useItemTextColor:function(){return Oi(this.itemTextColor)},useItemTextColorHover:function(){return Oi(this.itemTextColorHover)},useItemPadding:function(){return`padding:${ma(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return Oi(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return Qo(n)?n[e.keyText]:n},selectText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(n,e){this.editable&&this.triggerAll({focused:n},"updateFocused")},updateShowPanel:function(n,e){this.editable&&this.triggerAll({showPanel:n,focused:n},"updateShowPanel")},updateValue:function(n){let e=this;e.editable&&(e.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(n,e){let t=this;t.editable&&(t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"),t.triggerAll({showPanel:!1,focused:!1},"clickItem"))},triggerEvent:function(n,e,t,o){let r=this;r.editable&&r.$nextTick((()=>{r.$emit(n,e,t)}))},triggerAll:function(n,e){let t=this;if(!t.editable)return;let o=fn(n,"showPanel",null),r=fn(n,"focused",null);setTimeout((()=>{ca(r)&&t.focusedTrans!==r&&(t.focusedTrans=r,t.triggerEvent("update:focused",r,null,"triggerAll")),ca(o)&&t.showPanelTrans!==o&&(Oo(t.items)>0?t.showPanelTrans=o:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",o,null,"triggerAll"))}),20)}}};var Gp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{displayType:"line",minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDistX:n.placementDistX,placementDistY:n.placementDistY,editable:n.editable,value:n.showPanelTrans,changeValueFromPopup:n.changeValueFromPopup,changeFocusedFromPopup:n.changeFocusedFromPopup,changeShowPanelFromPopup:n.changeShowPanelFromPopup},on:{input:function(e){n.updateShowPanel(e,"WPopup")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",[t("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===n.mode?t("div",{style:"width:100%; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{_tabindex:"0"},on:{focus:n.focusText}},[n._t("select",(function(){return[n._v("\n                        "+n._s(n.valueTrans)+"\n                    ")]}),{item:n.value,text:n.valueTrans})],2):n._e(),n._v(" "),"suggest"===n.mode?t("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:n.textFontSize,textColor:n.useTextColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,focused:n.focusedTrans,value:n.valueTrans},on:{"update:focused":function(e){n.updateFocused(e,"update:focused"),n.triggerEvent("blur",n.value,null,"blur")},enter:function(e){return n.triggerEvent("enter",n.value,null,"enter")},input:n.updateValue,select:n.selectText}}):n._e(),n._v(" "),t("div",{},[t("div",{style:"transform:rotate("+(n.useRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.uesExpansionIconColor,colorHover:n.uesExpansionIconColor,size:n.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[t("div",[t("WDynamicList",{attrs:{rows:n.items,filterKeywords:"suggest"===n.mode?n.valueTrans:"",viewHeightMax:n.maxHeight,itemMinHeight:n.defItemHeight,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,show:n.showPanelTrans},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+n.useItemBackgroundColor+"; color:"+n.useItemTextColor+"; "+n.useItemTextFontSize+" "+n.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:n.clickItem(e.row,e.index)},click:function(t){return n.clickItem(e.row,e.index)},mouseenter:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},mouseleave:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor},focus:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},blur:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor}}},[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.row)))])]}),{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};Gp._withStripped=!0;const Xp=ya({render:Gp,staticRenderFns:[]},(function(n){n&&n("data-v-102853a6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Ep,"data-v-102853a6",false,undefined,!1,xa,void 0,void 0);const Mp={directives:{domresize:$i()},components:{WShellEllipse:op,WTextSuggestCore:Xp},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Object,String,Number],default:null},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},itemTextFontSize:{type:String,default:"0.8rem"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#333"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-1"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},showExpansionIcon:{type:Boolean,default:!0},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{resize:function(n){let e=this,t=ma(e.paddingStyle,{returnObj:!0}).bottom-2,o=fn(e,"$el.offsetHeight",0)-26-2*t;o/=2;e.useDistY=t+o+5},getText:function(n){let e=this;return Qo(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick((()=>{e.$emit("update:showPanel",n)}))}}};var Np=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"select",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,maxHeight:n.maxHeight,minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDistY:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"select",fn:function(e){return[n._t("select",(function(){return[n._v("\n                        "+n._s(e.text)+"\n                    ")]}),{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};Np._withStripped=!0;const Op=ya({render:Np,staticRenderFns:[]},(function(n){n&&n("data-v-8a4cfd68_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Mp,"data-v-8a4cfd68",false,undefined,!1,xa,void 0,void 0);function Kp(n,e){return null==(n=function(n,e){return e.length<2?n:hn(n,Ze(e,0,-1))}(n,e=mn(e,n)))||delete n[gn(uc(e))]}var Yp=Array.prototype.splice;function Jp(n,e){for(var t=n?e.length:0,o=t-1;t--;){var r=e[t];if(t==o||r!==i){var i=r;ve(r)?Yp.call(n,r,1):Kp(n,r)}}return n}function Up(n){return(null==n?0:n.length)?Vl(n,1):[]}var Qp=function(n){return Kl(Gl(n,void 0,Up),n+"")}((function(n,e){var t=null==n?0:n.length,o=function(n,e){for(var t=-1,o=e.length,r=Array(o),i=null==n;++t<o;)r[t]=i?void 0:fn(n,e[t]);return r}(n,e);return Jp(n,ln(e,(function(n){return ve(n,t)?+n:n})).sort(Zl)),o})),qp=Qp;const nm={directives:{domresize:$i()},components:{WShellEllipse:op,WTextSuggestCore:Xp},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Object,String,Number],default:null},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#333"},itemTextFontSize:{type:String,default:"0.8rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-1"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},showExpansionIcon:{type:Boolean,default:!0},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},placeholder:{type:String,default:""},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeFocused:function(){return this.focusedTrans=this.focused,""},changeShowPanel:function(){return this.showPanelTrans=this.showPanel,""}},methods:{resize:function(n){let e=this,t=ma(e.paddingStyle,{returnObj:!0}).bottom-2,o=fn(e,"$el.offsetHeight",0)-26-2*t;o/=2;e.useDistY=t+o+5},getText:function(n){let e=this;return Qo(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick((()=>{e.$emit("update:showPanel",n)}))}}};var em=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeFocused:n.changeFocused,changeShowPanel:n.changeShowPanel},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"suggest",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,maxHeight:n.maxHeight,minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placeholder:n.placeholder,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,placementDistY:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},enter:function(e,t){n.$emit("enter",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"item",fn:function(e){return[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};em._withStripped=!0;const tm=ya({render:em,staticRenderFns:[]},(function(n){n&&n("data-v-70d0e212_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggest.vue"},media:void 0})}),nm,"data-v-70d0e212",false,undefined,!1,xa,void 0,void 0);function om(n){let e=fn(n,"clientX",null),t=fn(n,"clientY",null),o=fn(n,"pageX",null),r=fn(n,"pageY",null);if(null!==e&&null!==t&&null!==o&&null!==r)return{clientX:e,clientY:t,pageX:o,pageY:r};let i=fn(n,"changedTouches",[]);if(1!==Oo(i))return null;let a=i[0];return{clientX:fn(a,"clientX",null),clientY:fn(a,"clientY",null),pageX:fn(a,"pageX",null),pageY:fn(a,"pageY",null)}}function rm(n,e){if(!oa(n))return null;if(!Ao(e))return null;try{return n.getAttribute(e)}catch(n){}return null}function im(n){if(!oa(n))return null;try{return n.getBoundingClientRect()}catch(n){}return null}function am(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e="dragpreviewid",t=null,o=null,r=null,i=null,a=null,l=!1,s=fn(n,"attIdentify",null);Ao(s)||(s="dragprevid");let c=fn(n,"containerOpacity",null);ua(c)||(c=.4);let d=fn(n,"containerBackground",null);Ao(d)||(d="white");let u=fn(n,"containerBorderWidth",null);ua(u)||(u=1);let p=fn(n,"containerBorderColor",null);Ao(p)||(p="#f26");let m=`c${Zi(8)}`;function v(n,e,t){o&&r&&i&&a&&!l&&(a.style.top=e-o.tShiftY+"px",a.style.left=n-o.tShiftX+"px")}function g(){ra(`[${e}='${m}']`),o=null,r=null,i=null,a=null}let h=function(n){v(n.clientX,n.clientY)};window.addEventListener("mousemove",h);let f=function(n){let e=om(n);e&&v(e.clientX,e.clientY)};return window.addEventListener("touchmove",f),{createPreview:function(n,l,h){try{!function(){let g=function(n,e,o){let r=im(n);if(!r)return null;t=n;let i=n.cloneNode(!0);return i.tShiftX=e-r.left,i.tShiftY=o-r.top,i.tWidth=n.offsetWidth,i.tHeight=n.offsetHeight,i.tParent=n.parentNode,i.setAttribute(s,""),i}(n,l,h);if(null===g)return;let f=document.createElement("div");f.style.position="absolute",f.style.zIndex=1,f.style.top=0,f.style.left=0,f.style.width="100%",f.style.height="100%",f.appendChild(g);let b=document.createElement("div");b.style.position="relative",b.appendChild(f);let y=document.createElement("div");y.setAttribute(e,m),y.style.position="fixed",y.style.zIndex=1e5,y.style.width=`${g.tWidth+2*u}px`,y.style.height=`${g.tHeight+2*u}px`,y.style.opacity=c,y.style.background=d,y.style.border=`${u}px solid ${p}`,y.style.pointerEvents="none",y.appendChild(b),document.querySelector("body").appendChild(y),o=g,r=f,i=b,a=y,v(l,h)}()}catch(n){}let f=setInterval((()=>{let n=rm(t,s);document.querySelector(`[${s}='${n}']`)||(clearInterval(f),g())}),500)},updateDragPreview:v,pauseDragPreview:function(n){l=n},removeDragPreview:g,setNodeStyle:function(n){try{Ve(n,((n,e)=>{o.style[e]=n}))}catch(n){}},setCoverStyle:function(n){try{Ve(n,((n,e)=>{r.style[e]=n}))}catch(n){}},setSellStyle:function(n){try{Ve(n,((n,e)=>{i.style[e]=n}))}catch(n){}},setContainerStyle:function(n){try{Ve(n,((n,e)=>{a.style[e]=n}))}catch(n){}},clear:function(){window.removeEventListener("mousemove",h),window.removeEventListener("touchmove",f)}}}let lm={};function sm(n,e,t){let{attIdentify:o,previewOpacity:r,previewBackground:i,previewBorderWidth:a,previewBorderColor:l}=t;if(!os(lm,n)){let e=Di(),t=function(n){let e=[];function t(){let t;t="mousemove";let o=function(e){n.dragMove({e:e,name:"mousemove"})};window.addEventListener(t,o),e.push({ele:window,name:t,f:o}),t="mouseup";let r=function(e){n.dragDrop({e:e,name:"mouseup"})};window.addEventListener(t,r),e.push({ele:window,name:t,f:r}),t="touchmove";let i=function(e){n.dragMove({e:e,name:"touchmove"})};window.addEventListener(t,i),e.push({ele:window,name:t,f:i}),t="touchend";let a=function(e){n.dragDrop({e:e,name:"touchend"})};window.addEventListener(t,a),e.push({ele:window,name:t,f:a})}function o(){Ve(e,(n=>{let{ele:e,name:t,f:o}=n;e.removeEventListener(t,o)}))}return{bind:t,unbind:o}}({dragMove:t=>{e.emit(n+"-dragMove",t)},dragDrop:t=>{e.emit(n+"-dragDrop",t)}});t.bind();let s=am({attIdentify:o,containerOpacity:r,containerBackground:i,containerBorderWidth:a,containerBorderColor:l});lm[n]={eleIds:[],evg:e,oevg:t,pv:s,isInit:!1,isActive:!0}}return lm[n].eleIds.push(e),lm[n].evg}function cm(n,e,t){let o=null;return Ve(function(n){let e=function(n,t){return null===n.parentNode?t:e(n.parentNode,t.concat([n]))};return n instanceof HTMLElement||n instanceof SVGElement?e(n.parentNode,[]):[]}(n.target),(n=>{if(rm(n,e)===t)return o=n,!1})),o}function dm(n,e,t){let o=null,r=om(n);return r?(Ve(function(n,e){let t=[];try{t=document.elementsFromPoint(n,e)}catch(n){console.log(n)}return t}(r.clientX,r.clientY),(n=>{if(rm(n,e)===t)return o=n,!1})),o):o}function um(n,e){let t=rm(n,e);return t=Pi(t),t}function pm(n){let{gid:e,attGroup:t,attIndex:o,attIdentify:r,timeDragStartDelay:i,previewOpacity:a,previewDisabledOpacity:l}=n,s=null,c=null,d=null,u=null;if(lm[e].isInit)return lm[e].evg;lm[e].isInit=!0;let p=lm[e].evg;p.on(e+"-dragStart",(function(n){let{e:t,ele:a,from:d}=n;if(!lm[e].isActive)return;let u=um(a,o);if(null===u)return;s=u,c=a;let v={event:t,startInd:s,startEle:c,tarInd:s,tarEid:rm(c,r)};p.emit(e+"-change",{mode:"start",...v}),p.emit(e+"-start",v);let g=om(t);if(!g)return;setTimeout((()=>{null!==s&&(m.createPreview(c,g.clientX,g.clientY),m.setContainerStyle({opacity:l}))}),i)})),p.on(e+"-dragMove",(function(n){let{e:i,name:v,from:g}=n;if(!lm[e].isActive)return;let h=cm(i,t,e);if(null===s)return;let f=om(i);if(!f)return;function b(){let n={event:i,startInd:s,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:rm(u,r)};p.emit(e+"-change",{mode:"leave",...n}),p.emit(e+"-leave",n),d=null,u=null,m.setContainerStyle({opacity:l})}if(!h)return void(null!==d&&b());let y=um(h,o);if(null===y)return;if(y===s)return void(null!==d&&b());if(y!==d)null!==d&&b(),function(n,t){d=n,u=t;let o={event:i,startInd:s,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:rm(u,r)};p.emit(e+"-change",{mode:"enter",...o}),p.emit(e+"-enter",o),m.setContainerStyle({opacity:a})}(y,h);else{let n=function(n,e){if(!Yi(n))return null;if(!ua(n.clientX)||!ua(n.clientY))return null;if(!oa(e))return null;let t=im(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(f,h),t=0;n.w>0&&(t=n.x/n.w);let o=0;n.h>0&&(o=n.y/n.h),t>=0&&t<=1&&o>=0&&o<=1&&function(n,t,o){let l={event:i,startInd:s,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:rm(u,r),...n,rx:t,ry:o};p.emit(e+"-change",{mode:"move",...l}),p.emit(e+"-move",l),m.setContainerStyle({opacity:a})}(n,t,o)}})),p.on(e+"-dragDrop",(function(n){let{e:i,name:a,from:l}=n;if(m.removeDragPreview(),!lm[e].isActive)return;if(null===s)return;let v=dm(i,t,e);if(!v)return s=null,c=null,d=null,void(u=null);let g=um(v,o);if(null===g)return;(function(n,t){d=n,u=t;let o={event:i,startInd:s,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:rm(u,r)};p.emit(e+"-change",{mode:"drop",...o}),p.emit(e+"-drop",o)})(g,v),s=null,c=null,d=null,u=null}));let m=lm[e].pv}function mm(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!oa(n))return void console.log("ele is not a HTMLElement",n);let t=fn(e,"attIdentify",null);Ao(t)||(t="dragid");let o=fn(e,"attIndex",null);Ao(o)||(o="dragindex");let r=fn(e,"attGroup",null);Ao(r)||(r="draggroup");let i=fn(e,"group",null);Ao(i)||(i="group");let a=fn(e,"previewOpacity",null);ua(a)||(a=.4);let l=fn(e,"previewDisabledOpacity",null);ua(l)||(l=.2);let s=fn(e,"previewBackground",null);Ao(s)||(s="white");let c=fn(e,"previewBorderWidth",null);ua(c)||(c=1);let d=fn(e,"previewBorderColor",null);Ao(d)||(d="#f26");let u=fn(e,"timeDragStartDelay",null);ua(u)||(u=120);let p=`c${Zi(8)}`,m=i;n.setAttribute(r,m),n.setAttribute(t,p);let v=sm(m,p,{attIdentify:t,previewOpacity:a,previewBackground:s,previewBorderWidth:c,previewBorderColor:d}),g=function(n,e,t,o){let r=[];return{bind:function(){let t;t="mousedown";let o=function(t){e.dragStart({e:t,ele:n,name:"mousedown"})};n.addEventListener(t,o,!1),r.push({ele:n,name:t,f:o}),t="touchstart";let i=function(t){e.dragStart({e:t,ele:n,name:"touchstart"})};n.addEventListener(t,i,!1),r.push({ele:n,name:t,f:i}),t="touchmove";let a=function(n){e.dragMove({e:n,name:"touchmove"}),n.cancelable&&n.preventDefault()};n.addEventListener(t,a,!1),r.push({ele:n,name:t,f:a})},unbind:function(){Ve(r,(n=>{let{ele:e,name:t,f:o}=n;e.removeEventListener(t,o)}))}}}(n,{dragStart:n=>{v.emit(m+"-dragStart",n)},dragMove:n=>{v.emit(m+"-dragMove",n)}});g.bind(),pm({gid:m,attGroup:r,attIndex:o,attIdentify:t,timeDragStartDelay:u,previewOpacity:a,previewDisabledOpacity:l});let h=Di();return v.on(i+"-change",(n=>{n.tarEid===p&&h.emit("change",n)})),v.on(i+"-start",(n=>{n.tarEid===p&&h.emit("start",n)})),v.on(i+"-move",(n=>{n.tarEid===p&&h.emit("move",n)})),v.on(i+"-enter",(n=>{n.tarEid===p&&h.emit("enter",n)})),v.on(i+"-leave",(n=>{n.tarEid===p&&h.emit("leave",n)})),v.on(i+"-drop",(n=>{n.tarEid===p&&h.emit("drop",n)})),h.setIsActive=function(n){lm[m].isActive=n},h.unbind=function(){g.unbind(),function(n,e){let t=lm[n],o=ci(t.eleIds);gc(o,e),t.eleIds=o,0===o.length&&(t.oevg.unbind(),t.pv.clear(),delete lm[n])}(m,p)},h}function vm(){let n={};function e(n,e,t){let o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}function t(t,o,r){let i=t.getAttribute("ev-dragdrop"),a=fn(o,"value");if(a=Yi(a),!a)return;let l=fn(o,"value.group");if(!Ao(l))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");let s=mm(t,{group:l,attIdentify:fn(o,"value.attIdentify"),attGroup:fn(o,"value.attGroup"),attIndex:fn(o,"value.attIndex"),previewOpacity:fn(o,"value.previewOpacity"),previewDisabledOpacity:fn(o,"value.previewDisabledOpacity"),previewBackground:fn(o,"value.previewBackground"),previewBorderWidth:fn(o,"value.previewBorderWidth"),previewBorderColor:fn(o,"value.previewBorderColor"),timeDragStartDelay:fn(o,"value.timeDragStartDelay")});s.on("start",(n=>{e(r,"domdragdrop",{evName:"start",...n})})),s.on("move",(n=>{e(r,"domdragdrop",{evName:"move",...n})})),s.on("enter",(n=>{e(r,"domdragdrop",{evName:"enter",...n})})),s.on("leave",(n=>{e(r,"domdragdrop",{evName:"leave",...n})})),s.on("drop",(n=>{e(r,"domdragdrop",{evName:"drop",...n})})),n[i]=s}function o(e){let t=e.getAttribute("ev-dragdrop");n[t]&&(n[t].unbind(),n[t]=null,delete n[t])}return{bind:function(n,e,o){let r=`r${Zi()}`;n.setAttribute("ev-dragdrop",r),t(n,e,o)},update:function(n,e,r){o(n),t(n,e,r)},unbind:function(n){o(n),n.setAttribute("ev-dragdrop",null)}}}var gm={directives:{domdragdrop:vm()},components:{WButtonChip:Cu,WTextSuggest:tm},props:{value:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!1},valueActive:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},enableColorsFromItem:{type:Boolean,default:!1},icon:{type:String,default:""},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},progColor:{type:String,default:"rgba(150,150,150,0.4)"},progBackgroundColor:{type:String,default:"rgba(150,150,150,0.075)"},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},suggests:{type:Array,default:()=>[]},keySuggestText:{type:String,default:"text"},placeholder:{type:String,default:""},noResultsText:{type:String,default:"No results"},addMode:{type:String,default:"auto"},inputTextWidth:{type:Number,default:150},inputKeyText:{type:String,default:"text"},inputTextFontSize:{type:String,default:"0.85rem"},inputTextColor:{type:String,default:"black"},inputTextBackgroundColor:{type:String,default:"white"},inputTextBackgroundColorHover:{type:String,default:"white"},inputTextBackgroundColorFocus:{type:String,default:"grey lighten-5"},inputTextBorderColor:{type:String,default:"grey lighten-1"},inputTextBorderColorHover:{type:String,default:"grey"},inputTextBorderColorFocus:{type:String,default:"grey"},inputTextButtonIcon:{type:String,default:bl},inputTextButtonColor:{type:String,default:"grey lighten-1"},inputTextButtonColorHover:{type:String,default:"grey"},inputTextButtonColorFocus:{type:String,default:"grey"},inputTextButtonTooltip:{type:String,default:"Add"},inputExpansionIconColor:{type:String,default:"grey"},suggectItemTextColor:{type:String,default:"grey darken-3"},suggectItemTextColorHover:{type:String,default:"light-blue darken-2"},suggectItemFontSize:{type:String,default:"0.8rem"},suggectItemBackgroundColor:{type:String,default:"white"},suggectItemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},addButtonText:{type:String,default:"Add"},addButtonTextColor:{type:String,default:"black"},addButtonTextColorHover:{type:String,default:"black"},addButtonIcon:{type:String,default:bl},addButtonIconColor:{type:String,default:"pink darken-1"},addButtonIconColorHover:{type:String,default:"pink darken-1"},addButtonBackgroundColor:{type:String,default:"white"},addButtonBackgroundColorHover:{type:String,default:"white"},addButtonTooltip:{type:String,default:"Add"},addWhenInputByOutside:{type:Boolean,default:!1},closeWithInterceptor:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},editable:{type:Boolean,default:!0},editableClose:{type:Boolean,default:!0},editableInput:{type:Boolean,default:!0},enableCloseEventOnly:{type:Boolean,default:!1},enableNodata:{type:Boolean,default:!1},nodata:{type:String,default:"Empty"}},data:function(){return{get:fn,o2j:Ap,mdiPlusCircle:bl,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userInput:""}},computed:{changeValue:function(){let n=this;return n.itemsTrans=ci(n.value),n.itemActiveTrans=ci(n.valueActive),""},isObjValue:function(){return 0!==Oo(this.itemsTrans)&&Jo(this.itemsTrans,(n=>Qo(n)))},useMode:function(){let n=this,e="";return e="auto"===n.addMode?n.isObjValue?"button":"input":"button"===n.addMode?"button":"input",e},isDraggable:function(){return this.draggable&&this.editable},useMarginStyle:function(){return`margin:${ma(this.marginStyle)};`}},methods:{getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Zi()}`),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},getColor:function(n,e){let t=this,o=null;return t.enableColorsFromItem&&t.isObjValue&&(o=fn(n,e,null)),o||(o=fn(t,e,null)),o},isActive:function(n){return!!this.enableActive&&Uo(this.itemActiveTrans,n)},dragdrop:function(n){let e=this;if("drop"===n.evName){let{startInd:t,endInd:o}=n;if(t===o)return;let r=ci(e.itemsTrans);if(t>o){let n=qp(r,t)[0];r.splice(o,0,n)}else{let n=ci(r[t]);r.splice(o+1,0,n),qp(r,t)}e.$nextTick((()=>{e.$emit("input",r)}))}},getSuggestText:function(n){let e=this;return Qo(n)?n[e.keySuggestText]:n},clickChip:function(n,e,t){let o=this;o.$nextTick((()=>{o.enableActive&&o.$emit("update:valueActive",e);let r={...n,item:e,kitem:t};o.$emit("click",r)}))},clickAddBtn:function(){let n=this;if("button"===n.useMode)n.$nextTick((()=>{n.$emit("click-add",null)}));else{if(""===Tl(n.userInput))return;if(n.addWhenInputByOutside||n.isObjValue)n.$nextTick((()=>{n.$emit("click-add",n.userInput),n.userInput=""}));else{if(Oo(Bl(n.itemsTrans,(e=>Uo(e,n.userInput))))>=1)return void n.$nextTick((()=>{n.$emit("error","duplicate values"),n.userInput=""}));n.$nextTick((()=>{n.itemsTrans.push(Tl(n.userInput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userInput),n.userInput=""}))}}},pull:function(n,e){let t=[];return Ve(n,((n,o)=>{o!==e&&t.push(n)})),t},clickRemoveBtn:function(n,e){let t=this;t.enableCloseEventOnly?t.$nextTick((()=>{let o={item:n,kitem:e};t.$emit("click-close",o)})):t.$nextTick((()=>{if(t.closeWithInterceptor){let o=Dl(),r={item:n,kitem:e,pm:o};t.$emit("click-close",r),o.then((()=>{t.enableActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let o=t.pull(t.itemsTrans,e);t.$emit("input",o)})).catch((n=>{}))}else{let o={item:n,kitem:e};t.$emit("click-close",o),t.enableActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let r=t.pull(t.itemsTrans,e);t.$emit("input",r)}}))}}};const hm=gm;var fm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,(function(e,o){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.isDraggable?n.getDgOpt():null,expression:"isDraggable?getDgOpt():null"}],key:""+(n.isObjValue?n.o2j(e):e),staticClass:"WGroupTags-Trans",staticStyle:{display:"inline-block"},attrs:{dragindex:o,draggable:"false"},on:{domdragdrop:n.dragdrop}},[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{text:n.isObjValue?n.get(e,""+n.keyText):e,tooltip:n.isObjValue?n.get(e,""+n.keyTooltip):null,icon:n.isObjValue?n.get(e,""+n.keyIcon):n.icon,iconColor:n.getColor(e,"iconColor"),iconColorHover:n.getColor(e,"iconColorHover"),iconColorActive:n.getColor(e,"iconColorActive"),iconSize:n.iconSize,progColor:n.getColor(e,"progColor"),progBackgroundColor:n.getColor(e,"progBackgroundColor"),textColor:n.getColor(e,"textColor"),textColorHover:n.getColor(e,"textColorHover"),textColorActive:n.getColor(e,"textColorActive"),textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.getColor(e,"borderColor"),borderColorHover:n.getColor(e,"borderColorHover"),borderColorActive:n.getColor(e,"borderColorActive"),backgroundColor:n.getColor(e,"backgroundColor"),backgroundColorHover:n.getColor(e,"backgroundColorHover"),backgroundColorActive:n.getColor(e,"backgroundColorActive"),shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,active:n.isActive(e),close:n.editable&&n.editableClose,editable:n.editable},on:{click:function(t){n.clickChip(t,e,o)},"click-close":function(t){return n.clickRemoveBtn(e,o)}}},[n._t("item",null,{item:e,kitem:o,active:n.isActive(e)})],2)],1)]}))],2),n._v(" "),n.enableNodata&&0===n.itemsTrans.length?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{_key:"",text:n.nodata,tooltip:n.nodata,icon:n.icon,iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,_close:"editable && editableClose",editable:!0,_click:"(msg)=>{clickChip(msg,item,kitem)}","_click-close":"clickRemoveBtn(item,kitem)"}},[n._t("item",null,{item:null,kitem:null,active:!1})],2)]:n._e(),n._v(" "),n.editable&&n.editableInput?t("div",{style:"display:inline-block; vertical-align:middle;"},[n._t("input",(function(){return["button"===n.useMode?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{icon:n.addButtonIcon,iconColor:n.addButtonIconColor,iconColorHover:n.addButtonIconColorHover,text:n.addButtonText,textColor:n.addButtonTextColor,textColorHover:n.addButtonTextColorHover,backgroundColor:n.addButtonBackgroundColor,backgroundColorHover:n.addButtonBackgroundColorHover,tooltip:n.addButtonTooltip,paddingStyle:{v:3,h:12},_shiftLeft:"shiftLeft",_shiftRight:"shiftRight"},on:{click:n.clickAddBtn}})]:[t("WTextSuggest",{style:n.useMarginStyle+" width:"+n.inputTextWidth+"px;",attrs:{expansionIconColor:n.inputExpansionIconColor,keyText:n.inputKeyText,textFontSize:n.inputTextFontSize,textColor:n.inputTextColor,itemTextColor:n.suggectItemTextColor,itemTextColorHover:n.suggectItemTextColorHover,itemFontSize:n.suggectItemFontSize,itemBackgroundColor:n.suggectItemBackgroundColor,itemBackgroundColorHover:n.suggectItemBackgroundColorHover,shadow:!1,borderColor:n.inputTextBorderColor,borderColorHover:n.inputTextBorderColorHover,borderColorFocus:n.inputTextBorderColorFocus,backgroundColor:n.inputTextBackgroundColor,backgroundColorHover:n.inputTextBackgroundColorHover,backgroundColorFocus:n.inputTextBackgroundColorFocus,showExpansionIcon:!1,rightIcon:n.inputTextButtonIcon,rightIconColor:n.inputTextButtonColor,rightIconColorHover:n.inputTextButtonColorHover,rightIconColorFocus:n.inputTextButtonColorFocus,rightIconTooltip:n.inputTextButtonTooltip,items:n.suggests,placeholder:n.placeholder,noResultsText:n.noResultsText},on:{enter:n.clickAddBtn,"click-right":n.clickAddBtn},scopedSlots:n._u([{key:"item",fn:function(e){return[n._t("suggest",(function(){return[t("div",[n._v(n._s(n.getSuggestText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0),model:{value:n.userInput,callback:function(e){n.userInput=e},expression:"userInput"}})]]}))],2):n._e()],2)};fm._withStripped=!0;const bm=ya({render:fm,staticRenderFns:[]},(function(n){n&&n("data-v-38e0b664_0",{source:"\n.WGroupTags-Trans[data-v-38e0b664] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WGroupTags.vue"],names:[],mappings:";AA8iCA,qCAAA,8BAAA;IACA,oBAAA;AACA",file:"WGroupTags.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <transition-group>\r\n            <template v-for=\"(item,kitem) in itemsTrans\">\r\n\r\n                \x3c!-- 要把原生拖曳功能關閉draggable=false --\x3e\r\n                <div\r\n                    class=\"WGroupTags-Trans\"\r\n                    style=\"display:inline-block;\"\r\n                    :key=\"`${isObjValue?o2j(item):item}`\"\r\n                    :dragindex=\"kitem\"\r\n                    v-domdragdrop=\"isDraggable?getDgOpt():null\"\r\n                    @domdragdrop=\"dragdrop\"\r\n                    draggable=\"false\"\r\n                >\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :text=\"isObjValue?get(item,`${keyText}`):item\"\r\n                        :tooltip=\"isObjValue?get(item,`${keyTooltip}`):null\"\r\n                        :icon=\"isObjValue?get(item,`${keyIcon}`):icon\"\r\n                        :iconColor=\"getColor(item,'iconColor')\"\r\n                        :iconColorHover=\"getColor(item,'iconColorHover')\"\r\n                        :iconColorActive=\"getColor(item,'iconColorActive')\"\r\n                        :iconSize=\"iconSize\"\r\n                        :progColor=\"getColor(item,'progColor')\"\r\n                        :progBackgroundColor=\"getColor(item,'progBackgroundColor')\"\r\n                        :textColor=\"getColor(item,'textColor')\"\r\n                        :textColorHover=\"getColor(item,'textColorHover')\"\r\n                        :textColorActive=\"getColor(item,'textColorActive')\"\r\n                        :textFontSize=\"textFontSize\"\r\n                        :borderRadius=\"borderRadius\"\r\n                        :borderColor=\"getColor(item,'borderColor')\"\r\n                        :borderColorHover=\"getColor(item,'borderColorHover')\"\r\n                        :borderColorActive=\"getColor(item,'borderColorActive')\"\r\n                        :backgroundColor=\"getColor(item,'backgroundColor')\"\r\n                        :backgroundColorHover=\"getColor(item,'backgroundColorHover')\"\r\n                        :backgroundColorActive=\"getColor(item,'backgroundColorActive')\"\r\n                        :shadow=\"shadow\"\r\n                        :shadowStyle=\"shadowStyle\"\r\n                        :shadowActive=\"shadowActive\"\r\n                        :shadowActiveStyle=\"shadowActiveStyle\"\r\n                        :paddingStyle=\"paddingStyle\"\r\n                        :shiftLeft=\"shiftLeft\"\r\n                        :shiftRight=\"shiftRight\"\r\n                        :active=\"isActive(item)\"\r\n                        :close=\"editable && editableClose\"\r\n                        :editable=\"editable\"\r\n                        @click=\"(msg)=>{clickChip(msg,item,kitem)}\"\r\n                        @click-close=\"clickRemoveBtn(item,kitem)\"\r\n                    >\r\n                        <slot\r\n                            name=\"item\"\r\n                            :item=\"item\"\r\n                            :kitem=\"kitem\"\r\n                            :active=\"isActive(item)\"\r\n                        ></slot>\r\n                    </WButtonChip>\r\n                </div>\r\n\r\n            </template>\r\n        </transition-group>\r\n\r\n        <template v-if=\"enableNodata && itemsTrans.length===0\">\r\n\r\n            <WButtonChip\r\n                :style=\"`${useMarginStyle}`\"\r\n                _key=\"\"\r\n                :text=\"nodata\"\r\n                :tooltip=\"nodata\"\r\n                :icon=\"icon\"\r\n                :iconColor=\"iconColor\"\r\n                :iconColorHover=\"iconColorHover\"\r\n                :iconColorActive=\"iconColorActive\"\r\n                :iconSize=\"iconSize\"\r\n                :textColor=\"textColor\"\r\n                :textColorHover=\"textColorHover\"\r\n                :textColorActive=\"textColorActive\"\r\n                :textFontSize=\"textFontSize\"\r\n                :borderRadius=\"borderRadius\"\r\n                :borderColor=\"borderColor\"\r\n                :borderColorHover=\"borderColorHover\"\r\n                :borderColorActive=\"borderColorActive\"\r\n                :backgroundColor=\"backgroundColor\"\r\n                :backgroundColorHover=\"backgroundColorHover\"\r\n                :backgroundColorActive=\"backgroundColorActive\"\r\n                :shadow=\"shadow\"\r\n                :shadowStyle=\"shadowStyle\"\r\n                :shadowActive=\"shadowActive\"\r\n                :shadowActiveStyle=\"shadowActiveStyle\"\r\n                :paddingStyle=\"paddingStyle\"\r\n                :shiftLeft=\"shiftLeft\"\r\n                :shiftRight=\"shiftRight\"\r\n                _close=\"editable && editableClose\"\r\n                :editable=\"true\"\r\n                _click=\"(msg)=>{clickChip(msg,item,kitem)}\"\r\n                _click-close=\"clickRemoveBtn(item,kitem)\"\r\n            >\r\n                <slot\r\n                    name=\"item\"\r\n                    :item=\"null\"\r\n                    :kitem=\"null\"\r\n                    :active=\"false\"\r\n                ></slot>\r\n            </WButtonChip>\r\n\r\n        </template>\r\n\r\n        <div :style=\"`display:inline-block; vertical-align:middle;`\" v-if=\"editable && editableInput\">\r\n            <slot name=\"input\">\r\n\r\n                <template v-if=\"useMode==='button'\">\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :icon=\"addButtonIcon\"\r\n                        :iconColor=\"addButtonIconColor\"\r\n                        :iconColorHover=\"addButtonIconColorHover\"\r\n                        :text=\"addButtonText\"\r\n                        :textColor=\"addButtonTextColor\"\r\n                        :textColorHover=\"addButtonTextColorHover\"\r\n                        :backgroundColor=\"addButtonBackgroundColor\"\r\n                        :backgroundColorHover=\"addButtonBackgroundColorHover\"\r\n                        :tooltip=\"addButtonTooltip\"\r\n                        :paddingStyle=\"{v:3,h:12}\"\r\n                        _shiftLeft=\"shiftLeft\"\r\n                        _shiftRight=\"shiftRight\"\r\n                        @click=\"clickAddBtn\"\r\n                    ></WButtonChip>\r\n                </template>\r\n\r\n                <template v-else>\r\n                    <WTextSuggest\r\n                        :style=\"`${useMarginStyle} width:${inputTextWidth}px;`\"\r\n                        :expansionIconColor=\"inputExpansionIconColor\"\r\n                        :keyText=\"inputKeyText\"\r\n                        :textFontSize=\"inputTextFontSize\"\r\n                        :textColor=\"inputTextColor\"\r\n                        :itemTextColor=\"suggectItemTextColor\"\r\n                        :itemTextColorHover=\"suggectItemTextColorHover\"\r\n                        :itemFontSize=\"suggectItemFontSize\"\r\n                        :itemBackgroundColor=\"suggectItemBackgroundColor\"\r\n                        :itemBackgroundColorHover=\"suggectItemBackgroundColorHover\"\r\n                        :shadow=\"false\"\r\n                        :borderColor=\"inputTextBorderColor\"\r\n                        :borderColorHover=\"inputTextBorderColorHover\"\r\n                        :borderColorFocus=\"inputTextBorderColorFocus\"\r\n                        :backgroundColor=\"inputTextBackgroundColor\"\r\n                        :backgroundColorHover=\"inputTextBackgroundColorHover\"\r\n                        :backgroundColorFocus=\"inputTextBackgroundColorFocus\"\r\n                        :showExpansionIcon=\"false\"\r\n                        :rightIcon=\"inputTextButtonIcon\"\r\n                        :rightIconColor=\"inputTextButtonColor\"\r\n                        :rightIconColorHover=\"inputTextButtonColorHover\"\r\n                        :rightIconColorFocus=\"inputTextButtonColorFocus\"\r\n                        :rightIconTooltip=\"inputTextButtonTooltip\"\r\n                        :items=\"suggests\"\r\n                        :placeholder=\"placeholder\"\r\n                        :noResultsText=\"noResultsText\"\r\n                        v-model=\"userInput\"\r\n                        @enter=\"clickAddBtn\"\r\n                        @click-right=\"clickAddBtn\"\r\n                    >\r\n\r\n                        <template v-slot:item=\"props\">\r\n\r\n                            <slot\r\n                                name=\"suggest\"\r\n                                :item=\"props.item\"\r\n                                :index=\"props.index\"\r\n                            >\r\n                                <div>{{getSuggestText(props.item)}}</div>\r\n                            </slot>\r\n\r\n                        </template>\r\n\r\n                    </WTextSuggest>\r\n                </template>\r\n\r\n            </slot>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlusCircle } from '@mdi/js'\r\nimport get from 'lodash-es/get.js'\r\nimport each from 'lodash-es/each.js'\r\nimport cloneDeep from 'lodash-es/cloneDeep.js'\r\nimport trim from 'lodash-es/trim.js'\r\nimport every from 'lodash-es/every.js'\r\nimport pullAt from 'lodash-es/pullAt.js'\r\nimport filter from 'lodash-es/filter.js'\r\nimport isEqual from 'lodash-es/isEqual.js'\r\nimport size from 'lodash-es/size.js'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport o2j from 'wsemi/src/o2j.mjs'\r\nimport isobj from 'wsemi/src/isobj.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport WButtonChip from './WButtonChip.vue'\r\nimport WTextSuggest from './WTextSuggest.vue'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domDragDrop from '../js/domDragDrop.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]\r\n * @vue-prop {Boolean} [enableActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false\r\n * @vue-prop {Object} [valueActive=null] 輸入活耀項目物件，預設null\r\n * @vue-prop {String} [keyText='text'] 輸入當項目為物件時，存放顯示文字之欄位字串，預設'text'\r\n * @vue-prop {String} [keyIcon='icon'] 輸入當項目為物件時，存放圖標之欄位字串，預設'icon'\r\n * @vue-prop {String} [keyTooltip='tooltip'] 輸入當項目為物件時，存放提示之欄位字串，預設'tooltip'\r\n * @vue-prop {Boolean} [enableColorsFromItem=false] 輸入當當項目為物件時是否使用其內相關顏色設定用以覆蓋預設值布林值，預設false\r\n * @vue-prop {String} [icon=''] 輸入左側圖標字串，預設''\r\n * @vue-prop {String} [iconColor='black'] 輸入圖標顏色字串，預設'black'\r\n * @vue-prop {String} [iconColorHover='grey darken-3'] 輸入滑鼠移入時圖標顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [iconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'\r\n * @vue-prop {Number} [iconSize=22] 輸入左側圖標之尺寸數字，單位px，預設22\r\n * @vue-prop {String} [progColor='rgba(150,150,150,0.4)'] 輸入進度條背景顏色字串，預設'rgba(150,150,150,0.4)'\r\n * @vue-prop {String} [progBackgroundColor='rgba(150,150,150,0.075)'] 輸入進度條顏色字串，預設'rgba(150,150,150,0.075)'\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [textColorHover='grey darken-3'] 輸入滑鼠移入時文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [textColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {Number} [borderRadius=30] 輸入框圓角度數字，單位為px，預設30\r\n * @vue-prop {String} [borderColor='transparent'] 輸入邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorHover='transparent'] 輸入滑鼠移入時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorActive='transparent'] 輸入主動模式時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColor='transparent'] 輸入背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorHover='rgba(200,200,200,0.25)'] 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.25)'\r\n * @vue-prop {String} [backgroundColorActive='orange'] 輸入主動模式時背景顏色字串，預設'orange'\r\n * @vue-prop {Object} [marginStyle={top:10,bottom:10,left:0,right:10}] 輸入外距設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{top:10,bottom:10,left:0,right:10}\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入陰影顏色字串，預設值詳見props\r\n * @vue-prop {Boolean} [shadowActive=true] 輸入主動模式時是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowActiveStyle=''] 輸入主動模式時陰影顏色字串，預設值詳見props\r\n * @vue-prop {Object} [paddingStyle={v:3,h:15}] 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:3,h:15}\r\n * @vue-prop {Number} [shiftLeft=0] 輸入左側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如圖標與左側邊框距離，單位px，預設0\r\n * @vue-prop {Number} [shiftRight=0] 輸入右側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如關閉圖標與右側邊框距離，單位px，預設0\r\n * @vue-prop {Array} [suggests=[]] 輸入可選(建議)項目陣列，預設[]\r\n * @vue-prop {String} [keySuggestText='text'] 輸入當可選(建議)項目為物件時，存放顯示文字之欄位字串，預設'text'\r\n * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''\r\n * @vue-prop {String} [noResultsText='No results'] 輸入無過濾結果字串，預設'No results'\r\n * @vue-prop {String} [addMode='auto'] 輸入新增模式字串，可使用'auto'、'input'、'button'，預設'auto'\r\n * @vue-prop {Number} [inputTextWidth=150] 輸入新增按鈕或輸入框區寬度數字，單位px，預設150\r\n * @vue-prop {String} [inputKeyText='text'] 輸入若可選(建議)項目為元素陣列時，輸入框之提取選擇項目物件內鍵值字串，預設'text'\r\n * @vue-prop {String} [inputTextFontSize='0.85rem'] 輸入輸入框文字大小字串，預設'0.85rem'\r\n * @vue-prop {String} [inputTextColor='black'] 輸入輸入框文字顏色字串，預設'black'\r\n * @vue-prop {String} [inputTextBackgroundColor='white'] 輸入輸入框背景顏色字串，預設'white'\r\n * @vue-prop {String} [inputTextBackgroundColorHover='white'] 輸入滑鼠移入時輸入框背景顏色字串，預設'white'\r\n * @vue-prop {String} [inputTextBackgroundColorFocus='grey lighten-5'] 輸入取得焦點時輸入框背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {String} [inputTextBorderColor='grey lighten-1'] 輸入輸入框邊框顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [inputTextBorderColorHover='grey'] 輸入滑鼠移入時輸入框邊框字串，預設'grey'\r\n * @vue-prop {String} [inputTextBorderColorFocus='grey'] 輸入取得焦點時輸入框文字邊框字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonIcon=mdiPlusCircle] 輸入新增按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiPlusCircle\r\n * @vue-prop {String} [inputTextButtonColor='grey lighten-1'] 輸入輸入框按鈕顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [inputTextButtonColorHover='grey'] 輸入滑鼠移入時輸入框按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonColorFocus='grey'] 輸入取得焦點時輸入框按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonTooltip='Add'] 輸入輸入框右側按鈕提示文字字串，預設'Add'\r\n * @vue-prop {String} [inputExpansionIconColor='grey'] 輸入輸入框右側圖標顏色字串，預設'grey'\r\n * @vue-prop {String} [suggectItemTextColor='grey darken-3'] 輸入輸入框下拉選單項目文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [suggectItemTextColorHover='light-blue darken-2'] 輸入輸入框下拉選單項目文字Hover顏色字串，預設'light-blue darken-2'\r\n * @vue-prop {String} [suggectItemFontSize='0.9rem'] 輸入輸入框下拉選單項目顯示文字大小字串，預設'0.9rem'\r\n * @vue-prop {String} [suggectItemBackgroundColor='white'] 輸入輸入框下拉選單項目背景顏色字串，預設'white'\r\n * @vue-prop {String} [suggectItemBackgroundColorHover='light-blue lighten-5'] 輸入輸入框下拉選單項目背景Hover顏色字串，預設'light-blue lighten-5'\r\n * @vue-prop {String} [addButtonText='Add'] 輸入新增按鈕文字字串，預設'Add'\r\n * @vue-prop {String} [addButtonTextColor='black'] 輸入新增按鈕文字顏色字串，預設'black'\r\n * @vue-prop {String} [addButtonTextColorHover='black'] 輸入滑鼠移入時新增按鈕文字顏色字串，預設'black'\r\n * @vue-prop {String} [addButtonIcon=mdiPlusCircle] 輸入新增按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiPlusCircle\r\n * @vue-prop {String} [addButtonIconColor='pink darken-1'] 輸入新增按鈕圖標顏色字串，預設'pink darken-1'\r\n * @vue-prop {String} [addButtonIconColorHover='pink darken-1'] 輸入滑鼠移入時新增按鈕圖標顏色字串，預設'pink darken-1'\r\n * @vue-prop {String} [addButtonBackgroundColor='white'] 輸入新增按鈕背景顏色字串，預設'white'\r\n * @vue-prop {String} [addButtonBackgroundColorHover='white'] 輸入滑鼠移入時新增按鈕背景顏色字串，預設'white'\r\n * @vue-prop {String} [addButtonTooltip='Add'] 輸入新增按鈕提示文字字串，預設'Add'\r\n * @vue-prop {Boolean} [addWhenInputByOutside=false] 輸入當指定或自動使用input並新增時，是否強制使用click-add事件進行新增處理布林值，預設false\r\n * @vue-prop {Boolean} [closeWithInterceptor=false] 輸入是否通過攔截器來決定是否進行關閉布林值，此處之攔截器係用promise來控制，當使用者點擊關閉時可先行確認或提示。當closeWithInterceptor=true時，於click-close事件所接收物件資訊中的pm，使用pm.resolve()則代表確定關閉，反之pm.reject()則取消關閉事件，預設false\r\n * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳模式布林值，預設true\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n * @vue-prop {Boolean} [editableClose=true] 輸入editable=true時是否顯示關閉按鈕布林值，預設true\r\n * @vue-prop {Boolean} [editableInput=true] 輸入editable=true時是否使用預設的slot input布林值，預設true\r\n * @vue-prop {Boolean} [enableCloseEventOnly=false] 輸入點擊移除按鈕時是否僅開啟關閉事件，代表不自動刪除項目，需通過監聽關閉事件@click-close自行處理刪除功能，預設false\r\n * @vue-prop {Boolean} [enableNodata=false] 輸入是否使用nodata展示布林值，預設false\r\n * @vue-prop {String} [nodata='Empty'] 輸入無任何字串陣列時的預設文字字串，預設'Empty'\r\n */\r\nexport default {\r\n    directives: {\r\n        domdragdrop: domDragDrop(),\r\n    },\r\n    components: {\r\n        WButtonChip,\r\n        WTextSuggest,\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        enableActive: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        valueActive: {\r\n            type: [String, Object],\r\n            default: null,\r\n        },\r\n        keyText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        keyIcon: {\r\n            type: String,\r\n            default: 'icon',\r\n        },\r\n        keyTooltip: {\r\n            type: String,\r\n            default: 'tooltip',\r\n        },\r\n        enableColorsFromItem: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        iconColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        iconColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 22,\r\n        },\r\n        progColor: {\r\n            type: String,\r\n            default: 'rgba(150,150,150,0.4)',\r\n        },\r\n        progBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(150,150,150,0.075)',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        textColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 30,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorActive: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'rgba(200,200,200,0.25)',\r\n        },\r\n        backgroundColorActive: {\r\n            type: String,\r\n            default: 'orange',\r\n        },\r\n        marginStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    top: 10,\r\n                    bottom: 10,\r\n                    left: 0,\r\n                    right: 10,\r\n                }\r\n            },\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            //default: false,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            // default: '0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}',\r\n            //使用黑色短陰影比較符合chip(tag)形象\r\n            default: '0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)',\r\n        },\r\n        shadowActive: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowActiveStyle: {\r\n            type: String,\r\n            default: '0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 3,\r\n                    h: 15,\r\n                }\r\n            },\r\n        },\r\n        shiftLeft: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        shiftRight: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        suggests: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        keySuggestText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        placeholder: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        noResultsText: {\r\n            type: String,\r\n            default: 'No results',\r\n        },\r\n        addMode: {\r\n            type: String,\r\n            default: 'auto', //auto, input, button\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 150,\r\n        },\r\n        inputKeyText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        inputTextFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        inputTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        inputTextBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        inputTextBackgroundColorHover: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        inputTextBackgroundColorFocus: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        inputTextBorderColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        inputTextBorderColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextBorderColorFocus: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonIcon: {\r\n            type: String,\r\n            default: mdiPlusCircle,\r\n        },\r\n        inputTextButtonColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        inputTextButtonColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonColorFocus: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonTooltip: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        inputExpansionIconColor: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        suggectItemTextColor: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        suggectItemTextColorHover: {\r\n            type: String,\r\n            default: 'light-blue darken-2',\r\n        },\r\n        suggectItemFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        suggectItemBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        suggectItemBackgroundColorHover: {\r\n            type: String,\r\n            default: 'light-blue lighten-5',\r\n        },\r\n        addButtonText: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        addButtonTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        addButtonTextColorHover: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        addButtonIcon: {\r\n            type: String,\r\n            default: mdiPlusCircle,\r\n        },\r\n        addButtonIconColor: {\r\n            type: String,\r\n            default: 'pink darken-1',\r\n        },\r\n        addButtonIconColorHover: {\r\n            type: String,\r\n            default: 'pink darken-1',\r\n        },\r\n        addButtonBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        addButtonBackgroundColorHover: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        addButtonTooltip: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        addWhenInputByOutside: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        closeWithInterceptor: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        draggable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editableClose: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editableInput: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        enableCloseEventOnly: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        enableNodata: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        nodata: {\r\n            type: String,\r\n            default: 'Empty',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            get,\r\n            o2j,\r\n\r\n            mdiPlusCircle,\r\n\r\n            dgGroupKey: null,\r\n\r\n            itemsTrans: [],\r\n            itemActiveTrans: null,\r\n            userInput: '',\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.itemsTrans = cloneDeep(vo.value)\r\n            vo.itemActiveTrans = cloneDeep(vo.valueActive)\r\n\r\n            return ''\r\n        },\r\n\r\n        isObjValue: function() {\r\n            //console.log('computed isObjValue')\r\n\r\n            let vo = this\r\n\r\n            //check, 因every([])=true\r\n            if (size(vo.itemsTrans) === 0) {\r\n                return false\r\n            }\r\n            return every(vo.itemsTrans, (v) => {\r\n                return isobj(v)\r\n            })\r\n        },\r\n\r\n        useMode: function() {\r\n            //console.log('computed useMode')\r\n\r\n            let vo = this\r\n\r\n            let mode = ''\r\n            if (vo.addMode === 'auto') {\r\n                mode = vo.isObjValue ? 'button' : 'input'\r\n            }\r\n            else if (vo.addMode === 'button') {\r\n                mode = 'button'\r\n            }\r\n            else {\r\n                mode = 'input'\r\n            }\r\n\r\n            return mode\r\n        },\r\n\r\n        isDraggable: function() {\r\n            //console.log('computed isDraggable')\r\n\r\n            let vo = this\r\n\r\n            return vo.draggable && vo.editable\r\n        },\r\n\r\n        useMarginStyle: function() {\r\n            //console.log('computed useMarginStyle')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.marginStyle)\r\n\r\n            //margin\r\n            let margin = `margin:${cs};`\r\n\r\n            return margin\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        getDgGroupKey: function() {\r\n            //console.log('methods getDgGroupKey')\r\n\r\n            let vo = this\r\n\r\n            //dgGroupKey\r\n            if (vo.dgGroupKey === null) {\r\n                vo.dgGroupKey = `r${genID()}`\r\n            }\r\n\r\n            return vo.dgGroupKey\r\n        },\r\n\r\n        getDgOpt: function() {\r\n            //console.log('methods getDgOpt')\r\n\r\n            let vo = this\r\n\r\n            //opt, 使用vue directive初始化時於mounted之前就需要group值, 此代表此組件內可互相拖曳之DOM群組識別碼, 故通過function自動取得group\r\n            let opt = {\r\n                group: vo.getDgGroupKey(),\r\n                //attIdentify\r\n                attIndex: 'dragindex',\r\n                attGroup: 'draggroup',\r\n                previewOpacity: 1,\r\n                previewDisabledOpacity: 0.5,\r\n                previewBorderWidth: 0,\r\n                //previewBorderColor\r\n                previewBackground: 'transparent',\r\n                timeDragStartDelay: 1,\r\n            }\r\n\r\n            return opt\r\n        },\r\n\r\n        getColor: function(item, keyColor) {\r\n            //console.log('methods getColor', item, keyColor)\r\n\r\n            let vo = this\r\n\r\n            //c\r\n            let c = null\r\n            if (vo.enableColorsFromItem && vo.isObjValue) {\r\n                c = get(item, keyColor, null)\r\n            }\r\n            if (!c) {\r\n                c = get(vo, keyColor, null)\r\n            }\r\n\r\n            return c\r\n        },\r\n\r\n        isActive: function(item) {\r\n            //console.log('methods isActive', item)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.enableActive) {\r\n                return false\r\n            }\r\n\r\n            return isEqual(vo.itemActiveTrans, item)\r\n        },\r\n\r\n        dragdrop: function(msg) {\r\n            // console.log('methods dragdrop', msg)\r\n\r\n            let vo = this\r\n\r\n            if (msg.evName === 'drop') {\r\n\r\n                //startInd, endInd\r\n                let { startInd, endInd } = msg\r\n\r\n                //check\r\n                if (startInd === endInd) {\r\n                    return\r\n                }\r\n\r\n                //cloneDeep\r\n                let itemsNew = cloneDeep(vo.itemsTrans)\r\n\r\n                //move\r\n                if (startInd > endInd) { //往前拖曳, 先移除原始拖曳項目, 再於放下位置插入該拖曳項目\r\n\r\n                    //pullAt\r\n                    let src = pullAt(itemsNew, startInd)[0]\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd, 0, src) //拖曳項目是要放在目標項目之前, 故不能+1\r\n\r\n                }\r\n                else { //往後拖曳, 先複製原始拖曳項目, 並於放下位置插入, 再刪除原始拖曳項目\r\n\r\n                    //cloneDeep\r\n                    let src = cloneDeep(itemsNew[startInd])\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd + 1, 0, src) //拖曳項目是要放在目標項目之後, 故需要+1\r\n\r\n                    //pullAt\r\n                    pullAt(itemsNew, startInd)\r\n\r\n                }\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                })\r\n\r\n            }\r\n\r\n        },\r\n\r\n        getSuggestText: function(value) {\r\n            //console.log('methods getSuggestText', getSuggestText)\r\n\r\n            let vo = this\r\n\r\n            //valueTrans\r\n            if (isobj(value)) {\r\n                return value[vo.keySuggestText]\r\n            }\r\n            else {\r\n                return value\r\n            }\r\n\r\n        },\r\n\r\n        clickChip: function(msgTemp, item, kitem) {\r\n            //console.log('methods clickChip', msgTemp, item, kitem)\r\n\r\n            let vo = this\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //enableActive\r\n                if (vo.enableActive) {\r\n\r\n                    //emit\r\n                    vo.$emit('update:valueActive', item)\r\n\r\n                }\r\n\r\n                //msg\r\n                let msg = {\r\n                    ...msgTemp,\r\n                    item,\r\n                    kitem,\r\n                }\r\n\r\n                //emit\r\n                vo.$emit('click', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        clickAddBtn: function () {\r\n            //console.log('methods clickAddBtn')\r\n\r\n            let vo = this\r\n\r\n            //useMode\r\n            if (vo.useMode === 'button') {\r\n                //交由外部自行處理push\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('click-add', null)\r\n\r\n                })\r\n\r\n            }\r\n            else { //vo.useMode === 'input'\r\n\r\n                //check\r\n                if (trim(vo.userInput) === '') {\r\n                    return\r\n                }\r\n\r\n                //addWhenInputByOutside || isObjValue\r\n                if (vo.addWhenInputByOutside || vo.isObjValue) {\r\n                    //若指定由外部處理push, 或若為obj則須交由外部處理push\r\n\r\n                    //$nextTick\r\n                    vo.$nextTick(() => {\r\n\r\n                        //emit\r\n                        vo.$emit('click-add', vo.userInput)\r\n\r\n                        //clear\r\n                        vo.userInput = ''\r\n\r\n                    })\r\n\r\n                }\r\n                else {\r\n\r\n                    //check\r\n                    let r = filter(vo.itemsTrans, (v) => {\r\n                        return isEqual(v, vo.userInput)\r\n                    })\r\n                    if (size(r) >= 1) {\r\n\r\n                        //$nextTick\r\n                        vo.$nextTick(() => {\r\n\r\n                            //emit\r\n                            vo.$emit('error', 'duplicate values')\r\n\r\n                            //clear\r\n                            vo.userInput = ''\r\n\r\n                        })\r\n\r\n                        return\r\n                    }\r\n\r\n                    //$nextTick\r\n                    vo.$nextTick(() => {\r\n\r\n                        //push\r\n                        vo.itemsTrans.push(trim(vo.userInput))\r\n\r\n                        //emit\r\n                        vo.$emit('input', vo.itemsTrans)\r\n\r\n                        //emit\r\n                        vo.$emit('click-add', vo.userInput)\r\n\r\n                        //clear\r\n                        vo.userInput = ''\r\n\r\n                    })\r\n\r\n                }\r\n\r\n            }\r\n\r\n        },\r\n\r\n        pull: function(ar, kitem) {\r\n            let art = []\r\n            each(ar, (v, k) => {\r\n                if (k !== kitem) {\r\n                    art.push(v)\r\n                }\r\n            })\r\n            return art\r\n        },\r\n\r\n        clickRemoveBtn: function (item, kitem) {\r\n            //console.log('methods clickRemoveBtnPromise', item, kitem)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.enableCloseEventOnly) {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //msg\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                })\r\n\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //closeWithInterceptor\r\n                if (vo.closeWithInterceptor) {\r\n\r\n                    //pm\r\n                    let pm = genPm()\r\n\r\n                    //msg, 給予pm使能於外部中止關閉事件\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                        pm,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                    //pm\r\n                    pm\r\n                        .then(() => { //確認關閉\r\n                            //console.log('pm then')\r\n\r\n                            //enableActive and isActive\r\n                            if (vo.enableActive && vo.isActive(item)) {\r\n\r\n                                //emit\r\n                                vo.$emit('update:valueActive', null)\r\n\r\n                            }\r\n\r\n                            //itemsNew\r\n                            let itemsNew = vo.pull(vo.itemsTrans, kitem)\r\n\r\n                            //emit\r\n                            vo.$emit('input', itemsNew)\r\n\r\n                        })\r\n                        .catch((msg) => { //取消關閉\r\n                            //console.log('pm catch', msg)\r\n                        })\r\n\r\n                }\r\n                else {\r\n\r\n                    //msg\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                    //enableActive and isActive\r\n                    if (vo.enableActive && vo.isActive(item)) {\r\n\r\n                        //emit\r\n                        vo.$emit('update:valueActive', null)\r\n\r\n                    }\r\n\r\n                    //itemsNew\r\n                    let itemsNew = vo.pull(vo.itemsTrans, kitem)\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                }\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WGroupTags-Trans { /* transition-group必須使用class */\r\n    transition: all 0.5s;\r\n}\r\n</style>\r\n"]},media:void 0})}),hm,"data-v-38e0b664",false,undefined,!1,xa,void 0,void 0);const ym={components:{},props:{label:{type:String,default:""},labelWidth:{type:Number,default:null},labelHeight:{type:Number,default:null},labelColor:{type:String,default:"#666"},labelFontSize:{type:String,default:"0.8rem"},labelHorizontalAlign:{type:String,default:"left"},labelVerticalAlign:{type:String,default:"center"},labelShiftTop:{type:Number,default:0},space:{type:Number,default:0},seplines:{type:Boolean,default:!1},floatForItemSub:{type:Boolean,default:!0}},data:function(){return{}},computed:{useLabelWidth:function(){let n=this;if(Wi(n.labelWidth)){return{width:`${_i(n.labelWidth)}px`}}return{}},useLabelHeight:function(){let n=this;if(Wi(n.labelHeight)){return{height:`${_i(n.labelHeight)}px`}}return{}},useLabelVerticalAlign:function(){let n=this,e="middle";return"top"!==n.labelVerticalAlign&&"bottom"!==n.labelVerticalAlign||(e=n.labelVerticalAlign),e},useLabelColor:function(){return Oi(this.labelColor)}},methods:{}};var km=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[n.seplines?[n._t("label",(function(){return[t("div",{style:[n.useLabelWidth,n.useLabelHeight,{color:n.useLabelColor,fontSize:n.labelFontSize,textAlign:n.labelHorizontalAlign,paddingTop:n.labelShiftTop+"px",paddingBottom:n.space+"px"}]},[n._v("\n                "+n._s(n.label)+"\n            ")])]})),n._v(" "),t("div",{},[n._t("item"),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("div",{style:n.floatForItemSub?"position:absolute; top:0; left:0;":""},[n._t("item-sub")],2)])],2)]:[t("table",{staticStyle:{width:"100%","border-collapse":"collapse"}},[t("tr",[t("td",{style:[{verticalAlign:n.useLabelVerticalAlign,whiteSpace:"nowrap",color:n.useLabelColor,fontSize:n.labelFontSize,textAlign:n.labelHorizontalAlign}]},[n._t("label",(function(){return[t("div",{style:[n.useLabelWidth,n.useLabelHeight,{paddingTop:n.labelShiftTop+"px"}]},[n._v("\n                            "+n._s(n.label)+":\n                        ")])]}))],2),n._v(" "),t("td",{style:[{paddingRight:n.space+8+"px"}]}),n._v(" "),t("td",{style:[{width:"100%"}]},[n._t("item"),n._v(" "),n.floatForItemSub?t("div",{staticStyle:{position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"0",left:"0"}},[n._t("item-sub")],2)]):n._e()],2)]),n._v(" "),n.floatForItemSub?n._e():t("tr",[t("td"),n._v(" "),t("td"),n._v(" "),t("td",[n._t("item-sub")],2)])])]],2)};km._withStripped=!0;const xm=ya({render:km,staticRenderFns:[]},(function(n){n&&n("data-v-2d349c83_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelLabelItem.vue"},media:void 0})}),ym,"data-v-2d349c83",false,undefined,!1,xa,void 0,void 0);const Cm={components:{demolink:nu,WIcon:_a,WText:hp,WTextarea:Cp,WTextSelect:Op,WGroupTags:bm,WPanelLabelItem:xm},props:{},data:function(){return{mdiCat:"M12,8L10.67,8.09C9.81,7.07 7.4,4.5 5,4.5C5,4.5 3.03,7.46 4.96,11.41C4.41,12.24 4.07,12.67 4,13.66L2.07,13.95L2.28,14.93L4.04,14.67L4.18,15.38L2.61,16.32L3.08,17.21L4.53,16.32C5.68,18.76 8.59,20 12,20C15.41,20 18.32,18.76 19.47,16.32L20.92,17.21L21.39,16.32L19.82,15.38L19.96,14.67L21.72,14.93L21.93,13.95L20,13.66C19.93,12.67 19.59,12.24 19.04,11.41C20.97,7.46 19,4.5 19,4.5C16.6,4.5 14.19,7.07 13.33,8.09L12,8M9,11A1,1 0 0,1 10,12A1,1 0 0,1 9,13A1,1 0 0,1 8,12A1,1 0 0,1 9,11M15,11A1,1 0 0,1 16,12A1,1 0 0,1 15,13A1,1 0 0,1 14,12A1,1 0 0,1 15,11M11,14H13L12.3,15.39C12.5,16.03 13.06,16.5 13.75,16.5A1.5,1.5 0 0,0 15.25,15H15.75A2,2 0 0,1 13.75,17C13,17 12.35,16.59 12,16V16H12C11.65,16.59 11,17 10.25,17A2,2 0 0,1 8.25,15H8.75A1.5,1.5 0 0,0 10.25,16.5C10.94,16.5 11.5,16.03 11.7,15.39L11,14Z",WPanelLabelItem:{strItems:["Dashboard","Schedule","Profile","History","Map","聯絡方式"],objItems:[{key:"orange",text:"橘子(orange)"},{key:"banana",text:"香蕉(banana)"},{key:"strawberry",text:"草莓(strawberry)"}],objValue:{key:"banana",text:"香蕉(banana)"},text:"The Woodman(樵夫) set to work at once, and so sharp was his axe that the tree was soon chopped nearly through."},actions:[]}}};var Sm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with text"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Name"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with select"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Fruit"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text-select",{staticStyle:{width:"200px"},attrs:{items:n.WPanelLabelItem.objItems},model:{value:n.WPanelLabelItem.objValue,callback:function(e){n.$set(n.WPanelLabelItem,"objValue",e)},expression:"WPanelLabelItem.objValue"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"labelVerticalAlign"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Remark",labelVerticalAlign:"top"},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{"font-size":"0.8rem",color:"#aaa"}},[t("div",{},[n._v("\n                            Phasellus feugiat arcu sapien, et iaculis ipsum elementum sit amet.\n                        ")]),n._v(" "),t("div",{},[n._v("\n                            Mauris cursus commodo interdum.\n                        ")]),n._v(" "),t("div",{},[n._v("\n                            Praesent ut risus eget metus luctus accumsan id ultrices nunc.\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with textarea & labelVerticalAlign"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Fruit",labelVerticalAlign:"top"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-textarea",{staticStyle:{width:"300px"},attrs:{textFontSize:"0.85rem"},model:{value:n.WPanelLabelItem.text,callback:function(e){n.$set(n.WPanelLabelItem,"text",e)},expression:"WPanelLabelItem.text"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with group-tags & labelVerticalAlign & labelShiftTop"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Fruit",labelVerticalAlign:"top",labelShiftTop:15},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-group-tags",{staticStyle:{width:"300px"},attrs:{textFontSize:"0.85rem"},model:{value:n.WPanelLabelItem.strItems,callback:function(e){n.$set(n.WPanelLabelItem,"strItems",e)},expression:"WPanelLabelItem.strItems"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"labelWidth"}}),n._v(" "),t("div",{},[t("w-panel-label-item",{attrs:{label:"Styles",labelWidth:100},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"CSS",textFontSize:"0.85rem"}})]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{"padding-top":"5px"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Components",labelWidth:100},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Data tables",textFontSize:"0.85rem"}})]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"labelWidth & labelHorizontalAlign"}}),n._v(" "),t("div",{},[t("w-panel-label-item",{attrs:{label:"Styles",labelWidth:100,labelHorizontalAlign:"right"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"CSS",textFontSize:"0.85rem"}})]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{"padding-top":"5px"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Components",labelWidth:100,labelHorizontalAlign:"right"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Data tables",textFontSize:"0.85rem"}})]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"labelColor"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Name",labelColor:"#EF6C00"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"labelFontSize"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Name",labelFontSize:"0.75rem"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"space"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Name",space:12},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"slot label"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Name"},scopedSlots:n._u([{key:"label",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("w-icon",{attrs:{icon:n.mdiCat,size:22}}),n._v(" "),t("div",{staticStyle:{"padding-left":"3px","padding-right":"7px","font-size":"0.8rem"}},[n._v("\n                            Name:\n                        ")])],1)]},proxy:!0},{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"slot item-sub"}}),n._v(" "),t("div",{staticStyle:{border:"1px dashed #ddd"}},[t("w-panel-label-item",{attrs:{label:"Name"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0},{key:"item-sub",fn:function(){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v("\n                            Please fill in data.\n                        ")])]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"slot item-sub & floatForItemSub"}}),n._v(" "),t("div",{staticStyle:{border:"1px dashed #ddd"}},[t("w-panel-label-item",{attrs:{label:"Name",floatForItemSub:!1},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0},{key:"item-sub",fn:function(){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v("\n                            Please fill in data.\n                        ")])]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with text & seplines"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Name"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with select & seplines"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Fruit"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text-select",{staticStyle:{width:"200px"},attrs:{items:n.WPanelLabelItem.objItems},model:{value:n.WPanelLabelItem.objValue,callback:function(e){n.$set(n.WPanelLabelItem,"objValue",e)},expression:"WPanelLabelItem.objValue"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with textarea & seplines"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Fruit"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-textarea",{staticStyle:{width:"300px"},attrs:{textFontSize:"0.85rem"},model:{value:n.WPanelLabelItem.text,callback:function(e){n.$set(n.WPanelLabelItem,"text",e)},expression:"WPanelLabelItem.text"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & labelWidth"}}),n._v(" "),t("div",{},[t("w-panel-label-item",{attrs:{seplines:!0,label:"Styles",labelWidth:100},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"CSS",textFontSize:"0.85rem"}})]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{"padding-top":"20px"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Components",labelWidth:100},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Data tables",textFontSize:"0.85rem"}})]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & labelWidth & labelHorizontalAlign"}}),n._v(" "),t("div",{},[t("w-panel-label-item",{attrs:{seplines:!0,label:"Styles",labelWidth:220,labelHorizontalAlign:"right"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{staticStyle:{width:"220px"},attrs:{value:"CSS",textFontSize:"0.85rem"}})]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{"padding-top":"20px"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Components",labelWidth:220,labelHorizontalAlign:"right"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{staticStyle:{width:"220px"},attrs:{value:"Data tables",textFontSize:"0.85rem"}})]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & labelColor"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Name",labelColor:"#EF6C00"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & labelFontSize"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Name",labelFontSize:"0.75rem"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & space"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Name",space:12},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & slot label"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Name"},scopedSlots:n._u([{key:"label",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("w-icon",{attrs:{icon:n.mdiCat,size:22}}),n._v(" "),t("div",{staticStyle:{"padding-left":"3px","font-size":"0.8rem"}},[n._v("\n                            Name\n                        ")])],1)]},proxy:!0},{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & slot item-sub"}}),n._v(" "),t("div",{staticStyle:{border:"1px dashed #ddd"}},[t("w-panel-label-item",{attrs:{seplines:!0,label:"Name"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0},{key:"item-sub",fn:function(){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v("\n                            Please fill in data.\n                        ")])]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & slot item-sub & floatForItemSub"}}),n._v(" "),t("div",{staticStyle:{border:"1px dashed #ddd"}},[t("w-panel-label-item",{attrs:{seplines:!0,label:"Name",floatForItemSub:!1},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0},{key:"item-sub",fn:function(){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v("\n                            Please fill in data.\n                        ")])]},proxy:!0}])})],1)],1)])])};Sm._withStripped=!0;const wm=ya({render:Sm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-label-item")])])}]},(function(n){n&&n("data-v-65b0b1a6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelLabelItem.vue"},media:void 0})}),Cm,"data-v-65b0b1a6",false,undefined,!1,xa,void 0,void 0);function Wm(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=null,r=null,i=null,a=null,l=null,s=null,c=null,d=null,u=null,p=null,m=null,v=null,g=null,h=null,f=null,b=!1,y=fn(t,"getHeighRatio",null);_(y)||(y=()=>1);let k=fn(t,"getWidthRatio",null);_(k)||(k=()=>1);let x=fn(t,"stopScrollPropagationForPanel",null);sa(x)||(x=!1);let C=fn(t,"stopTouchDragPropagationForPanel",null);sa(C)||(C=!1);let S=fn(t,"useTouchDragForPanel",null);sa(S)||(S=!0);let w=n,W=e,I=Di();return o=n=>{let e=n.deltaY/Math.abs(n.deltaY),t=n.deltaX/Math.abs(n.deltaX);I.emit("scrollPanel",{ratioY:e,ratioX:t}),x&&bu(n)},w.addEventListener("wheel",o),r=n=>{if(S){let e=fn(n,"touches.0.clientY",0),t=fn(n,"touches.0.clientX",0),o=-e*y(),r=-t*k();b=!0,I.emit("pressBar",{clientY:o,clientX:r}),C&&bu(n)}},w.addEventListener("touchstart",r),i=n=>{if(S&&b){let e=fn(n,"touches.0.clientY",0),t=fn(n,"touches.0.clientX",0),o=-e*y(),r=-t*k();I.emit("dragBar",{clientY:o,clientX:r}),C&&bu(n)}},w.addEventListener("touchmove",i,{passive:!1}),a=n=>{S&&b&&(b=!1,I.emit("freeBar"),C&&bu(n))},w.addEventListener("touchend",a),l=n=>{b=!0,I.emit("pressBar",{clientY:n.clientY,clientX:n.clientX})},W.addEventListener("mousedown",l),s=n=>{b&&(b=!1,I.emit("freeBar"))},W.addEventListener("mouseup",s),c=n=>{b=!0,I.emit("pressBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX})},W.addEventListener("touchstart",c),d=n=>{b&&(I.emit("dragBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX}),bu(n))},W.addEventListener("touchmove",d,{passive:!1}),u=n=>{b&&(b=!1,I.emit("freeBar"))},W.addEventListener("touchend",u),p=n=>{b&&I.emit("dragBar",{clientY:n.clientY,clientX:n.clientX})},window.addEventListener("mousemove",p),m=n=>{b&&(b=!1,I.emit("freeBar"),x&&bu(n))},window.addEventListener("mouseup",m),v=n=>{},window.addEventListener("scroll",v,{passive:!1}),g=n=>{},window.addEventListener("wheel",g,{passive:!1}),h=n=>{},document.addEventListener("scroll",h,{passive:!1}),f=n=>{},document.addEventListener("wheel",f,{passive:!1}),I.clear=function(){w.removeEventListener("wheel",o),w.removeEventListener("touchstart",r),w.removeEventListener("touchmove",i),w.removeEventListener("touchend",a),W.removeEventListener("mousedown",l),W.removeEventListener("mouseup",s),W.removeEventListener("touchstart",c),W.removeEventListener("touchmove",d),W.removeEventListener("touchend",u),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",m),window.removeEventListener("scroll",v),window.removeEventListener("wheel",g),document.removeEventListener("scroll",h),document.removeEventListener("wheel",f)},I}const _m={directives:{domresize:$i()},props:{ratio:{type:Number,default:.5},ratioMin:{type:Number,default:0},ratioMax:{type:Number,default:1},leftWidthMin:{type:Number,default:null},leftWidthMax:{type:Number,default:null},rightWidthMin:{type:Number,default:null},rightWidthMax:{type:Number,default:null},barColor:{type:String,default:"#ddd"},barSize:{type:Number,default:2},barBorderColor:{type:String,default:"transparent"},barBorderSize:{type:Number,default:3}},data:function(){return{r:null,panelWidth:0,panelHeight:0,das:null}},mounted:function(){let n=this,e=Wm(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeParam:function(){let n=this,e=n.ratio;return e=n.limitRatio(e),n.r=e,""},bw:function(){return this.barSize+2*this.barBorderSize},useBarColor:function(){return Oi(this.barColor)},useBarBorderColor:function(){return Oi(this.barBorderColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.$emit("resize",n)},limitRatio:function(n){let e=this;if(n=Math.min(n,e.ratioMax),n=Math.max(n,e.ratioMin),e.panelWidth>0){let t=n*e.panelWidth;ua(e.leftWidthMin)&&t<e.leftWidthMin&&(n=e.leftWidthMin/e.panelWidth),ua(e.leftWidthMax)&&t>e.leftWidthMax&&(n=e.leftWidthMax/e.panelWidth);let o=(1-n)*e.panelWidth;ua(e.rightWidthMin)&&o<e.rightWidthMin&&(n=-(e.rightWidthMin/e.panelWidth-1)),ua(e.rightWidthMax)&&o>e.rightWidthMax&&(n=-(e.rightWidthMax/e.panelWidth-1))}return n},dragBar:function({clientX:n}){let e=this,t=e.$el.getBoundingClientRect(),o=n,r=e.$el.offsetWidth,i=0;r>0&&(i=(o-t.left)/r),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};var Im=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",display:"flex"}},[t("div",{ref:"left",style:"width:"+n.r*n.panelWidth+"px; height:"+n.panelHeight+"px;"},[n._t("left",null,{ratio:n.r,width:n.r*n.panelWidth,height:n.panelHeight})],2),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; z-index:1; left:"+(n.r*n.panelWidth-n.bw/2)+"px; width:"+n.bw+"px; height:"+n.panelHeight+"px; border-left:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; border-right:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; cursor:col-resize; user-select:none;"},[t("div",{style:"width:"+n.barSize+"px; height:"+n.panelHeight+"px; background:"+n.useBarColor+";"})]),n._v(" "),t("div",{ref:"right",style:"width:"+(1-n.r)*n.panelWidth+"px; height:"+n.panelHeight+"px;"},[n._t("right",null,{ratio:1-n.r,width:(1-n.r)*n.panelWidth,height:n.panelHeight})],2)])])};Im._withStripped=!0;const Tm=ya({render:Im,staticRenderFns:[]},(function(n){n&&n("data-v-38174f87_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelDivideHorizontal.vue"},media:void 0})}),_m,"data-v-38174f87",false,undefined,!1,xa,void 0,void 0);var Am={components:{demolink:nu,WPanelDivideHorizontal:Tm},props:{},data:function(){let n='<div style="margin:20px;">1. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">2. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">3. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">4. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div>';return{WPanelDivideHorizontal:{htmlLeft:'<h2 style="margin:20px;">Left</h2>'+n,htmlRight:'<h2 style="margin:20px;">Right</h2>'+n},actions:[]}}};const Bm=Am;var Hm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"ratio"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{ratio:.25},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"ratioMin & ratioMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{ratioMin:.25,ratioMax:.75},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"leftWidthMin & leftWidthMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{leftWidthMin:200,leftWidthMax:350},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"rightWidthMin & rightWidthMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{rightWidthMin:200,rightWidthMax:350},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"barColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"barSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"400px"},attrs:{barSize:1},scopedSlots:n._u([{key:"left",fn:function(n){return[t("div",{style:"overflow-y:auto; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001.jpg"}})])]}},{key:"right",fn:function(n){return[t("div",{style:"overflow-y:auto; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",right:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001-gray.jpg"}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"barBorderSize & barBorderColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"400px"},attrs:{barBorderSize:10,barBorderColor:"rgba(255,255,255,0.25)"},scopedSlots:n._u([{key:"left",fn:function(n){return[t("div",{style:"overflow-y:auto; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001.jpg"}})])]}},{key:"right",fn:function(n){return[t("div",{style:"overflow-y:auto; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",right:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001-gray.jpg"}})])]}}])})],1)],1)])])};Hm._withStripped=!0;const Pm=ya({render:Hm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-divide-horizontal")])])}]},(function(n){n&&n("data-v-42b95189_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelDivideHorizontal.vue"},media:void 0})}),Bm,"data-v-42b95189",false,undefined,!1,xa,void 0,void 0);var Fm={directives:{domresize:$i()},props:{ratio:{type:Number,default:.5},ratioMin:{type:Number,default:0},ratioMax:{type:Number,default:1},topHeightMin:{type:Number,default:null},topHeightMax:{type:Number,default:null},bottomHeightMin:{type:Number,default:null},bottomHeightMax:{type:Number,default:null},barColor:{type:String,default:"#ddd"},barBorderColor:{type:String,default:"transparent"},barSize:{type:Number,default:2},barBorderSize:{type:Number,default:3}},data:function(){return{r:null,panelWidth:0,panelHeight:0,das:null}},mounted:function(){let n=this,e=Wm(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeParam:function(){let n=this,e=n.ratio;return e=n.limitRatio(e),n.r=e,""},bw:function(){return this.barSize+2*this.barBorderSize},useBarColor:function(){return Oi(this.barColor)},useBarBorderColor:function(){return Oi(this.barBorderColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.$emit("resize",n)},limitRatio:function(n){let e=this;if(n=Math.min(n,e.ratioMax),n=Math.max(n,e.ratioMin),e.panelHeight>0){let t=n*e.panelHeight;ua(e.topHeightMin)&&t<e.topHeightMin&&(n=e.topHeightMin/e.panelHeight),ua(e.topHeightMax)&&t>e.topHeightMax&&(n=e.topHeightMax/e.panelHeight);let o=(1-n)*e.panelHeight;ua(e.bottomHeightMin)&&o<e.bottomHeightMin&&(n=-(e.bottomHeightMin/e.panelHeight-1)),ua(e.bottomHeightMax)&&o>e.bottomHeightMax&&(n=-(e.bottomHeightMax/e.panelHeight-1))}return n},dragBar:function({clientY:n}){let e=this,t=e.$el.getBoundingClientRect(),o=n,r=e.$el.offsetHeight,i=0;r>0&&(i=(o-t.top)/r),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};const Lm=Fm;var Rm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative"}},[t("div",{ref:"top",style:"width:"+n.panelWidth+"px; height:"+n.r*n.panelHeight+"px;"},[n._t("top",null,{ratio:n.r,width:n.panelWidth,height:n.r*n.panelHeight})],2),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; z-index:1; top:"+(n.r*n.panelHeight-n.bw/2)+"px; width:"+n.panelWidth+"px; height:"+n.barSize+"px; border-top:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; border-bottom:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; cursor:row-resize; user-select:none;"},[t("div",{style:"width:"+n.panelWidth+"px; height:"+n.barSize+"px; background:"+n.useBarColor+";"})]),n._v(" "),t("div",{ref:"bottom",style:"width:"+n.panelWidth+"px; height:"+(1-n.r)*n.panelHeight+"px;"},[n._t("bottom",null,{ratio:1-n.r,width:n.panelWidth,height:(1-n.r)*n.panelHeight})],2)])])};Rm._withStripped=!0;var Dm={components:{demolink:nu,WPanelDivideVertical:ya({render:Rm,staticRenderFns:[]},(function(n){n&&n("data-v-357f2c2f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelDivideVertical.vue"},media:void 0})}),Lm,"data-v-357f2c2f",false,undefined,!1,xa,void 0,void 0)},props:{},data:function(){let n='<div style="margin:20px;">1. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">2. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">3. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">4. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div>';return{WPanelDivideVertical:{htmlTop:'<h2 style="margin:20px;">Top</h2>'+n,htmlBottom:'<h2 style="margin:20px;">Bottom</h2>'+n},actions:[]}}};const jm=Dm;var zm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"ratio"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{ratio:.25},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"ratioMin & ratioMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{ratioMin:.25,ratioMax:.75},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"topHeightMin & topHeightMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{topHeightMin:70,topHeightMax:130},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"bottomHeightMin & bottomHeightMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{bottomHeightMin:70,bottomHeightMax:130},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"barColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"barSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"400px",border:"1px solid #ddd"},attrs:{barSize:1},scopedSlots:n._u([{key:"top",fn:function(n){return[t("div",{style:"position:relative; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001.jpg"}})])]}},{key:"bottom",fn:function(n){return[t("div",{style:"position:relative; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",bottom:"-200px",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001-gray.jpg"}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"barBorderSize & barBorderColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"400px",border:"1px solid #ddd"},attrs:{barBorderSize:10,barBorderColor:"rgba(255,255,255,0.25)"},scopedSlots:n._u([{key:"top",fn:function(n){return[t("div",{style:"position:relative; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001.jpg"}})])]}},{key:"bottom",fn:function(n){return[t("div",{style:"position:relative; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",bottom:"-200px",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001-gray.jpg"}})])]}}])})],1)],1)])])};zm._withStripped=!0;const Vm=ya({render:zm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-divide-vertical")])])}]},(function(n){n&&n("data-v-3e333d16_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelDivideVertical.vue"},media:void 0})}),jm,"data-v-3e333d16",false,undefined,!1,xa,void 0,void 0);const Zm={directives:{domresize:$i(),dommutation:Eu()},components:{},props:{scale:{type:Number,default:1}},data:function(){return{width:1,height:1}},mounted:function(){this.fitSize()},computed:{},methods:{domresize:function(n){this.fitSize()},dommutation:function(n){this.fitSize()},fitSize:function(){let n=this,e=fn(n,"$refs.tar");if(oa(e)){let t=e.getBoundingClientRect();n.width===t.width&&n.height===t.height||(n.width=t.width,n.height=t.height)}}}};var $m=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"},{name:"dommutation",rawName:"v-dommutation"}],style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;",attrs:{domresize:"domresize"},on:{dommutation:n.dommutation}},[t("div",{style:"position:relative; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{style:"position:absolute; left:0; top:0; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{style:"transform-origin:top left; transform:scale("+n.scale+"); width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{ref:"tar",staticStyle:{display:"inline-block"}},[n._t("default")],2)])])])])};$m._withStripped=!0;const Em=ya({render:$m,staticRenderFns:[]},(function(n){n&&n("data-v-a28c5d42_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScale.vue"},media:void 0})}),Zm,"data-v-a28c5d42",false,undefined,!1,xa,void 0,void 0);window.inAppZone=!0;const Gm={components:{demolink:nu,WPanelScale:Em,WPanelScrolly:Uu,WTextSuggest:tm,WPanelBulge:gu},props:{},data:function(){return{useGlobalSlider:!!window.inAppZone,WPanelScale:{scale:1},WPanelScrolly:{tableStyle:"border-collapse:collapse; background-image:linear-gradient(141deg, #4cc5f8 0%, #3fd8eb 75%);",tdStyle:"padding:50px 22px; color:white; border:1px solid rgba(255,255,255,0.5); font-size:0.8rem;"},WTextSuggest:{objItems:[{key:"orange",text:"橘子(orange)"},{key:"banana",text:"香蕉(banana)"},{key:"strawberry",text:"草莓(strawberry)"}],objValue:{key:"banana",text:"香蕉(banana)"}},WPanelBulge:{title:"Bulge",table:'\n<div style="margin-bottom:10px; padding:0px 10px;">\n                        <span>A data table</span>\n                    </div>\n\n                    <table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n'},actions:[{mode:"eleclick",selector:'span[class="v-chip__content"]'}]}}};var Xm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[n.useGlobalSlider?t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}):n._e(),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for v-btn"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{color:"#f26","font-size":"0.8rem"}},[n._v("\n                * div使用display:inline-block且與其他元素有空白時, 照規範渲染時會出現textNode造成空隙問題\n            ")]),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("v-btn",[n._v("button")])],1)],1),n._v(" "),t("br"),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("div",{staticStyle:{_display:"inline-block",overflow:"hidden",width:"150px",height:"100px",background:"#f26"}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for w-panel-scrolly"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1)],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for select"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("select",{staticStyle:{padding:"0px 10px",background:"rgba(200,200,200,0.1)",color:"#000",border:"1px solid rgba(200,200,200,0.5)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#000"},attrs:{value:"0"}},[n._v("Select Fruit")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"1"}},[n._v("Apple")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"2"}},[n._v("Orange")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"3"}},[n._v("Banana")])])])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for w-text-suggest"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{color:"#f26","font-size":"0.8rem"}},[n._v("\n                * transform scale縮放會造成popupjs定位偏移問題\n            ")]),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("w-text-suggest",{staticStyle:{width:"200px"},attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1)],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for w-panel-bulge"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)],1)],1)],1)])};Xm._withStripped=!0;const Mm=ya({render:Xm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-scale")])])}]},(function(n){n&&n("data-v-23914c1f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelScale.vue"},media:void 0})}),Gm,"data-v-23914c1f",false,undefined,!1,xa,void 0,void 0);const Nm={components:{demolink:nu,WIcon:_a},props:{},data:function(){return{WIcon:{mdiFruitCherries:"M16 13H15.5C14.8 11.7 14.3 10 13.8 8.3L14.7 9.2C17.4 11.3 19.8 10.9 19.8 10.9S20.5 7.1 17.8 5.1C15.5 3.3 13.4 3.3 12.8 3.4C12.7 2.8 12.7 2.3 12.6 1.9L11.2 2C11.2 5.2 8.5 11.1 7.6 13C5.6 13.2 4 14.9 4 17C4 19.2 5.8 21 8 21C9.1 21 10 20.6 10.7 19.9C10.3 19 10 18 10 17S10.3 15 10.7 14.1C10.3 13.7 9.7 13.4 9.2 13.2C9.9 11.7 11.1 9 11.9 6.4C12.3 8.7 13.1 11.4 14.1 13.5C12.9 14.2 12 15.5 12 17C12 19.2 13.8 21 16 21S20 19.2 20 17 18.2 13 16 13M8 15.5C7.2 15.5 6.5 16.2 6.5 17H5.5C5.5 15.6 6.6 14.5 8 14.5V15.5M16 15.5C15.2 15.5 14.5 16.2 14.5 17H13.5C13.5 15.6 14.6 14.5 16 14.5V15.5Z",mdiShieldCrownOutline:"M12 1L21 5V11C21 16.55 17.16 21.74 12 23C6.84 21.74 3 16.55 3 11V5L12 1M12 3.18L5 6.3V11.22C5 15.54 8.25 20 12 21C15.75 20 19 15.54 19 11.22V6.3L12 3.18M16 14V15.5L16 15.59C15.96 15.81 15.78 15.96 15.53 16L15.43 16H8.57L8.47 16C8.22 15.96 8.04 15.81 8 15.59L8 15.5V14H16M17 8L16 13H8L7 8L7 8L9.67 10.67L12 8.34L14.33 10.67L17 8L17 8Z",mdiAccessPoint:"M4.93,4.93C3.12,6.74 2,9.24 2,12C2,14.76 3.12,17.26 4.93,19.07L6.34,17.66C4.89,16.22 4,14.22 4,12C4,9.79 4.89,7.78 6.34,6.34L4.93,4.93M19.07,4.93L17.66,6.34C19.11,7.78 20,9.79 20,12C20,14.22 19.11,16.22 17.66,17.66L19.07,19.07C20.88,17.26 22,14.76 22,12C22,9.24 20.88,6.74 19.07,4.93M7.76,7.76C6.67,8.85 6,10.35 6,12C6,13.65 6.67,15.15 7.76,16.24L9.17,14.83C8.45,14.11 8,13.11 8,12C8,10.89 8.45,9.89 9.17,9.17L7.76,7.76M16.24,7.76L14.83,9.17C15.55,9.89 16,10.89 16,12C16,13.11 15.55,14.11 14.83,14.83L16.24,16.24C17.33,15.15 18,13.65 18,12C18,10.35 17.33,8.85 16.24,7.76M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z",mdiOctagramEditOutline:"M3.88 12L2.2 16.06L6.26 17.74L7.94 21.8L11 20.53V18.36L9 19.19L7.79 16.21L4.81 15L6.05 12L4.81 9L7.79 7.79L9 4.81L12 6.05L15 4.81L16.21 7.79L19.19 9L17.95 12L18 12.13L19.38 10.75C19.82 10.3 20.38 10.06 20.94 10L21.8 7.94L17.74 6.26L16.06 2.2L12 3.88L7.94 2.2L6.26 6.26L2.2 7.94L3.88 12M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96Z"},actions:[]}}};var Om=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (material)"}}),n._v(" "),t("w-icon",{attrs:{icon:n.WIcon.mdiFruitCherries}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (fontawesome)"}}),n._v(" "),t("w-icon",{attrs:{icon:"fas fa-pause-circle"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (material) & color & colorHover"}}),n._v(" "),t("w-icon",{attrs:{icon:n.WIcon.mdiShieldCrownOutline,color:"orange darken-3",colorHover:"orange lighten-1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (fontawesome) & color & colorHover"}}),n._v(" "),t("w-icon",{attrs:{icon:"fas fa-hospital-user",color:"orange darken-3",colorHover:"orange lighten-1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (material) & size"}}),n._v(" "),t("w-icon",{attrs:{icon:n.WIcon.mdiAccessPoint,size:64}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (fontawesome) & size"}}),n._v(" "),t("w-icon",{attrs:{icon:"fas fa-tags",size:64}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (material) & timeTransition"}}),n._v(" "),t("w-icon",{attrs:{icon:n.WIcon.mdiOctagramEditOutline,timeTransition:.2}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (fontawesome) & timeTransition"}}),n._v(" "),t("w-icon",{attrs:{icon:"fas fa-fingerprint",timeTransition:.2}})],1)])])};Om._withStripped=!0;const Km=ya({render:Om,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-icon")])])}]},(function(n){n&&n("data-v-1eca156d_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWIcon.vue"},media:void 0})}),Nm,"data-v-1eca156d",false,undefined,!1,xa,void 0,void 0);var Ym={components:{WIconLoading:dc},props:{width:{type:Number,default:null},height:{type:Number,default:null},ratio:{type:Number,default:null},url:{type:String,default:""},delay:{type:Number,default:300}},data:function(){return{ev:null,showed:!1,loaded:!1,useWidth:0,useHeight:0}},mounted:function(){let n=this;n.ev=Xu(n.$el,{mode:"event"}),n.ev.create(),n.ev.on("visible",(e=>{if(e)try{n.ev.dispose(),setTimeout((()=>{n.showed=!0}),n.delay)}catch(n){}}))},beforeDestroy:function(){let n=this;try{n.ev.dispose()}catch(n){}},computed:{changeParams:function(){let n=this,e=n.width,t=n.height,o=n.ratio;return Wi(e)&&Wi(t)?(e=Math.max(_i(e),0),t=Math.max(_i(t),0),n.useWidth=e,n.useHeight=t):Wi(e)&&Wi(o)?(e=Math.max(_i(e),0),o=Math.max(_i(o),0),t=e/o,n.useWidth=e,n.useHeight=t):Wi(t)&&Wi(o)?(t=Math.max(_i(t),0),o=Math.max(_i(o),0),e=t*o,n.useWidth=e,n.useHeight=t):console.log("width, height and ratio, at least two of the three parameters must be provided"),""}},methods:{load:function(n){this.loaded=!0}}};const Jm=Ym;var Um=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.useWidth+"px; height:"+n.useHeight+"px; overflow:hidden; vertical-align:top;",attrs:{changeParams:n.changeParams}},[n.showed&&n.loaded?n._e():t("WIconLoading"),n._v(" "),n.showed?t("img",{style:"width:"+n.useWidth+"px; height:"+n.useHeight+"px; opacity:"+(n.loaded?1:0)+";",attrs:{src:n.url},on:{load:n.load}}):n._e()],1)};Um._withStripped=!0;const Qm={components:{demolink:nu,WImageLazy:ya({render:Um,staticRenderFns:[]},(function(n){n&&n("data-v-1f8f4db6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageLazy.vue"},media:void 0})}),Jm,"data-v-1f8f4db6",false,undefined,!1,xa,void 0,void 0)},props:{},data:function(){return{WImageLazy:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/002.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/003.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/004.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/005.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/006.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/007.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/008.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/009.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/010.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/011.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/012.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/013.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/014.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/015.jpg"]},actions:[]}}};var qm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-image-lazy",casename:"width & height"}}),n._v(" "),t("div",{staticStyle:{width:"340px",height:"400px","overflow-y":"auto",border:"1px solid #ddd"}},n._l(n.WImageLazy.images,(function(n,e){return t("div",{key:"kurl-"+e},[t("w-image-lazy",{attrs:{width:320,height:180,_ratio:"16/9",url:n}})],1)})),0)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-image-lazy",casename:"width & height & delay"}}),n._v(" "),t("div",{staticStyle:{width:"340px",height:"400px","overflow-y":"auto",border:"1px solid #ddd"}},n._l(n.WImageLazy.images,(function(n,e){return t("div",{key:"kurl-"+e},[t("w-image-lazy",{attrs:{width:320,height:180,_ratio:"16/9",url:n,delay:1e3}})],1)})),0)],1)])])};qm._withStripped=!0;const nv=ya({render:qm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-image-lazy")])])}]},(function(n){n&&n("data-v-70ade800_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWImageLazy.vue"},media:void 0})}),Qm,"data-v-70ade800",false,undefined,!1,xa,void 0,void 0);function ev(n,e,t){var o=null==n?0:n.length;return o?Ze(n,(e=t||void 0===e?1:Ci(e))<0?0:e,o):[]}function tv(n,e){let t=Dl();if(!va(n)&&!Qo(n))return t.reject("rs is not an array or object"),t;let o=!1;if(Qo(n)){o=!0;let e=[];Ve(n,((n,t)=>{e.push({k:t,v:n})})),n=e}ji(e)||(e=function(n){return n});let r=-1,i=[];return n.reduce((function(n,t){return n.then((function(n){i.push(n),r+=1;let a=r,l=t;return o&&(a=t.k,l=t.v),ji(e)?e(l,a):l}))}),Promise.resolve()).then((function(n){i.push(n),i=ev(i),t.resolve(i)})).catch((function(n){t.reject(n)})),t}async function ov(n){let e=[],t=Dl();return await async function n(t){let o=null;if(t.isFile&&(o=await function(n){let e=Dl();try{n.file(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(t)),e.push({type:t.isDirectory?"folder":t.isFile?"file":"unknow",path:t.fullPath,name:t.name,entry:t,file:o}),t.isDirectory){let e=t.createReader(),o=await function(n){let e=Dl();try{n.readEntries(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(e);await tv(o,(async e=>{await n(e)}))}}(n),t.resolve(e),t}async function rv(n){let e=[];Ve(n,(n=>{let t=n.webkitGetAsEntry();t&&e.push(t)}));let t=await async function(n){let e=[];return await tv(n,(async n=>{Ve(await ov(n),(n=>{e.push(n)}))})),e}(e);return t}async function iv(n){let e=[],t=[];try{e=await async function(n){let e=[];return Ve(n,(n=>{n.type&&e.push({type:"file",name:n.name,file:n})})),e}(fn(n,"files",[])),fu()||(t=await rv(fn(n,"items",[])).catch((n=>{console.log(n)})))}catch(n){return Promise.reject(n)}return{files:e,entries:t}}var av={components:{},props:{backgroundColor:{type:String,default:"transparent"},backgroundColorDropIn:{type:String,default:"grey lighten-4"},backgroundColorHover:{type:String,default:"grey lighten-5"},timeTransition:{type:Number,default:.3},borderRadius:{type:Number,default:6},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"grey lighten-2"},borderColorDropIn:{type:String,default:"grey lighten-2"},borderColorHover:{type:String,default:"grey lighten-2"}},data:function(){return{ev:null,bMouseIn:!1,bDropIn:!1}},mounted:function(){let n=this;n.ev=function(n){let e=!1,t=!1,o=Di();function r(n){bu(n),t=!0,!1===e&&(e=!0,o.emit("dropIn",{ev:n}))}function i(n){bu(n),t=!1,setTimeout((function(){t||(e=!1,o.emit("dropOut",{ev:n}))}),100)}function a(n){r(n)}function l(n){i(n)}function s(n){function e(){i(n)}r(n),iv(n.dataTransfer).then((t=>{let r=Bl(t.entries,{type:"file"});o.emit("getFiles",{ev:n,files:t.files,filesTree:r,entries:t.entries,cb:e})})).catch((n=>{o.emit("error",n)}))}return n.addEventListener("dragenter",a,!1),n.addEventListener("dragover",a,!1),n.addEventListener("dragleave",l,!1),n.addEventListener("drop",s,!1),o.off=function(){n.removeEventListener("dragenter",a,!1),n.removeEventListener("dragover",a,!1),n.removeEventListener("dragleave",l,!1),n.removeEventListener("drop",s,!1)},o}(n.$refs.dropPanel),n.ev.on("getFiles",(({files:e,filesTree:t,entries:o,cb:r})=>{n.$emit("get-files",{files:e,filesTree:t,entries:o}),r()})),n.ev.on("dropIn",(()=>{n.bDropIn=!0,n.$emit("drop-in")})),n.ev.on("dropOut",(()=>{n.bDropIn=!1,n.$emit("drop-out")})),n.ev.on("error",(function(e){n.$emit("drop-error",e)}))},beforeDestroy:function(){this.ev.off()},computed:{useBorderColor:function(){let n=this;return n.bDropIn?Oi(n.borderColorDropIn):n.bMouseIn?Oi(n.borderColorHover):Oi(n.borderColor)},useBackgroundColor:function(){let n=this;return n.bDropIn?Oi(n.backgroundColorDropIn):n.bMouseIn?Oi(n.backgroundColorHover):Oi(n.backgroundColor)}},methods:{}};const lv=av;var sv=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",{ref:"dropPanel",style:"border:"+n.borderWidth+"px solid "+n.useBorderColor+"; border-radius:"+n.borderRadius+"px; background:"+n.useBackgroundColor+"; transition:all "+n.timeTransition+"s linear;",on:{mouseenter:function(e){n.bMouseIn=!0},mouseleave:function(e){n.bMouseIn=!1}}},[n._t("default")],2)};sv._withStripped=!0;const cv={components:{demolink:nu,WDropfiles:ya({render:sv,staticRenderFns:[]},(function(n){n&&n("data-v-920803be_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDropfiles.vue"},media:void 0})}),lv,"data-v-920803be",false,undefined,!1,xa,void 0,void 0)},props:{},data:function(){return{WDropfiles:{msg1:"",msg2:"",msg3:"",msg4:"",msg5:"",msg6:""},actions:[]}},methods:{dropIn:function(n){console.log("dropIn",n)},dropOut:function(n){console.log("dropOut",n)},dropError:function(n){console.log("dropError",n)}}};var dv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"default"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg1="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg1))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"backgroundColor & backgroundColorDropIn & backgroundColorHover"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{backgroundColor:"rgba(240,230,255,0.3)",backgroundColorDropIn:"rgba(240,230,255,0.9)",backgroundColorHover:"rgba(240,230,255,0.6)"},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg2="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg2))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"borderRadius"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{borderRadius:30},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg3="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg3))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"borderWidth"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{borderWidth:5},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg4="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg4))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"borderColor & borderColorDropIn & borderColorHover & backgroundColorDropIn & backgroundColorHover"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{borderColor:"orange lighten-4",borderColorDropIn:"orange lighten-2",borderColorHover:"orange lighten-4",backgroundColorDropIn:"orange lighten-4",backgroundColorHover:"orange lighten-5"},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg5="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg5))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"timeTransition"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{timeTransition:.1},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg6="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg6))])])])],1)])])};dv._withStripped=!0;const uv=ya({render:dv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-dropfiles")])])}]},(function(n){n&&n("data-v-43342df4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWDropfiles.vue"},media:void 0})}),cv,"data-v-43342df4",false,undefined,!1,xa,void 0,void 0);function pv(n){return n&&n.length?Pp(n,je,Fp):void 0}let mv={};let vv={getLevel:function(n,e){os(mv,n)||(mv[n]={});let t=fn(mv,n,{}),o=fn(t,e,null);if(ua(o))return o;let r=_p(mv[n]);return 0===Oo(r)?(o=1,mv[n][e]=o,o):(o=pv(r)+1,mv[n][e]=o,o)},destroyLevel:function(n,e){os(mv,n)&&delete mv[n][e]}};var gv={directives:{domresize:$i()},components:{WButtonCircle:Ud,WIcon:_a},props:{show:{type:Boolean,default:!1},isModal:{type:Boolean,default:!0},dialogZIndex:{type:Number,default:2e3},fullscreen:{type:Boolean,default:!1},minWidth:{type:Number,default:200},maxWidth:{type:Number,default:1e3},ratioHeightMax:{type:Number,default:.9},autoFullscreenWhenNarrow:{type:Boolean,default:!0},overlayColor:{type:String,default:"rgba(0,0,0,0.3)"},panelBorderRadius:{type:Number,default:4},panelShadow:{type:Boolean,default:!0},panelShadowStyle:{type:String,default:"0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%)"},icon:{type:String,default:""},title:{type:String,default:""},titleColor:{type:String,default:"white"},titleFontSize:{type:String,default:"1.3rem"},headerHeight:{type:Number,default:56},headerIconColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"light-blue darken-3"},headerShadow:{type:Boolean,default:!0},headerShadowStyle:{type:String,default:"0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%)"},headerBtns:{type:Array,default:()=>[]},hasSaveBtn:{type:Boolean,default:!0},saveBtnTooltip:{type:String,default:"Save"},hasCloseBtn:{type:Boolean,default:!0},closeBtnTooltip:{type:String,default:"Close"},closeWithInterceptor:{type:Boolean,default:!1},contentTextColor:{type:String,default:"black"},contentBackgroundColor:{type:String,default:"#fff"}},data:function(){return{get:fn,mmkey:Zi(),zind:0,mdiCheckCircle:Xa,mdiClose:nl,mdiCheckerboard:Ya,nativeBarWidth:16,showTrans:!1,fullscreenForce:!1,overlayStyleShow:"",panelWidth:0,panelHeight:0,panelStyleShow:"",panelStylePlus:"",headSpace:12,titleWidth:0,contentWidth:0,contentHeight:0,contentHeightMax:0,contentScrollHSize:0,useContentHeight:"",footerHeight:0,resizeMsgTemp:null}},computed:{changeParam:function(){let n=this;return n.showTrans=n.show,n.showTrans?(n.zind=vv.getLevel("dialog",n.mmkey),n.showPanel()):vv.destroyLevel("dialog",n.mmkey),""},useDialogZIndex:function(){return this.dialogZIndex+this.zind},useIsModal:function(){return this.isModal},useFullscreen:function(){return!!this.fullscreen||this.fullscreenForce},useBorder:function(){let n=this,e="";return n.useFullscreen||(e=`border-radius:${n.panelBorderRadius}px; overflow:hidden;`),e},useHeaderIcon:function(){let n=this;return n.icon?n.icon:Ya},useRatioHeight:function(){let n=this;return n.useFullscreen?1:n.ratioHeightMax},useWidth:function(){let n=this;return n.useFullscreen?"width:100svw; max-width:100svw;":`min-width:${n.minWidth}px; max-width:${n.maxWidth}px;`},useHeight:function(){let n="";return n=this.useFullscreen?"height":"max-height",n=`${n}:${100*this.useRatioHeight}svh;`,n},useOverlayColor:function(){return Oi(this.overlayColor)},usePanelShadowStyle:function(){return this.panelShadow?`box-shadow:${Ki(this.panelShadowStyle,";","")};`:""},useTitleFontSize:function(){let n=this.titleFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTitleColor:function(){return Oi(this.titleColor)},useHeaderBackgroundColor:function(){return Oi(this.headerBackgroundColor)},useHeaderShadowStyle:function(){return this.headerShadow?`box-shadow:${Ki(this.headerShadowStyle,";","")};`:""},useContentTextColor:function(){return Oi(this.contentTextColor)},useContentBackgroundColor:function(){return Oi(this.contentBackgroundColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=fn(e,"$refs.divFooter");e.footerHeight=t?t.clientHeight:0,e.fullscreenForce=!1,e.autoFullscreenWhenNarrow&&(e.fullscreenForce=e.maxWidth>=window.innerWidth),e.contentHeightMax=Math.max(window.innerHeight*e.useRatioHeight-e.headerHeight-e.footerHeight,0),0===e.contentHeightMax?e.useContentHeight="":e.useContentHeight=`max-height:${e.contentHeightMax}px;`;let o=fn(e,"$refs.divShield");if(o){let n=o.offsetWidth-o.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.updateTitleWidth("resizePanel"),e.triggerResize("resizePanel")},resizeHead:function(n){this.updateTitleWidth("resizeHead")},resizeContent:function(n){let e=this;e.contentWidth=n.snew.offsetWidth,e.contentHeight=n.snew.offsetHeight,e.contentScrollHSize=n.snew.offsetHeight-n.snew.clientHeight},showPanel:function(){let n=this,e=200;n.overlayStyleShow="transition:all 200ms ease-out; opacity:0;",setTimeout((()=>{n.overlayStyleShow="transition:all 200ms ease-out; opacity:1;"}),1),setTimeout((()=>{n.overlayStyleShow=""}),e),n.panelStyleShow="transition:all 200ms ease-out; opacity:0; transform:scale(0.2);",setTimeout((()=>{n.panelStyleShow="transition:all 200ms ease-out; opacity:1; transform:scale(1);"}),1),setTimeout((()=>{n.panelStyleShow=""}),e)},triggerResize:function(n){let e=this;if(!e.showTrans)return;if(0===e.panelWidth||0===e.panelHeight)return;let t={panelWidth:e.panelWidth,panelHeight:e.panelHeight,headerHeight:e.headerHeight,contentHeight:e.contentHeight,contentHeightMax:e.contentHeightMax,contentScrollHSize:e.contentScrollHSize,footerHeight:e.footerHeight};Uo(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick((()=>{e.$emit("resize",ci(t))})))},updateTitleWidth:function(n){let e=this,t=fn(e,"$refs.hdIcon.clientWidth",0),o=fn(e,"$refs.hdStl.clientWidth",0),r=fn(e,"$refs.hdStr.clientWidth",0),i=fn(e,"$refs.hdBtns.clientWidth",0),a=e.panelWidth-2*e.headSpace-t-o-r-i;a=Math.max(a,0),e.titleWidth=a},clickOutside:function(n){let e=this,t=!1;try{t=!e.$refs.divPanel.contains(n.target)}catch(n){}if(t)try{t=!hc(n.clientX,n.clientY,e.$refs.divPanel)}catch(n){}if(t)if(e.useIsModal){let n=20,t=1.02;e.panelWidth>0&&(t=(e.panelWidth+n)/e.panelWidth);let o=100;e.panelStylePlus=`transition:all ${o}ms; transform:scale(${t});`,setTimeout((()=>{e.panelStylePlus=`transition:all ${o}ms;`}),o),setTimeout((()=>{e.panelStylePlus=""}),2*o)}else e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)}))},clickBtns:function(n){let e=this;e.$nextTick((()=>{e.$emit("click-btns",ci(n))}))},clickSave:function(n){let e=this;e.$nextTick((()=>{e.$emit("click-save",n)}))},clickClose:function(n){let e=this;if(!e.hasCloseBtn||!n)if(e.closeWithInterceptor){let n=Dl();e.$nextTick((()=>{e.$emit("click-close",{pm:n})})),n.then((()=>{e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)}))})).catch((n=>{}))}else e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans),e.$emit("click-close")}))}}};const hv=gv;var fv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[n.showTrans?t("div",{ref:"divShield",style:"\n            position:fixed; left:0px; top:0px;\n            width:calc( 100svw + "+n.nativeBarWidth+"px ); height:100svh; overflow-x:hidden; overflow-y:scroll;\n            z-index:"+n.useDialogZIndex+";\n            overscroll-behavior:none;\n            user-select:none;\n        "},[t("div",{style:"\n                width:calc( 100svw + "+(n.nativeBarWidth+1)+"px ); height:100svh;\n            "},[t("div",{ref:"divOverlay",style:"\n                    position:sticky; left:0px; top:0px;\n                    width:100svw; height:100svh;\n                    display:flex; align-items:center; justify-content:center;\n                    "+n.overlayStyleShow+"\n                    background:"+n.useOverlayColor+";\n                ",attrs:{tabindex:"0"},on:{click:n.clickOutside}},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divPanel",style:"\n                        transition:all 100ms ease-out;\n                        "+n.panelStyleShow+"\n                        "+n.panelStylePlus+"\n                        "+n.useWidth+" "+n.useHeight+" "+n.useBorder+"\n                        background:"+n.useContentBackgroundColor+";\n                        "+n.usePanelShadowStyle+"\n                        user-select:text;\n                    ",on:{domresize:n.resizePanel}},[n._t("panel",(function(){return[t("div",{ref:"divHeader",style:"\n                                background:"+n.useHeaderBackgroundColor+";\n                                "+n.useHeaderShadowStyle+"\n                            "},[n._t("header",(function(){return[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"\n                                        display:table;\n                                        padding:0px "+n.headSpace+"px;\n                                        height:"+n.headerHeight+"px; max-height:"+n.headerHeight+"px;\n                                    ",on:{domresize:n.resizeHead}},[t("div",{ref:"hdIcon",staticStyle:{"padding-right":"10px",display:"table-cell","vertical-align":"middle"}},[t("WIcon",{attrs:{icon:n.useHeaderIcon,color:n.headerIconColor,colorHover:n.headerIconColor}})],1),n._v(" "),t("div",{ref:"hdTitleAndStl",staticStyle:{width:"100%",display:"table-cell","vertical-align":"middle"}},[t("div",{style:"display:flex; align-items:center;"},[t("div",{style:"max-width:"+n.titleWidth+"px; "+n.useTitleFontSize+" color:"+n.useTitleColor+"; text-overflow:ellipsis; white-space:nowrap; overflow-x:hidden;"},[n._v("\n                                                "+n._s(n.title)+"\n                                            ")]),n._v(" "),t("div",{ref:"hdStl"},[n._t("header-left")],2)])]),n._v(" "),t("div",{ref:"hdStr",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("header-right")],2)]),n._v(" "),t("div",{ref:"hdBtns",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._l(n.headerBtns,(function(e,o){return[t("WButtonCircle",{key:o,staticStyle:{"padding-left":"5px"},attrs:{icon:n.get(e,"icon"),shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.get(e,"iconColor")||n.headerIconColor,iconColor:n.get(e,"iconColor")||n.headerIconColor,iconColorHover:n.get(e,"iconColor")||n.headerIconColor,iconColorFocus:n.get(e,"iconColor")||n.headerIconColor,backgroundColor:n.get(e,"backgroundColor")||"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.get(e,"tooltip")},on:{click:function(t){return n.clickBtns(e)}}})]})),n._v(" "),n.hasSaveBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiCheckCircle,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.saveBtnTooltip,promiseUnlock:!0},on:{click:n.clickSave}})]:n._e(),n._v(" "),n.hasCloseBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiClose,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.closeBtnTooltip},on:{click:function(e){return n.clickClose(!1)}}})]:n._e()],2)])])]}),{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divContent",style:"\n                                color:"+n.useContentTextColor+";\n                                "+n.useContentHeight+"\n                                overflow-y:auto;\n                            ",on:{domresize:n.resizeContent}},[n._t("content",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{ref:"divFooter",style:"\n                            "},[n._t("footer",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)]}),{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)])])]):n._e()])};fv._withStripped=!0;const bv=ya({render:fv,staticRenderFns:[]},(function(n){n&&n("data-v-4f94c6fc_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDialog.vue"},media:void 0})}),hv,"data-v-4f94c6fc",false,undefined,!1,xa,void 0,void 0);var yv={components:{demolink:nu,WDialog:bv},props:{},data:function(){return{WDialog:{bShow01:!1,bShow02:!1,bShow03:!1,bShow04a:!1,bShow04b:!1,bShow05:!1,bShow06:!1,bShow07:!1,bShow08:!1,bShow09:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow13:!1,bShow14:!1,bShow15:!1,bShow16:!1,bShow17:!1,bShow18a:!1,bShow18b:!0,bShow19:!1,bShow20:!1,bShow21:!1,bShow22:!1,bShow23:!1,bShow24:!1,bShow25:!1,iShow24:0,bShow26a:!1,bShow26b:!1,bShow26c:!1,bShow27:!1,headerBtns:[{icon:"fas fa-book-reader",tooltip:"測試book-reader",evName:"bookReader",iconColor:"#f26",backgroundColor:"rgba(255,255,255,0.7)"},{icon:"fab fa-codepen",tooltip:"測試codepen",evName:"codepen"},{icon:"fab fa-docker",tooltip:"測試docker",evName:"docker"}],title:"Popup Dialog",text1:"Article Title",text2:"Here is an article content, texts are from Vuetify.",text3:"Vuetify is a progressive framework that attempts to push web development to the next level. In order to best accomplish this task, some sacrifices had to be made in terms of support for older versions of Internet Explorer. This is not an exhaustive list of compatible browsers, but the main targeted ones.",text4:"There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application's compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.",text5:"End."},actions:[]}},methods:{resizeEvent:function(n){console.log("resizeEvent",n)},clickBtns:function(n){console.log("clickBtns",n)},clickSave:function(n){console.log("clickSave",n),setTimeout((function(){console.log("save finish"),n.pm.resolve()}),1e3)},clickClose:function(n){console.log("clickClose",n)},clickClosePm:function(n){console.log("clickClose",n),alert("pm.resolve() for close"),n.pm.resolve()},delayClose:function(){console.log("delayClose");let n=this;n.WDialog.iShow24=5;let e=setInterval((()=>{n.WDialog.iShow24-=1,n.WDialog.iShow24<=0&&(clearInterval(e),n.WDialog.bShow25=!1)}),1e3)}}};const kv=yv;var xv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow01=!n.WDialog.bShow01}}},[n._v("Show("+n._s(n.WDialog.bShow01)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow01,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow01",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"icon (fontawesome)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow02=!n.WDialog.bShow02}}},[n._v("Show("+n._s(n.WDialog.bShow02)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow02,title:n.WDialog.title,icon:"fas fa-cocktail"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow02",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"title"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow03=!n.WDialog.bShow03}}},[n._v("Show("+n._s(n.WDialog.bShow03)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow03,title:"彈窗組件"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow03",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"long title"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow04a=!n.WDialog.bShow04a}}},[n._v("Show("+n._s(n.WDialog.bShow04a)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow04a,title:"彈窗組件超長標題 Neque porro quisquam est qui dolorem ipsum quia dolor sit amet consectetur",fullscreen:n.WDialog.bShow04b},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow04a",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow04a=!n.WDialog.bShow04a}}},[n._v("Hide Window")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow04b=!n.WDialog.bShow04b}}},[n._v("Toggle to "+n._s(n.WDialog.bShow04b?"Normal Size":"Fullscreen"))])],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow05=!n.WDialog.bShow05}}},[n._v("Show("+n._s(n.WDialog.bShow05)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow05,title:n.WDialog.title,headerBackgroundColor:"pink darken-1"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow05",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"titleColor & headerIconColor & headerBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow06=!n.WDialog.bShow06}}},[n._v("Show("+n._s(n.WDialog.bShow06)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow06,title:n.WDialog.title,titleColor:"amber darken-4",headerIconColor:"amber darken-4",headerBackgroundColor:"amber lighten-5"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow06",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerShadow (no shadow)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow07=!n.WDialog.bShow07}}},[n._v("Show("+n._s(n.WDialog.bShow07)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow07,title:n.WDialog.title,headerShadow:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow07",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerShadowStyle"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow08=!n.WDialog.bShow08}}},[n._v("Show("+n._s(n.WDialog.bShow08)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow08,title:n.WDialog.title,headerShadowStyle:"0 11px 15px -7px rgb(0 100 200 / 20%), 0 24px 38px 3px rgb(0 100 200 / 14%), 0 9px 46px 8px rgb(0 100 200 / 12%)"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow08",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerBtns"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow09=!n.WDialog.bShow09}}},[n._v("Show("+n._s(n.WDialog.bShow09)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow09,title:n.WDialog.title,headerBtns:n.WDialog.headerBtns},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow09",e)},resize:n.resizeEvent,"click-btns":n.clickBtns,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot header-left & header-right"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow10=!n.WDialog.bShow10}}},[n._v("Show("+n._s(n.WDialog.bShow10)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow10,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow10",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"header-left",fn:function(){return[t("div",{staticStyle:{"padding-left":"15px"}},[t("select",{staticStyle:{padding:"0px 15px",background:"rgba(255,255,255,0.1)",color:"#fff",border:"1px solid rgba(255,255,255,0.7)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#000"},attrs:{value:"0"}},[n._v("Select Fruit")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"1"}},[n._v("L-Apple")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"2"}},[n._v("L-Orange")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"3"}},[n._v("L-Banana")])])])]},proxy:!0},{key:"header-right",fn:function(){return[t("div",{},[t("select",{staticStyle:{padding:"0px 15px",background:"rgba(255,255,255,0.1)",color:"#fff",border:"1px solid rgba(255,255,255,0.7)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#000"},attrs:{value:"0"}},[n._v("Select Fruit")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"1"}},[n._v("R-Apple")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"2"}},[n._v("R-Orange")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"3"}},[n._v("R-Banana")])])])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"saveBtnTooltip & closeBtnTooltip"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow11=!n.WDialog.bShow11}}},[n._v("Show("+n._s(n.WDialog.bShow11)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow11,title:n.WDialog.title,saveBtnTooltip:"儲存",closeBtnTooltip:"關閉"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow11",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"hasSaveBtn (no save button)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow12=!n.WDialog.bShow12}}},[n._v("Show("+n._s(n.WDialog.bShow12)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow12,title:n.WDialog.title,hasSaveBtn:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow12",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"isModal (not persistent)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow13=!n.WDialog.bShow13}}},[n._v("Show("+n._s(n.WDialog.bShow13)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow13,title:n.WDialog.title,isModal:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow13",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"hasSaveBtn & hasCloseBtn & isModal (no save and close button)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow14=!n.WDialog.bShow14}}},[n._v("Show("+n._s(n.WDialog.bShow14)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow14,title:n.WDialog.title,hasSaveBtn:!1,hasCloseBtn:!1,isModal:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow14",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"closeWithInterceptor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow15=!n.WDialog.bShow15}}},[n._v("Show("+n._s(n.WDialog.bShow15)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow15,title:n.WDialog.title,closeWithInterceptor:!0},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow15",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClosePm},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"contentTextColor & contentBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow16=!n.WDialog.bShow16}}},[n._v("Show("+n._s(n.WDialog.bShow16)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow16,title:n.WDialog.title,contentTextColor:"#fff",contentBackgroundColor:"cyan darken-2"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow16",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"1.5rem",margin:"10px 0px 20px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px",color:"#eee"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px",color:"#eee"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px",color:"#eee"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"maxWidth (narrow width)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow17=!n.WDialog.bShow17}}},[n._v("Show("+n._s(n.WDialog.bShow17)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow17,title:n.WDialog.title,maxWidth:500},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow17",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"fullscreen"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow18a=!n.WDialog.bShow18a}}},[n._v("Show("+n._s(n.WDialog.bShow18a)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow18a,title:n.WDialog.title,fullscreen:n.WDialog.bShow18b},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow18a",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow18a=!n.WDialog.bShow18a}}},[n._v("Hide Window")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow18b=!n.WDialog.bShow18b}}},[n._v("Toggle to "+n._s(n.WDialog.bShow18b?"Normal Size":"Fullscreen"))])],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"panelBorderRadius"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow19=!n.WDialog.bShow19}}},[n._v("Show("+n._s(n.WDialog.bShow19)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow19,title:n.WDialog.title,panelBorderRadius:0},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow19",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"panelShadow (no shadow)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow20=!n.WDialog.bShow20}}},[n._v("Show("+n._s(n.WDialog.bShow20)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow20,title:n.WDialog.title,panelShadow:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow20",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"panelShadowStyle"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow21=!n.WDialog.bShow21}}},[n._v("Show("+n._s(n.WDialog.bShow21)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow21,title:n.WDialog.title,panelShadowStyle:"0px 16px 25px rgba(0, 0, 0, 0.43)"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow21",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"scrollable"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow22=!n.WDialog.bShow22}}},[n._v("Show("+n._s(n.WDialog.bShow22)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow22,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow22",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px",width:"2000px",height:"2000px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])]),n._v(" "),t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WDialog.text5)+"\n                    ")])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot content (separate line)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow23=!n.WDialog.bShow23}}},[n._v("Show("+n._s(n.WDialog.bShow23)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow23,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow23",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")])]),n._v(" "),t("div",{staticStyle:{"border-top":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"margin-bottom":"15px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot content (table)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow24=!n.WDialog.bShow24}}},[n._v("Show("+n._s(n.WDialog.bShow24)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow24,title:n.WDialog.title,maxWidth:500},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow24",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px 20px 10px 20px"}},[t("div",{staticStyle:{margin:"10px 0px 20px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"10px 0px 25px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{"font-size":"1.5rem"}},[n._v("\n                            A data table\n                        ")])]),n._v(" "),t("table",{staticStyle:{width:"100%","font-size":"0.8rem","border-collapse":"collapse"}},[t("thead",[t("tr",[t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Dessert")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Calories")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Fat")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Carbs")])])]),n._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Frozen Yogurt")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("159")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("6")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("24")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Ice cream sandwich")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("237")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("9")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("37")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Eclair")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("262")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("16")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("23")])])])]),n._v(" "),t("div",{staticStyle:{padding:"20px 20px 10px 20px"}},[t("div",{staticStyle:{margin:"10px 0px 25px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot panel"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow25=!n.WDialog.bShow25,n.delayClose()}}},[n._v("Show("+n._s(n.WDialog.bShow25)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow25,title:n.WDialog.title,maxWidth:600},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow25",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"panel",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"10px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"10px",color:"#5b7ad7"}},[n._v("\n                            Auto close after\n                            "),t("span",{staticStyle:{color:"#f26"}},[n._v("\n                                "+n._s(n.WDialog.iShow24)+"\n                            ")]),n._v("\n                            seconds...\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"multi dialogs"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow26a=!n.WDialog.bShow26a}}},[n._v("Show("+n._s(n.WDialog.bShow26a)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow26c,title:n.WDialog.title,minWidth:600},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow26c",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            Here is 3rd window.\n                        ")])])]},proxy:!0}])}),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow26b,title:n.WDialog.title,minWidth:900},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow26b",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            Here is 2nd window.\n                        ")]),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow26c=!n.WDialog.bShow26c}}},[n._v("Show("+n._s(n.WDialog.bShow26c)+")")]),n._v(" "),t("div",{staticStyle:{height:"80px"}})],1)]},proxy:!0}])}),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow26a,title:n.WDialog.title,minWidth:1200},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow26a",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            Here is 1st window.\n                        ")]),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow26b=!n.WDialog.bShow26b}}},[n._v("Show("+n._s(n.WDialog.bShow26b)+")")]),n._v(" "),t("div",{staticStyle:{height:"160px"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"dialogZIndex"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow27=!n.WDialog.bShow27}}},[n._v("Show("+n._s(n.WDialog.bShow27)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow27,title:n.WDialog.title,dialogZIndex:1e3},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow27",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1)])])};xv._withStripped=!0;const Cv=ya({render:xv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-dialog")])])}]},(function(n){n&&n("data-v-78526435_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWDialog.vue"},media:void 0})}),kv,"data-v-78526435",false,undefined,!1,xa,void 0,void 0);var Sv={components:{WButtonChip:Cu,WIcon:_a,WDialog:bv},props:{show:{type:Boolean,default:!1},title:{type:String,default:""},titleColor:{type:String,default:"black"},content:{type:String,default:""},contentColor:{type:String,default:"grey darken-2"},contentIcon:{type:String,default:Ra},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:40},hasNoBtn:{type:Boolean,default:!0},noBtnText:{type:String,default:"Cancel"},noBtnTextColor:{type:String,default:"#444"},noBtnTextColorHover:{type:String,default:"#444"},noBtnBackgroundColor:{type:String,default:"#fff"},noBtnBackgroundColorHover:{type:String,default:"#f2f2f2"},yesBtnText:{type:String,default:"Yes"},yesBtnTextColor:{type:String,default:"#fff"},yesBtnTextColorHover:{type:String,default:"#fff"},yesBtnBackgroundColor:{type:String,default:"#f15"},yesBtnBackgroundColorHover:{type:String,default:"#f26"},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},minWidth:{type:Number,default:200},maxWidth:{type:Number,default:500}},data:function(){return{mdiAlert:Ra,mdiCheckboxMarkedCircle:Ka,mdiCloseCircle:el,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderStyle:function(){let n={padding:"15px 20px"};return n["background-color"]=Oi(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n["font-size"]="1.2rem",n.color=Oi(this.titleColor),n},useContentStyle:function(){let n={padding:"20px 15px"};return n["background-color"]=Oi(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=Oi(this.contentColor),n["overflow-y"]="auto",n},useFooterStyle:function(){let n={padding:"15px"};return n["background-color"]=Oi(this.footerBackgroundColor),n["border-top"]="1px solid #ddd",n["text-align"]="right",n}},methods:{clickBtns:function(n){let e=this;e.showTrans=!1,e.$nextTick((()=>{e.$emit("update:show",e.showTrans);let t="no";n&&(t="yes"),e.$emit("click-"+t)}))}}};const wv=Sv;var Wv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WDialog",{attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,headerShadow:!1,show:n.showTrans,changeParam:n.changeParam},on:{"update:show":function(e){n.showTrans=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n.showTrans?t("div",[n._t("header",(function(){return[t("div",{style:n.useHeaderStyle},[n._v("\n                    "+n._s(n.title)+"\n                ")])]}))],2):n._e()]},proxy:!0},{key:"content",fn:function(){return[n.showTrans?t("div",[n._t("content",(function(){return[t("div",{style:n.useContentStyle},[t("div",{staticStyle:{display:"table-cell","vertical-align":"middle","padding-right":"15px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor,colorHover:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"middle",width:"100%"}},[n._v(n._s(n.content))])])]}))],2):n._e()]},proxy:!0},{key:"footer",fn:function(){return[n.showTrans?t("div",[n._t("footer",(function(){return[t("div",{style:n.useFooterStyle},[n.hasNoBtn?t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCloseCircle,iconColor:n.noBtnTextColor,iconColorHover:n.noBtnTextColorHover,text:n.noBtnText,textColor:n.noBtnTextColor,textColorHover:n.noBtnTextColorHover,backgroundColor:n.noBtnBackgroundColor,backgroundColorHover:n.noBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!1)}}}):n._e(),n._v(" "),t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCheckboxMarkedCircle,iconColor:n.yesBtnTextColor,iconColorHover:n.yesBtnTextColorHover,text:n.yesBtnText,textColor:n.yesBtnTextColor,textColorHover:n.yesBtnTextColorHover,backgroundColor:n.yesBtnBackgroundColor,backgroundColorHover:n.yesBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!0)}}})],1)]}))],2):n._e()]},proxy:!0}],null,!0)})};Wv._withStripped=!0;const _v={components:{demolink:nu,WConfirm:ya({render:Wv,staticRenderFns:[]},(function(n){n&&n("data-v-2f0bda94_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WConfirm.vue"},media:void 0})}),wv,"data-v-2f0bda94",false,undefined,!1,xa,void 0,void 0)},props:{},data:function(){return{WConfirm:{bShow1:!1,bShow2:!1,bShow3:!1,bShow4:!1,bShow5:!1,bShow6:!1,bShow7:!1,bShow8:!1,bShow9:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow13:!1,bShow15:!1,bShow14:!1,title:"Confirm",content:"Do you agree to upload the information?",contentExtensive:"Est aliqua irure deserunt excepteur. Ullamco do blanditiis nobis aute exercitation. Possimus in optio quod at. Dolores dolorum dolores eu excepteur proident. Quas distinctio sunt dolor amet lorem nostrud deserunt. Dolor molestias exercitation deserunt ut est aute occaecat dolore. Quod ut laboris dolores mollitia vero non corrupti?"},actions:[]}},methods:{clickEvent:function(n){console.log(n)}}};var Iv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"title & content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow1=!n.WConfirm.bShow1}}},[n._v("Show("+n._s(n.WConfirm.bShow1)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow1,title:n.WConfirm.title,content:n.WConfirm.content},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow1",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentIcon (fontawesome)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow2=!n.WConfirm.bShow2}}},[n._v("Show("+n._s(n.WConfirm.bShow2)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow2,title:n.WConfirm.title,content:n.WConfirm.content,contentIcon:"fab fa-buffer"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow2",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentIconColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow3=!n.WConfirm.bShow3}}},[n._v("Show("+n._s(n.WConfirm.bShow3)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow3,title:n.WConfirm.title,content:n.WConfirm.content,contentIconColor:"pink darken-1"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow3",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentIconSize"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow4=!n.WConfirm.bShow4}}},[n._v("Show("+n._s(n.WConfirm.bShow4)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow4,title:n.WConfirm.title,content:n.WConfirm.content,contentIconSize:80},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow4",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"noBtnText & yesBtnText"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow5=!n.WConfirm.bShow5}}},[n._v("Show("+n._s(n.WConfirm.bShow5)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow5,title:n.WConfirm.title,content:n.WConfirm.content,noBtnText:"取消",yesBtnText:"同意"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow5",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"hasNoBtn & yesBtnText"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow6=!n.WConfirm.bShow6}}},[n._v("Show("+n._s(n.WConfirm.bShow6)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow6,title:n.WConfirm.title,content:"您已經下載完檔案",hasNoBtn:!1,yesBtnText:"確認"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow6",e)},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"titleColor & headerBackgroundColor & footerBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow7=!n.WConfirm.bShow7}}},[n._v("Show("+n._s(n.WConfirm.bShow7)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow7,title:n.WConfirm.title,content:n.WConfirm.content,titleColor:"white",headerBackgroundColor:"#a36",footerBackgroundColor:"#eee"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow7",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentColor & contentIconColor & contentBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow8=!n.WConfirm.bShow8}}},[n._v("Show("+n._s(n.WConfirm.bShow8)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow8,title:n.WConfirm.title,content:n.WConfirm.content,contentColor:"white",contentIconColor:"white",contentBackgroundColor:"yellow darken-4"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow8",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"noBtnTextColor & noBtnTextColorHover & noBtnBackgroundColor & noBtnBackgroundColorHover & yesBtnTextColor & yesBtnTextColorHover & yesBtnBackgroundColor & yesBtnBackgroundColorHover"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow9=!n.WConfirm.bShow9}}},[n._v("Show("+n._s(n.WConfirm.bShow9)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow9,title:n.WConfirm.title,content:n.WConfirm.content,noBtnTextColor:"pink lighten-1",noBtnTextColorHover:"pink darken-1",noBtnBackgroundColor:"white",noBtnBackgroundColorHover:"pink lighten-5",yesBtnTextColor:"light-blue darken-1",yesBtnTextColorHover:"light-blue darken-3",yesBtnBackgroundColor:"white",yesBtnBackgroundColorHover:"light-blue lighten-5"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow9",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"maxWidth"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow10=!n.WConfirm.bShow10}}},[n._v("Show("+n._s(n.WConfirm.bShow10)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow10,title:n.WConfirm.title,content:n.WConfirm.content,maxWidth:350},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow10",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"slot header"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow11=!n.WConfirm.bShow11}}},[n._v("Show("+n._s(n.WConfirm.bShow11)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow11,title:n.WConfirm.title,content:n.WConfirm.content},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow11",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"header",fn:function(){return[t("div",{staticStyle:{padding:"30px",background:"linear-gradient(135deg,#e9aa16,#c99314)"}},[t("div",{staticStyle:{"font-size":"1.8rem",color:"#fff","margin-top":"-10px"}},[n._v("\n                            System Broadcast\n                        ")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",color:"rgba(255,255,255,0.75)"}},[n._v("\n                            You are now subscribing to the System Broadcast, let us serve you!\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"slot content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow12=!n.WConfirm.bShow12}}},[n._v("Show("+n._s(n.WConfirm.bShow12)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow12,title:n.WConfirm.title},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow12",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px 20px 0px 20px","font-size":"1.5rem"}},[n._v("\n                        A data table\n                    ")]),n._v(" "),t("div",{staticStyle:{padding:"10px 20px","font-size":"0.9rem"}},[n._v("\n                        Vuetify is a progressive framework that attempts to push web development to the next level.\n                    ")]),n._v(" "),t("div",{staticStyle:{padding:"10px 20px 20px 20px"}},[t("table",{staticStyle:{width:"100%","font-size":"0.8rem","border-collapse":"collapse",border:"1px solid #ddd"}},[t("thead",[t("tr",[t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Dessert")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Calories")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Fat")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Carbs")])])]),n._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Frozen Yogurt")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("159")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("6")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("24")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("Ice cream sandwich")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("237")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("9")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("37")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Eclair")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("262")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("16")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("23")])])])])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"slot footer"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow13=!n.WConfirm.bShow13}}},[n._v("Show("+n._s(n.WConfirm.bShow13)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow13,title:n.WConfirm.title,content:n.WConfirm.content},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow13",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"footer",fn:function(){return[t("div",{staticStyle:{"border-top":"1px solid #ddd",padding:"30px","text-align":"center",background:"#923a60"}},[t("div",{staticStyle:{"font-size":"0.8rem",color:"#fff","margin-bottom":"15px"}},[n._v("\n                            Please confirm the message and then press the AGREE button.\n                        ")]),n._v(" "),t("div",{},[t("v-btn",{attrs:{depressed:"",elevation:"2",color:"pink darken-1",dark:""},on:{click:function(e){n.WConfirm.bShow13=!1}}},[n._v("Agree")])],1)])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"scrollable"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow14=!n.WConfirm.bShow14}}},[n._v("Show("+n._s(n.WConfirm.bShow14)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow14,title:n.WConfirm.title,content:n.WConfirm.contentExtensive},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow14",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"scrollable (slot content)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow15=!n.WConfirm.bShow15}}},[n._v("Show("+n._s(n.WConfirm.bShow15)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow15,title:n.WConfirm.title},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow15",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"30px 20px 10px 20px","font-size":"1.5rem"}},[n._v("\n                        Cupiditate anim officia\n                    ")]),n._v(" "),t("div",{staticStyle:{padding:"10px 20px","font-size":"0.9rem"}},[n._v("\n                        Deserunt mollit amet sunt sed. Mollit dolor est in voluptate blanditiis in. Tempor sint consequat quod mollitia ad qui dolore pariatur. Laborum dolorum amet eos sint. Nulla ullamco similique elit eos. Est nulla eu proident exercitation vero.\n                        "),t("br"),t("br"),n._v("\n                        In laboris odio dolor voluptatum deleniti pariatur in. Et excepteur est ad omnis corrupti. Quos dolore aliqua corrupti. Dolores soluta commodo similique est quos. Amet et molestias est vero cupiditate dolorum proident fugiat. Aliquip omnis vero laboris ea dolore voluptatum corrupti.\n                        "),t("br"),t("br"),n._v("\n                        Possimus facere excepteur qui praesentium. Non expedita accusamus quis dolore. Elit omnis aliqua voluptate culpa. Laborum placeat non facilis est elit. Provident animi at fugiat labore eiusmod harum.\n                        "),t("br"),t("br"),n._v("\n                        Atque facere aliqua qui iusto mollit enim. Et cumque et omnis. Anim irure id at do duis. Fugiat aute culpa nobis ad irure quod et. Assumenda elit est exercitation sunt est laborum nulla fugiat.\n                        "),t("br"),t("br"),n._v("\n                        Tempor eiusmod deserunt ducimus iusto cumque adipisicing consequat ex. Deleniti et officia qui esse similique harum. Molestias pariatur laborum cupidatat sint rerum. Deserunt do sit mollit ad animi distinctio soluta. Eos vero aliqua cupiditate sunt id.\n                        "),t("br"),t("br"),n._v("\n                        Quis voluptas in excepteur optio voluptas. Enim animi non nisi eu ex obcaecati at. Cumque aliquip et at soluta sunt. Cupidatat mollit nostrud veniam dolor eos. Placeat qui adipisicing voluptas quas laboris odio voluptate. In atque sint expedita eos nobis irure.\n                        "),t("br"),t("br"),n._v("\n                        Sed quo officia excepteur est. Minim libero dolore in fuga. Soluta optio expedita culpa omnis consequat adipisicing mollitia ut. Consectetur magna ut sed accusamus. Facilis quas facilis ut ea sed dolor placeat non. Omnis provident reprehenderit est et.\n                        "),t("br"),t("br"),n._v("\n                        Nihil dolorum odio aute sit corrupti cumque. Tempore at laboris quis est impedit ea. Nihil expedita commodo est tempor sint. Ut excepturi aute tempor ut laboris cumque. Similique vero aliqua at in culpa consequat sunt.\n                        "),t("br"),t("br"),n._v("\n                        Est et cupiditate praesentium facilis dolores sit. Deserunt ducimus amet veniam assumenda. Laborum excepturi enim proident tempor sunt dolorum atque aliquip. Irure deleniti magna ullamco ipsum eligendi et nihil.\n                        "),t("br"),t("br"),n._v("\n                        Reprehenderit omnis anim enim dignissimos dolor obcaecati occaecat. Id cupiditate et corrupti labore proident omnis est. Dolor obcaecati id est sit. Qui dolorum aliquip et occaecat labore pariatur cupidatat. Quo nobis expedita amet dignissimos qui.\n                        "),t("br"),t("br"),n._v("\n                        Accusamus in animi pariatur ducimus tempor. Et dignissimos in deserunt est dignissimos. Rerum impedit et est quod. Id ex ea laborum aliquip ipsum amet. Ut dolor est blanditiis incididunt minus magna culpa. Labore aute aute optio facere cumque. Cum minus eos culpa dolore enim.\n                    ")])]},proxy:!0}])})],1)])])};Iv._withStripped=!0;const Tv=ya({render:Iv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-confirm")])])}]},(function(n){n&&n("data-v-26c0af97_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWConfirm.vue"},media:void 0})}),_v,"data-v-26c0af97",false,undefined,!1,xa,void 0,void 0);const Av={components:{demolink:nu,WTooltip:Od,WPopup:Wp,WDialog:bv},props:{},data:function(){return{mdiViewDashboard:Sl,mdiClockTimeEightOutline:qa,mdiBlenderSoftware:Va,mdiSpoonSugar:xl,mdiApple:Da,WTooltip:{bShow1:!1,bShow2:!1,bShow3:!1,bShow4:!1,bShow5:!1,bShow6:!1,bShow7:!1,bShow8:!1,bShow9:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow13:!1,bShow14:!1,bShow15:!1,bShow16a:!1,bShow16b:!1,bShow16c:!1,bShow16d:!1,bShow16e:!1,bShow16f:!1,bShow16g:!1,bShow16h:!1,bShow16i:!1,bShow16j:!1,bShow16k:!1,bShow16l:!1,bShow17:!1,bShow18:!1,bShow19a:!1,bShow19b:!1,bShow19c:!1,bShow20a:!1,bShow20b:!1,bShow21a:!1,bShow21b:!1,bShow22:!1,bShow23:!1,items:["foo","bar","fizz","buzz"],itemsExpand:["foo","bar","fizz","buzz"],text:"Lorem ipsum met consectetur adipisicing elit 中文測試 aquis praesentium cumque magnam odio iure quidem",textShort:"Lorem 中文測試",textL1:"Lorem ipsum",textL2:"Met consectetur",textL3:"Aquis praesentium",table:'\n<table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n'},actions:[]}},methods:{evShow:function(){console.log("evShow")},evHide:function(){console.log("evHide")},clickHide:function(){let n=this;setTimeout((function(){n.WTooltip.bShow2=!1}),200)},expandItem:function(){let n=this;setTimeout((function(){n.WTooltip.itemsExpand=["Lorem ipsum dolor sit, amet consectetur","bar","fizz","buzz"]}),1e3),setTimeout((function(){n.WTooltip.itemsExpand=["foo","bar","fizz","buzz"]}),3e3)}}};var Bv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"default"}}),n._v(" "),t("w-tooltip",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow1)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow1,callback:function(e){n.$set(n.WTooltip,"bShow1",e)},expression:"WTooltip.bShow1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"isolated"}}),n._v(" "),t("w-tooltip",{attrs:{isolated:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"scroll in large zone"}}),n._v(" "),t("w-tooltip",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{staticStyle:{height:"200px"},attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow2)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow2,callback:function(e){n.$set(n.WTooltip,"bShow2",e)},expression:"WTooltip.bShow2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"minWidth"}}),n._v(" "),t("w-tooltip",{attrs:{minWidth:200},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow3)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow3,callback:function(e){n.$set(n.WTooltip,"bShow3",e)},expression:"WTooltip.bShow3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"maxWidth"}}),n._v(" "),t("w-tooltip",{attrs:{maxWidth:500},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow4)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow4,callback:function(e){n.$set(n.WTooltip,"bShow4",e)},expression:"WTooltip.bShow4"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"autoFitMinWidth"}}),n._v(" "),t("w-tooltip",{attrs:{autoFitMinWidth:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{staticStyle:{width:"200px"},attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow5)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.textShort)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow5,callback:function(e){n.$set(n.WTooltip,"bShow5",e)},expression:"WTooltip.bShow5"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"autoFitMaxWidth"}}),n._v(" "),t("w-tooltip",{attrs:{autoFitMaxWidth:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{staticStyle:{width:"200px"},attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow6)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow6,callback:function(e){n.$set(n.WTooltip,"bShow6",e)},expression:"WTooltip.bShow6"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"placementDistY"}}),n._v(" "),t("w-tooltip",{attrs:{placementDistY:10},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow7)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow7,callback:function(e){n.$set(n.WTooltip,"bShow7",e)},expression:"WTooltip.bShow7"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"borderRadius"}}),n._v(" "),t("w-tooltip",{attrs:{borderRadius:10},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow8)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow8,callback:function(e){n.$set(n.WTooltip,"bShow8",e)},expression:"WTooltip.bShow8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"backgroundColor"}}),n._v(" "),t("div",{staticStyle:{padding:"30px",background:"#ccb5c7"}},[t("w-tooltip",{attrs:{backgroundColor:"rgba(255,255,255,0.5)"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow9)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"inherit","min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow9,callback:function(e){n.$set(n.WTooltip,"bShow9",e)},expression:"WTooltip.bShow9"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"no shadow & backgroundColor"}}),n._v(" "),t("w-tooltip",{attrs:{shadow:!1,backgroundColor:"#e08956"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow10)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"inherit","min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow10,callback:function(e){n.$set(n.WTooltip,"bShow10",e)},expression:"WTooltip.bShow10"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"textColor & backgroundColor"}}),n._v(" "),t("w-tooltip",{attrs:{textColor:"#E65100",backgroundColor:"#FFF3E0"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow11)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{color:"inherit",background:"transparent"}},n._l(n.WTooltip.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"inherit","min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow11,callback:function(e){n.$set(n.WTooltip,"bShow11",e)},expression:"WTooltip.bShow11"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"textFontSize"}}),n._v(" "),t("w-tooltip",{attrs:{textFontSize:"0.7rem"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow12)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow12,callback:function(e){n.$set(n.WTooltip,"bShow12",e)},expression:"WTooltip.bShow12"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"paddingStyle"}}),n._v(" "),t("w-tooltip",{attrs:{paddingStyle:{v:7,h:15}},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow13)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow13,callback:function(e){n.$set(n.WTooltip,"bShow13",e)},expression:"WTooltip.bShow13"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"shadowStyle"}}),n._v(" "),t("w-tooltip",{attrs:{shadowStyle:"0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow14)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow14,callback:function(e){n.$set(n.WTooltip,"bShow14",e)},expression:"WTooltip.bShow14"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"transitionTime"}}),n._v(" "),t("w-tooltip",{attrs:{transitionTime:50},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow15)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow15,callback:function(e){n.$set(n.WTooltip,"bShow15",e)},expression:"WTooltip.bShow15"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"placement"}}),n._v(" "),t("table",{staticStyle:{"border-collapse":"collapse"}},[t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left-start\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"left-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16a)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16a,callback:function(e){n.$set(n.WTooltip,"bShow16a",e)},expression:"WTooltip.bShow16a"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"left"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16b,callback:function(e){n.$set(n.WTooltip,"bShow16b",e)},expression:"WTooltip.bShow16b"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left-end\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"left-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16c)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16c,callback:function(e){n.$set(n.WTooltip,"bShow16c",e)},expression:"WTooltip.bShow16c"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right-start\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"right-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16d)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16d,callback:function(e){n.$set(n.WTooltip,"bShow16d",e)},expression:"WTooltip.bShow16d"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"right"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16e)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16e,callback:function(e){n.$set(n.WTooltip,"bShow16e",e)},expression:"WTooltip.bShow16e"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right-end\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"right-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16f)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16f,callback:function(e){n.$set(n.WTooltip,"bShow16f",e)},expression:"WTooltip.bShow16f"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top-start\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"top-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16g)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16g,callback:function(e){n.$set(n.WTooltip,"bShow16g",e)},expression:"WTooltip.bShow16g"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"top"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16h)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16h,callback:function(e){n.$set(n.WTooltip,"bShow16h",e)},expression:"WTooltip.bShow16h"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top-end\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"top-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16i)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16i,callback:function(e){n.$set(n.WTooltip,"bShow16i",e)},expression:"WTooltip.bShow16i"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom-start\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"bottom-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16j)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16j,callback:function(e){n.$set(n.WTooltip,"bShow16j",e)},expression:"WTooltip.bShow16j"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"bottom"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16k)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16k,callback:function(e){n.$set(n.WTooltip,"bShow16k",e)},expression:"WTooltip.bShow16k"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom-end\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"bottom-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16l)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16l,callback:function(e){n.$set(n.WTooltip,"bShow16l",e)},expression:"WTooltip.bShow16l"}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"in scroll panel"}}),n._v(" "),t("div",{style:"width:200px; height:300px; border:1px solid #ddd; overflow-y:auto;"},[t("div",{staticStyle:{height:"600px"}},[t("div",{staticStyle:{height:"200px"}}),n._v(" "),t("w-tooltip",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow17)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"#fff","min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow17,callback:function(e){n.$set(n.WTooltip,"bShow17",e)},expression:"WTooltip.bShow17"}}),n._v(" "),t("div",{staticStyle:{height:"200px"}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"auto flipping in scroll panel"}}),n._v(" "),t("div",{staticStyle:{width:"95vw","text-align":"right"}},[t("div",{style:"display:inline-block; width:200px; height:300px; border:1px solid #ddd; overflow-y:auto;"},[t("div",{staticStyle:{"text-align":"left",height:"600px"}},[t("div",{staticStyle:{height:"200px"}}),n._v(" "),t("w-tooltip",{on:{show:function(e){n.evShow(),n.expandItem()},hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WTooltip.bShow18)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"#fff","min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow18,callback:function(e){n.$set(n.WTooltip,"bShow18",e)},expression:"WTooltip.bShow18"}}),n._v(" "),t("div",{staticStyle:{height:"200px"}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"auto flipping in popup"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WTooltip.bShow20a=!n.WTooltip.bShow20a}}},[n._v("Show("+n._s(n.WTooltip.bShow20a)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"40px"}},[t("w-tooltip",{on:{show:function(e){n.evShow(),n.expandItem()},hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WTooltip.bShow20b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"#fff","min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow20b,callback:function(e){n.$set(n.WTooltip,"bShow20b",e)},expression:"WTooltip.bShow20b"}})],1)]},proxy:!0}]),model:{value:n.WTooltip.bShow20a,callback:function(e){n.$set(n.WTooltip,"bShow20a",e)},expression:"WTooltip.bShow20a"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"auto flipping in dialog"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WTooltip.bShow21a=!n.WTooltip.bShow21a}}},[n._v("Show("+n._s(n.WTooltip.bShow21a)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WTooltip.bShow21a,title:"auto flipping in dialog",maxWidth:500},on:{"update:show":function(e){return n.$set(n.WTooltip,"bShow21a",e)}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px",height:"400px"}},[t("div",{staticStyle:{height:"300px"}}),n._v(" "),t("w-tooltip",{staticStyle:{"margin-left":"250px"},on:{show:function(e){n.evShow(),n.expandItem()},hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WTooltip.bShow21b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"#fff","min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow21b,callback:function(e){n.$set(n.WTooltip,"bShow21b",e)},expression:"WTooltip.bShow21b"}}),n._v(" "),t("div",{staticStyle:{height:"500px"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"slot for table & maxWidth"}}),n._v(" "),t("w-tooltip",{attrs:{maxWidth:400},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow22)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px 0px",background:"#777"}},[t("div",{staticStyle:{padding:"10px 20px",background:"#444"}},[t("span",{staticStyle:{"font-size":"1.1rem",color:"#fff"}},[n._v("A data table")])]),n._v(" "),t("div",{staticStyle:{padding:"10px"},domProps:{innerHTML:n._s(n.WTooltip.table)}}),n._v(" "),t("div",{staticStyle:{padding:"0px 20px 10px 20px","font-size":"0.8rem"}},[n._v("Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero.")])])]},proxy:!0}]),model:{value:n.WTooltip.bShow22,callback:function(e){n.$set(n.WTooltip,"bShow22",e)},expression:"WTooltip.bShow22"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"not editable"}}),n._v(" "),t("w-tooltip",{attrs:{editable:!1},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow23)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow23,callback:function(e){n.$set(n.WTooltip,"bShow23",e)},expression:"WTooltip.bShow23"}})],1)])])};Bv._withStripped=!0;const Hv=ya({render:Bv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-tooltip")])])}]},(function(n){n&&n("data-v-c4d75822_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTooltip.vue"},media:void 0})}),Av,"data-v-c4d75822",false,undefined,!1,xa,void 0,void 0);const Pv={components:{demolink:nu,WPopup:Wp,WDialog:bv},props:{},data:function(){return{mdiViewDashboard:Sl,mdiClockTimeEightOutline:qa,mdiBlenderSoftware:Va,mdiSpoonSugar:xl,mdiApple:Da,WPopup:{bShow1:!1,bShow2:!1,bShow3:!1,bShow4:!1,bShow5:!1,bShow6:!1,bShow7:!1,bShow8:!1,bShow9:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow13:!1,bShow14:!1,bShow15:!1,bShow16a:!1,bShow16b:!1,bShow16c:!1,bShow16d:!1,bShow16e:!1,bShow16f:!1,bShow16g:!1,bShow16h:!1,bShow16i:!1,bShow16j:!1,bShow16k:!1,bShow16l:!1,bShow17:!1,bShow18:!1,bShow19a:!1,bShow19b:!1,bShow19c:!1,bShow20a:!1,bShow20b:!1,bShow21a:!1,bShow21b:!1,bShow22:!1,bShow23:!1,items:["foo","bar","fizz","buzz"],itemsExpand:["foo","bar","fizz","buzz"],itemsL:["Lorem ipsum","Met consectetur","Aquis praesentium","Quis praesentium"],text:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero.",table:'\n<table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n'},actions:[]}},methods:{evShow:function(){console.log("evShow")},evHide:function(){console.log("evHide")},clickHide:function(){let n=this;setTimeout((function(){n.WPopup.bShow2=!1}),200)},expandItem:function(){let n=this;setTimeout((function(){n.WPopup.itemsExpand=["Lorem ipsum dolor sit, amet consectetur","bar","fizz","buzz"]}),1e3),setTimeout((function(){n.WPopup.itemsExpand=["foo","bar","fizz","buzz"]}),3e3)}}};var Fv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"default"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow1)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow1,callback:function(e){n.$set(n.WPopup,"bShow1",e)},expression:"WPopup.bShow1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"isolated"}}),n._v(" "),t("w-popup",{attrs:{isolated:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show")])]},proxy:!0},{key:"content",fn:function(e){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1),n._v(" "),t("div",{staticStyle:{padding:"0px 5px 5px 5px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(n){return e.funHide()}}},[n._v("Hide in popup panel")])],1)]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"click item by latency hiding"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow2)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:n.clickHide}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow2,callback:function(e){n.$set(n.WPopup,"bShow2",e)},expression:"WPopup.bShow2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"minWidth"}}),n._v(" "),t("w-popup",{attrs:{minWidth:200},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow3)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow3,callback:function(e){n.$set(n.WPopup,"bShow3",e)},expression:"WPopup.bShow3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"maxWidth"}}),n._v(" "),t("w-popup",{attrs:{maxWidth:500},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow4)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WPopup.text))])])]},proxy:!0}]),model:{value:n.WPopup.bShow4,callback:function(e){n.$set(n.WPopup,"bShow4",e)},expression:"WPopup.bShow4"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"autoFitMinWidth"}}),n._v(" "),t("w-popup",{attrs:{autoFitMinWidth:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{staticStyle:{width:"200px"},attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow5)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow5,callback:function(e){n.$set(n.WPopup,"bShow5",e)},expression:"WPopup.bShow5"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"autoFitMaxWidth"}}),n._v(" "),t("w-popup",{attrs:{autoFitMaxWidth:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{staticStyle:{width:"200px"},attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow6)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WPopup.text))])])]},proxy:!0}]),model:{value:n.WPopup.bShow6,callback:function(e){n.$set(n.WPopup,"bShow6",e)},expression:"WPopup.bShow6"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"placementDistY"}}),n._v(" "),t("w-popup",{attrs:{placementDistY:10},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow7)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow7,callback:function(e){n.$set(n.WPopup,"bShow7",e)},expression:"WPopup.bShow7"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"borderRadius"}}),n._v(" "),t("w-popup",{attrs:{borderRadius:10},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow8)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow8,callback:function(e){n.$set(n.WPopup,"bShow8",e)},expression:"WPopup.bShow8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"backgroundColor"}}),n._v(" "),t("div",{staticStyle:{padding:"30px",background:"#ccb5c7"}},[t("w-popup",{attrs:{backgroundColor:"rgba(0,0,0,0.5)"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow9)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow9,callback:function(e){n.$set(n.WPopup,"bShow9",e)},expression:"WPopup.bShow9"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"no shadow & backgroundColor"}}),n._v(" "),t("w-popup",{attrs:{shadow:!1,backgroundColor:"#e08956"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow10)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow10,callback:function(e){n.$set(n.WPopup,"bShow10",e)},expression:"WPopup.bShow10"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"textColor & backgroundColor"}}),n._v(" "),t("w-popup",{attrs:{textColor:"#E65100",backgroundColor:"#FFF3E0"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow11)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{color:"inherit",background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"inherit","min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow11,callback:function(e){n.$set(n.WPopup,"bShow11",e)},expression:"WPopup.bShow11"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"textFontSize"}}),n._v(" "),t("w-popup",{attrs:{textFontSize:"0.8rem"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow12)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow12,callback:function(e){n.$set(n.WPopup,"bShow12",e)},expression:"WPopup.bShow12"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"paddingStyle"}}),n._v(" "),t("w-popup",{attrs:{paddingStyle:{v:7,h:15}},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow13)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow13,callback:function(e){n.$set(n.WPopup,"bShow13",e)},expression:"WPopup.bShow13"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"shadowStyle"}}),n._v(" "),t("w-popup",{attrs:{shadowStyle:"0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow14)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow14,callback:function(e){n.$set(n.WPopup,"bShow14",e)},expression:"WPopup.bShow14"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"transitionTime"}}),n._v(" "),t("w-popup",{attrs:{transitionTime:50},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow15)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow15,callback:function(e){n.$set(n.WPopup,"bShow15",e)},expression:"WPopup.bShow15"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"placement"}}),n._v(" "),t("table",{staticStyle:{"border-collapse":"collapse"}},[t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left-start\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"left-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16a)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16a,callback:function(e){n.$set(n.WPopup,"bShow16a",e)},expression:"WPopup.bShow16a"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"left"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16b,callback:function(e){n.$set(n.WPopup,"bShow16b",e)},expression:"WPopup.bShow16b"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left-end\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"left-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16c)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16c,callback:function(e){n.$set(n.WPopup,"bShow16c",e)},expression:"WPopup.bShow16c"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right-start\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"right-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16d)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16d,callback:function(e){n.$set(n.WPopup,"bShow16d",e)},expression:"WPopup.bShow16d"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"right"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16e)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16e,callback:function(e){n.$set(n.WPopup,"bShow16e",e)},expression:"WPopup.bShow16e"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right-end\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"right-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16f)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16f,callback:function(e){n.$set(n.WPopup,"bShow16f",e)},expression:"WPopup.bShow16f"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top-start\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"top-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16g)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16g,callback:function(e){n.$set(n.WPopup,"bShow16g",e)},expression:"WPopup.bShow16g"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"top"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16h)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16h,callback:function(e){n.$set(n.WPopup,"bShow16h",e)},expression:"WPopup.bShow16h"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top-end\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"top-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16i)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16i,callback:function(e){n.$set(n.WPopup,"bShow16i",e)},expression:"WPopup.bShow16i"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom-start\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"bottom-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16j)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16j,callback:function(e){n.$set(n.WPopup,"bShow16j",e)},expression:"WPopup.bShow16j"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"bottom"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16k)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16k,callback:function(e){n.$set(n.WPopup,"bShow16k",e)},expression:"WPopup.bShow16k"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom-end\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"bottom-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16l)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16l,callback:function(e){n.$set(n.WPopup,"bShow16l",e)},expression:"WPopup.bShow16l"}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"in scroll panel"}}),n._v(" "),t("div",{style:"width:200px; height:300px; border:1px solid #ddd; overflow-y:auto;"},[t("div",{staticStyle:{height:"600px"}},[t("div",{staticStyle:{height:"200px"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow17)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow17,callback:function(e){n.$set(n.WPopup,"bShow17",e)},expression:"WPopup.bShow17"}}),n._v(" "),t("div",{staticStyle:{height:"200px"}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"auto flipping in scroll panel"}}),n._v(" "),t("div",{staticStyle:{width:"95vw","text-align":"right"}},[t("div",{style:"display:inline-block; width:200px; height:300px; border:1px solid #ddd; overflow-y:auto;"},[t("div",{staticStyle:{"text-align":"left",height:"600px"}},[t("div",{staticStyle:{height:"200px"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WPopup.bShow18)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow18,callback:function(e){n.$set(n.WPopup,"bShow18",e)},expression:"WPopup.bShow18"}}),n._v(" "),t("div",{staticStyle:{height:"200px"}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"in popup"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow19a)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"40px"}},[t("div",{staticStyle:{"font-size":"0.8rem","white-space":"nowrap"}},[n._v("Here is 1st pupop.")]),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow19b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"40px"}},[t("div",{staticStyle:{"font-size":"0.8rem","white-space":"nowrap"}},[n._v("Here is 2nd pupop.")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.7rem","white-space":"nowrap",color:"#f26"}},[n._v("It will close when click to the outside of the content of 1st pupop.")]),n._v(" "),t("w-popup",{staticStyle:{"margin-bottom":"20px"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow19c)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px 15px 0px 15px"}},[t("div",{staticStyle:{"font-size":"0.8rem","white-space":"nowrap"}},[n._v("Here is 3rd pupop.")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.7rem","white-space":"nowrap",color:"#f26"}},[n._v("It will close when click to the outside of the content of 1st or 2st pupop.")])]),n._v(" "),t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow19c,callback:function(e){n.$set(n.WPopup,"bShow19c",e)},expression:"WPopup.bShow19c"}})],1)]},proxy:!0}]),model:{value:n.WPopup.bShow19b,callback:function(e){n.$set(n.WPopup,"bShow19b",e)},expression:"WPopup.bShow19b"}})],1)]},proxy:!0}]),model:{value:n.WPopup.bShow19a,callback:function(e){n.$set(n.WPopup,"bShow19a",e)},expression:"WPopup.bShow19a"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"auto flipping in dialog"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WPopup.bShow21a=!n.WPopup.bShow21a}}},[n._v("Show("+n._s(n.WPopup.bShow21a)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WPopup.bShow21a,title:"auto flipping in dialog",maxWidth:500},on:{"update:show":function(e){return n.$set(n.WPopup,"bShow21a",e)}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px",height:"400px"}},[t("div",{staticStyle:{height:"300px"}}),n._v(" "),t("w-popup",{staticStyle:{"margin-left":"250px"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WPopup.bShow21b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow21b,callback:function(e){n.$set(n.WPopup,"bShow21b",e)},expression:"WPopup.bShow21b"}}),n._v(" "),t("div",{staticStyle:{height:"500px"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"slot for table & maxWidth"}}),n._v(" "),t("w-popup",{attrs:{maxWidth:400},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow22)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px 0px"}},[t("div",{staticStyle:{padding:"10px 20px",background:"#666"}},[t("span",{staticStyle:{color:"#fff"}},[n._v("A data table")])]),n._v(" "),t("div",{staticStyle:{padding:"10px"},domProps:{innerHTML:n._s(n.WPopup.table)}}),n._v(" "),t("div",{staticStyle:{padding:"0px 20px 10px 20px","font-size":"0.8rem"}},[n._v("Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero.")])])]},proxy:!0}]),model:{value:n.WPopup.bShow22,callback:function(e){n.$set(n.WPopup,"bShow22",e)},expression:"WPopup.bShow22"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"not editable"}}),n._v(" "),t("w-popup",{attrs:{editable:!1},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow23)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow23,callback:function(e){n.$set(n.WPopup,"bShow23",e)},expression:"WPopup.bShow23"}})],1)])])};Fv._withStripped=!0;const Lv=ya({render:Fv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-popup")])])}]},(function(n){n&&n("data-v-20610227_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPopup.vue"},media:void 0})}),Pv,"data-v-20610227",false,undefined,!1,xa,void 0,void 0);const Rv={components:{WPopup:Wp,WText:hp,WButtonChip:Cu,WIcon:_a},props:{value:{type:[String,Number],default:""},title:{type:String,default:"Editor"},titleColor:{type:String,default:"grey darken-3"},titleFontSize:{type:String,default:"0.8rem"},contentIcon:{type:String,default:"M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19H5V5H12V3H5M17.78,4C17.61,4 17.43,4.07 17.3,4.2L16.08,5.41L18.58,7.91L19.8,6.7C20.06,6.44 20.06,6 19.8,5.75L18.25,4.2C18.12,4.07 17.95,4 17.78,4M15.37,6.12L8,13.5V16H10.5L17.87,8.62L15.37,6.12Z"},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:28},inputTextColor:{type:String,default:"grey darken-3"},inputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},inputTextBottomLineBorderColorHover:{type:String,default:"grey"},inputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},saveBtnText:{type:String,default:"Save"},saveBtnTextColor:{type:String,default:"grey darken-3"},saveBtnTextColorHover:{type:String,default:"grey darken-2"},saveBtnIcon:{type:String,default:Ka},saveBtnIconSize:{type:Number,default:22},saveBtnIconColor:{type:String,default:"grey darken-1"},saveBtnIconColorHover:{type:String,default:"grey darken-2"},saveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},saveBtnBackgroundColor:{type:String,default:"white"},saveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},minWidthForValue:{type:Number,default:30},minWidthForPopup:{type:Number,default:300}},data:function(){return{valueTemp:null,showEdit:!1}},computed:{useTitleFontSize:function(){let n=this.titleFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTitleColor:function(){return Oi(this.titleColor)},useHeaderBackgroundColor:function(){return Oi(this.headerBackgroundColor)},useContentBackgroundColor:function(){return Oi(this.contentBackgroundColor)},useFooterBackgroundColor:function(){return Oi(this.footerBackgroundColor)}},methods:{evShow:function(){let n=this;n.valueTemp=n.value,n.$nextTick((()=>{n.showEdit=!0}))},evHide:function(){let n=this;n.$nextTick((()=>{n.$emit("close"),n.showEdit=!1}))},ckSave:function(n,e){let t=this;t.$nextTick((()=>{t.$emit("input",t.valueTemp),t.valueTemp="",n.funHide()}))}}};var Dv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{isolated:!0,_minWidth:"minWidthForPopup"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"min-width:"+n.minWidthForValue+"px; min-height:1rem; cursor:pointer;"},[n._v("\n            "+n._s(n.value)+"\n        ")])]},proxy:!0},{key:"content",fn:function(e){return[t("div",{style:"min-width:"+n.minWidthForPopup+"px; text-align:left; border-radius:5px; overflow:hidden;"},[""!==n.title?t("div",[t("div",{style:" padding:10px; color:"+n.useTitleColor+"; "+n.useTitleFontSize+"; background:"+n.useHeaderBackgroundColor+";"},[n._v("\n                    "+n._s(n.title)+"\n                ")])]):n._e(),n._v(" "),t("div",{style:"padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:"+n.useContentBackgroundColor+"; display:flex; align-items:center;"},[t("div",{staticStyle:{"padding-right":"10px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor,colorHover:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{width:"100%"}},[n.showEdit?t("WText",{attrs:{textColor:n.inputTextColor,bottomLineBorderColor:n.inputTextBottomLineBorderColor,bottomLineBorderColorHover:n.inputTextBottomLineBorderColorHover,bottomLineBorderColorFocus:n.inputTextBottomLineBorderColorFocus},on:{enter:function(t){return n.ckSave(e)}},model:{value:n.valueTemp,callback:function(e){n.valueTemp=e},expression:"valueTemp"}}):n._e()],1)]),n._v(" "),t("div",{style:"padding:10px; background:"+n.useFooterBackgroundColor+"; text-align:right;"},[t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.saveBtnIcon,iconColor:n.saveBtnIconColor,iconColorHover:n.saveBtnIconColorHover,iconSize:n.saveBtnIconSize,text:n.saveBtnText,textColor:n.saveBtnTextColor,textColorHover:n.saveBtnTextColorHover,backgroundColor:n.saveBtnBackgroundColor,backgroundColorHover:n.saveBtnBackgroundColorHover,rippleColor:n.saveBtnIconRippleColor},on:{click:function(t){return n.ckSave(e)}}})],1)])]}}])})};Dv._withStripped=!0;const jv=ya({render:Dv,staticRenderFns:[]},(function(n){n&&n("data-v-f4b7cba6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPopupEditText.vue"},media:void 0})}),Rv,"data-v-f4b7cba6",false,undefined,!1,xa,void 0,void 0);const zv={components:{demolink:nu,WPopupEditText:jv},props:{},data:function(){return{WPopupEditText:{text:"click to edit string",mat:[["r1c1","r1c2","r1c3"],["r2c1","r2c2","r2c3"]]},actions:[]}}};var Vv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"no title"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:""},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & titleColor & titleFontSize & headerBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Information",titleColor:"white",titleFontSize:"1rem",headerBackgroundColor:"pink accent-4"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & contentIcon & contentIconColor & contentIconSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",contentIcon:"fab fa-buffer",contentIconColor:"pink",contentIconSize:22},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & saveBtnText & saveBtnTextColor & saveBtnTextColorHover & saveBtnIconSize & saveBtnIconColor & saveBtnIconColorHover & saveBtnIconRippleColor & saveBtnBackgroundColor & saveBtnBackgroundColorHover"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",saveBtnText:"儲存",saveBtnTextColor:"pink darken-1",saveBtnTextColorHover:"pink darken-3",saveBtnIconSize:24,saveBtnIconColor:"pink darken-1",saveBtnIconColorHover:"pink darken-3",saveBtnIconRippleColor:"rgba(200, 200, 200, 0.5)",saveBtnBackgroundColor:"white",saveBtnBackgroundColorHover:"pink lighten-5"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & inputTextColor & contentIconColor & contentBackgroundColor & inputTextBottomLineBorderColor & inputTextBottomLineBorderColorHover & inputTextBottomLineBorderColorFocus"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",inputTextColor:"white",contentIconColor:"white",contentBackgroundColor:"orange",inputTextBottomLineBorderColor:"rgba(255,255,255,0.6)",inputTextBottomLineBorderColorHover:"rgba(255,255,255,0.8)",inputTextBottomLineBorderColorFocus:"rgba(255,255,255,1)"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & footerBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",footerBackgroundColor:"brown lighten-1"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"minWidthForValue"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{minWidthForValue:300},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"minWidthForPopup"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{minWidthForPopup:500},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"in table"}}),n._v(" "),t("table",[t("tbody",n._l(n.WPopupEditText.mat,(function(e,o){return t("tr",{key:"rk-"+o},n._l(e,(function(e,r){return t("td",{key:"ck-"+r,staticStyle:{padding:"5px",border:"1px solid #ddd"}},[t("w-popup-edit-text",{attrs:{title:"Edit Cell"},model:{value:n.WPopupEditText.mat[o][r],callback:function(e){n.$set(n.WPopupEditText.mat[o],r,e)},expression:"WPopupEditText.mat[rk][ck]"}})],1)})),0)})),0)])],1)])])};Vv._withStripped=!0;const Zv=ya({render:Vv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-popup-edit-text")])])}]},(function(n){n&&n("data-v-38fc02fb_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPopupEditText.vue"},media:void 0})}),zv,"data-v-38fc02fb",false,undefined,!1,xa,void 0,void 0);var $v={directives:{domresize:$i()},components:{WPanelScrolly:Uu,WListItem:Aa},props:{items:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"orange lighten-1"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextFontSize:{type:String,default:"1rem"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0},query:{type:String,default:""},funFilter:{type:Function,default:null}},data:function(){return{panelHeight:0,listHeight:0,queryTrans:"",useItems:[],itemActiveTrans:null}},computed:{changeParams:function(){let n=this;return n.queryTrans=n.query,n.updateUseItems(),""},changeItemActive:function(){let n=this;return n.enableActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==Oo(this.items)&&Jo(this.items,(n=>Qo(n)))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,o=fn(e,"$refs.refHeader");oa(o)&&(t=o.offsetHeight);let r=0,i=fn(e,"$refs.refFooter");oa(i)&&(r=i.offsetHeight);let a=e.panelHeight-t-r;a>0&&e.listHeight!==a&&(e.listHeight=a)},getIcon:function(n){let e=this;return e.isObjValue?fn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return fn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Uo(n,e.itemActiveTrans)),t},getEditable:function(n){return fn(n,"editable",!0)},updateUseItems:function(){let n=this;(async function(){let e=[];if(Ao(n.queryTrans))for(let t=0;t<Oo(n.items);t++){let o=n.items[t],r=!1;if(ji(n.funFilter))r=n.funFilter(o,t),Vu(r)&&(r=await r);else{let e=Rl(n.queryTrans.toLowerCase()," "),t="";t=n.isObjValue?n.getText(o):ts(o),t=t.toLowerCase();for(let n=0;n<Oo(e);n++){let o=e[n];if(t.indexOf(o)>=0){r=!0;break}}}r&&e.push(ci(o))}else e=ci(n.items);n.useItems=e})().catch((n=>{console.log(n)}))},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let o=null;o=t.isObjValue?{...n}:n,t.$emit("click",o,e),t.$emit("update:itemActive",o)}}};const Ev=$v;var Gv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParams:n.changeParams,changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{style:"height:"+n.panelHeight+"px;"},[t("div",{ref:"refHeader"},[n._t("header")],2),n._v(" "),t("WPanelScrolly",{style:"height:"+n.listHeight+"px;"},n._l(n.useItems,(function(e,o){return t("div",{key:o},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,o)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)})),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};Gv._withStripped=!0;const Xv=ya({render:Gv,staticRenderFns:[]},(function(n){n&&n("data-v-2b1767a2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListVertical.vue"},media:void 0})}),Ev,"data-v-2b1767a2",false,undefined,!1,xa,void 0,void 0);function Mv(n,e){return n<e}function Nv(n){return n&&n.length?Pp(n,je,Mv):void 0}function Ov(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}function Kv(){let n=Ov();return{width:(()=>{let e=[fn(n,"innerWidth"),fn(n,"document.documentElement.clientWidth"),fn(n,"document.body.clientWidth")];return e=Bl(e,ua),Nv(e)})(),height:(()=>{let e=[fn(n,"innerHeight"),fn(n,"document.documentElement.clientHeight"),fn(n,"document.body.clientHeight")];return e=Bl(e,ua),Nv(e)})()}}var Yv={directives:{domresize:$i()},props:{value:{type:Boolean,default:!1},mode:{type:String,default:"from-left"},drawerWidth:{type:Number,default:200},drawerWidthMin:{type:Number,default:null},drawerWidthMax:{type:Number,default:null},afloat:{type:Boolean,default:!1},afloatByFix:{type:Boolean,default:!1},overlayOpacity:{type:Number,default:.45},overlayColor:{type:String,default:"grey darken-2"},drawerZIndex:{type:Number,default:1e3},dragDrawerWidth:{type:Boolean,default:!1},drawerBarColor:{type:String,default:"#ddd"},drawerBarSize:{type:Number,default:2},drawerBarBorderColor:{type:String,default:"transparent"},drawerBarBorderSize:{type:Number,default:3},autoSwitchToHide:{type:Boolean,default:!1},autoSwitchToFloat:{type:Boolean,default:!1},autoSwitchToShow:{type:Boolean,default:!1},switchWidth:{type:Number,default:340}},data:function(){return{panelWidth:0,panelHeight:0,das:null,valueTrans:!1,lockToggle:!1,drawerWidthTrans:200,afloatTrans:!1,timerOverlay1Basic:null,showOverlay1Basic:!1,effOverlay1Basic:!1,timerOverlay2Detect:null,showOverlay2Detect:!1,timerOverlay3Shadow:null,showOverlay3Shadow:!1,timerOverlay4Translate:null,effOverlay4Translate:!1,timerOverlay5DragDrawerBar:null,showOverlay5DragDrawerBar:!1}},mounted:function(){let n=this,e=Wm(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),e.on("pressBar",(()=>{n.lockToggle=!0})),e.on("freeBar",(()=>{setTimeout((()=>{n.lockToggle=!1}),1)})),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeValue:function(){let n=this;return n.valueTrans!==n.value&&n.toggleValue(n.value),n.valueTrans=n.value,""},changeDrawerWidth:function(){return this.drawerWidthTrans=this.drawerWidth,""},changeAfloat:function(){return this.afloatTrans=this.afloat,""},useDrawerWidthTrans:function(){let n=this;n.___drawerWidthTrans___=n.drawerWidthTrans,n.___panelWidth___=n.panelWidth;let e=n.getPanelEffWidth(),t=null;return t=ua(e)?Math.min(n.drawerWidthTrans,e):n.drawerWidthTrans,t},useEffDrawerWidthTrans:function(){return Math.max(this.useDrawerWidthTrans-this.useDrawerBarSize/2,0)},virtualZoneWidth:function(){return this.valueTrans?this.afloatTrans?0:this.useDrawerWidthTrans:0},isAtLeft:function(){return"from-right"!==this.mode},useDrawerZIndex:function(){let n=this.drawerZIndex;return this.afloatTrans&&(n+=1),this.afloatByFix&&(n+=500),n},useOverlayColor:function(){return this.afloatTrans?Oi(this.overlayColor):"transparent"},useOverlayPosition:function(){return this.afloatByFix?"fixed":"absolute"},useOverlayOpacity:function(){return this.afloatTrans&&this.effOverlay1Basic?this.overlayOpacity:0},useDrawerTranslateX:function(){if(this.effOverlay4Translate)return 0;return this.isAtLeft?-100:100},useDrawerDetectLoction:function(){return this.isAtLeft?"left:0px;":"right:0px;"},useDrawerDetectWidth:function(){return this.afloatTrans?"100%":`${this.useDrawerWidthTrans}px`},useDrawerClassShadow:function(){return this.afloatTrans&&this.showOverlay3Shadow?"bs":""},useDrawerBarWidth:function(){return this.drawerBarSize+2*this.drawerBarBorderSize},useDrawerBarSize:function(){return this.dragDrawerWidth?this.drawerBarSize:0},useDrawerBarColor:function(){return Oi(this.drawerBarColor)},useDrawerBarBorderColor:function(){return Oi(this.drawerBarBorderColor)}},methods:{resizePanel:function(n){let e=this;if(e.afloatByFix){let n=Kv();e.panelWidth=n.width,e.panelHeight=n.height}else e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=e.switchWidth,o=fn(n,"smode.width","");e.autoSwitchToHide&&e.valueTrans&&"smaller"===o&&e.panelWidth<t&&(e.toggleValue(!1),e.$emit("input",!1)),e.autoSwitchToShow&&!e.valueTrans&&"larger"===o&&e.panelWidth>=t&&(e.toggleValue(!0),e.$emit("input",!0)),e.autoSwitchToFloat&&e.valueTrans&&!e.afloatTrans&&"smaller"===o&&e.panelWidth<t&&(e.afloatTrans=!0,e.$emit("update:afloat",!0)),e.$emit("resize",n)},ckToggle:function(n,e){let t=this;if(!t.afloatTrans)return;if(t.lockToggle)return;let o=!1;try{o=!t.$refs.divDrawer.contains(n.target)}catch(n){}if(o)try{o=!hc(n.clientX,n.clientY,t.$refs.divDrawer)}catch(n){}o&&(t.toggleValue(e),t.$emit("input",e))},toggleValue:function(n){let e,t=this;clearTimeout(t.timerOverlay1Basic),clearTimeout(t.timerOverlay2Detect),clearTimeout(t.timerOverlay3Shadow),clearTimeout(t.timerOverlay4Translate),clearTimeout(t.timerOverlay5DragDrawerBar),n?(e=20,t.showOverlay1Basic=!0,t.timerOverlay1Basic=setTimeout((()=>{t.effOverlay1Basic=!0}),e),t.showOverlay2Detect=!0,t.showOverlay3Shadow=!0,t.timerOverlay4Translate=setTimeout((()=>{t.effOverlay4Translate=!0}),e),t.timerOverlay5DragDrawerBar=setTimeout((()=>{t.showOverlay5DragDrawerBar=!0}),300)):(e=300,t.effOverlay1Basic=!1,t.timerOverlay1Basic=setTimeout((()=>{t.showOverlay1Basic=!1}),e),t.timerOverlay2Detect=setTimeout((()=>{t.showOverlay2Detect=!1}),e),t.timerOverlay3Shadow=setTimeout((()=>{t.showOverlay3Shadow=!1}),e/2),t.effOverlay4Translate=!1,t.showOverlay5DragDrawerBar=!1)},getPanelBounding:function(){let n=this,e=null;if(n.afloatByFix){e={left:0,width:fn(Kv(),"width")}}else{e=ji(fn(n,"$el.getBoundingClientRect"))?n.$el.getBoundingClientRect():{left:0,width:0}}return e},getPanelEffWidth:function(){let n=this,e=null;return e=n.afloatByFix?fn(Kv(),"width"):fn(n,"$el.offsetWidth",null),e},dragBar:function({clientX:n}){let e=this;if(!e.dragDrawerWidth)return;if(!e.valueTrans)return;let t=e.getPanelBounding(),o=n,r=null;r=e.isAtLeft?o-t.left:t.width-(o-t.left);let i=e.getPanelEffWidth();Wi(e.drawerWidthMax)&&(i=_i(e.drawerWidthMax));let a=0;Wi(e.drawerWidthMin)&&(a=_i(e.drawerWidthMin)),ua(i)&&(r=Math.min(r,i)),ua(a)&&(r=Math.max(r,a)),e.drawerWidthTrans=r,e.$emit("update:drawerWidth",r)}}};const Jv=Yv;var Uv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeValue:n.changeValue,changeDrawerWidth:n.changeDrawerWidth,changeAfloat:n.changeAfloat},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},[t("div",{staticStyle:{width:"100%",height:"100%",display:"flex",overflow:"hidden"}},[n.isAtLeft?t("div",{staticClass:"ts",style:"width:"+n.virtualZoneWidth+"px; min-width:"+n.virtualZoneWidth+"px;"}):n._e(),n._v(" "),t("div",{style:"width:100%; height:100%; overflow:hidden;"},[n._t("content",null,{width:n.panelWidth-n.virtualZoneWidth,height:n.panelHeight})],2),n._v(" "),n.isAtLeft?n._e():t("div",{staticClass:"ts",style:"width:"+n.virtualZoneWidth+"px; min-width:"+n.virtualZoneWidth+"px;"})]),n._v(" "),n.showOverlay1Basic?t("div",{staticClass:"ts",style:"position:"+n.useOverlayPosition+"; "+n.useDrawerDetectLoction+" top:0px; bottom:0px; z-index:"+(n.useDrawerZIndex+1)+"; width:"+n.useDrawerDetectWidth+"; height:100%; opacity:"+n.useOverlayOpacity+"; background:"+n.useOverlayColor+";"}):n._e(),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.showOverlay2Detect,expression:"showOverlay2Detect"}],style:"position:"+n.useOverlayPosition+"; "+n.useDrawerDetectLoction+" top:0px; bottom:0px; z-index:"+(n.useDrawerZIndex+2)+"; width:"+n.useDrawerDetectWidth+"; height:100%;",on:{click:function(e){n.ckToggle(e,!1)}}},[t("div",{style:"width:100%; height:100%; display:flex; justify-content:"+(n.isAtLeft?"start":"end")+";"},[t("div",{ref:"divDrawer",class:"ts "+n.useDrawerClassShadow,style:"width:"+n.useDrawerWidthTrans+"px; height:100%; transform:translateX("+n.useDrawerTranslateX+"%);"},[t("div",{staticClass:"ts",style:"position:relative; width:"+n.useDrawerWidthTrans+"px; height:100%; display:flex;"},[n.dragDrawerWidth&&!n.isAtLeft?t("div",{style:"padding-left:"+n.useDrawerBarSize/2+"px;"}):n._e(),n._v(" "),t("div",{staticClass:"ts",style:"width:"+n.useEffDrawerWidthTrans+"px;"},[n._t("drawer",null,{width:n.useEffDrawerWidthTrans,height:n.panelHeight})],2),n._v(" "),n.dragDrawerWidth&&n.isAtLeft?t("div",{style:"padding-left:"+n.useDrawerBarSize/2+"px;"}):n._e(),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans&&n.dragDrawerWidth,expression:"valueTrans && dragDrawerWidth"}],ref:"divBar",style:"position:"+n.useOverlayPosition+"; top:0px; "+(n.isAtLeft?"left":"right")+":"+(n.useDrawerWidthTrans-n.useDrawerBarWidth/2)+"px; width:"+n.useDrawerBarWidth+"px; height:100%; border-left:"+n.drawerBarBorderSize+"px solid "+n.useDrawerBarBorderColor+"; border-right:"+n.drawerBarBorderSize+"px solid "+n.useDrawerBarBorderColor+"; opacity:"+(n.showOverlay5DragDrawerBar?1:0)+"; cursor:col-resize; user-select:none;"},[t("div",{style:"width:"+n.useDrawerBarSize+"px; height:100%; background:"+n.useDrawerBarColor+";"})])])])])])])])};Uv._withStripped=!0;const Qv=ya({render:Uv,staticRenderFns:[]},(function(n){n&&n("data-v-2a829eed_0",{source:"\n.ts[data-v-2a829eed] {\r\n    transition:all 0.3s cubic-bezier(.25,.8,.5,1);\n}\n.bs[data-v-2a829eed] {\r\n    box-shadow:rgba(0, 0, 0, 0.3) 0px 8px 2px -8px, rgba(0, 0, 0, 0.3) 0px 16px 24px 2px, rgba(0, 0, 0, 0.3) 0px 6px 30px 5px;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WDrawer.vue"],names:[],mappings:";AAkzBA;IACA,6CAAA;AACA;AACA;IACA,yHAAA;AACA",file:"WDrawer.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n        :changeDrawerWidth=\"changeDrawerWidth\"\r\n        :changeAfloat=\"changeAfloat\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n    >\r\n\r\n        \x3c!-- 因拖曳寬度bar現放置於divPanel下並且浮動定位, 左右側之拖曳區會超出divPanel, 故須使用overflow:hidden --\x3e\r\n        <div\r\n            ref=\"divPanel\"\r\n            style=\"position:relative; width:100%; height:100%; overflow:hidden;\"\r\n        >\r\n\r\n            \x3c!-- 因右側抽屜會無法被內容區裁切遮蔽, 故須使用overflow:hidden --\x3e\r\n            <div style=\"width:100%; height:100%; display:flex; overflow:hidden;\">\r\n\r\n                \x3c!-- 撐開區, 需使用min-width避免被壓縮 --\x3e\r\n                <div\r\n                    class=\"ts\"\r\n                    :style=\"`width:${virtualZoneWidth}px; min-width:${virtualZoneWidth}px;`\"\r\n                    v-if=\"isAtLeft\"\r\n                ></div>\r\n\r\n                \x3c!-- 因內容區具有無法崩塌元素, 故也須使用overflow:hidden進行裁切 --\x3e\r\n                <div :style=\"`width:100%; height:100%; overflow:hidden;`\">\r\n\r\n                    <slot\r\n                        name=\"content\"\r\n                        :width=\"panelWidth-virtualZoneWidth\"\r\n                        :height=\"panelHeight\"\r\n                    ></slot>\r\n\r\n                </div>\r\n\r\n                \x3c!-- 撐開區, 需使用min-width避免被壓縮 --\x3e\r\n                <div\r\n                    class=\"ts\"\r\n                    :style=\"`width:${virtualZoneWidth}px; min-width:${virtualZoneWidth}px;`\"\r\n                    v-if=\"!isAtLeft\"\r\n                ></div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- overlay半透明灰色層 --\x3e\r\n            <div\r\n                class=\"ts\"\r\n                :style=\"`position:${useOverlayPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+1}; width:${useDrawerDetectWidth}; height:100%; opacity:${useOverlayOpacity}; background:${useOverlayColor};`\"\r\n                v-if=\"showOverlay1Basic\"\r\n            >\r\n            </div>\r\n\r\n            \x3c!-- overlay關閉事件監聽層, 與隱藏內層之向外陰影 --\x3e\r\n            <div\r\n                :style=\"`position:${useOverlayPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+2}; width:${useDrawerDetectWidth}; height:100%;`\"\r\n                @click=\"(ev)=>{ckToggle(ev,false)}\"\r\n                v-show=\"showOverlay2Detect\"\r\n            >\r\n\r\n                \x3c!-- drawer平移層 --\x3e\r\n                <div\r\n                    :style=\"`width:100%; height:100%; display:flex; justify-content:${ isAtLeft ? 'start' : 'end' };`\"\r\n                >\r\n\r\n                    <div\r\n                        ref=\"divDrawer\"\r\n                        :class=\"`ts ${useDrawerClassShadow}`\"\r\n                        :style=\"`width:${useDrawerWidthTrans}px; height:100%; transform:translateX(${useDrawerTranslateX}%);`\"\r\n                    >\r\n\r\n                        <div\r\n                            class=\"ts\"\r\n                            :style=\"`position:relative; width:${useDrawerWidthTrans}px; height:100%; display:flex;`\"\r\n                        >\r\n\r\n                            <div :style=\"`padding-left:${useDrawerBarSize/2}px;`\" v-if=\"dragDrawerWidth && !isAtLeft\"></div>\r\n\r\n                            <div\r\n                                class=\"ts\"\r\n                                :style=\"`width:${useEffDrawerWidthTrans}px;`\"\r\n                            >\r\n\r\n                                <slot\r\n                                    name=\"drawer\"\r\n                                    :width=\"useEffDrawerWidthTrans\"\r\n                                    :height=\"panelHeight\"\r\n                                ></slot>\r\n\r\n                            </div>\r\n\r\n                            <div :style=\"`padding-left:${useDrawerBarSize/2}px;`\" v-if=\"dragDrawerWidth && isAtLeft\"></div>\r\n\r\n                            \x3c!-- 拖曳寬度bar, 須放置於drawer內, 才能避免drawer內有position顯示之dom(例如tooltip)被拖曳寬度bar遮蔽 --\x3e\r\n                            \x3c!-- 延遲至抽屜出現後才通過opacity=1顯示, 否則於浮動模式時會在外側陰影層馬上看到拖曳寬度bar, 使用者體驗不佳 --\x3e\r\n                            <div\r\n                                ref=\"divBar\"\r\n                                :style=\"`position:${useOverlayPosition}; top:0px; ${isAtLeft?'left':'right'}:${useDrawerWidthTrans-useDrawerBarWidth/2}px; width:${useDrawerBarWidth}px; height:100%; border-left:${drawerBarBorderSize}px solid ${useDrawerBarBorderColor}; border-right:${drawerBarBorderSize}px solid ${useDrawerBarBorderColor}; opacity:${showOverlay5DragDrawerBar?1:0}; cursor:col-resize; user-select:none;`\"\r\n                                v-show=\"valueTrans && dragDrawerWidth\"\r\n                            >\r\n                                <div :style=\"`width:${useDrawerBarSize}px; height:100%; background:${useDrawerBarColor};`\"></div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport isnum from 'wsemi/src/isnum.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport cdbl from 'wsemi/src/cdbl.mjs'\r\nimport domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'\r\nimport domGetWindowSize from 'wsemi/src/domGetWindowSize.mjs'\r\nimport domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [mode='from-left'] 輸入抽屜顯示位置字串，可使用'from-left'與'from-right'，預設'from-left'\r\n * @vue-prop {Number} [drawerWidth=200] 輸入抽屜寬度數字，單位為px，預設200\r\n * @vue-prop {Number} [drawerWidthMin=null] 輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最小值數字，預設null\r\n * @vue-prop {Number} [drawerWidthMax=null] 輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最大值數字，預設null\r\n * @vue-prop {Boolean} [afloat=false] 輸入是否為浮動顯示布林值，設為true時浮在內容區上故不壓縮內容區寬度，預設false\r\n * @vue-prop {Boolean} [afloatByFix=false] 輸入浮動顯示時是否使用fixed布林值，若為true使用'fixed'反之使用'absolute'，預設false\r\n * @vue-prop {Number} [overlayOpacity=0.45] 輸入浮動顯示時抽屜外側陰影層之透明度數字，預設0.45\r\n * @vue-prop {String} [overlayColor='grey darken-2'] 輸入浮動顯示時抽屜外側陰影層背景顏色字串，預設'grey darken-2'\r\n * @vue-prop {Number} [drawerZIndex=1000] 輸入浮動顯示時抽屜使用z-index數字，預設1000\r\n * @vue-prop {Boolean} [dragDrawerWidth=false] 輸入是否使用拖曳抽屜寬度分隔條布林值，預設false\r\n * @vue-prop {String} [drawerBarColor='#ddd'] 輸入分隔條顏色字串，預設'#ddd'\r\n * @vue-prop {Number} [drawerBarSize=2] 輸入分隔條尺寸數字，為分隔條寬度，單位為px，預設2\r\n * @vue-prop {String} [drawerBarBorderColor='transparent'] 輸入分隔條框線顏色字串，預設'transparent'\r\n * @vue-prop {Number} [drawerBarBorderSize=3] 輸入分隔條框線寬度數字，單位為px，預設3，通常配合barBorderColor='transparent'使可拖曳區加大又不遮蔽可視區\r\n * @vue-prop {Boolean} [autoSwitchToHide=false] 輸入是否自動切換至隱藏布林值，當抽屜顯示時且組件寬度過小時則隱藏，預設false\r\n * @vue-prop {Boolean} [autoSwitchToFloat=false] 輸入是否自動切換至浮動布林值，當抽屜顯示時且組件寬度過小時則浮動，預設false\r\n * @vue-prop {Boolean} [autoSwitchToShow=false] 輸入是否自動切換至顯示布林值，當抽屜隱藏時且組件寬度過大時則顯示，預設false\r\n * @vue-prop {Number} [switchWidth=340] 輸入當自動顯隱時判斷組件寬度過小之門檻寬度數字，單位為px，預設340\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        mode: {\r\n            type: String,\r\n            default: 'from-left', //from-left, from-right\r\n        },\r\n        drawerWidth: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        drawerWidthMin: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        drawerWidthMax: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        afloat: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        afloatByFix: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        overlayOpacity: {\r\n            type: Number,\r\n            default: 0.45,\r\n        },\r\n        overlayColor: {\r\n            type: String,\r\n            default: 'grey darken-2',\r\n        },\r\n        drawerZIndex: {\r\n            type: Number,\r\n            default: 1000,\r\n        },\r\n        dragDrawerWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        drawerBarColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        drawerBarSize: {\r\n            type: Number,\r\n            default: 2,\r\n        },\r\n        drawerBarBorderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        drawerBarBorderSize: {\r\n            type: Number,\r\n            default: 3,\r\n        },\r\n        autoSwitchToHide: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoSwitchToFloat: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoSwitchToShow: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        switchWidth: {\r\n            type: Number,\r\n            default: 340,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            panelWidth: 0,\r\n            panelHeight: 0,\r\n\r\n            das: null,\r\n\r\n            valueTrans: false,\r\n\r\n            lockToggle: false,\r\n\r\n            drawerWidthTrans: 200,\r\n            afloatTrans: false,\r\n\r\n            timerOverlay1Basic: null,\r\n            showOverlay1Basic: false,\r\n            effOverlay1Basic: false,\r\n\r\n            timerOverlay2Detect: null,\r\n            showOverlay2Detect: false,\r\n            // effOverlay2Detect: false,\r\n\r\n            timerOverlay3Shadow: null,\r\n            showOverlay3Shadow: false,\r\n            // effOverlay3Shadow: false,\r\n\r\n            timerOverlay4Translate: null,\r\n            // showOverlay4Translate: false,\r\n            effOverlay4Translate: false,\r\n\r\n            timerOverlay5DragDrawerBar: null,\r\n            showOverlay5DragDrawerBar: false,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //das\r\n        let das = domDragBarAndScroll(vo.$refs.divPanel, vo.$refs.divBar, { useTouchDragForPanel: false })\r\n        das.on('dragBar', vo.dragBar)\r\n        das.on('pressBar', () => {\r\n            // console.log('pressBar')\r\n            vo.lockToggle = true\r\n        })\r\n        das.on('freeBar', () => {\r\n            setTimeout(() => { //因拖曳寬度bar現在位於overlay關閉事件監聽層之內, 故會優先觸發點擊事件後才冒泡出去, 導致放掉拖曳時會觸發點擊關閉事件, 故改採通過delay脫勾與上鎖機制避免關閉\r\n                // console.log('freeBar')\r\n                vo.lockToggle = false\r\n            }, 1)\r\n        })\r\n\r\n        //save\r\n        vo.das = das\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //clear\r\n        if (vo.das) {\r\n            vo.das.clear()\r\n        }\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            // console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.valueTrans !== vo.value) {\r\n\r\n                //toggleValue\r\n                vo.toggleValue(vo.value)\r\n\r\n            }\r\n            // console.log('vo.value', vo.value, 'vo.valueTrans', vo.valueTrans)\r\n\r\n            //update\r\n            vo.valueTrans = vo.value\r\n\r\n            // //trigger\r\n            // let value = vo.value\r\n            // // console.log('computed changeValue')\r\n\r\n            return ''\r\n        },\r\n\r\n        changeDrawerWidth: function() {\r\n            let vo = this\r\n            vo.drawerWidthTrans = vo.drawerWidth\r\n            return ''\r\n        },\r\n\r\n        changeAfloat: function() {\r\n            let vo = this\r\n            vo.afloatTrans = vo.afloat\r\n            return ''\r\n        },\r\n\r\n        useDrawerWidthTrans: function() {\r\n            let vo = this\r\n\r\n            //監聽drawerWidthTrans與panelWidth有變化則重算\r\n\r\n            //trigger\r\n            vo.___drawerWidthTrans___ = vo.drawerWidthTrans\r\n            vo.___panelWidth___ = vo.panelWidth\r\n\r\n            //getPanelEffWidth\r\n            let dwMax = vo.getPanelEffWidth()\r\n            // console.log('getPanelEffWidth dwMax', dwMax)\r\n\r\n            //check\r\n            let r = null\r\n            if (isNumber(dwMax)) {\r\n                r = Math.min(vo.drawerWidthTrans, dwMax)\r\n            }\r\n            else {\r\n                r = vo.drawerWidthTrans\r\n            }\r\n            // console.log('useDrawerWidthTrans', r)\r\n\r\n            return r\r\n        },\r\n\r\n        useEffDrawerWidthTrans: function() {\r\n            let vo = this\r\n            let r = Math.max(vo.useDrawerWidthTrans - vo.useDrawerBarSize / 2, 0)\r\n            // console.log('useEffDrawerWidthTrans', r)\r\n            return r\r\n        },\r\n\r\n        virtualZoneWidth: function() {\r\n            if (!this.valueTrans) {\r\n                return 0\r\n            }\r\n            if (this.afloatTrans) {\r\n                return 0\r\n            }\r\n            return this.useDrawerWidthTrans\r\n        },\r\n\r\n        isAtLeft: function() {\r\n            return this.mode !== 'from-right'\r\n        },\r\n\r\n        useDrawerZIndex: function() {\r\n            let i = this.drawerZIndex\r\n            if (this.afloatTrans) {\r\n                i += 1\r\n            }\r\n            if (this.afloatByFix) {\r\n                i += 500 //drawer, dialog, tooltip分配z-index值差為1000, 故內部分配給500\r\n            }\r\n            return i\r\n        },\r\n\r\n        useOverlayColor: function() {\r\n            if (!this.afloatTrans) {\r\n                return 'transparent'\r\n            }\r\n            return convertColor(this.overlayColor)\r\n        },\r\n\r\n        useOverlayPosition: function() {\r\n            return this.afloatByFix ? 'fixed' : 'absolute'\r\n        },\r\n\r\n        useOverlayOpacity: function() {\r\n            if (!this.afloatTrans) {\r\n                return 0\r\n            }\r\n            return this.effOverlay1Basic ? this.overlayOpacity : 0\r\n        },\r\n\r\n        useDrawerTranslateX: function() {\r\n            if (this.effOverlay4Translate) {\r\n                return 0\r\n            }\r\n            let s0 = this.isAtLeft ? -100 : 100\r\n            return s0\r\n        },\r\n\r\n        useDrawerDetectLoction: function() {\r\n            if (this.isAtLeft) {\r\n                return 'left:0px;'\r\n            }\r\n            return 'right:0px;'\r\n        },\r\n\r\n        useDrawerDetectWidth: function() {\r\n            if (this.afloatTrans) {\r\n                return '100%'\r\n            }\r\n            return `${this.useDrawerWidthTrans}px`\r\n        },\r\n\r\n        useDrawerClassShadow: function() {\r\n            return this.afloatTrans && this.showOverlay3Shadow ? 'bs' : ''\r\n        },\r\n\r\n        useDrawerBarWidth: function() {\r\n            let vo = this\r\n            return vo.drawerBarSize + vo.drawerBarBorderSize * 2\r\n        },\r\n\r\n        useDrawerBarSize: function() {\r\n            let vo = this\r\n            return vo.dragDrawerWidth ? vo.drawerBarSize : 0\r\n        },\r\n\r\n        useDrawerBarColor: function() {\r\n            return convertColor(this.drawerBarColor)\r\n        },\r\n\r\n        useDrawerBarBorderColor: function() {\r\n            return convertColor(this.drawerBarBorderColor)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //update\r\n                vo.panelWidth = msg.snew.offsetWidth\r\n                vo.panelHeight = msg.snew.offsetHeight\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //domGetWindowSize\r\n                let ws = domGetWindowSize()\r\n\r\n                //update\r\n                vo.panelWidth = ws.width\r\n                vo.panelHeight = ws.height\r\n\r\n            }\r\n            // console.log('vo.panelWidth', vo.panelWidth)\r\n            // console.log('vo.panelHeight', vo.panelHeight)\r\n\r\n            //wl\r\n            let wl = vo.switchWidth\r\n            // console.log('wl', wl)\r\n\r\n            //mw\r\n            let mw = get(msg, 'smode.width', '')\r\n\r\n            //autoSwitchToHide\r\n            if (vo.autoSwitchToHide) {\r\n                if (vo.valueTrans && mw === 'smaller' && vo.panelWidth < wl) { //已開啟抽屜且為變窄時才隱藏\r\n\r\n                    //toggleValue\r\n                    vo.toggleValue(false)\r\n\r\n                    //emit\r\n                    vo.$emit('input', false)\r\n\r\n                }\r\n            }\r\n\r\n            //autoSwitchToShow\r\n            if (vo.autoSwitchToShow) {\r\n                if (!vo.valueTrans && mw === 'larger' && vo.panelWidth >= wl) { //已隱藏抽屜且為變寬時才顯示\r\n\r\n                    //toggleValue\r\n                    vo.toggleValue(true)\r\n\r\n                    //emit\r\n                    vo.$emit('input', true)\r\n\r\n                }\r\n            }\r\n\r\n            //autoSwitchToFloat\r\n            if (vo.autoSwitchToFloat) {\r\n                if (vo.valueTrans && !vo.afloatTrans && mw === 'smaller' && vo.panelWidth < wl) { //已開啟抽屜且為佔版模式且為變窄時才浮動\r\n\r\n                    //save afloatTrans\r\n                    vo.afloatTrans = true\r\n\r\n                    //emit\r\n                    vo.$emit('update:afloat', true)\r\n\r\n                }\r\n            }\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        ckToggle: function(ev, value) {\r\n            // console.log('methods ckToggle', ev, value)\r\n\r\n            let vo = this\r\n\r\n            //check, 固定時(非浮動)禁止關閉\r\n            if (!vo.afloatTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 上鎖時禁止觸發\r\n            if (vo.lockToggle) {\r\n                return\r\n            }\r\n\r\n            //偵測點擊為抽屜區之外\r\n            let b = false\r\n            try {\r\n                b = !vo.$refs.divDrawer.contains(ev.target)\r\n                // if (b) {\r\n                //     console.log('偵測點擊為抽屜區之外 domContains')\r\n                // }\r\n            }\r\n            catch (err) {}\r\n            // console.log('vo.$refs.divDrawer', vo.$refs.divDrawer)\r\n            // console.log('ev.target', ev.target)\r\n            // console.log(vo.$refs.divDrawer.contains(ev.target))\r\n\r\n            //若為點擊為抽屜區之外, 可能是按鈕表層虛擬層、ripple層或下拉選單彈窗內容區, 此可能用position定位而導致用contains檢測會為false, 故改用事件座標再檢測一次\r\n            if (b) {\r\n                try {\r\n                    b = !domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divDrawer)\r\n                    // console.log(`domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divPanel)`,domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divPanel))\r\n                    // if (b) {\r\n                    //     console.log('偵測點擊為抽屜區之外: domIsClientXYIn')\r\n                    // }\r\n                }\r\n                catch (err) {}\r\n            }\r\n\r\n            //check\r\n            if (b) {\r\n\r\n                //toggleValue\r\n                vo.toggleValue(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            }\r\n\r\n        },\r\n\r\n        toggleValue: function (value) {\r\n            // console.log('methods toggleValue', value)\r\n\r\n            let vo = this\r\n\r\n            //clearTimeout\r\n            clearTimeout(vo.timerOverlay1Basic)\r\n            clearTimeout(vo.timerOverlay2Detect)\r\n            clearTimeout(vo.timerOverlay3Shadow)\r\n            clearTimeout(vo.timerOverlay4Translate)\r\n            clearTimeout(vo.timerOverlay5DragDrawerBar)\r\n\r\n            let sec\r\n\r\n            //check\r\n            if (value) {\r\n                //顯示\r\n\r\n                // vo.fsmShowOverlay.showOverlay()\r\n                // vo.fsmShowStateOverlay.showOverlay()\r\n                sec = 20\r\n\r\n                // showOverlay1Basic: false,\r\n                // effOverlay1Basic: false,\r\n                vo.showOverlay1Basic = true\r\n                vo.timerOverlay1Basic = setTimeout(() => {\r\n                    vo.effOverlay1Basic = true\r\n                }, sec)\r\n\r\n                // showOverlay2Detect: false,\r\n                // effOverlay2Detect: false,\r\n                vo.showOverlay2Detect = true\r\n\r\n                // showOverlay3Shadow: false,\r\n                // effOverlay3Shadow: false,\r\n                vo.showOverlay3Shadow = true\r\n\r\n                // showOverlay4Translate: false,\r\n                // effOverlay4Translate: false,\r\n                // vo.showOverlay4Translate = true\r\n                vo.timerOverlay4Translate = setTimeout(() => {\r\n                    vo.effOverlay4Translate = true\r\n                }, sec)\r\n\r\n                vo.timerOverlay5DragDrawerBar = setTimeout(() => {\r\n                    vo.showOverlay5DragDrawerBar = true\r\n                }, 300)\r\n\r\n            }\r\n            else {\r\n                //隱藏\r\n\r\n                // vo.fsmShowOverlay.hideOverlay()\r\n                // vo.fsmShowStateOverlay.hideOverlay()\r\n                sec = 300\r\n\r\n                // showOverlay1Basic: false,\r\n                // effOverlay1Basic: false,\r\n                vo.effOverlay1Basic = false\r\n                vo.timerOverlay1Basic = setTimeout(() => {\r\n                    vo.showOverlay1Basic = false\r\n                }, sec)\r\n\r\n                // showOverlay2Detect: false,\r\n                // effOverlay2Detect: false,\r\n                vo.timerOverlay2Detect = setTimeout(() => {\r\n                    vo.showOverlay2Detect = false\r\n                }, sec)\r\n\r\n                // showOverlay3Shadow: false,\r\n                // effOverlay3Shadow: false,\r\n                vo.timerOverlay3Shadow = setTimeout(() => {\r\n                    vo.showOverlay3Shadow = false\r\n                }, sec / 2) //提前隱藏陰影\r\n\r\n                // showOverlay4Translate: false,\r\n                // effOverlay4Translate: false,\r\n                vo.effOverlay4Translate = false\r\n                // vo.timerOverlay4Translate = setTimeout(() => {\r\n                //     vo.showOverlay4Translate = false\r\n                // }, sec)\r\n\r\n                vo.showOverlay5DragDrawerBar = false\r\n\r\n            }\r\n\r\n        },\r\n\r\n        getPanelBounding: function() {\r\n            // console.log('methods getPanelBounding')\r\n\r\n            let vo = this\r\n\r\n            //bd\r\n            let bd = null\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //getBoundingClientRect\r\n                let func = get(vo, '$el.getBoundingClientRect')\r\n                if (isfun(func)) {\r\n                    // bd = func() //不能執行func, 會造成非法調用Illegal invocation\r\n                    bd = vo.$el.getBoundingClientRect()\r\n                    // console.log(vo.$el.getBoundingClientRect, isfun(vo.$el.getBoundingClientRect))\r\n                }\r\n                else {\r\n                    // console.log('vo.$el.getBoundingClientRect is not a function')\r\n                    bd = {\r\n                        left: 0,\r\n                        width: 0,\r\n                    }\r\n                }\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //getWindowWidth\r\n                let windowWidth = get(domGetWindowSize(), 'width')\r\n\r\n                bd = {\r\n                    left: 0,\r\n                    width: windowWidth,\r\n                }\r\n\r\n            }\r\n\r\n            return bd\r\n        },\r\n\r\n        getPanelEffWidth: function() {\r\n            // console.log('methods getPanelEffWidth')\r\n\r\n            let vo = this\r\n\r\n            //effWidth\r\n            let effWidth = null\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //offsetWidth, 若於mounted之前呼叫因無$el, 故會回傳null\r\n                effWidth = get(vo, '$el.offsetWidth', null)\r\n                // console.log('vo.$el.offsetWidth', vo.$el.offsetWidth, 'effWidth', effWidth)\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //getWindowWidth\r\n                effWidth = get(domGetWindowSize(), 'width')\r\n\r\n            }\r\n            // console.log('effWidth', effWidth)\r\n\r\n            return effWidth\r\n        },\r\n\r\n        dragBar: function({ clientX }) {\r\n            // console.log('methods dragBar', clientX)\r\n\r\n            let vo = this\r\n\r\n            //check dragDrawerWidth\r\n            if (!vo.dragDrawerWidth) {\r\n                return\r\n            }\r\n\r\n            //check valueTrans\r\n            if (!vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //bd\r\n            let bd = vo.getPanelBounding()\r\n\r\n            //x\r\n            let x = clientX\r\n\r\n            //dw\r\n            let dw = null\r\n            if (vo.isAtLeft) {\r\n                //抽屜在左\r\n                dw = x - bd.left\r\n            }\r\n            else {\r\n                //抽屜在右\r\n                dw = bd.width - (x - bd.left)\r\n            }\r\n            // console.log(bd, 'x', x, 'dw', dw)\r\n\r\n            //dwMax\r\n            let dwMax = vo.getPanelEffWidth()\r\n            if (isnum(vo.drawerWidthMax)) {\r\n                dwMax = cdbl(vo.drawerWidthMax)\r\n            }\r\n            // console.log('dwMax', dwMax)\r\n\r\n            //dwMin\r\n            let dwMin = 0\r\n            if (isnum(vo.drawerWidthMin)) {\r\n                dwMin = cdbl(vo.drawerWidthMin)\r\n            }\r\n\r\n            //min, max\r\n            if (isNumber(dwMax)) {\r\n                dw = Math.min(dw, dwMax)\r\n            }\r\n            if (isNumber(dwMin)) {\r\n                dw = Math.max(dw, dwMin)\r\n            }\r\n\r\n            //update\r\n            vo.drawerWidthTrans = dw\r\n            // console.log('drawerWidthTrans', dw)\r\n\r\n            //emit\r\n            vo.$emit('update:drawerWidth', dw)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s cubic-bezier(.25,.8,.5,1);\r\n}\r\n.bs {\r\n    box-shadow:rgba(0, 0, 0, 0.3) 0px 8px 2px -8px, rgba(0, 0, 0, 0.3) 0px 16px 24px 2px, rgba(0, 0, 0, 0.3) 0px 6px 30px 5px;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),Jv,"data-v-2a829eed",false,undefined,!1,xa,void 0,void 0);const qv={components:{demolink:nu,WListVertical:Xv,WDrawer:Qv,WPanelDivideHorizontal:Tm},props:{},data:function(){return{WDrawer:{drawerWidth:300,title:"Article Title",content:"Here is an article content, texts are from Vuetify. There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application's compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.",listItems:[{text:"Interpreting",icon:"fas fa-american-sign-language-interpreting"},{text:"Search",icon:"fas fa-search"},{text:"Binoculars",icon:"fas fa-binoculars"},{text:"Building",icon:"fa-regular fa-building"},{text:"Tachometer-alt",icon:"fas fa-tachometer-alt"},{text:"Chess-king",icon:"fas fa-chess-king"},{text:"Calendar",icon:"fas fa-calendar-alt"},{text:"chart",icon:"fas fa-chart-bar"},{text:"Cloud-meatball",icon:"fas fa-cloud-meatball"},{text:"Cubes",icon:"fas fa-cubes"},{text:"Dungeon",icon:"fas fa-dungeon"}],listPkgs:[{text:"Balance",icon:"fas fa-balance-scale"},{text:"Connection",icon:"fas fa-bezier-curve"},{text:"Issue",icon:"fa-box-tissue"}],listItemActive:{text:"Search",icon:"fas fa-search"},listPkgActive:{text:"Balance",icon:"fas fa-balance-scale"},bShow101:!1,bShow102:!1,bShow103:!1,bShow104:!1,bShow105:!1,bShow106:!1,bShow107a:!1,bShow107b:!1,bShow108:!1,bShow109:!1,bShow110:!1,bShow111:!1,bShow112:!1,bShow113:!1,bShow114:!1,bShow115:!1,bShow116:!1,bShow117:!1,bShow118:!1,bShow119:!1,bShow120:!1,bShow121:!1,bShow122:!1,bShow123:!0,bAfloat123:!1},actions:[{}]}},methods:{}};var ng=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"default"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow101=!n.WDrawer.bShow101}}},[n._v("Show("+n._s(n.WDrawer.bShow101)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow101,callback:function(e){n.$set(n.WDrawer,"bShow101",e)},expression:"WDrawer.bShow101"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"drawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow102=!n.WDrawer.bShow102}}},[n._v("Show("+n._s(n.WDrawer.bShow102)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{drawerWidth:300},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow102,callback:function(e){n.$set(n.WDrawer,"bShow102",e)},expression:"WDrawer.bShow102"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"dragDrawerWidth & drawerWidth(sync)"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px",display:"flex","align-items":"center"}},[t("div",{},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow103=!n.WDrawer.bShow103}}},[n._v("Show("+n._s(n.WDrawer.bShow103)+")")])],1),n._v(" "),t("div",{staticStyle:{"padding-left":"10px","font-size":"0.8rem"}},[n._v("drawerWidth: "+n._s(n.WDrawer.drawerWidth))])]),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{drawerWidth:n.WDrawer.drawerWidth,dragDrawerWidth:!0},on:{"update:drawerWidth":function(e){return n.$set(n.WDrawer,"drawerWidth",e)},"update:drawer-width":function(e){return n.$set(n.WDrawer,"drawerWidth",e)}},scopedSlots:n._u([{key:"drawer",fn:function(e){return[t("div",{staticStyle:{height:"18px",background:"#eef","font-size":"0.7rem"}},[n._v(n._s(e.width)+"px")]),n._v(" "),t("w-list-vertical",{staticStyle:{height:"calc( 100% - 18px )","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]}},{key:"content",fn:function(e){return[t("div",{staticStyle:{height:"18px",background:"#eef","font-size":"0.7rem"}},[n._v(n._s(e.width)+"px")]),n._v(" "),t("div",{staticStyle:{height:"calc( 100% - 18px )","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]}}]),model:{value:n.WDrawer.bShow103,callback:function(e){n.$set(n.WDrawer,"bShow103",e)},expression:"WDrawer.bShow103"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"dragDrawerWidth & drawerWidthMin & drawerWidthMax"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow104=!n.WDrawer.bShow104}}},[n._v("Show("+n._s(n.WDrawer.bShow104)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{"_drawerWidth.sync":"WDrawer.drawerWidth",dragDrawerWidth:!0,drawerWidthMin:150,drawerWidthMax:300},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow104,callback:function(e){n.$set(n.WDrawer,"bShow104",e)},expression:"WDrawer.bShow104"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"dragDrawerWidth & drawerBarColor & drawerBarSize"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow105=!n.WDrawer.bShow105}}},[n._v("Show("+n._s(n.WDrawer.bShow105)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{"_drawerWidth.sync":"WDrawer.drawerWidth",dragDrawerWidth:!0,drawerBarColor:"rgba(0, 0, 0, 0.1)",drawerBarSize:6},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow105,callback:function(e){n.$set(n.WDrawer,"bShow105",e)},expression:"WDrawer.bShow105"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"dragDrawerWidth & drawerBarBorderColor & drawerBarBorderSize"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow106=!n.WDrawer.bShow106}}},[n._v("Show("+n._s(n.WDrawer.bShow106)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{"_drawerWidth.sync":"WDrawer.drawerWidth",dragDrawerWidth:!0,drawerBarBorderColor:"rgba(200,200,200,0.2)",drawerBarBorderSize:5},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow106,callback:function(e){n.$set(n.WDrawer,"bShow106",e)},expression:"WDrawer.bShow106"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"multiple & dragDrawerWidth & drawerWidthMin & drawerWidthMax"}}),n._v(" "),t("w-drawer",{staticStyle:{width:"600px",height:"400px",border:"1px solid #ddd"},attrs:{dragDrawerWidth:!0,drawerWidthMin:50,drawerWidthMax:250},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listPkgs,itemActive:n.WDrawer.listPkgActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listPkgActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listPkgActive",e)}},scopedSlots:n._u([{key:"header",fn:function(){return[t("div",{staticStyle:{padding:"5px 10px","font-size":"0.7rem",color:"#999"}},[n._v("\n                                Outer list\n                            ")])]},proxy:!0}])})]},proxy:!0},{key:"content",fn:function(){return[t("w-drawer",{staticStyle:{width:"100%",height:"100%"},attrs:{dragDrawerWidth:!0,drawerWidthMin:50,drawerWidthMax:250},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}},scopedSlots:n._u([{key:"header",fn:function(){return[t("div",{staticStyle:{padding:"5px 10px","font-size":"0.7rem",color:"#999"}},[n._v("\n                                        Inner list\n                                    ")])]},proxy:!0}])})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow107a=!n.WDrawer.bShow107a}}},[n._v("Outer Show("+n._s(n.WDrawer.bShow107a)+")")])],1),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow107b=!n.WDrawer.bShow107b}}},[n._v("Inner Show("+n._s(n.WDrawer.bShow107b)+")")])],1),n._v(" "),t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow107b,callback:function(e){n.$set(n.WDrawer,"bShow107b",e)},expression:"WDrawer.bShow107b"}})]},proxy:!0}]),model:{value:n.WDrawer.bShow107a,callback:function(e){n.$set(n.WDrawer,"bShow107a",e)},expression:"WDrawer.bShow107a"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"mode"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow108=!n.WDrawer.bShow108}}},[n._v("Show("+n._s(n.WDrawer.bShow108)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{mode:"from-right"},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-left":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow108,callback:function(e){n.$set(n.WDrawer,"bShow108",e)},expression:"WDrawer.bShow108"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"mode & dragDrawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow109=!n.WDrawer.bShow109}}},[n._v("Show("+n._s(n.WDrawer.bShow109)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{mode:"from-right",dragDrawerWidth:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-left":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow109,callback:function(e){n.$set(n.WDrawer,"bShow109",e)},expression:"WDrawer.bShow109"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow110=!n.WDrawer.bShow110}}},[n._v("Show("+n._s(n.WDrawer.bShow110)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow110,callback:function(e){n.$set(n.WDrawer,"bShow110",e)},expression:"WDrawer.bShow110"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & dragDrawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow111=!n.WDrawer.bShow111}}},[n._v("Show("+n._s(n.WDrawer.bShow111)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,dragDrawerWidth:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow111,callback:function(e){n.$set(n.WDrawer,"bShow111",e)},expression:"WDrawer.bShow111"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & dragDrawerWidth & drawerWidthMin & drawerWidthMax"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow112=!n.WDrawer.bShow112}}},[n._v("Show("+n._s(n.WDrawer.bShow112)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,dragDrawerWidth:!0,drawerWidthMin:150,drawerWidthMax:300},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow112,callback:function(e){n.$set(n.WDrawer,"bShow112",e)},expression:"WDrawer.bShow112"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & overlayOpacity"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow113=!n.WDrawer.bShow113}}},[n._v("Show("+n._s(n.WDrawer.bShow113)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,overlayOpacity:.1},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow113,callback:function(e){n.$set(n.WDrawer,"bShow113",e)},expression:"WDrawer.bShow113"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & mode"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow114=!n.WDrawer.bShow114}}},[n._v("Show("+n._s(n.WDrawer.bShow114)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,mode:"from-right"},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow114,callback:function(e){n.$set(n.WDrawer,"bShow114",e)},expression:"WDrawer.bShow114"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & mode & dragDrawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow115=!n.WDrawer.bShow115}}},[n._v("Show("+n._s(n.WDrawer.bShow115)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,mode:"from-right",dragDrawerWidth:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow115,callback:function(e){n.$set(n.WDrawer,"bShow115",e)},expression:"WDrawer.bShow115"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & mode & dragDrawerWidth & drawerWidthMin & drawerWidthMax"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow116=!n.WDrawer.bShow116}}},[n._v("Show("+n._s(n.WDrawer.bShow116)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,mode:"from-right",dragDrawerWidth:!0,drawerWidthMin:150,drawerWidthMax:300},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow116,callback:function(e){n.$set(n.WDrawer,"bShow116",e)},expression:"WDrawer.bShow116"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & afloatByFix"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow117=!n.WDrawer.bShow117}}},[n._v("Show("+n._s(n.WDrawer.bShow117)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,afloatByFix:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow117,callback:function(e){n.$set(n.WDrawer,"bShow117",e)},expression:"WDrawer.bShow117"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & afloatByFix & dragDrawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow118=!n.WDrawer.bShow118}}},[n._v("Show("+n._s(n.WDrawer.bShow118)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,afloatByFix:!0,dragDrawerWidth:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow118,callback:function(e){n.$set(n.WDrawer,"bShow118",e)},expression:"WDrawer.bShow118"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & afloatByFix & mode"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow119=!n.WDrawer.bShow119}}},[n._v("Show("+n._s(n.WDrawer.bShow119)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,afloatByFix:!0,mode:"from-right"},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow119,callback:function(e){n.$set(n.WDrawer,"bShow119",e)},expression:"WDrawer.bShow119"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & afloatByFix & mode & dragDrawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow120=!n.WDrawer.bShow120}}},[n._v("Show("+n._s(n.WDrawer.bShow120)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,afloatByFix:!0,mode:"from-right",dragDrawerWidth:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow120,callback:function(e){n.$set(n.WDrawer,"bShow120",e)},expression:"WDrawer.bShow120"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-drawer",casename:"autoSwitchToHide & switchWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow121=!n.WDrawer.bShow121}}},[n._v("Show("+n._s(n.WDrawer.bShow121)+")")])],1),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"100%",height:"400px",border:"1px dashed #ec596b"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("w-drawer",{style:"width:"+e.width+"px; height:400px; border:1px solid #ddd;",attrs:{autoSwitchToHide:!0,_switchWidth:"WDrawer.drawerWidth*2",switchWidth:600},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}],null,!0),model:{value:n.WDrawer.bShow121,callback:function(e){n.$set(n.WDrawer,"bShow121",e)},expression:"WDrawer.bShow121"}})]}}])}),n._v(" "),t("div",{style:"position:absolute; top:0; left:600px; height:400px; border-right:1px dashed #62f;"})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-drawer",casename:"autoSwitchToShow & switchWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow122=!n.WDrawer.bShow122}}},[n._v("Show("+n._s(n.WDrawer.bShow122)+")")])],1),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"100%",height:"400px",border:"1px dashed #ec596b"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("w-drawer",{style:"width:"+e.width+"px; height:400px; border:1px solid #ddd;",attrs:{autoSwitchToShow:!0,_switchWidth:"WDrawer.drawerWidth*2",switchWidth:600},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}],null,!0),model:{value:n.WDrawer.bShow122,callback:function(e){n.$set(n.WDrawer,"bShow122",e)},expression:"WDrawer.bShow122"}})]}}])}),n._v(" "),t("div",{style:"position:absolute; top:0; left:600px; height:400px; border-right:1px dashed #62f;"})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-drawer",casename:"autoSwitchToFloat & switchWidth & afloat"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow123=!n.WDrawer.bShow123}}},[n._v("Show("+n._s(n.WDrawer.bShow123)+")")]),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bAfloat123=!n.WDrawer.bAfloat123}}},[n._v("afloat("+n._s(n.WDrawer.bAfloat123)+")")])],1),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"100%",height:"400px",border:"1px dashed #ec596b"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("w-drawer",{style:"width:"+e.width+"px; height:400px; border:1px solid #ddd;",attrs:{autoSwitchToFloat:!0,_switchWidth:"WDrawer.drawerWidth*2",switchWidth:600,afloat:n.WDrawer.bAfloat123},on:{"update:afloat":function(e){return n.$set(n.WDrawer,"bAfloat123",e)}},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}],null,!0),model:{value:n.WDrawer.bShow123,callback:function(e){n.$set(n.WDrawer,"bShow123",e)},expression:"WDrawer.bShow123"}})]}}])}),n._v(" "),t("div",{style:"position:absolute; top:0; left:600px; height:400px; border-right:1px dashed #62f;"})],1)],1)])])};ng._withStripped=!0;const eg=ya({render:ng,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-drawer")])])}]},(function(n){n&&n("data-v-790e7b78_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWDrawer.vue"},media:void 0})}),qv,"data-v-790e7b78",false,undefined,!1,xa,void 0,void 0);var tg={components:{demolink:nu,WButtonChip:Cu},props:{},data:function(){return{mdiWalletGiftcard:wl,mdiFaceMan:ll,mdiOrbit:"M8.11,1.75C9.3,1.25 10.62,1 12,1C18.08,1 23,5.92 23,12C23,18.08 18.08,23 12,23C5.92,23 1,18.08 1,12C1,10.62 1.25,9.3 1.72,8.08C2.24,8.61 2.83,8.96 3.45,9.18C3.16,10.07 3,11 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3C11,3 10.07,3.16 9.18,3.45C8.96,2.83 8.61,2.24 8.11,1.75M4.93,2.93C6.03,2.93 6.93,3.82 6.93,4.93A2,2 0 0,1 4.93,6.93C3.82,6.93 2.93,6.03 2.93,4.93C2.93,3.82 3.82,2.93 4.93,2.93M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7Z",mdiCheckUnderlineCircle:Ma,mdiYoutubeTv:"M2.5,4.5H21.5C22.34,4.5 23,5.15 23,6V17.5C23,18.35 22.34,19 21.5,19H2.5C1.65,19 1,18.35 1,17.5V6C1,5.15 1.65,4.5 2.5,4.5M9.71,8.5V15L15.42,11.7L9.71,8.5M17.25,21H6.65C6.35,21 6.15,20.8 6.15,20.5C6.15,20.2 6.35,20 6.65,20H17.35C17.65,20 17.85,20.2 17.85,20.5C17.85,20.8 17.55,21 17.25,21Z",mdiCodepen:rl,mdiShakerOutline:"M16.88 4L16.88 4L19.03 6.1L13.5 10.5L12.5 9.5L16.87 4L16.88 4M16.88 2C16.3 2 15.73 2.24 15.33 2.72L9.8 9.65L13.34 13.19L20.28 7.67C21.18 6.91 21.25 5.54 20.41 4.7L18.3 2.59C17.9 2.19 17.39 2 16.88 2M9.1 10.36L8.39 11.07C8 11.46 8 12.09 8.39 12.5L10.5 14.6C10.71 14.8 10.96 14.89 11.22 14.89S11.73 14.8 11.93 14.6L12.63 13.9L9.1 10.36M6 15C5.45 15 5 15.45 5 16C5 16.55 5.45 17 6 17C6.55 17 7 16.55 7 16C7 15.45 6.55 15 6 15M9 16C8.45 16 8 16.45 8 17S8.45 18 9 18C9.55 18 10 17.55 10 17S9.55 16 9 16M4 18C3.45 18 3 18.45 3 19S3.45 20 4 20C4.55 20 5 19.55 5 19S4.55 18 4 18M7 19C6.45 19 6 19.45 6 20S6.45 21 7 21C7.55 21 8 20.55 8 20S7.55 19 7 19Z",mdiFlaskRoundBottom:"M19 15C19 18.87 15.87 22 12 22C8.13 22 5 18.87 5 15C5 12.21 6.64 9.8 9 8.67V5C9 4.45 9.45 4 10 4H10.5L9.5 2H14.5L13.5 4H14C14.55 4 15 4.45 15 5V8.67C17.36 9.8 19 12.21 19 15M11 6V10.1C8.72 10.56 7 12.58 7 15L7.08 15.91L9 13.93L13.07 18L16.93 14.14C16.58 12.12 15 10.5 13 10.1V6H11M13.07 12C13.62 12 14.07 12.45 14.07 13C14.07 13.55 13.62 14 13.07 14C12.5 14 12.07 13.55 12.07 13C12.07 12.45 12.5 12 13.07 12Z",mdiShoePrint:"M10.74,11.72C11.21,12.95 11.16,14.23 9.75,14.74C6.85,15.81 6.2,13 6.16,12.86L10.74,11.72M5.71,10.91L10.03,9.84C9.84,8.79 10.13,7.74 10.13,6.5C10.13,4.82 8.8,1.53 6.68,2.06C4.26,2.66 3.91,5.35 4,6.65C4.12,7.95 5.64,10.73 5.71,10.91M17.85,19.85C17.82,20 17.16,22.8 14.26,21.74C12.86,21.22 12.8,19.94 13.27,18.71L17.85,19.85M20,13.65C20.1,12.35 19.76,9.65 17.33,9.05C15.22,8.5 13.89,11.81 13.89,13.5C13.89,14.73 14.17,15.78 14,16.83L18.3,17.9C18.38,17.72 19.89,14.94 20,13.65Z",WButtonChip:{text:"aBc數字123",prog:null,loading:!1},actions:[{mode:"elemove",selector:'button[type="button"]'}]}},methods:{ckBtn:function(){console.log("ckBtn")},ckBtnClose:function(){console.log("ckBtnClose")},ckBtnItem1:function(){console.log("ckBtnItem1")},ckBtnItem2:function(){console.log("ckBtnItem2")},ckBtnProg:function(){console.log("ckBtnProg");let n=this,e=0,t=setInterval((function(){e+=.5,n.WButtonChip.prog=e,e>=100&&(n.WButtonChip.prog=null,clearInterval(t))}),10)},ckBtnModProg:function(n){n.setProg(0);try{setTimeout((function(){let e=0,t=setInterval((function(){e+=.5,n.setProg(e),e>=100&&clearInterval(t)}),10)}),1e3)}catch(e){n.setProg(null)}},ckBtnLoading:function(){console.log("ckBtnLoading");let n=this;n.WButtonChip.loading=!0,setTimeout((function(){n.WButtonChip.loading=!1}),2e3)},ckBtnModLoading:function(n){console.log("ckBtnModLoading",n),n.setLoading(!0),setTimeout((function(){n.setLoading(!1)}),2e3)},ckBtnPmUnlock:function(n){console.log("ckBtnPmUnlock",n),setTimeout((function(){console.log("finish"),n.pm.resolve()}),2e3)}}};const og=tg;var rg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"default"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"paddingStyle (thin style)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,paddingStyle:{v:0,h:8}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"paddingStyle (equal height to using icon)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,paddingStyle:{v:4,h:15}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon (material)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiWalletGiftcard}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon (fontawesome)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:"fas fa-clipboard-check"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon & no text"}}),n._v(" "),t("w-button-chip",{attrs:{icon:n.mdiWalletGiftcard}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"shiftLeft"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiYoutubeTv,shiftLeft:8}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip & tooltipBorderRadius"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipBorderRadius:10}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip & tooltipPaddingStyle"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipPaddingStyle:{v:10,h:13}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip & tooltipTextFontSize"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipTextFontSize:"0.7rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip & tooltipTextColor & tooltipBackgroundColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipTextColor:"#E65100",tooltipBackgroundColor:"#FFF3E0"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"close"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,close:!0},on:{click:n.ckBtn,"click-close":n.ckBtnClose}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"close & shiftRight"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,close:!0,shiftRight:5},on:{click:n.ckBtn,"click-close":n.ckBtnClose}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"slot & close"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,close:!0},on:{click:n.ckBtn,"click-close":n.ckBtnClose}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-left":"-9px","margin-right":"5px",display:"flex"}},[t("w-button-chip",{attrs:{text:"Download",textFontSize:"0.75rem",paddingStyle:{v:0,h:8},textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(250,50,120,0.9)",backgroundColorHover:"rgba(250,50,120,0.9)"},on:{click:n.ckBtnItem1}})],1),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("w-button-chip",{attrs:{text:"View",textFontSize:"0.75rem",paddingStyle:{v:0,h:8},textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(200,20,170,0.9)",backgroundColorHover:"rgba(200,20,170,0.9)"},on:{click:n.ckBtnItem2}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"paddingStyle & icon & iconSize & textFontSize"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,paddingStyle:{v:10,h:24},icon:n.mdiCodepen,iconSize:26,textFontSize:"0.9rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"textColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,textColor:"light-blue darken-3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"textColor & textColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,textColor:"purple darken-1",textColorHover:"purple darken-4"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & textColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,active:!0,textColorActive:"white"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon & iconColor & iconColorHover & close"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiWalletGiftcard,iconColor:"orange",iconColorHover:"orange darken-2",close:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & iconColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,iconColorActive:"black"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"rippleColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,rippleColor:"rgba(255,120,255,0.3)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderRadius"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadius:0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderRadiusStyle"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{left:!0}}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{right:!0}}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{top:!0}}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{bottom:!0}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderWidth"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{left:1},borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{right:1},borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{top:1},borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{bottom:1},borderColor:"#aaa",borderColorHover:"#aaa"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderRadiusStyle & borderWidth & borderColor & borderColorHover & no shadow"}}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderRadiusStyle:{left:!0},borderColor:"#aaa",borderColorHover:"#aaa",shadow:!1}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFlaskRoundBottom,borderRadiusStyle:{},borderWidth:{top:1,bottom:1},shadow:!1,borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiShoePrint,borderRadiusStyle:{right:!0},shadow:!1,borderColor:"#aaa",borderColorHover:"#aaa"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderColor & borderColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderColor:"transparent",borderColorHover:"#aaa"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & borderColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,borderColorActive:"deep-orange lighten-2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"backgroundColor & backgroundColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,backgroundColor:"grey lighten-2",backgroundColorHover:"grey lighten-3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & backgroundColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,backgroundColorActive:"light-blue darken-2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"no shadow"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,shadow:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"shadowStyle"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,shadowStyle:"0 12px 20px -10px rgba(60,30,255,0.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(60,30,255,0.2)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & shadowActiveStyle"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,shadowActiveStyle:"0 12px 20px -10px rgba(100,100,100,0.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(100,100,100,0.2)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & no shadow & no shadowActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,shadow:!1,shadowActive:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"prog"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,prog:n.WButtonChip.prog},on:{click:n.ckBtnProg}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"prog & progColor & progBackgroundColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,prog:n.WButtonChip.prog,progColor:"rgba(250,50,150,0.4)",progBackgroundColor:"rgba(250,50,150,0.075)"},on:{click:n.ckBtnProg}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"modify prog by callback in click"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,prog:n.WButtonChip.prog},on:{"update:prog":function(e){return n.$set(n.WButtonChip,"prog",e)},click:n.ckBtnModProg}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"loading"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,loading:n.WButtonChip.loading},on:{click:n.ckBtnLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"loading & textColor & textColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,textColor:"rgba(255,30,60,0.9)",textColorHover:"rgba(255,30,60,0.8)",loading:n.WButtonChip.loading},on:{click:n.ckBtnLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"loading & loadingColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,loadingColor:"rgba(255,30,60,0.9)",loading:n.WButtonChip.loading},on:{click:n.ckBtnLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"modify loading by callback in click"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,loading:n.WButtonChip.loading},on:{"update:loading":function(e){return n.$set(n.WButtonChip,"loading",e)},click:n.ckBtnModLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"promiseUnlock"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,promiseUnlock:!0},on:{click:n.ckBtnPmUnlock}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"not editable"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,_textColor:"'#fff'",_iconColor:"'#fff'",_backgroundColor:"'#000'",editable:!1},on:{click:n.ckBtn}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"not editable & disabledColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,_textColor:"'#fff'",_iconColor:"'#fff'",_backgroundColor:"'#000'",editable:!1,disabledColor:"rgba(255,200,220,0.7)"},on:{click:n.ckBtn}})],1)])])};rg._withStripped=!0;const ig=ya({render:rg,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-button-chip")])])}]},(function(n){n&&n("data-v-97b04f4e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWButtonChip.vue"},media:void 0})}),og,"data-v-97b04f4e",false,undefined,!1,xa,void 0,void 0);const ag={components:{demolink:nu,WButtonCircle:Ud},props:{},data:function(){return{mdiWalletGiftcard:wl,mdiFaceMan:ll,mdiCheckUnderlineCircle:Ma,WButtonCircle:{},actions:[{mode:"elemove",selector:'button[type="button"]'}]}},methods:{ckBtnPmUnlock:function(n){console.log("ckBtnPmUnlock",n),setTimeout((function(){console.log("finish"),n.pm.resolve()}),2e3)}}};var lg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"icon (material)"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiWalletGiftcard}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"icon (fontawesome)"}}),n._v(" "),t("w-button-circle",{attrs:{icon:"fas fa-pause-circle"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip & tooltipBorderRadius"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipBorderRadius:10}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip & tooltipPaddingStyle"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipPaddingStyle:{v:10,h:13}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip & tooltipTextFontSize"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipTextFontSize:"0.7rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip & tooltipTextColor & tooltipBackgroundColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipTextColor:"#E65100",tooltipBackgroundColor:"#FFF3E0"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"iconColor & iconColorHover & iconColorFocus"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,iconColor:"rgba(244, 81, 30, 0.7)",iconColorHover:"rgba(244, 81, 30, 0.8)",iconColorFocus:"rgba(244, 81, 30, 1)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"backgroundColor & backgroundColorHover & backgroundColorFocus"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,backgroundColor:"rgba(225, 190, 231, 0.5)",backgroundColorHover:"rgba(225, 190, 231, 0.75)",backgroundColorFocus:"rgba(225, 190, 231, 1)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"borderWidth & borderColor & borderColorHover & borderColorFocus"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"15px",background:"#888"}},[t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderWidth:1,borderColor:"#aaa",borderColorHover:"#ccc",borderColorFocus:"#eee"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"borderRadius"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderRadius:4}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"borderRadiusStyle(horizontal btns)"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block","border-radius":"8px","box-shadow":"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)"}},[t("div",{staticStyle:{display:"flex"}},[t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderRadius:8,borderRadiusStyle:{topLeft:!0,bottomLeft:!0,topRight:!1,bottomRight:!1},shadow:!1}}),n._v(" "),t("div",{staticStyle:{"border-left":"1px solid #ddd"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderRadius:8,borderRadiusStyle:{topLeft:!1,bottomLeft:!1,topRight:!0,bottomRight:!0},shadow:!1}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"borderRadiusStyle(vertical btns)"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block","border-radius":"8px","box-shadow":"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)"}},[t("div",{staticStyle:{display:"flex","flex-direction":"column"}},[t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderRadius:8,borderRadiusStyle:{topLeft:!0,bottomLeft:!1,topRight:!0,bottomRight:!1},shadow:!1}}),n._v(" "),t("div",{staticStyle:{"border-top":"1px solid #ddd"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderRadius:8,borderRadiusStyle:{topLeft:!1,bottomLeft:!0,topRight:!1,bottomRight:!0},shadow:!1}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"active & iconColor & iconColorHover & iconColorFocus & iconColorActive"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,active:!0,iconColor:"rgba(244, 81, 30, 0.7)",iconColorHover:"rgba(244, 81, 30, 0.8)",iconColorFocus:"rgba(244, 81, 30, 1)",iconColorActive:"#f26"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"active & borderWidth & borderColor & borderColorHover & borderColorFocus & borderColorActive"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"15px",background:"#888"}},[t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,active:!0,borderWidth:1,borderColor:"#aaa",borderColorHover:"#ccc",borderColorFocus:"#eee",borderColorActive:"#fff"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"active & backgroundColor & backgroundColorHover & backgroundColorFocus & backgroundColorActive"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,active:!0,backgroundColor:"rgba(225, 190, 231, 0.5)",backgroundColorHover:"rgba(225, 190, 231, 0.75)",backgroundColorFocus:"rgba(225, 190, 231, 1)",backgroundColorActive:"#FFF3E0"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"rippleColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,rippleColor:"rgba(0,20,255,0.3)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"paddingStyle"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,paddingStyle:{v:0,h:0}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"paddingStyle & iconSize"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,paddingStyle:{v:8,h:8},iconSize:30}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"no shadow"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiWalletGiftcard,shadow:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"shadowStyle"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiWalletGiftcard,shadowStyle:"0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"loading"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,loading:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"loading & loadingColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,loadingColor:"red accent-3",loading:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"promiseUnlock"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,promiseUnlock:!0},on:{click:n.ckBtnPmUnlock}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"not editable"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,editable:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"not editable & disabledColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,editable:!1,disabledColor:"rgba(255,200,220,0.7)"}})],1)])])};lg._withStripped=!0;const sg=ya({render:lg,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-button-circle")])])}]},(function(n){n&&n("data-v-4580fb94_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWButtonCircle.vue"},media:void 0})}),ag,"data-v-4580fb94",false,undefined,!1,xa,void 0,void 0);function cg(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return Wi(n)&&Ql(e)?(n=_i(n),Hi(n,e).toFixed(e)):""}
+!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(n="undefined"!=typeof globalThis?globalThis:n||self).app=e(n.Vue)}(this,(function(n){"use strict";var e=Array.isArray,t="object"==typeof global&&global&&global.Object===Object&&global,o="object"==typeof self&&self&&self.Object===Object&&self,r=t||o||Function("return this")(),i=r.Symbol,a=Object.prototype,l=a.hasOwnProperty,s=a.toString,c=i?i.toStringTag:void 0;var d=Object.prototype.toString;var u="[object Null]",p="[object Undefined]",m=i?i.toStringTag:void 0;function v(n){return null==n?void 0===n?p:u:m&&m in Object(n)?function(n){var e=l.call(n,c),t=n[c];try{n[c]=void 0;var o=!0}catch(n){}var r=s.call(n);return o&&(e?n[c]=t:delete n[c]),r}(n):function(n){return d.call(n)}(n)}function g(n){return null!=n&&"object"==typeof n}var h="[object Symbol]";function f(n){return"symbol"==typeof n||g(n)&&v(n)==h}var b=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,y=/^\w*$/;function k(n,t){if(e(n))return!1;var o=typeof n;return!("number"!=o&&"symbol"!=o&&"boolean"!=o&&null!=n&&!f(n))||(y.test(n)||!b.test(n)||null!=t&&n in Object(t))}function x(n){var e=typeof n;return null!=n&&("object"==e||"function"==e)}var C="[object AsyncFunction]",S="[object Function]",w="[object GeneratorFunction]",W="[object Proxy]";function _(n){if(!x(n))return!1;var e=v(n);return e==S||e==w||e==C||e==W}var I,T=r["__core-js_shared__"],A=(I=/[^.]+$/.exec(T&&T.keys&&T.keys.IE_PROTO||""))?"Symbol(src)_1."+I:"";var B=Function.prototype.toString;function H(n){if(null!=n){try{return B.call(n)}catch(n){}try{return n+""}catch(n){}}return""}var P=/^\[object .+?Constructor\]$/,F=Function.prototype,L=Object.prototype,R=F.toString,D=L.hasOwnProperty,j=RegExp("^"+R.call(D).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function z(n){return!(!x(n)||(e=n,A&&A in e))&&(_(n)?j:P).test(H(n));var e}function V(n,e){var t=function(n,e){return null==n?void 0:n[e]}(n,e);return z(t)?t:void 0}var Z=V(Object,"create");var $=Object.prototype.hasOwnProperty;var E=Object.prototype.hasOwnProperty;function G(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var o=n[e];this.set(o[0],o[1])}}function X(n,e){return n===e||n!=n&&e!=e}function M(n,e){for(var t=n.length;t--;)if(X(n[t][0],e))return t;return-1}G.prototype.clear=function(){this.__data__=Z?Z(null):{},this.size=0},G.prototype.delete=function(n){var e=this.has(n)&&delete this.__data__[n];return this.size-=e?1:0,e},G.prototype.get=function(n){var e=this.__data__;if(Z){var t=e[n];return"__lodash_hash_undefined__"===t?void 0:t}return $.call(e,n)?e[n]:void 0},G.prototype.has=function(n){var e=this.__data__;return Z?void 0!==e[n]:E.call(e,n)},G.prototype.set=function(n,e){var t=this.__data__;return this.size+=this.has(n)?0:1,t[n]=Z&&void 0===e?"__lodash_hash_undefined__":e,this};var N=Array.prototype.splice;function O(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var o=n[e];this.set(o[0],o[1])}}O.prototype.clear=function(){this.__data__=[],this.size=0},O.prototype.delete=function(n){var e=this.__data__,t=M(e,n);return!(t<0)&&(t==e.length-1?e.pop():N.call(e,t,1),--this.size,!0)},O.prototype.get=function(n){var e=this.__data__,t=M(e,n);return t<0?void 0:e[t][1]},O.prototype.has=function(n){return M(this.__data__,n)>-1},O.prototype.set=function(n,e){var t=this.__data__,o=M(t,n);return o<0?(++this.size,t.push([n,e])):t[o][1]=e,this};var K=V(r,"Map");function Y(n,e){var t,o,r=n.__data__;return("string"==(o=typeof(t=e))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==t:null===t)?r["string"==typeof e?"string":"hash"]:r.map}function J(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var o=n[e];this.set(o[0],o[1])}}J.prototype.clear=function(){this.size=0,this.__data__={hash:new G,map:new(K||O),string:new G}},J.prototype.delete=function(n){var e=Y(this,n).delete(n);return this.size-=e?1:0,e},J.prototype.get=function(n){return Y(this,n).get(n)},J.prototype.has=function(n){return Y(this,n).has(n)},J.prototype.set=function(n,e){var t=Y(this,n),o=t.size;return t.set(n,e),this.size+=t.size==o?0:1,this};var U="Expected a function";function Q(n,e){if("function"!=typeof n||null!=e&&"function"!=typeof e)throw new TypeError(U);var t=function(){var o=arguments,r=e?e.apply(this,o):o[0],i=t.cache;if(i.has(r))return i.get(r);var a=n.apply(this,o);return t.cache=i.set(r,a)||i,a};return t.cache=new(Q.Cache||J),t}Q.Cache=J;var q,nn,en,tn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,on=/\\(\\)?/g,rn=(q=function(n){var e=[];return 46===n.charCodeAt(0)&&e.push(""),n.replace(tn,(function(n,t,o,r){e.push(o?r.replace(on,"$1"):t||n)})),e},nn=Q(q,(function(n){return 500===en.size&&en.clear(),n})),en=nn.cache,nn),an=rn;function ln(n,e){for(var t=-1,o=null==n?0:n.length,r=Array(o);++t<o;)r[t]=e(n[t],t,n);return r}var sn=1/0,cn=i?i.prototype:void 0,dn=cn?cn.toString:void 0;function un(n){if("string"==typeof n)return n;if(e(n))return ln(n,un)+"";if(f(n))return dn?dn.call(n):"";var t=n+"";return"0"==t&&1/n==-sn?"-0":t}function pn(n){return null==n?"":un(n)}function mn(n,t){return e(n)?n:k(n,t)?[n]:an(pn(n))}var vn=1/0;function gn(n){if("string"==typeof n||f(n))return n;var e=n+"";return"0"==e&&1/n==-vn?"-0":e}function hn(n,e){for(var t=0,o=(e=mn(e,n)).length;null!=n&&t<o;)n=n[gn(e[t++])];return t&&t==o?n:void 0}function fn(n,e,t){var o=null==n?void 0:hn(n,e);return void 0===o?t:o}var bn,yn=(bn={"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","Ĳ":"IJ","ĳ":"ij","Œ":"Oe","œ":"oe","ŉ":"'n","ſ":"s"},function(n){return null==bn?void 0:bn[n]}),kn=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,xn=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var Cn=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Sn=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var wn="\\ud800-\\udfff",Wn="\\u2700-\\u27bf",_n="a-z\\xdf-\\xf6\\xf8-\\xff",In="A-Z\\xc0-\\xd6\\xd8-\\xde",Tn="\\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",An="["+Tn+"]",Bn="\\d+",Hn="["+Wn+"]",Pn="["+_n+"]",Fn="[^"+wn+Tn+Bn+Wn+_n+In+"]",Ln="(?:\\ud83c[\\udde6-\\uddff]){2}",Rn="[\\ud800-\\udbff][\\udc00-\\udfff]",Dn="["+In+"]",jn="(?:"+Pn+"|"+Fn+")",zn="(?:"+Dn+"|"+Fn+")",Vn="(?:['’](?:d|ll|m|re|s|t|ve))?",Zn="(?:['’](?:D|LL|M|RE|S|T|VE))?",$n="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",En="[\\ufe0e\\ufe0f]?",Gn=En+$n+("(?:\\u200d(?:"+["[^"+wn+"]",Ln,Rn].join("|")+")"+En+$n+")*"),Xn="(?:"+[Hn,Ln,Rn].join("|")+")"+Gn,Mn=RegExp([Dn+"?"+Pn+"+"+Vn+"(?="+[An,Dn,"$"].join("|")+")",zn+"+"+Zn+"(?="+[An,Dn+jn,"$"].join("|")+")",Dn+"?"+jn+"+"+Vn,Dn+"+"+Zn,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Bn,Xn].join("|"),"g");function Nn(n,e,t){return n=pn(n),void 0===(e=t?void 0:e)?function(n){return Sn.test(n)}(n)?function(n){return n.match(Mn)||[]}(n):function(n){return n.match(Cn)||[]}(n):n.match(e)||[]}var On=RegExp("['’]","g");function Kn(n){return function(e){return function(n,e,t,o){var r=-1,i=null==n?0:n.length;for(o&&i&&(t=n[++r]);++r<i;)t=e(t,n[r],r,n);return t}(Nn(function(n){return(n=pn(n))&&n.replace(kn,yn).replace(xn,"")}(e).replace(On,"")),n,"")}}var Yn=Kn((function(n,e,t){return n+(t?"-":"")+e.toLowerCase()})),Jn=Yn;function Un(n,e){for(var t=-1,o=null==n?0:n.length;++t<o&&!1!==e(n[t],t,n););return n}var Qn,qn=function(n,e,t){for(var o=-1,r=Object(n),i=t(n),a=i.length;a--;){var l=i[Qn?a:++o];if(!1===e(r[l],l,r))break}return n},ne=qn;function ee(n,e){for(var t=-1,o=Array(n);++t<n;)o[t]=e(t);return o}function te(n){return g(n)&&"[object Arguments]"==v(n)}var oe=Object.prototype,re=oe.hasOwnProperty,ie=oe.propertyIsEnumerable,ae=te(function(){return arguments}())?te:function(n){return g(n)&&re.call(n,"callee")&&!ie.call(n,"callee")},le=ae;var se="object"==typeof exports&&exports&&!exports.nodeType&&exports,ce=se&&"object"==typeof module&&module&&!module.nodeType&&module,de=ce&&ce.exports===se?r.Buffer:void 0,ue=(de?de.isBuffer:void 0)||function(){return!1},pe=9007199254740991,me=/^(?:0|[1-9]\d*)$/;function ve(n,e){var t=typeof n;return!!(e=null==e?pe:e)&&("number"==t||"symbol"!=t&&me.test(n))&&n>-1&&n%1==0&&n<e}var ge=9007199254740991;function he(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=ge}var fe={};function be(n){return function(e){return n(e)}}fe["[object Float32Array]"]=fe["[object Float64Array]"]=fe["[object Int8Array]"]=fe["[object Int16Array]"]=fe["[object Int32Array]"]=fe["[object Uint8Array]"]=fe["[object Uint8ClampedArray]"]=fe["[object Uint16Array]"]=fe["[object Uint32Array]"]=!0,fe["[object Arguments]"]=fe["[object Array]"]=fe["[object ArrayBuffer]"]=fe["[object Boolean]"]=fe["[object DataView]"]=fe["[object Date]"]=fe["[object Error]"]=fe["[object Function]"]=fe["[object Map]"]=fe["[object Number]"]=fe["[object Object]"]=fe["[object RegExp]"]=fe["[object Set]"]=fe["[object String]"]=fe["[object WeakMap]"]=!1;var ye="object"==typeof exports&&exports&&!exports.nodeType&&exports,ke=ye&&"object"==typeof module&&module&&!module.nodeType&&module,xe=ke&&ke.exports===ye&&t.process,Ce=function(){try{var n=ke&&ke.require&&ke.require("util").types;return n||xe&&xe.binding&&xe.binding("util")}catch(n){}}(),Se=Ce&&Ce.isTypedArray,we=Se?be(Se):function(n){return g(n)&&he(n.length)&&!!fe[v(n)]},We=Object.prototype.hasOwnProperty;function _e(n,t){var o=e(n),r=!o&&le(n),i=!o&&!r&&ue(n),a=!o&&!r&&!i&&we(n),l=o||r||i||a,s=l?ee(n.length,String):[],c=s.length;for(var d in n)!t&&!We.call(n,d)||l&&("length"==d||i&&("offset"==d||"parent"==d)||a&&("buffer"==d||"byteLength"==d||"byteOffset"==d)||ve(d,c))||s.push(d);return s}var Ie=Object.prototype;function Te(n){var e=n&&n.constructor;return n===("function"==typeof e&&e.prototype||Ie)}function Ae(n,e){return function(t){return n(e(t))}}var Be=Ae(Object.keys,Object),He=Object.prototype.hasOwnProperty;function Pe(n){if(!Te(n))return Be(n);var e=[];for(var t in Object(n))He.call(n,t)&&"constructor"!=t&&e.push(t);return e}function Fe(n){return null!=n&&he(n.length)&&!_(n)}function Le(n){return Fe(n)?_e(n):Pe(n)}var Re=function(n,e){return function(t,o){if(null==t)return t;if(!Fe(t))return n(t,o);for(var r=t.length,i=e?r:-1,a=Object(t);(e?i--:++i<r)&&!1!==o(a[i],i,a););return t}}((function(n,e){return n&&ne(n,e,Le)})),De=Re;function je(n){return n}function ze(n){return"function"==typeof n?n:je}function Ve(n,t){return(e(n)?Un:De)(n,ze(t))}function Ze(n,e,t){var o=-1,r=n.length;e<0&&(e=-e>r?0:r+e),(t=t>r?r:t)<0&&(t+=r),r=e>t?0:t-e>>>0,e>>>=0;for(var i=Array(r);++o<r;)i[o]=n[o+e];return i}function $e(n,e,t){var o=n.length;return t=void 0===t?o:t,!e&&t>=o?n:Ze(n,e,t)}var Ee=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");function Ge(n){return Ee.test(n)}function Xe(n,e,t){if(!x(t))return!1;var o=typeof e;return!!("number"==o?Fe(t)&&ve(e,t.length):"string"==o&&e in t)&&X(t[e],n)}var Me=Ce&&Ce.isRegExp,Ne=Me?be(Me):function(n){return g(n)&&"[object RegExp]"==v(n)};var Oe="\\ud800-\\udfff",Ke="["+Oe+"]",Ye="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Je="\\ud83c[\\udffb-\\udfff]",Ue="[^"+Oe+"]",Qe="(?:\\ud83c[\\udde6-\\uddff]){2}",qe="[\\ud800-\\udbff][\\udc00-\\udfff]",nt="(?:"+Ye+"|"+Je+")"+"?",et="[\\ufe0e\\ufe0f]?",tt=et+nt+("(?:\\u200d(?:"+[Ue,Qe,qe].join("|")+")"+et+nt+")*"),ot="(?:"+[Ue+Ye+"?",Ye,Qe,qe,Ke].join("|")+")",rt=RegExp(Je+"(?="+Je+")|"+ot+tt,"g");function it(n){return Ge(n)?function(n){return n.match(rt)||[]}(n):function(n){return n.split("")}(n)}var at=4294967295;function lt(n,e,t){return t&&"number"!=typeof t&&Xe(n,e,t)&&(e=t=void 0),(t=void 0===t?at:t>>>0)?(n=pn(n))&&("string"==typeof e||null!=e&&!Ne(e))&&!(e=un(e))&&Ge(n)?$e(it(n),0,t):n.split(e,t):[]}function st(n){var e=this.__data__=new O(n);this.size=e.size}st.prototype.clear=function(){this.__data__=new O,this.size=0},st.prototype.delete=function(n){var e=this.__data__,t=e.delete(n);return this.size=e.size,t},st.prototype.get=function(n){return this.__data__.get(n)},st.prototype.has=function(n){return this.__data__.has(n)},st.prototype.set=function(n,e){var t=this.__data__;if(t instanceof O){var o=t.__data__;if(!K||o.length<199)return o.push([n,e]),this.size=++t.size,this;t=this.__data__=new J(o)}return t.set(n,e),this.size=t.size,this};function ct(n){var e=-1,t=null==n?0:n.length;for(this.__data__=new J;++e<t;)this.add(n[e])}function dt(n,e){for(var t=-1,o=null==n?0:n.length;++t<o;)if(e(n[t],t,n))return!0;return!1}function ut(n,e){return n.has(e)}ct.prototype.add=ct.prototype.push=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this},ct.prototype.has=function(n){return this.__data__.has(n)};var pt=1,mt=2;function vt(n,e,t,o,r,i){var a=t&pt,l=n.length,s=e.length;if(l!=s&&!(a&&s>l))return!1;var c=i.get(n),d=i.get(e);if(c&&d)return c==e&&d==n;var u=-1,p=!0,m=t&mt?new ct:void 0;for(i.set(n,e),i.set(e,n);++u<l;){var v=n[u],g=e[u];if(o)var h=a?o(g,v,u,e,n,i):o(v,g,u,n,e,i);if(void 0!==h){if(h)continue;p=!1;break}if(m){if(!dt(e,(function(n,e){if(!ut(m,e)&&(v===n||r(v,n,t,o,i)))return m.push(e)}))){p=!1;break}}else if(v!==g&&!r(v,g,t,o,i)){p=!1;break}}return i.delete(n),i.delete(e),p}var gt=r.Uint8Array;function ht(n){var e=-1,t=Array(n.size);return n.forEach((function(n,o){t[++e]=[o,n]})),t}function ft(n){var e=-1,t=Array(n.size);return n.forEach((function(n){t[++e]=n})),t}var bt=1,yt=2,kt="[object Boolean]",xt="[object Date]",Ct="[object Error]",St="[object Map]",wt="[object Number]",Wt="[object RegExp]",_t="[object Set]",It="[object String]",Tt="[object Symbol]",At="[object ArrayBuffer]",Bt="[object DataView]",Ht=i?i.prototype:void 0,Pt=Ht?Ht.valueOf:void 0;function Ft(n,e){for(var t=-1,o=e.length,r=n.length;++t<o;)n[r+t]=e[t];return n}function Lt(n,t,o){var r=t(n);return e(n)?r:Ft(r,o(n))}function Rt(n,e){for(var t=-1,o=null==n?0:n.length,r=0,i=[];++t<o;){var a=n[t];e(a,t,n)&&(i[r++]=a)}return i}function Dt(){return[]}var jt=Object.prototype.propertyIsEnumerable,zt=Object.getOwnPropertySymbols,Vt=zt?function(n){return null==n?[]:(n=Object(n),Rt(zt(n),(function(e){return jt.call(n,e)})))}:Dt,Zt=Vt;function $t(n){return Lt(n,Le,Zt)}var Et=1,Gt=Object.prototype.hasOwnProperty;var Xt=V(r,"DataView"),Mt=V(r,"Promise"),Nt=V(r,"Set"),Ot=V(r,"WeakMap"),Kt="[object Map]",Yt="[object Promise]",Jt="[object Set]",Ut="[object WeakMap]",Qt="[object DataView]",qt=H(Xt),no=H(K),eo=H(Mt),to=H(Nt),oo=H(Ot),ro=v;(Xt&&ro(new Xt(new ArrayBuffer(1)))!=Qt||K&&ro(new K)!=Kt||Mt&&ro(Mt.resolve())!=Yt||Nt&&ro(new Nt)!=Jt||Ot&&ro(new Ot)!=Ut)&&(ro=function(n){var e=v(n),t="[object Object]"==e?n.constructor:void 0,o=t?H(t):"";if(o)switch(o){case qt:return Qt;case no:return Kt;case eo:return Yt;case to:return Jt;case oo:return Ut}return e});var io=ro,ao=1,lo="[object Arguments]",so="[object Array]",co="[object Object]",uo=Object.prototype.hasOwnProperty;function po(n,t,o,r,i,a){var l=e(n),s=e(t),c=l?so:io(n),d=s?so:io(t),u=(c=c==lo?co:c)==co,p=(d=d==lo?co:d)==co,m=c==d;if(m&&ue(n)){if(!ue(t))return!1;l=!0,u=!1}if(m&&!u)return a||(a=new st),l||we(n)?vt(n,t,o,r,i,a):function(n,e,t,o,r,i,a){switch(t){case Bt:if(n.byteLength!=e.byteLength||n.byteOffset!=e.byteOffset)return!1;n=n.buffer,e=e.buffer;case At:return!(n.byteLength!=e.byteLength||!i(new gt(n),new gt(e)));case kt:case xt:case wt:return X(+n,+e);case Ct:return n.name==e.name&&n.message==e.message;case Wt:case It:return n==e+"";case St:var l=ht;case _t:var s=o&bt;if(l||(l=ft),n.size!=e.size&&!s)return!1;var c=a.get(n);if(c)return c==e;o|=yt,a.set(n,e);var d=vt(l(n),l(e),o,r,i,a);return a.delete(n),d;case Tt:if(Pt)return Pt.call(n)==Pt.call(e)}return!1}(n,t,c,o,r,i,a);if(!(o&ao)){var v=u&&uo.call(n,"__wrapped__"),g=p&&uo.call(t,"__wrapped__");if(v||g){var h=v?n.value():n,f=g?t.value():t;return a||(a=new st),i(h,f,o,r,a)}}return!!m&&(a||(a=new st),function(n,e,t,o,r,i){var a=t&Et,l=$t(n),s=l.length;if(s!=$t(e).length&&!a)return!1;for(var c=s;c--;){var d=l[c];if(!(a?d in e:Gt.call(e,d)))return!1}var u=i.get(n),p=i.get(e);if(u&&p)return u==e&&p==n;var m=!0;i.set(n,e),i.set(e,n);for(var v=a;++c<s;){var g=n[d=l[c]],h=e[d];if(o)var f=a?o(h,g,d,e,n,i):o(g,h,d,n,e,i);if(!(void 0===f?g===h||r(g,h,t,o,i):f)){m=!1;break}v||(v="constructor"==d)}if(m&&!v){var b=n.constructor,y=e.constructor;b==y||!("constructor"in n)||!("constructor"in e)||"function"==typeof b&&b instanceof b&&"function"==typeof y&&y instanceof y||(m=!1)}return i.delete(n),i.delete(e),m}(n,t,o,r,i,a))}function mo(n,e,t,o,r){return n===e||(null==n||null==e||!g(n)&&!g(e)?n!=n&&e!=e:po(n,e,t,o,mo,r))}var vo=1,go=2;function ho(n){return n==n&&!x(n)}function fo(n,e){return function(t){return null!=t&&(t[n]===e&&(void 0!==e||n in Object(t)))}}function bo(n){var e=function(n){for(var e=Le(n),t=e.length;t--;){var o=e[t],r=n[o];e[t]=[o,r,ho(r)]}return e}(n);return 1==e.length&&e[0][2]?fo(e[0][0],e[0][1]):function(t){return t===n||function(n,e,t,o){var r=t.length,i=r,a=!o;if(null==n)return!i;for(n=Object(n);r--;){var l=t[r];if(a&&l[2]?l[1]!==n[l[0]]:!(l[0]in n))return!1}for(;++r<i;){var s=(l=t[r])[0],c=n[s],d=l[1];if(a&&l[2]){if(void 0===c&&!(s in n))return!1}else{var u=new st;if(o)var p=o(c,d,s,n,e,u);if(!(void 0===p?mo(d,c,vo|go,o,u):p))return!1}}return!0}(t,n,e)}}function yo(n,e){return null!=n&&e in Object(n)}function ko(n,t){return null!=n&&function(n,t,o){for(var r=-1,i=(t=mn(t,n)).length,a=!1;++r<i;){var l=gn(t[r]);if(!(a=null!=n&&o(n,l)))break;n=n[l]}return a||++r!=i?a:!!(i=null==n?0:n.length)&&he(i)&&ve(l,i)&&(e(n)||le(n))}(n,t,yo)}var xo=1,Co=2;function So(n){return function(e){return null==e?void 0:e[n]}}function wo(n){return k(n)?So(gn(n)):function(n){return function(e){return hn(e,n)}}(n)}function Wo(n){return"function"==typeof n?n:null==n?je:"object"==typeof n?e(n)?(t=n[0],o=n[1],k(t)&&ho(o)?fo(gn(t),o):function(n){var e=fn(n,t);return void 0===e&&e===o?ko(n,t):mo(o,e,xo|Co)}):bo(n):wo(n);var t,o}function _o(n,e){var t=-1,o=Fe(n)?Array(n.length):[];return De(n,(function(n,r,i){o[++t]=e(n,r,i)})),o}function Io(n,t){return(e(n)?ln:_o)(n,Wo(t))}function To(n){return"[object String]"===Object.prototype.toString.call(n)}function Ao(n){return!(!To(n)||""===n)}var Bo="[object String]";var Ho=So("length"),Po="\\ud800-\\udfff",Fo="["+Po+"]",Lo="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",Ro="\\ud83c[\\udffb-\\udfff]",Do="[^"+Po+"]",jo="(?:\\ud83c[\\udde6-\\uddff]){2}",zo="[\\ud800-\\udbff][\\udc00-\\udfff]",Vo="(?:"+Lo+"|"+Ro+")"+"?",Zo="[\\ufe0e\\ufe0f]?",$o=Zo+Vo+("(?:\\u200d(?:"+[Do,jo,zo].join("|")+")"+Zo+Vo+")*"),Eo="(?:"+[Do+Lo+"?",Lo,jo,zo,Fo].join("|")+")",Go=RegExp(Ro+"(?="+Ro+")|"+Eo+$o,"g");function Xo(n){return Ge(n)?function(n){for(var e=Go.lastIndex=0;Go.test(n);)++e;return e}(n):Ho(n)}var Mo="[object Map]",No="[object Set]";function Oo(n){if(null==n)return 0;if(Fe(n))return"string"==typeof(t=n)||!e(t)&&g(t)&&v(t)==Bo?Xo(n):n.length;var t,o=io(n);return o==Mo||o==No?n.size:Pe(n).length}function Ko(n,e){for(var t=-1,o=null==n?0:n.length;++t<o;)if(!e(n[t],t,n))return!1;return!0}function Yo(n,e){var t=!0;return De(n,(function(n,o,r){return t=!!e(n,o,r)})),t}function Jo(n,t,o){var r=e(n)?Ko:Yo;return o&&Xe(n,t,o)&&(t=void 0),r(n,Wo(t))}function Uo(n,e){return mo(n,e)}function Qo(n){return"[object Object]"===Object.prototype.toString.call(n)}var qo=function(){try{var n=V(Object,"defineProperty");return n({},"",{}),n}catch(n){}}(),nr=qo;function er(n,e,t){"__proto__"==e&&nr?nr(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):n[e]=t}var tr=Object.prototype.hasOwnProperty;function or(n,e,t){var o=n[e];tr.call(n,e)&&X(o,t)&&(void 0!==t||e in n)||er(n,e,t)}function rr(n,e,t,o){var r=!t;t||(t={});for(var i=-1,a=e.length;++i<a;){var l=e[i],s=o?o(t[l],n[l],l,t,n):void 0;void 0===s&&(s=n[l]),r?er(t,l,s):or(t,l,s)}return t}var ir=Object.prototype.hasOwnProperty;function ar(n){if(!x(n))return function(n){var e=[];if(null!=n)for(var t in Object(n))e.push(t);return e}(n);var e=Te(n),t=[];for(var o in n)("constructor"!=o||!e&&ir.call(n,o))&&t.push(o);return t}function lr(n){return Fe(n)?_e(n,!0):ar(n)}var sr="object"==typeof exports&&exports&&!exports.nodeType&&exports,cr=sr&&"object"==typeof module&&module&&!module.nodeType&&module,dr=cr&&cr.exports===sr?r.Buffer:void 0,ur=dr?dr.allocUnsafe:void 0;function pr(n,e){if(e)return n.slice();var t=n.length,o=ur?ur(t):new n.constructor(t);return n.copy(o),o}function mr(n,e){var t=-1,o=n.length;for(e||(e=Array(o));++t<o;)e[t]=n[t];return e}var vr=Ae(Object.getPrototypeOf,Object),gr=Object.getOwnPropertySymbols?function(n){for(var e=[];n;)Ft(e,Zt(n)),n=vr(n);return e}:Dt,hr=gr;function fr(n){return Lt(n,lr,hr)}var br=Object.prototype.hasOwnProperty;function yr(n){var e=new n.constructor(n.byteLength);return new gt(e).set(new gt(n)),e}var kr=/\w*$/;var xr=i?i.prototype:void 0,Cr=xr?xr.valueOf:void 0;function Sr(n,e){var t=e?yr(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)}var wr="[object Boolean]",Wr="[object Date]",_r="[object Map]",Ir="[object Number]",Tr="[object RegExp]",Ar="[object Set]",Br="[object String]",Hr="[object Symbol]",Pr="[object ArrayBuffer]",Fr="[object DataView]",Lr="[object Float32Array]",Rr="[object Float64Array]",Dr="[object Int8Array]",jr="[object Int16Array]",zr="[object Int32Array]",Vr="[object Uint8Array]",Zr="[object Uint8ClampedArray]",$r="[object Uint16Array]",Er="[object Uint32Array]";function Gr(n,e,t){var o,r=n.constructor;switch(e){case Pr:return yr(n);case wr:case Wr:return new r(+n);case Fr:return function(n,e){var t=e?yr(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.byteLength)}(n,t);case Lr:case Rr:case Dr:case jr:case zr:case Vr:case Zr:case $r:case Er:return Sr(n,t);case _r:return new r;case Ir:case Br:return new r(n);case Tr:return function(n){var e=new n.constructor(n.source,kr.exec(n));return e.lastIndex=n.lastIndex,e}(n);case Ar:return new r;case Hr:return o=n,Cr?Object(Cr.call(o)):{}}}var Xr=Object.create,Mr=function(){function n(){}return function(e){if(!x(e))return{};if(Xr)return Xr(e);n.prototype=e;var t=new n;return n.prototype=void 0,t}}(),Nr=Mr;function Or(n){return"function"!=typeof n.constructor||Te(n)?{}:Nr(vr(n))}var Kr=Ce&&Ce.isMap,Yr=Kr?be(Kr):function(n){return g(n)&&"[object Map]"==io(n)};var Jr=Ce&&Ce.isSet,Ur=Jr?be(Jr):function(n){return g(n)&&"[object Set]"==io(n)},Qr=1,qr=2,ni=4,ei="[object Arguments]",ti="[object Function]",oi="[object GeneratorFunction]",ri="[object Object]",ii={};function ai(n,t,o,r,i,a){var l,s=t&Qr,c=t&qr,d=t&ni;if(o&&(l=i?o(n,r,i,a):o(n)),void 0!==l)return l;if(!x(n))return n;var u=e(n);if(u){if(l=function(n){var e=n.length,t=new n.constructor(e);return e&&"string"==typeof n[0]&&br.call(n,"index")&&(t.index=n.index,t.input=n.input),t}(n),!s)return mr(n,l)}else{var p=io(n),m=p==ti||p==oi;if(ue(n))return pr(n,s);if(p==ri||p==ei||m&&!i){if(l=c||m?{}:Or(n),!s)return c?function(n,e){return rr(n,hr(n),e)}(n,function(n,e){return n&&rr(e,lr(e),n)}(l,n)):function(n,e){return rr(n,Zt(n),e)}(n,function(n,e){return n&&rr(e,Le(e),n)}(l,n))}else{if(!ii[p])return i?n:{};l=Gr(n,p,s)}}a||(a=new st);var v=a.get(n);if(v)return v;a.set(n,l),Ur(n)?n.forEach((function(e){l.add(ai(e,t,o,e,n,a))})):Yr(n)&&n.forEach((function(e,r){l.set(r,ai(e,t,o,r,n,a))}));var g=u?void 0:(d?c?fr:$t:c?lr:Le)(n);return Un(g||n,(function(e,r){g&&(e=n[r=e]),or(l,r,ai(e,t,o,r,n,a))})),l}ii[ei]=ii["[object Array]"]=ii["[object ArrayBuffer]"]=ii["[object DataView]"]=ii["[object Boolean]"]=ii["[object Date]"]=ii["[object Float32Array]"]=ii["[object Float64Array]"]=ii["[object Int8Array]"]=ii["[object Int16Array]"]=ii["[object Int32Array]"]=ii["[object Map]"]=ii["[object Number]"]=ii[ri]=ii["[object RegExp]"]=ii["[object Set]"]=ii["[object String]"]=ii["[object Symbol]"]=ii["[object Uint8Array]"]=ii["[object Uint8ClampedArray]"]=ii["[object Uint16Array]"]=ii["[object Uint32Array]"]=!0,ii["[object Error]"]=ii[ti]=ii["[object WeakMap]"]=!1;var li=1,si=4;function ci(n){return ai(n,li|si)}var di=/\s/;var ui=/^\s+/;function pi(n){return n?n.slice(0,function(n){for(var e=n.length;e--&&di.test(n.charAt(e)););return e}(n)+1).replace(ui,""):n}var mi=NaN,vi=/^[-+]0x[0-9a-f]+$/i,gi=/^0b[01]+$/i,hi=/^0o[0-7]+$/i,fi=parseInt;function bi(n){if("number"==typeof n)return n;if(f(n))return mi;if(x(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=x(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=pi(n);var t=gi.test(n);return t||hi.test(n)?fi(n.slice(2),t?2:8):vi.test(n)?mi:+n}var yi=1/0,ki=17976931348623157e292;function xi(n){return n?(n=bi(n))===yi||n===-yi?(n<0?-1:1)*ki:n==n?n:0:0===n?n:0}function Ci(n){var e=xi(n),t=e%1;return e==e?t?e-t:e:0}function Si(n){return"number"==typeof n&&n==Ci(n)}function wi(n){return n!=n}function Wi(n){let e=!1;if(Ao(n))e=!isNaN(Number(n));else if(function(n){return"[object Number]"===Object.prototype.toString.call(n)}(n)){if(wi(n))return!1;e=!0}return e}function _i(n){if(!Wi(n))return 0;return xi(n)}function Ii(n){return!!Wi(n)&&Si(n=_i(n))}var Ti=r.isFinite,Ai=Math.min;var Bi=function(n){var e=Math[n];return function(n,t){if(n=bi(n),(t=null==t?0:Ai(Ci(t),292))&&Ti(n)){var o=(pn(n)+"e").split("e");return+((o=(pn(e(o[0]+"e"+(+o[1]+t)))+"e").split("e"))[0]+"e"+(+o[1]-t))}return e(n)}}("round"),Hi=Bi;function Pi(n){if(!Wi(n))return 0;n=_i(n);let e=Hi(n);return"0"===String(e)?0:e}function Fi(n){if(!Ii(n))return!1;return Pi(n)>0}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var Li={};!function(n){var e=Object.prototype.hasOwnProperty,t="~";function o(){}function r(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,o,i,a){if("function"!=typeof o)throw new TypeError("The listener must be a function");var l=new r(o,i||n,a),s=t?t+e:e;return n._events[s]?n._events[s].fn?n._events[s]=[n._events[s],l]:n._events[s].push(l):(n._events[s]=l,n._eventsCount++),n}function a(n,e){0==--n._eventsCount?n._events=new o:delete n._events[e]}function l(){this._events=new o,this._eventsCount=0}Object.create&&(o.prototype=Object.create(null),(new o).__proto__||(t=!1)),l.prototype.eventNames=function(){var n,o,r=[];if(0===this._eventsCount)return r;for(o in n=this._events)e.call(n,o)&&r.push(t?o.slice(1):o);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(n)):r},l.prototype.listeners=function(n){var e=t?t+n:n,o=this._events[e];if(!o)return[];if(o.fn)return[o.fn];for(var r=0,i=o.length,a=new Array(i);r<i;r++)a[r]=o[r].fn;return a},l.prototype.listenerCount=function(n){var e=t?t+n:n,o=this._events[e];return o?o.fn?1:o.length:0},l.prototype.emit=function(n,e,o,r,i,a){var l=t?t+n:n;if(!this._events[l])return!1;var s,c,d=this._events[l],u=arguments.length;if(d.fn){switch(d.once&&this.removeListener(n,d.fn,void 0,!0),u){case 1:return d.fn.call(d.context),!0;case 2:return d.fn.call(d.context,e),!0;case 3:return d.fn.call(d.context,e,o),!0;case 4:return d.fn.call(d.context,e,o,r),!0;case 5:return d.fn.call(d.context,e,o,r,i),!0;case 6:return d.fn.call(d.context,e,o,r,i,a),!0}for(c=1,s=new Array(u-1);c<u;c++)s[c-1]=arguments[c];d.fn.apply(d.context,s)}else{var p,m=d.length;for(c=0;c<m;c++)switch(d[c].once&&this.removeListener(n,d[c].fn,void 0,!0),u){case 1:d[c].fn.call(d[c].context);break;case 2:d[c].fn.call(d[c].context,e);break;case 3:d[c].fn.call(d[c].context,e,o);break;case 4:d[c].fn.call(d[c].context,e,o,r);break;default:if(!s)for(p=1,s=new Array(u-1);p<u;p++)s[p-1]=arguments[p];d[c].fn.apply(d[c].context,s)}}return!0},l.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},l.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},l.prototype.removeListener=function(n,e,o,r){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return a(this,i),this;var l=this._events[i];if(l.fn)l.fn!==e||r&&!l.once||o&&l.context!==o||a(this,i);else{for(var s=0,c=[],d=l.length;s<d;s++)(l[s].fn!==e||r&&!l[s].once||o&&l[s].context!==o)&&c.push(l[s]);c.length?this._events[i]=1===c.length?c[0]:c:a(this,i)}return this},l.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&a(this,e)):(this._events=new o,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=t,l.EventEmitter=l,n.exports=l}({get exports(){return Li},set exports(n){Li=n}});var Ri=Li;function Di(){return new Ri}function ji(n){let e=Object.prototype.toString.call(n);return"[object Function]"===e||"[object AsyncFunction]"===e}let zi="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Vi=zi.length;function Zi(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:32,e=[];n=Fi(n)?Pi(n):32;for(let t=0;t<n;t++)e[t]=zi[0|Math.random()*Vi];return e.join("")}function $i(){let n={};return{bind:function(e,t,o){let r=`r${Zi()}`;e.setAttribute("ev-resize",r);let i=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=fn(e,"timeInterval",null);Fi(t)||(t=20);let o=fn(e,"tolerancePixel",null);Fi(o)||(o=1);let r,i=Di(),a={offsetWidth:0,offsetHeight:0,clientWidth:0,clientHeight:0,windowWidth:0,windowHeight:0},l=ci(a),s={width:"",height:""};if(!ji(n))return console.log("invalid f",n),null;r=setInterval((()=>{let e=n();if(e){let n={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight,windowWidth:window.innerWidth,windowHeight:window.innerHeight},t=l.offsetWidth-n.offsetWidth,r=l.offsetHeight-n.offsetHeight,c=Math.abs(t)>o,d=Math.abs(r)>o,u="";t>0?u="smaller":t<0&&(u="larger");let p="";if(r>0?p="smaller":r<0&&(p="larger"),s={width:u,height:p},c||d){let t={...l};setTimeout((()=>{n.offsetWidth>0&&n.offsetHeight>0&&(i.emit("resize",{sold:t,snew:n,smode:s,ele:e}),i.emit("resizeWithWindow",{sold:t,snew:n,smode:s,ele:e,from:"dom"}))}),1)}a=l,l=n}}),t);let c=n=>{i.emit("resizeWithWindow",{sold:a,snew:l,smode:s,from:"window"})};return window.addEventListener("resize",c),i.clear=()=>{clearInterval(r),window.removeEventListener("resize",c)},i}((()=>e));i.on("resizeWithWindow",(n=>{!function(n,e,t){let o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}(o,"domresize",n)})),n[r]=i},unbind:function(e){let t=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),n[t]&&(n[t].clear(),n[t]=null,delete n[t])}}}var Ei,Gi=(Ei="toUpperCase",function(n){var e=Ge(n=pn(n))?it(n):void 0,t=e?e[0]:n.charAt(0),o=e?$e(e,1).join(""):n.slice(1);return t[Ei]()+o});var Xi=Kn((function(n,e,t){return e=e.toLowerCase(),n+(t?Gi(pn(e).toLowerCase()):e)})),Mi=Xi;let Ni={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 Oi(n){if("white"===n)return"#fff";if("black"===n)return"#000";if("transparent"===n)return"rgba(0,0,0,0)";let e=function(n){let e=lt(n," ");return 1===Oo(e)&&(e[1]=null),e}(n),t=function(n){let e=n.trim();return e=Mi(e),e}(e[0]),o=function(n){Ao(n)||(n="base");let e=n.trim();return e=e.replace("-","").trim(),e}(e[1]),r=function(n,e,t){let o=fn(Ni,`default.${n}.${e}`,null);return null===o&&(o=t),o}(t,o,n);return r}function Ki(n,e,t){if(!Ao(n))return"";if(!Ao(e))return"";if(!To(t))return"";return String(n).replaceAll(e,t)}function Yi(n){if(Qo(n)){for(let e in n)return!0;return!1}return!1}var Ji="[object Object]",Ui=Function.prototype,Qi=Object.prototype,qi=Ui.toString,na=Qi.hasOwnProperty,ea=qi.call(Object);function ta(n){if(!g(n)||v(n)!=Ji)return!1;var e=vr(n);if(null===e)return!0;var t=na.call(e,"constructor")&&e.constructor;return"function"==typeof t&&t instanceof t&&qi.call(t)==ea}function oa(n){return g(e=n)&&1===e.nodeType&&!ta(e);var e}function ra(n){function e(n){n.parentNode.removeChild(n)}if(oa(n)){return void e(n)}if(!Ao(n))return;let t=function(n){return document.querySelectorAll(n)}(n);Ve(t,(function(n){e(n)}))}function ia(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=fn(t,"timeDuration",null);Fi(o)||(o=1e3);let r=fn(t,"color",null);if(Ao(r)||(r="rgba(255, 255, 255, 0.5)"),!oa(n))return;n.style.position="relative",n.style.overflow="hidden";let i=n.getBoundingClientRect(),a=e.clientX-i.left,l=e.clientY-i.top,s=2*Math.max(n.clientWidth,n.clientHeight),c=document.createElement("div");c.style.width=`${s}px`,c.style.height=`${s}px`,c.style.transition=`all ${o/1e3}s linear`,c.style.position="absolute",c.style.zIndex=1,c.style.left=`${a}px`,c.style.top=`${l}px`,c.style.borderRadius="50%",c.style.transformOrigin="center",c.style.transform="translate(-50%,-50%) scale(0)",c.style.background=r,c.style.userSelect="none",c.style.pointerEvents="none",n.appendChild(c),setTimeout((()=>{c.style.transform="translate(-50%,-50%) scale(2)",c.style.opacity=0}),1),setTimeout((()=>{ra(c)}),o)}function aa(){let n={};return{bind:function(e,t,o){let r=`r${Zi()}`;e.setAttribute("ev-ripple",r),function(e,t){let o=e.getAttribute("ev-ripple"),r=fn(t,"value");if(r=Yi(r),!r)return;let i=fn(t,"value.color");if(!Ao(i))return;i=Oi(i);let a=fn(t,"value.timeDuration");Wi(a)||(a=1e3);function l(n){ia(n.currentTarget,n,{color:i,timeDuration:a})}a=_i(a),e.addEventListener("click",l,!1),n[o]=l}(e,t)},unbind:function(e){!function(e){let t=e.getAttribute("ev-ripple");if(n[t]){let o=n[t];e.removeEventListener("click",o,!1),delete n[t]}}(e),e.setAttribute("ev-ripple",null)}}}var la="[object Boolean]";function sa(n){return!0===n||!1===n||g(n)&&v(n)==la}function ca(n){return sa(n)}var da="[object Number]";function ua(n){return"number"==typeof n||g(n)&&v(n)==da}function pa(n){let e,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=fn(t,"def",""),r=fn(t,"type","");"num"!==r&&"text"!==r&&(r="num"),"num"===r?e=ua:"text"===r&&(e=To);let i=o,a=o,l=o,s=o;return e(fn(n,"h"))&&(i=fn(n,"h"),a=i),e(fn(n,"v"))&&(l=fn(n,"v"),s=l),e(fn(n,"left"))&&(i=fn(n,"left")),e(fn(n,"right"))&&(a=fn(n,"right")),e(fn(n,"top"))&&(l=fn(n,"top")),e(fn(n,"bottom"))&&(s=fn(n,"bottom")),{left:i,right:a,top:l,bottom:s}}function ma(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=fn(e,"parse");ca(t)||(t=!0);let o=fn(e,"ext");Yi(o)||(o={});let r=fn(e,"semicolon");ca(r)||(r=!0);let i=fn(e,"returnObj");ca(i)||(i=!1);let a=0,l=0,s=0,c=0;if(t){let e=pa(n);a=e.left,l=e.right,s=e.top,c=e.bottom}a+=fn(o,"left",0),l+=fn(o,"right",0),s+=fn(o,"top",0),c+=fn(o,"bottom",0);let d=null;return i?d={left:a,right:l,top:s,bottom:c}:(d=`${s}px ${l}px ${c}px ${a}px`,r&&(d=`${d};`)),d}function va(n){return"[object Array]"===Object.prototype.toString.call(n)}function ga(n){return"[object Undefined]"===Object.prototype.toString.call(n)}function ha(n){return!!ga(n)||(!!function(n){return"[object Null]"===Object.prototype.toString.call(n)}(n)||(!!function(n){if(Qo(n)){for(let e in n)return!1;return!0}return!1}(n)||(!!function(n){return!(!To(n)||""!==n)}(n)||(!!function(n){return!!va(n)&&0===n.length}(n)||!!wi(n)))))}function fa(n){return!!va(n)&&(0!==n.length&&(1!==n.length||!ha(n[0])))}var ba={components:{},props:{icon:{type:[String,Array],default:""},color:{type:String,default:"grey darken-1"},colorHover:{type:String,default:"grey darken-3"},sizeOriginal:{type:Number,default:24},size:{type:Number,default:24},timeTransition:{type:Number,default:.15}},data:function(){return{mouseEnter:!1,r:.83,paths:[]}},computed:{hasIcon:function(){return Ao(this.icon)},isMdi:function(){return!!this.hasIcon&&this.icon.indexOf("mdi-")>=0},isFa:function(){return!!this.hasIcon&&this.icon.indexOf(" fa-")>=0},isSvg:function(){let n=this;if(n.isMdi||n.isFa)return!1;let e=Ao(n.icon),t=fa(n.icon);return e||t},usePaths:function(){let n=this;if(!n.isSvg)return[];let e=n.icon;return Ao(n.icon)&&(e=[n.icon]),e},useIconColor:function(){let n=this;return n.mouseEnter?Oi(n.colorHover):Oi(n.color)},useStyleSize:function(){let n=this;return{width:`${n.size}px`,height:`${n.size}px`,"line-height":`${n.size}px`,"max-height":`${n.size}px`,"min-height":`${n.size}px`}}},methods:{}};function ya(n,e,t,o,r,i,a,l,s,c){"boolean"!=typeof a&&(s=l,l=a,a=!1);const d="function"==typeof t?t.options:t;let u;if(n&&n.render&&(d.render=n.render,d.staticRenderFns=n.staticRenderFns,d._compiled=!0,r&&(d.functional=!0)),o&&(d._scopeId=o),i?(u=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),e&&e.call(this,s(n)),n&&n._registeredComponents&&n._registeredComponents.add(i)},d._ssrRegister=u):e&&(u=a?function(n){e.call(this,c(n,this.$root.$options.shadowRoot))}:function(n){e.call(this,l(n))}),u)if(d.functional){const n=d.render;d.render=function(e,t){return u.call(t),n(e,t)}}else{const n=d.beforeCreate;d.beforeCreate=n?[].concat(n,u):[u]}return t}const ka="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function xa(n){return(n,e)=>function(n,e){const t=ka?e.media||"default":n,o=Sa[t]||(Sa[t]={ids:new Set,styles:[]});if(!o.ids.has(n)){o.ids.add(n);let t=e.source;if(e.map&&(t+="\n/*# sourceURL="+e.map.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),o.element||(o.element=document.createElement("style"),o.element.type="text/css",e.media&&o.element.setAttribute("media",e.media),void 0===Ca&&(Ca=document.head||document.getElementsByTagName("head")[0]),Ca.appendChild(o.element)),"styleSheet"in o.element)o.styles.push(t),o.element.styleSheet.cssText=o.styles.filter(Boolean).join("\n");else{const n=o.ids.size-1,e=document.createTextNode(t),r=o.element.childNodes;r[n]&&o.element.removeChild(r[n]),r.length?o.element.insertBefore(e,r[n]):o.element.appendChild(e)}}}(n,e)}let Ca;const Sa={};const wa=ba;var Wa=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.icon?t("div",{style:[n.useStyleSize,{display:"flex","align-items":"center","user-select":"none",border:"0px solid #ddd"}],on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[n.isSvg?t("svg",{style:"transition:all "+n.timeTransition+"s linear; fill:"+n.useIconColor+";",attrs:{width:n.size,height:n.size,viewBox:"0 0 "+n.sizeOriginal+" "+n.sizeOriginal},on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},n._l(n.usePaths,(function(e,o){return t("path",{key:o,attrs:{d:n.icon}})})),0):n._e(),n._v(" "),n.isMdi?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("span",{class:"mdi "+n.icon,style:"font-size:"+n.size+"px;"})]):n._e(),n._v(" "),n.isFa?t("div",{style:"transition:all "+n.timeTransition+"s linear; width:"+n.size+"px; height:"+n.size+"px; color:"+n.useIconColor+"; display:flex; align-items:center; justify-content:center;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[t("div",{style:"width:"+n.size+"px; height:"+n.size+"px; _transform-origin:center; transform:translateX(0px) translateY(0px) scale("+n.r+");"},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[t("i",{class:"fas "+n.icon,style:"font-size:"+n.size+"px;"})])])]):n._e()]):n._e()};Wa._withStripped=!0;const _a=ya({render:Wa,staticRenderFns:[]},(function(n){n&&n("data-v-4d8f2d6e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),wa,"data-v-4d8f2d6e",false,undefined,!1,xa,void 0,void 0);const Ia={directives:{domripple:aa()},components:{WIcon:_a},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:()=>({v:10,h:12})},borderRadius:{type:Number,default:0},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},backgroundColorDisabled:{type:String,default:"white"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},textColorDisabled:{type:String,default:"#444"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},iconColorDisabled:{type:String,default:"#444"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"},cursorPointer:{type:Boolean,default:!0}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){let n=this;return`padding:${ma(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effBackgroundColor:function(){return Oi(this.backgroundColor)},effBackgroundColorHover:function(){return Oi(this.backgroundColorHover)},effBackgroundActive:function(){return Oi(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return Oi(this.backgroundColorDisabled)},useBackgroundColor:function(){let n=this;return n.editable?n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor:n.effBackgroundColorDisabled},effTextColor:function(){return Oi(this.textColor)},effTextColorHover:function(){return Oi(this.textColorHover)},effTextActive:function(){return Oi(this.textColorActive)},effTextColorDisabled:function(){return Oi(this.textColorDisabled)},useTextColor:function(){let n=this;return n.editable?n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor:n.effTextColorDisabled},effIconColor:function(){return Oi(this.iconColor)},effIconColorHover:function(){return Oi(this.iconColorHover)},effIconActive:function(){return Oi(this.iconColorActive)},effIconColorDisabled:function(){return Oi(this.iconColorDisabled)},useIconColor:function(){let n=this;return n.editable?n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor:n.effIconColorDisabled},effDisabledColor:function(){return Oi(this.disabledColor)}},methods:{clickItem:function(){let n=this;n.editable&&n.$emit("click",{icon:n.icon,text:n.text})}}};var Ta=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"position:relative; transition:all 0.3s; border-top-left-radius:"+n.borderRadius+"px; border-top-right-radius:"+n.borderRadius+"px; "+n.usePadding+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"cursor:context-menu;"),on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:n.clickItem}},[t("div",{style:"transition:all 0.3s; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._t("item",(function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("item-left",null,{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-content",(function(){return[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",[n._v("\n                        "+n._s(n.text)+"\n                    ")])]}),{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n._t("item-right",null,{isHover:n.mouseEnter,isActive:n.active})],2)]}),{isHover:n.mouseEnter,isActive:n.active}),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])],2)])};Ta._withStripped=!0;const Aa=ya({render:Ta,staticRenderFns:[]},(function(n){n&&n("data-v-4d1777c6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Ia,"data-v-4d1777c6",false,undefined,!1,xa,void 0,void 0);var Ba={directives:{domresize:$i()},components:{WListItem:Aa},props:{items:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},space:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBorderRadius:{type:Number,default:0},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"white"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"orange darken-3"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"orange darken-3"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(245,124,0,0.4)"},borderBottom:{type:Boolean,default:!0},borderBottomSize:{type:Number,default:2},borderBottomColor:{type:String,default:"rgba(245,124,0,0.8)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0}},data:function(){return{borderBottomLeft:0,borderBottomWidth:0,itemActiveTrans:null}},watch:{itemActiveTrans:{handler(n,e){this.updateBorderBottom()},immediate:!0}},computed:{changeItemActive:function(){let n=this;return n.enableActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==Oo(this.items)&&Jo(this.items,(n=>Qo(n)))},effBorderBottomColor:function(){return Oi(this.borderBottomColor)}},methods:{resize:function(n){this.updateBorderBottom()},getIcon:function(n){let e=this;return e.isObjValue?fn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return fn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Uo(n,e.itemActiveTrans)),t},getEditable:function(n){return fn(n,"editable",!0)},updateBorderBottom:function(){let n=this;if(null==n.itemActiveTrans)return;let e=0,t=[];Ve(fn(n,"$refs.wli",[]),((o,r)=>{let i=o,a=fn(i,"clientWidth",0),l=fn(i,"clientHeight",0),s=e,c=a,d=l;r>0&&n.space>0&&(s+=n.space,c-=n.space),t.push({left:s,bottom:0,width:c,heiht:d}),e+=a}));let o=-1;if(Ve(n.items,((e,t)=>{if(Uo(e,n.itemActiveTrans))return o=t,!1})),-1===o)return;let r=t[o];n.borderBottomLeft=r.left,n.borderBottomWidth=r.width},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let o=null;o=t.isObjValue?{...n}:n,t.$emit("click",o,e),t.$emit("update:itemActive",o)}}};const Ha=Ba;var Pa=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[n.borderBottom?t("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+n.borderBottomLeft+"px; padding-left:"+n.borderBottomWidth+"px; border-bottom:"+n.borderBottomSize+"px solid "+n.effBorderBottomColor+";"}):n._e(),n._v(" "),n._l(n.items,(function(e,o){return t("div",{key:o},[t("div",{ref:"wli",refInFor:!0,style:n.space>0&&o>0?"padding-left:"+n.space+"px;":""},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,borderRadius:n.itemBorderRadius,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:!n.getActive(e)&&n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,o)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)])}))],2)])};Pa._withStripped=!0;const Fa=ya({render:Pa,staticRenderFns:[]},(function(n){n&&n("data-v-3256149a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Ha,"data-v-3256149a",false,undefined,!1,xa,void 0,void 0);var La="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z",Ra="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z",Da="M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z",ja="M2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12M4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12M10,17L15,12L10,7V17Z",za="M11,17A1,1 0 0,0 12,18A1,1 0 0,0 13,17A1,1 0 0,0 12,16A1,1 0 0,0 11,17M11,3V7H13V5.08C16.39,5.57 19,8.47 19,12A7,7 0 0,1 12,19A7,7 0 0,1 5,12C5,10.32 5.59,8.78 6.58,7.58L12,13L13.41,11.59L6.61,4.79V4.81C4.42,6.45 3,9.05 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M18,12A1,1 0 0,0 17,11A1,1 0 0,0 16,12A1,1 0 0,0 17,13A1,1 0 0,0 18,12M6,12A1,1 0 0,0 7,13A1,1 0 0,0 8,12A1,1 0 0,0 7,11A1,1 0 0,0 6,12Z",Va="M12.58,3.12V3.13C12.27,3.13 11.96,3.22 11.71,3.39C11.21,3.74 11.15,4.32 11.6,4.69L14.46,7L5.73,7.03H5.72C5,7.03 4.3,7.5 4.16,8.1C4,8.71 4.5,9.22 5.26,9.22L9.69,9.21L1.76,15.3C1,15.87 0.77,16.82 1.24,17.42C1.72,18.03 2.73,18.03 3.5,17.42L7.8,13.89C7.8,13.89 7.73,14.37 7.74,14.65C7.74,14.94 7.84,15.5 7.97,15.93C8.26,16.86 8.75,17.71 9.43,18.46C10.13,19.23 11,19.85 12,20.29C13.03,20.76 14.17,21 15.34,21C16.5,21 17.65,20.75 18.69,20.28C19.69,19.84 20.55,19.21 21.25,18.44C21.93,17.69 22.42,16.83 22.71,15.91C22.85,15.44 22.94,14.97 23,14.5C23,14.03 23,13.56 22.94,13.09C22.81,12.18 22.5,11.32 22,10.54C21.56,9.83 21,9.2 20.31,8.67V8.67L13.42,3.38C13.19,3.21 12.89,3.12 12.58,3.12M15.34,9.21C16.5,9.21 17.59,9.59 18.46,10.29C18.9,10.65 19.25,11.07 19.5,11.54C19.77,12 19.94,12.55 20,13.11C20.04,13.67 19.96,14.23 19.77,14.77C19.57,15.31 19.25,15.81 18.82,16.26C17.93,17.16 16.69,17.68 15.34,17.68C14,17.68 12.75,17.17 11.86,16.27C11.43,15.83 11.11,15.32 10.91,14.78C10.72,14.25 10.64,13.69 10.69,13.12C10.74,12.56 10.91,12.03 11.17,11.55C11.43,11.08 11.79,10.66 12.23,10.3C13.09,9.59 14.19,9.21 15.34,9.21M15.44,10.61C14.66,10.61 13.94,10.89 13.41,11.34C12.87,11.8 12.5,12.44 12.47,13.18C12.43,13.93 12.73,14.63 13.26,15.15C13.8,15.68 14.58,16 15.44,16C16.3,16 17.07,15.68 17.62,15.15C18.15,14.63 18.45,13.93 18.41,13.18C18.37,12.44 18,11.8 17.47,11.34C16.94,10.89 16.22,10.61 15.44,10.61Z",Za="M13 20.5C13 21.03 13.09 21.53 13.26 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V11H18V4H13V12L10.5 9.75L8 12V4H6V20H13.04C13.03 20.17 13 20.33 13 20.5M20 13H18.5V18.21C18.19 18.07 17.86 18 17.5 18C16.12 18 15 19.12 15 20.5S16.12 23 17.5 23 20 21.88 20 20.5V15H22V13H20Z",$a="M12.75,3.94C13.75,3.22 14.91,2.86 16.22,2.86C16.94,2.86 17.73,3.05 18.59,3.45C19.45,3.84 20.13,4.3 20.63,4.83C21.66,6.11 22.09,7.6 21.94,9.3C21.78,11 21.22,12.33 20.25,13.27L12.66,20.86C12.47,21.05 12.23,21.14 11.95,21.14C11.67,21.14 11.44,21.05 11.25,20.86C11.06,20.67 10.97,20.44 10.97,20.16C10.97,19.88 11.06,19.64 11.25,19.45L15.84,14.86C16.09,14.64 16.09,14.41 15.84,14.16C15.59,13.91 15.36,13.91 15.14,14.16L10.55,18.75C10.36,18.94 10.13,19.03 9.84,19.03C9.56,19.03 9.33,18.94 9.14,18.75C8.95,18.56 8.86,18.33 8.86,18.05C8.86,17.77 8.95,17.53 9.14,17.34L13.73,12.75C14,12.5 14,12.25 13.73,12C13.5,11.75 13.28,11.75 13.03,12L8.44,16.64C8.25,16.83 8,16.92 7.73,16.92C7.45,16.92 7.21,16.83 7,16.64C6.8,16.45 6.7,16.22 6.7,15.94C6.7,15.66 6.81,15.41 7.03,15.19L11.63,10.59C11.88,10.34 11.88,10.11 11.63,9.89C11.38,9.67 11.14,9.67 10.92,9.89L6.28,14.5C6.06,14.7 5.83,14.81 5.58,14.81C5.3,14.81 5.06,14.71 4.88,14.5C4.69,14.3 4.59,14.06 4.59,13.78C4.59,13.5 4.69,13.27 4.88,13.08C7.94,10 9.83,8.14 10.55,7.45L14.11,10.97C14.5,11.34 14.95,11.53 15.5,11.53C16.2,11.53 16.75,11.25 17.16,10.69C17.44,10.28 17.54,9.83 17.46,9.33C17.38,8.83 17.17,8.41 16.83,8.06L12.75,3.94M14.81,10.27L10.55,6L3.47,13.08C2.63,12.23 2.15,10.93 2.04,9.16C1.93,7.4 2.41,5.87 3.47,4.59C4.66,3.41 6.08,2.81 7.73,2.81C9.39,2.81 10.8,3.41 11.95,4.59L16.22,8.86C16.41,9.05 16.5,9.28 16.5,9.56C16.5,9.84 16.41,10.08 16.22,10.27C16.03,10.45 15.8,10.55 15.5,10.55C15.23,10.55 15,10.45 14.81,10.27V10.27Z",Ea="M12 3C6.5 3 2 6.58 2 11C2.05 13.15 3.06 15.17 4.75 16.5C4.75 17.1 4.33 18.67 2 21C4.37 20.89 6.64 20 8.47 18.5C9.61 18.83 10.81 19 12 19C17.5 19 22 15.42 22 11S17.5 3 12 3M12 17C7.58 17 4 14.31 4 11S7.58 5 12 5 20 7.69 20 11 16.42 17 12 17M17 12V10H15V12H17M13 12V10H11V12H13M9 12V10H7V12H9Z",Ga="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",Xa="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z",Ma="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z",Na="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z",Oa="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z",Ka="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",Ya="M2 2V22H22V2H2M20 12H16V16H20V20H16V16H12V20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12M16 8V12H12V8H16M12 12V16H8V12H12Z",Ja="M5.59,7.41L7,6L13,12L7,18L5.59,16.59L10.17,12L5.59,7.41M11.59,7.41L13,6L19,12L13,18L11.59,16.59L16.17,12L11.59,7.41Z",Ua="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z",Qa="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z",qa="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 12.8L7.7 15.6L7 14.2L11 11.9V7H12.5V12.8Z",nl="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",el="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z",tl="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z",ol="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20H13Q12.18 20 11.59 19.41 11 18.83 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18H9V20M12 13Z",rl="M8.21 12L6.88 12.89V11.11L8.21 12M11.47 9.82V7.34L7.31 10.12L9.16 11.36L11.47 9.82M16.7 10.12L12.53 7.34V9.82L14.84 11.36L16.7 10.12M7.31 13.88L11.47 16.66V14.18L9.16 12.64L7.31 13.88M12.53 14.18V16.66L16.7 13.88L14.84 12.64L12.53 14.18M12 10.74L10.12 12L12 13.26L13.88 12L12 10.74M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12M18.18 10.12C18.18 10.09 18.18 10.07 18.18 10.05L18.17 10L18.17 10L18.16 9.95C18.15 9.94 18.15 9.93 18.14 9.91L18.13 9.89L18.11 9.85L18.1 9.83L18.08 9.8L18.06 9.77L18.03 9.74L18 9.72L18 9.7L17.96 9.68L17.95 9.67L12.3 5.91C12.12 5.79 11.89 5.79 11.71 5.91L6.05 9.67L6.05 9.68L6 9.7C6 9.71 6 9.72 6 9.72L5.97 9.74L5.94 9.77L5.93 9.8L5.9 9.83L5.89 9.85L5.87 9.89L5.86 9.91L5.84 9.95L5.84 10L5.83 10L5.82 10.05C5.82 10.07 5.82 10.09 5.82 10.12V13.88C5.82 13.91 5.82 13.93 5.82 13.95L5.83 14L5.84 14L5.84 14.05C5.85 14.06 5.85 14.07 5.86 14.09L5.87 14.11L5.89 14.15L5.9 14.17L5.92 14.2L5.94 14.23C5.95 14.24 5.96 14.25 5.97 14.26L6 14.28L6 14.3L6.04 14.32L6.05 14.33L11.71 18.1C11.79 18.16 11.9 18.18 12 18.18C12.1 18.18 12.21 18.15 12.3 18.1L17.95 14.33L17.96 14.32L18 14.3L18 14.28L18.03 14.26L18.06 14.23L18.08 14.2L18.1 14.17L18.11 14.15L18.13 14.11L18.14 14.09L18.16 14.05L18.16 14L18.17 14L18.18 13.95C18.18 13.93 18.18 13.91 18.18 13.88V10.12M17.12 12.89V11.11L15.79 12L17.12 12.89Z",il="M9 22C8.45 22 8 21.55 8 21V18H4C2.9 18 2 17.11 2 16V4C2 2.89 2.9 2 4 2H20C21.11 2 22 2.9 22 4V16C22 17.11 21.11 18 20 18H13.9L10.2 21.71C10 21.9 9.75 22 9.5 22H9M10 16V19.08L13.08 16H20V4H4V16H10M15.84 8.2L14.83 9.21L12.76 7.18L13.77 6.16C13.97 5.95 14.31 5.94 14.55 6.16L15.84 7.41C16.05 7.62 16.06 7.96 15.84 8.2M8 11.91L12.17 7.72L14.24 9.8L10.08 14H8V11.91Z",al="M21.03,3L18,20.31C17.83,21.27 17,22 16,22H8C7,22 6.17,21.27 6,20.31L2.97,3H21.03M5.36,5L8,20H16L18.64,5H5.36M9,18V14H13V18H9M13,13.18L9.82,10L13,6.82L16.18,10L13,13.18Z",ll="M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,11.71 4,11.42 4.05,11.14C6.41,10.09 8.28,8.16 9.26,5.77C11.07,8.33 14.05,10 17.42,10C18.2,10 18.95,9.91 19.67,9.74C19.88,10.45 20,11.21 20,12C20,16.41 16.41,20 12,20Z",sl="M15,19.88C15.04,20.18 14.94,20.5 14.71,20.71C14.32,21.1 13.69,21.1 13.3,20.71L9.29,16.7C9.06,16.47 8.96,16.16 9,15.87V10.75L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L15,10.75V19.88M7.04,5L11,10.06V15.58L13,17.58V10.05L16.96,5H7.04Z",cl="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z",dl="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M11,5A4,4 0 0,1 15,9C15,10.5 14.2,11.77 13,12.46V11.24C13.61,10.69 14,9.89 14,9A3,3 0 0,0 11,6A3,3 0 0,0 8,9C8,9.89 8.39,10.69 9,11.24V12.46C7.8,11.77 7,10.5 7,9A4,4 0 0,1 11,5M11,3A6,6 0 0,1 17,9C17,10.7 16.29,12.23 15.16,13.33L14.16,12.88C15.28,11.96 16,10.56 16,9A5,5 0 0,0 11,4A5,5 0 0,0 6,9C6,11.05 7.23,12.81 9,13.58V14.66C6.67,13.83 5,11.61 5,9A6,6 0 0,1 11,3Z",ul="M7 19A2.93 2.93 0 0 0 7.17 20H6A1 1 0 0 1 5 19V18H7M10 19A1 1 0 0 0 11 20H13A1 1 0 0 0 14 19V18H10M4 16A1 1 0 0 0 5 17H7V14.88A6.92 6.92 0 0 1 5 10A6.79 6.79 0 0 1 5.68 7A4 4 0 0 0 4 14.45M17 19A2.93 2.93 0 0 1 16.83 20H18A1 1 0 0 0 19 19V18H17M17 10A5 5 0 0 1 15 14V16A1 1 0 0 1 14 17H10A1 1 0 0 1 9 16V14A5 5 0 1 1 17 10M15 10A3 3 0 1 0 11 12.82V15H13V12.82A3 3 0 0 0 15 10M18.32 7A6.79 6.79 0 0 1 19 10A6.92 6.92 0 0 1 17 14.88V17H19A1 1 0 0 0 20 16V14.45A4 4 0 0 0 18.32 7Z",pl="M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M11,18H13V15.87C14.73,15.43 16,13.86 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13.86 9.27,15.43 11,15.87V18Z",ml="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M16.8 11.3L15.7 10.5V10 9.5L16.8 8.7C16.9 8.6 16.9 8.5 16.9 8.4L15.9 6.7C15.8 6.6 15.7 6.5 15.6 6.6L14.3 7C14 6.8 13.8 6.6 13.4 6.5L13.2 5.2C13.2 5.1 13.1 5 13 5H11C10.9 5 10.8 5.1 10.8 5.2L10.6 6.5C10.3 6.7 10 6.8 9.7 7L8.5 6.5C8.4 6.5 8.3 6.5 8.2 6.6L7.2 8.3C7.1 8.4 7.2 8.5 7.3 8.6L8.4 9.4V10.4L7.3 11.2C7.2 11.3 7.2 11.4 7.2 11.5L8.2 13.2C8.3 13.3 8.4 13.4 8.5 13.3L9.7 13C10 13.2 10.2 13.4 10.5 13.5L10.7 14.8C10.7 14.9 10.8 15 11 15H13C13.1 15 13.2 14.9 13.2 14.8L13.4 13.5C13.7 13.4 14 13.2 14.2 13L15.4 13.5C15.5 13.5 15.6 13.5 15.7 13.4L16.7 11.7C16.9 11.5 16.9 11.4 16.8 11.3M12 11.5C11.2 11.5 10.5 10.8 10.5 10S11.2 8.5 12 8.5 13.5 9.2 13.5 10 12.8 11.5 12 11.5Z",vl="M19 8L15 12H18C18 15.31 15.31 18 12 18C11 18 10.03 17.75 9.2 17.3L7.74 18.76C8.97 19.54 10.43 20 12 20C16.42 20 20 16.42 20 12H23M6 12C6 8.69 8.69 6 12 6C13 6 13.97 6.25 14.8 6.7L16.26 5.24C15.03 4.46 13.57 4 12 4C7.58 4 4 7.58 4 12H1L5 16L9 12M14 12C14 13.11 13.11 14 12 14S10 13.11 10 12 10.9 10 12 10 14 10.9 14 12Z",gl="M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25 9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19 8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61 14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83 15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79 5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08 3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77 18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11 21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57 13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96 4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44 11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75 19.33,18.38Z",hl="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z",fl="M8,5.14V19.14L19,12.14L8,5.14Z",bl="M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",yl="M15 16L11 20H21V16H15M12.06 7.19L3 16.25V20H6.75L15.81 10.94L12.06 7.19M5.92 18H5V17.08L12.06 10L13 10.94L5.92 18M18.71 8.04C19.1 7.65 19.1 7 18.71 6.63L16.37 4.29C16.17 4.09 15.92 4 15.66 4C15.41 4 15.15 4.1 14.96 4.29L13.13 6.12L16.88 9.87L18.71 8.04Z",kl="M2,21L23,12L2,3V10L17,12L2,14V21Z",xl="M6 13H3V10H6V13M10 10H7V13H10V10M8 6H5V9H8V6M18 12C14.25 12 12.28 13.25 11 14H2C2 16.21 3.79 18 6 18H7C8 18 8.92 17.63 9.62 17C11.06 15.78 12.68 14.74 14.55 14.36C15.61 14.15 16.78 14 18 14H22V12H18Z",Cl="M17.36,20.2V14.82H19.15V22H3V14.82H4.8V20.2H17.36M6.77,14.32L7.14,12.56L15.93,14.41L15.56,16.17L6.77,14.32M7.93,10.11L8.69,8.5L16.83,12.28L16.07,13.9L7.93,10.11M10.19,6.12L11.34,4.74L18.24,10.5L17.09,11.87L10.19,6.12M14.64,1.87L20,9.08L18.56,10.15L13.2,2.94L14.64,1.87M6.59,18.41V16.61H15.57V18.41H6.59Z",Sl="M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z",wl="M20,14H4V8H9.08L7,10.83L8.62,12L11,8.76L12,7.4L13,8.76L15.38,12L17,10.83L14.92,8H20M20,19H4V17H20M9,4A1,1 0 0,1 10,5A1,1 0 0,1 9,6A1,1 0 0,1 8,5A1,1 0 0,1 9,4M15,4A1,1 0 0,1 16,5A1,1 0 0,1 15,6A1,1 0 0,1 14,5A1,1 0 0,1 15,4M20,6H17.82C17.93,5.69 18,5.35 18,5A3,3 0 0,0 15,2C13.95,2 13.04,2.54 12.5,3.35L12,4L11.5,3.34C10.96,2.54 10.05,2 9,2A3,3 0 0,0 6,5C6,5.35 6.07,5.69 6.18,6H4C2.89,6 2,6.89 2,8V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V8C22,6.89 21.11,6 20,6Z";function Wl(n,e,t,o){for(var r=n.length,i=t+(o?1:-1);o?i--:++i<r;)if(e(n[i],i,n))return i;return-1}function _l(n){return n!=n}function Il(n,e,t){return e==e?function(n,e,t){for(var o=t-1,r=n.length;++o<r;)if(n[o]===e)return o;return-1}(n,e,t):Wl(n,_l,t)}function Tl(n,e,t){if((n=pn(n))&&(t||void 0===e))return pi(n);if(!n||!(e=un(e)))return n;var o=it(n),r=it(e),i=function(n,e){for(var t=-1,o=n.length;++t<o&&Il(e,n[t],0)>-1;);return t}(o,r),a=function(n,e){for(var t=n.length;t--&&Il(e,n[t],0)>-1;);return t}(o,r)+1;return $e(o,i,a).join("")}function Al(n,e){var t=[];return De(n,(function(n,o,r){e(n,o,r)&&t.push(n)})),t}function Bl(n,t){return(e(n)?Rt:Al)(n,Wo(t))}function Hl(n){return pn(n).toUpperCase()}var Pl=Array.prototype.join;function Fl(n,e){return null==n?"":Pl.call(n,e)}function Ll(n){return function(n){let e=lt(n,"&");e=Io(e,(function(n){return Tl(n)}));let t=Oo(e);t=Math.min(4,t);let o=[];for(let n=0;n<t;n++)o.push(e[n]);return Fl(o,"_")}(n)}function Rl(n,e){if(!Ao(n))return[];if(!Ao(e))return[];let t=function(n,e){return Ao(n)&&Ao(e)?n.split(e):[]}(n,e);t=Io(t,Tl);let o=[];return Ve(t,(function(n){Ao(n)&&o.push(n)})),o}function Dl(){let n,e,t=new Promise((function(){n=arguments[0],e=arguments[1]}));return t.resolve=n,t.reject=e,t}var jl=i?i.isConcatSpreadable:void 0;function zl(n){return e(n)||le(n)||!!(jl&&n&&n[jl])}function Vl(n,e,t,o,r){var i=-1,a=n.length;for(t||(t=zl),r||(r=[]);++i<a;){var l=n[i];e>0&&t(l)?e>1?Vl(l,e-1,t,o,r):Ft(r,l):o||(r[r.length]=l)}return r}function Zl(n,e){if(n!==e){var t=void 0!==n,o=null===n,r=n==n,i=f(n),a=void 0!==e,l=null===e,s=e==e,c=f(e);if(!l&&!c&&!i&&n>e||i&&a&&s&&!l&&!c||o&&a&&s||!t&&s||!r)return 1;if(!o&&!i&&!c&&n<e||c&&t&&r&&!o&&!i||l&&t&&r||!a&&r||!s)return-1}return 0}function $l(n,t,o){t=t.length?ln(t,(function(n){return e(n)?function(e){return hn(e,1===n.length?n[0]:n)}:n})):[je];var r=-1;return t=ln(t,be(Wo)),function(n,e){var t=n.length;for(n.sort(e);t--;)n[t]=n[t].value;return n}(_o(n,(function(n,e,o){return{criteria:ln(t,(function(e){return e(n)})),index:++r,value:n}})),(function(n,e){return function(n,e,t){for(var o=-1,r=n.criteria,i=e.criteria,a=r.length,l=t.length;++o<a;){var s=Zl(r[o],i[o]);if(s)return o>=l?s:s*("desc"==t[o]?-1:1)}return n.index-e.index}(n,e,o)}))}var El=Math.max;function Gl(n,e,t){return e=El(void 0===e?n.length-1:e,0),function(){for(var o=arguments,r=-1,i=El(o.length-e,0),a=Array(i);++r<i;)a[r]=o[e+r];r=-1;for(var l=Array(e+1);++r<e;)l[r]=o[r];return l[e]=t(a),function(n,e,t){switch(t.length){case 0:return n.call(e);case 1:return n.call(e,t[0]);case 2:return n.call(e,t[0],t[1]);case 3:return n.call(e,t[0],t[1],t[2])}return n.apply(e,t)}(n,this,l)}}var Xl=nr?function(n,e){return nr(n,"toString",{configurable:!0,enumerable:!1,value:(t=e,function(){return t}),writable:!0});var t}:je,Ml=Xl,Nl=Date.now;var Ol=function(n){var e=0,t=0;return function(){var o=Nl(),r=16-(o-t);if(t=o,r>0){if(++e>=800)return arguments[0]}else e=0;return n.apply(void 0,arguments)}}(Ml),Kl=Ol;function Yl(n,e){return Kl(Gl(n,e,je),n+"")}var Jl=Yl((function(n,e){if(null==n)return[];var t=e.length;return t>1&&Xe(n,e[0],e[1])?e=[]:t>2&&Xe(e[0],e[1],e[2])&&(e=[e[0]]),$l(n,Vl(e,1),[])}));function Ul(n){return pn(n).toLowerCase()}function Ql(n){if(!Ii(n))return!1;return Pi(n)>=0}function ql(n,e){return Ao(n)&&Ql(e)?0===(e=Pi(e))?"":n.substring(0,e):""}function ns(n,e){if(!Ao(n))return"";if(!Ql(e))return"";if(0===(e=Pi(e)))return"";let t=n.length-e;return t<0&&(t=0),n.substring(t,t+e)}function es(n,e){return Ao(n)&&Ql(e)?0===(e=Pi(e))?n:ns(n,n.length-e):""}function ts(n){if(!Ao(n)&&!Wi(n)&&!f(n))return"";let e="";try{e=String(n)}catch(n){}try{e=n.toString()}catch(n){}return e}function os(n,e){return!!Qo(n)&&(!(!Ao(e)&&!Wi(e))&&e in n)}function rs(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Ao(n)&&Ql(e)?(t=Fi(t)?Pi(t):1,n.substring(e,e+t)):""}let is={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 as(n){return ss(n,1)}function ls(n){return ss(n,360)}function ss(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(n.indexOf("%")>=0){if(!Wi(n=Ki(n,"%","")))throw new Error("invalid color: value is not a number");n=_i(n)/100}else{if(!Wi(n))throw new Error("invalid color: value is not a number");n=_i(n)/e}if(n>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function cs(n){if(!Wi(n))throw new Error("invalid color: value is not a number");if((n=_i(n))>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function ds(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba";if(!va(n))throw new Error("invalid colors array");let t=fn(n,0,0),o=fn(n,1,0),r=fn(n,2,0),i=fn(n,3,1);if(e=e.split(""),4!==Oo(e))throw new Error("tar.length !== 4");return{[fn(e,0)]:t,[fn(e,1)]:o,[fn(e,2)]:r,[fn(e,3)]:i}}function us(n){let e=(n=es(n,1)).length;if(2===e)n=`${n}${n}${n}ff`;else if(3===e){let e=rs(n,0,1),t=rs(n,1,1),o=rs(n,2,1);n=`${e}${e}${t}${t}${o}${o}ff`}else if(6===e)n=`${n}ff`;else if(8!==e)throw new Error("invalid hex color");function t(n){if(2!==n.length)throw new Error("hex.length of color is not equal to 2");if(!Wi(n=parseInt(n,16)))throw new Error("invalid hex of color");return(n=_i(n))/255}return{r:t(rs(n,0,2)),g:t(rs(n,2,2)),b:t(rs(n,4,2)),a:t(rs(n,6,2))}}function ps(n){return n=ds(n=Io(n,((n,e)=>e<=2?ss(n,255):3===e?cs(n):null)),"rgba")}function ms(n){return n=xs(n=ds(n=Io(n,((n,e)=>0===e?ls(n):1===e||2===e?as(n):3===e?cs(n):null)),"hsla"))}function vs(n){return n=Cs(n=ds(n=Io(n,((n,e)=>0===e?ls(n):1===e||2===e?as(n):3===e?cs(n):null)),"hsva"))}function gs(n){if("transparent"===n)return{r:0,g:0,b:0,a:0};if(function(n){return os(is,n)}(n))return us(n=`#${is[n]}`);if(function(n){return"#"===ql(n,1)&&(!!/[0-9A-Fa-f]{2}/g.test(n)||(!!/[0-9A-Fa-f]{3}/g.test(n)||(!!/[0-9A-Fa-f]{6}/g.test(n)||!!/[0-9A-Fa-f]{8}/g.test(n))))}(n))return us(n);if(function(n){return"rgb"===ql(n,3)||"rgba"===ql(n,4)}(n))return function(n){return n=Ki(n,"rgba",""),n=Ki(n,"rgb",""),ps(Rl(n=Ki(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsl"===ql(n,3)||"hsla"===ql(n,4)}(n))return function(n){return n=Ki(n,"hsla",""),n=Ki(n,"hsl",""),ms(Rl(n=Ki(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsv"===ql(n,3)||"hsva"===ql(n,4)}(n))return function(n){return n=Ki(n,"hsva",""),n=Ki(n,"hsv",""),vs(Rl(n=Ki(n=n.replace(/[()]/g,""),","," ")," "))}(n);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function hs(n,e){return!!os(n,e=Ul(e))||!!os(n,e=Hl(e))}function fs(n,e,t){let o;return o=fn(n,e,null),null!==o?o:(o=fn(n,e=Hl(e),null),null!==o?o:t)}function bs(n){if(function(n){let e=hs(n,"r"),t=hs(n,"g"),o=hs(n,"b");return e&&t&&o}(n))return function(n){let e=[fs(n,"r",null),fs(n,"g",null),fs(n,"b",null),fs(n,"a",1)];return e=Io(e,ts),ps(e)}(n);if(function(n){let e=hs(n,"h"),t=hs(n,"s"),o=hs(n,"l");return e&&t&&o}(n))return function(n){let e=[fs(n,"h",null),fs(n,"s",null),fs(n,"l",null),fs(n,"a",1)];return e=Io(e,ts),ms(e)}(n);if(function(n){let e=hs(n,"h"),t=hs(n,"s"),o=hs(n,"v");return e&&t&&o}(n))return function(n){let e=[fs(n,"h",null),fs(n,"s",null),fs(n,"v",null),fs(n,"a",1)];return e=Io(e,ts),vs(e)}(n);throw new Error("color object is not one of rgba, hsla, hsva")}function ys(n){let e,t,o=n.r,r=n.g,i=n.b,a=Math.max(o,r,i),l=Math.min(o,r,i),s=(a+l)/2;if(a===l)e=t=0;else{let n=a-l;switch(t=s>.5?n/(2-a-l):n/(a+l),a){case o:e=(r-i)/n+(r<i?6:0);break;case r:e=(i-o)/n+2;break;case i:e=(o-r)/n+4}e/=6}return{h:e,s:t,l:s,a:n.a}}function ks(n){let e,t,o=n.r,r=n.g,i=n.b,a=Math.max(o,r,i),l=Math.min(o,r,i),s=a,c=a-l;if(t=0===a?0:c/a,a===l)e=0;else{switch(a){case o:e=(r-i)/c+(r<i?6:0);break;case r:e=(i-o)/c+2;break;case i:e=(o-r)/c+4}e/=6}return{h:e,s:t,v:s,a:n.a}}function xs(n){let e,t,o,r=n.h,i=n.s,a=n.l;function l(n,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?n+6*(e-n)*t:t<.5?e:t<2/3?n+(e-n)*(2/3-t)*6:n}if(0===i)e=t=o=a;else{let n=a<.5?a*(1+i):a+i-a*i,s=2*a-n;e=l(s,n,r+1/3),t=l(s,n,r),o=l(s,n,r-1/3)}return{r:e,g:t,b:o,a:n.a}}function Cs(n){let e,t,o,r=n.h,i=n.s,a=n.v,l=Math.floor(6*r),s=6*r-l,c=a*(1-i),d=a*(1-s*i),u=a*(1-(1-s)*i);switch(l%6){case 0:e=a,t=u,o=c;break;case 1:e=d,t=a,o=c;break;case 2:e=c,t=a,o=u;break;case 3:e=c,t=d,o=a;break;case 4:e=u,t=c,o=a;break;case 5:e=a,t=c,o=d}return{r:e,g:t,b:o,a:n.a}}function Ss(n){let e=Math.round(255*n).toString(16);if(1===e.length)return`0${e}`;if(2===e.length)return e;throw new Error("invalid value")}function ws(n){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=n.r,o=n.g,r=n.b,i=n.a,a=`${Ss(t)}${Ss(o)}${Ss(r)}`;return e&&(a=`${a}${Ss(i)}`),a}function Ws(n){return Math.min(1,Math.max(0,n))}function _s(n,e){if(!Ao(e))throw new Error("fmtOutput is not a string");if(!ac[e])throw console.log(`fmtOutput must be [${Le(ac)}]`),new Error("invalid fmtOutput");return n=ac[e](n)}function Is(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let o=ys(n);return o.h+=e,o.h=o.h%1,_s(xs(o),t)}function Ts(n,e,t,o){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"toRgbString";if(e<0||e>1)throw new Error("w1 < 0 or > 1");if(o<0||o>1)throw new Error("w1 < 0 or > 1");return _s({r:n.r*e+t.r*o,g:n.g*e+t.g*o,b:n.b*e+t.b*o,a:n.a*e+t.a*o},r)}function As(n){return`${Hi(100*n,1)}%`}function Bs(n){return Hi(n,0)}function Hs(n){return Hi(n,3)}function Ps(n){return{r:Bs(255*n.r),g:Bs(255*n.g),b:Bs(255*n.b)}}function Fs(n){return`rgb(${Bs(255*n.r)}, ${Bs(255*n.g)}, ${Bs(255*n.b)})`}function Ls(n){return{r:Bs(255*n.r),g:Bs(255*n.g),b:Bs(255*n.b),a:Hs(n.a)}}function Rs(n){return`rgba(${Bs(255*n.r)}, ${Bs(255*n.g)}, ${Bs(255*n.b)}, ${Hs(n.a)})`}function Ds(n){let e=ys(n);return{h:Bs(360*e.h),s:Hs(e.s),l:Hs(e.l)}}function js(n){let e=ys(n);return`hsl(${Bs(360*e.h)}, ${Hs(e.s)}, ${Hs(e.l)})`}function zs(n){let e=ys(n);return{h:Bs(360*e.h),s:Hs(e.s),l:Hs(e.l),a:Hs(e.a)}}function Vs(n){let e=ys(n);return`hsla(${Bs(360*e.h)}, ${Hs(e.s)}, ${Hs(e.l)}, ${Hs(e.a)})`}function Zs(n){let e=ks(n);return{h:Bs(360*e.h),s:Hs(e.s),v:Hs(e.v)}}function $s(n){let e=ks(n);return`hsv(${Bs(360*e.h)}, ${Hs(e.s)}, ${Hs(e.v)})`}function Es(n){let e=ks(n);return{h:Bs(360*e.h),s:Hs(e.s),v:Hs(e.v),a:Hs(e.a)}}function Gs(n){let e=ks(n);return`hsva(${Bs(360*e.h)}, ${Hs(e.s)}, ${Hs(e.v)}, ${Hs(e.a)})`}function Xs(n){return{r:As(n.r),g:As(n.g),b:As(n.b)}}function Ms(n){return`rgb(${As(n.r)}, ${As(n.g)}, ${As(n.b)})`}function Ns(n){return{r:As(n.r),g:As(n.g),b:As(n.b),a:Hs(n.a)}}function Os(n){return`rgba(${As(n.r)}, ${As(n.g)}, ${As(n.b)}, ${Hs(n.a)})`}function Ks(n){let e=ys(n);return{h:Bs(360*e.h),s:As(e.s),l:As(e.l)}}function Ys(n){let e=ys(n);return`hsl(${Bs(360*e.h)}, ${As(e.s)}, ${As(e.l)})`}function Js(n){let e=ys(n);return{h:Bs(360*e.h),s:As(e.s),l:As(e.l),a:Hs(e.a)}}function Us(n){let e=ys(n);return`hsla(${Bs(360*e.h)}, ${As(e.s)}, ${As(e.l)}, ${Hs(e.a)})`}function Qs(n){let e=ks(n);return{h:Bs(360*e.h),s:As(e.s),v:As(e.v)}}function qs(n){let e=ks(n);return`hsv(${Bs(360*e.h)}, ${As(e.s)}, ${As(e.v)})`}function nc(n){let e=ks(n);return{h:Bs(360*e.h),s:As(e.s),v:As(e.v),a:Hs(e.a)}}function ec(n){let e=ks(n);return`hsva(${Bs(360*e.h)}, ${As(e.s)}, ${As(e.v)}, ${Hs(e.a)})`}function tc(n){let e=function(n){return ws(n,!1)}(n);return`#${e}`}function oc(n){return`#${ws(n)}`}function rc(n){let e=null,t=null,o=null;if(Ao(n))e=Ul(Tl(n));else{if(!Yi(n))throw console.log("color=",n),new Error("color is not a string or an object");t=n}if(null!==e)try{o=gs(e)}catch(n){throw console.log(n),new Error(`can not parse color: ${e}`)}else if(null!==t)try{o=bs(t)}catch(n){throw console.log(n),new Error(`can not parse color: ${JSON.stringify(t)}`)}return o}function ic(n){if(!Yi(n))return console.log("gradient is not an effective object"),n=>`rgb(${255*(n=Math.min(Math.max(n,0),1))},${255*n},${255*n})`;let e=[];return Ve(n,((n,t)=>{e.push([_i(t),Ls(rc(n)),n])})),e=Jl(e,0),function(n){let t=null;for(let o=1;o<e.length;o++){let r=e[o-1][0],i=e[o-1][1],a=e[o][0],l=e[o][1];if(r<=n&&a>=n){let e=(a-n)/(a-r),o=(n-r)/(a-r);t=Ts(rc(i),e,rc(l),o,"toRgbaString");break}}return t}}let ac={toRgb:Ps,toRgbString:Fs,toRgba:Ls,toRgbaString:Rs,toHsl:Ds,toHslString:js,toHsla:zs,toHslaString:Vs,toHsv:Zs,toHsvString:$s,toHsva:Es,toHsvaString:Gs,toRgbP:Xs,toRgbPString:Ms,toRgbaP:Ns,toRgbaPString:Os,toHslP:Ks,toHslPString:Ys,toHslaP:Js,toHslaPString:Us,toHsvP:Qs,toHsvPString:qs,toHsvaP:nc,toHsvaPString:ec,toHexString:tc,toHex8String:oc};var lc=function(){let n={toRgb:n=>Ps(rc(n)),toRgbString:n=>Fs(rc(n)),toRgba:n=>Ls(rc(n)),toRgbaString:n=>Rs(rc(n)),toHsl:n=>Ds(rc(n)),toHslString:n=>js(rc(n)),toHsla:n=>zs(rc(n)),toHslaString:n=>Vs(rc(n)),toHsv:n=>Zs(rc(n)),toHsvString:n=>$s(rc(n)),toHsva:n=>Es(rc(n)),toHsvaString:n=>Gs(rc(n)),toRgbP:n=>Xs(rc(n)),toRgbPString:n=>Ms(rc(n)),toRgbaP:n=>Ns(rc(n)),toRgbaPString:n=>Os(rc(n)),toHslP:n=>Ks(rc(n)),toHslPString:n=>Ys(rc(n)),toHslaP:n=>Js(rc(n)),toHslaPString:n=>Us(rc(n)),toHsvP:n=>Qs(rc(n)),toHsvPString:n=>qs(rc(n)),toHsvaP:n=>nc(rc(n)),toHsvaPString:n=>ec(rc(n)),toHexString:n=>tc(rc(n)),toHex8String:n=>oc(rc(n)),modSaturate:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let o=ys(n);return o.s+=e,o.s=Ws(o.s),_s(xs(o),t)}(rc(n),e,t),modGrey:(n,e)=>function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString",t=ys(n);return t.s=0,_s(xs(t),e)}(rc(n),e),modLighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let o=ys(n);return o.l+=e,o.l=Ws(o.l),_s(xs(o),t)}(rc(n),e,t),modBrighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");return n.r+=e,n.r=Ws(n.r),n.g+=e,n.g=Ws(n.g),n.b+=e,n.b=Ws(n.b),_s(n,t)}(rc(n),e,t),modHue:(n,e,t)=>Is(rc(n),e,t),modComplement:(n,e)=>function(n){return Is(n,.5,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString")}(rc(n),e),spreadHue:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!Ii(e))throw new Error("num is not an integer");if((e=Pi(e))<=1)return[n];let o=ys(n),r=1/e,i=[];for(let n=0;n<e;n++)i.push(_s(xs(o),t)),o.h+=r,o.h=o.h%1;return i}(rc(n),e,t),spreadMonochromatic:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!Ii(e))throw new Error("num is not an integer");if((e=Pi(e))<=1)return[n];let o=ks(n);o.s=1,o.l=1;let r=1/e,i=[];for(let n=0;n<e;n++)i.push(_s(Cs(o),t)),o.h-=r,o.l-=r;return i}(rc(n),e,t),mix:(n,e,t,o,r)=>Ts(rc(n),e,rc(t),o,r),getBrightness:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");return(299*n.r+587*n.g+114*n.b)/1e3}(rc(n)),getLuminance:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");let e,t,o,r=n.r,i=n.g,a=n.b;return e=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4),t=i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4),o=a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4),.2126*e+.7152*t+.0722*o}(rc(n)),interp:ic};return n}();const sc={components:{},props:{name:{type:String,default:"cir-wave"},color:{type:String,default:"grey"},size:{type:Number,default:48}},data:function(){return{}},computed:{effColor:function(){return Oi(this.color)}},methods:{}};var cc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+n.size+"px; width:"+n.size+"px;"},["cir-wave"===n.name?[t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:n.size,height:n.size}},[t("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline",begin:"-0.5s"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline",begin:"-0.5s"}})]),n._v(" "),t("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline"}})])])]:"cir-rotate"===n.name?[t("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:"+n.size+"px; width:"+n.size+"px;"},[t("svg",{staticClass:"pgc-rotate",staticStyle:{transform:"rotate(0deg)"},attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"}},[t("circle",{staticClass:"pgc-dash",attrs:{fill:"transparent",cx:"43.80952380952381",cy:"43.80952380952381",r:"20","stroke-width":"4","stroke-dasharray":"100","stroke-dashoffset":"50px",stroke:n.effColor}})])])]:n._e()],2)};cc._withStripped=!0;const dc=ya({render:cc,staticRenderFns:[]},(function(n){n&&n("data-v-508ec83b_0",{source:"\n.pgc-rotate[data-v-508ec83b] {\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-508ec83b 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-508ec83b] {\r\n    animation: progress-circular-dash-data-v-508ec83b 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-508ec83b {\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-508ec83b {\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-508ec83b {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-508ec83b {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AA8FA;IACA,WAAA;IACA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,MAAA;IACA,SAAA;IACA,OAAA;IACA,QAAA;IACA,UAAA;IACA,+BAAA;IACA,wEAAA;IACA,+BAAA;AACA;AAEA;IACA,2EAAA;IACA,qBAAA;IACA,wBAAA;IACA,sBAAA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA",file:"WIconLoading.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`">\r\n\r\n        <template v-if="name===\'cir-wave\'">\r\n\r\n            <svg\r\n                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"\r\n                :width="size"\r\n                :height="size"\r\n            >\r\n                <circle cx="50" cy="50" r="14.6699" fill="none" stroke="#420457" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                </circle>\r\n                <circle cx="50" cy="50" r="33.9915" fill="none" stroke="#5a3faa" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate>\r\n                </circle>\r\n            </svg>\r\n\r\n        </template>\r\n\r\n        <template v-else-if="name===\'cir-rotate\'">\r\n\r\n            <div :style="`position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:${size}px; width:${size}px;`">\r\n                <svg\r\n                    class="pgc-rotate"\r\n                    style="transform: rotate(0deg);"\r\n                    xmlns="http://www.w3.org/2000/svg"\r\n                    viewBox="21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"\r\n                >\r\n                        <circle\r\n                            class="pgc-dash"\r\n                            fill="transparent"\r\n                            cx="43.80952380952381"\r\n                            cy="43.80952380952381"\r\n                            r="20"\r\n                            stroke-width="4"\r\n                            stroke-dasharray="100"\r\n                            stroke-dashoffset="50px"\r\n                            :stroke="effColor"\r\n                        ></circle>\r\n                    </svg>\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from \'../js/convertColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [name=\'cir-wave\'] 輸入動畫名稱字串，預設\'cir-wave\'\r\n * @vue-prop {Number} [size=48] 輸入圖標欲顯示的尺寸浮點數，預設48\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.color)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n\r\n.pgc-rotate {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate 1.4s linear infinite;\r\n    transform-origin: center center;\r\n}\r\n\r\n.pgc-dash {\r\n    animation: progress-circular-dash 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\r\n}\r\n\r\n@-webkit-keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@-webkit-keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n</style>\r\n']},media:void 0})}),sc,"data-v-508ec83b",false,undefined,!1,xa,void 0,void 0);function uc(n){var e=null==n?0:n.length;return e?n[e-1]:void 0}function pc(n,e,t,o){for(var r=t-1,i=n.length;++r<i;)if(o(n[r],e))return r;return-1}var mc=Array.prototype.splice;var vc=Yl((function(n,e){return n&&n.length&&e&&e.length?function(n,e,t,o){var r=o?pc:Il,i=-1,a=e.length,l=n;for(n===e&&(e=mr(e)),t&&(l=ln(n,be(t)));++i<a;)for(var s=0,c=e[i],d=t?t(c):c;(s=r(l,d,s,o))>-1;)l!==n&&mc.call(l,s,1),mc.call(n,s,1);return n}(n,e):n})),gc=vc;function hc(n,e,t){if(!ua(n))return void console.log("clientX is not a number",n);if(!ua(e))return void console.log("clientY is not a number",e);if(!oa(t))return void console.log("ele is not a HTMLElement",t);let o;try{o=t.getBoundingClientRect()}catch(n){return void console.log("invalid ele for getBoundingClientRect",n)}let r=!1;try{r=n>=o.left&&n<=o.right&&e>=o.top&&e<=o.bottom}catch(n){console.log("catch when calculating page information of element",n)}return r}function fc(n){if(null==n)return window;if("[object Window]"!==n.toString()){var e=n.ownerDocument;return e&&e.defaultView||window}return n}function bc(n){return n instanceof fc(n).Element||n instanceof Element}function yc(n){return n instanceof fc(n).HTMLElement||n instanceof HTMLElement}function kc(n){return"undefined"!=typeof ShadowRoot&&(n instanceof fc(n).ShadowRoot||n instanceof ShadowRoot)}var xc=Math.max,Cc=Math.min,Sc=Math.round;function wc(){var n=navigator.userAgentData;return null!=n&&n.brands&&Array.isArray(n.brands)?n.brands.map((function(n){return n.brand+"/"+n.version})).join(" "):navigator.userAgent}function Wc(){return!/^((?!chrome|android).)*safari/i.test(wc())}function _c(n,e,t){void 0===e&&(e=!1),void 0===t&&(t=!1);var o=n.getBoundingClientRect(),r=1,i=1;e&&yc(n)&&(r=n.offsetWidth>0&&Sc(o.width)/n.offsetWidth||1,i=n.offsetHeight>0&&Sc(o.height)/n.offsetHeight||1);var a=(bc(n)?fc(n):window).visualViewport,l=!Wc()&&t,s=(o.left+(l&&a?a.offsetLeft:0))/r,c=(o.top+(l&&a?a.offsetTop:0))/i,d=o.width/r,u=o.height/i;return{width:d,height:u,top:c,right:s+d,bottom:c+u,left:s,x:s,y:c}}function Ic(n){var e=fc(n);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Tc(n){return n?(n.nodeName||"").toLowerCase():null}function Ac(n){return((bc(n)?n.ownerDocument:n.document)||window.document).documentElement}function Bc(n){return _c(Ac(n)).left+Ic(n).scrollLeft}function Hc(n){return fc(n).getComputedStyle(n)}function Pc(n){var e=Hc(n),t=e.overflow,o=e.overflowX,r=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+r+o)}function Fc(n,e,t){void 0===t&&(t=!1);var o,r,i=yc(e),a=yc(e)&&function(n){var e=n.getBoundingClientRect(),t=Sc(e.width)/n.offsetWidth||1,o=Sc(e.height)/n.offsetHeight||1;return 1!==t||1!==o}(e),l=Ac(e),s=_c(n,a,t),c={scrollLeft:0,scrollTop:0},d={x:0,y:0};return(i||!i&&!t)&&(("body"!==Tc(e)||Pc(l))&&(c=(o=e)!==fc(o)&&yc(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:Ic(o)),yc(e)?((d=_c(e,!0)).x+=e.clientLeft,d.y+=e.clientTop):l&&(d.x=Bc(l))),{x:s.left+c.scrollLeft-d.x,y:s.top+c.scrollTop-d.y,width:s.width,height:s.height}}function Lc(n){var e=_c(n),t=n.offsetWidth,o=n.offsetHeight;return Math.abs(e.width-t)<=1&&(t=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:n.offsetLeft,y:n.offsetTop,width:t,height:o}}function Rc(n){return"html"===Tc(n)?n:n.assignedSlot||n.parentNode||(kc(n)?n.host:null)||Ac(n)}function Dc(n){return["html","body","#document"].indexOf(Tc(n))>=0?n.ownerDocument.body:yc(n)&&Pc(n)?n:Dc(Rc(n))}function jc(n,e){var t;void 0===e&&(e=[]);var o=Dc(n),r=o===(null==(t=n.ownerDocument)?void 0:t.body),i=fc(o),a=r?[i].concat(i.visualViewport||[],Pc(o)?o:[]):o,l=e.concat(a);return r?l:l.concat(jc(Rc(a)))}function zc(n){return["table","td","th"].indexOf(Tc(n))>=0}function Vc(n){return yc(n)&&"fixed"!==Hc(n).position?n.offsetParent:null}function Zc(n){for(var e=fc(n),t=Vc(n);t&&zc(t)&&"static"===Hc(t).position;)t=Vc(t);return t&&("html"===Tc(t)||"body"===Tc(t)&&"static"===Hc(t).position)?e:t||function(n){var e=/firefox/i.test(wc());if(/Trident/i.test(wc())&&yc(n)&&"fixed"===Hc(n).position)return null;var t=Rc(n);for(kc(t)&&(t=t.host);yc(t)&&["html","body"].indexOf(Tc(t))<0;){var o=Hc(t);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return t;t=t.parentNode}return null}(n)||e}var $c="top",Ec="bottom",Gc="right",Xc="left",Mc="auto",Nc=[$c,Ec,Gc,Xc],Oc="start",Kc="end",Yc="clippingParents",Jc="viewport",Uc="popper",Qc="reference",qc=Nc.reduce((function(n,e){return n.concat([e+"-"+Oc,e+"-"+Kc])}),[]),nd=[].concat(Nc,[Mc]).reduce((function(n,e){return n.concat([e,e+"-"+Oc,e+"-"+Kc])}),[]),ed=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function td(n){var e=new Map,t=new Set,o=[];function r(n){t.add(n.name),[].concat(n.requires||[],n.requiresIfExists||[]).forEach((function(n){if(!t.has(n)){var o=e.get(n);o&&r(o)}})),o.push(n)}return n.forEach((function(n){e.set(n.name,n)})),n.forEach((function(n){t.has(n.name)||r(n)})),o}function od(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),o=1;o<e;o++)t[o-1]=arguments[o];return[].concat(t).reduce((function(n,e){return n.replace(/%s/,e)}),n)}var rd='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',id='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',ad=["name","enabled","phase","fn","effect","requires","options"];function ld(n){return n.split("-")[0]}function sd(n,e){var t=e.getRootNode&&e.getRootNode();if(n.contains(e))return!0;if(t&&kc(t)){var o=e;do{if(o&&n.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function cd(n){return Object.assign({},n,{left:n.x,top:n.y,right:n.x+n.width,bottom:n.y+n.height})}function dd(n,e,t){return e===Jc?cd(function(n,e){var t=fc(n),o=Ac(n),r=t.visualViewport,i=o.clientWidth,a=o.clientHeight,l=0,s=0;if(r){i=r.width,a=r.height;var c=Wc();(c||!c&&"fixed"===e)&&(l=r.offsetLeft,s=r.offsetTop)}return{width:i,height:a,x:l+Bc(n),y:s}}(n,t)):bc(e)?function(n,e){var t=_c(n,!1,"fixed"===e);return t.top=t.top+n.clientTop,t.left=t.left+n.clientLeft,t.bottom=t.top+n.clientHeight,t.right=t.left+n.clientWidth,t.width=n.clientWidth,t.height=n.clientHeight,t.x=t.left,t.y=t.top,t}(e,t):cd(function(n){var e,t=Ac(n),o=Ic(n),r=null==(e=n.ownerDocument)?void 0:e.body,i=xc(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=xc(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),l=-o.scrollLeft+Bc(n),s=-o.scrollTop;return"rtl"===Hc(r||t).direction&&(l+=xc(t.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:l,y:s}}(Ac(n)))}function ud(n,e,t,o){var r="clippingParents"===e?function(n){var e=jc(Rc(n)),t=["absolute","fixed"].indexOf(Hc(n).position)>=0&&yc(n)?Zc(n):n;return bc(t)?e.filter((function(n){return bc(n)&&sd(n,t)&&"body"!==Tc(n)})):[]}(n):[].concat(e),i=[].concat(r,[t]),a=i[0],l=i.reduce((function(e,t){var r=dd(n,t,o);return e.top=xc(r.top,e.top),e.right=Cc(r.right,e.right),e.bottom=Cc(r.bottom,e.bottom),e.left=xc(r.left,e.left),e}),dd(n,a,o));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function pd(n){return n.split("-")[1]}function md(n){return["top","bottom"].indexOf(n)>=0?"x":"y"}function vd(n){var e,t=n.reference,o=n.element,r=n.placement,i=r?ld(r):null,a=r?pd(r):null,l=t.x+t.width/2-o.width/2,s=t.y+t.height/2-o.height/2;switch(i){case $c:e={x:l,y:t.y-o.height};break;case Ec:e={x:l,y:t.y+t.height};break;case Gc:e={x:t.x+t.width,y:s};break;case Xc:e={x:t.x-o.width,y:s};break;default:e={x:t.x,y:t.y}}var c=i?md(i):null;if(null!=c){var d="y"===c?"height":"width";switch(a){case Oc:e[c]=e[c]-(t[d]/2-o[d]/2);break;case Kc:e[c]=e[c]+(t[d]/2-o[d]/2)}}return e}function gd(n){return Object.assign({},{top:0,right:0,bottom:0,left:0},n)}function hd(n,e){return e.reduce((function(e,t){return e[t]=n,e}),{})}function fd(n,e){void 0===e&&(e={});var t=e,o=t.placement,r=void 0===o?n.placement:o,i=t.strategy,a=void 0===i?n.strategy:i,l=t.boundary,s=void 0===l?Yc:l,c=t.rootBoundary,d=void 0===c?Jc:c,u=t.elementContext,p=void 0===u?Uc:u,m=t.altBoundary,v=void 0!==m&&m,g=t.padding,h=void 0===g?0:g,f=gd("number"!=typeof h?h:hd(h,Nc)),b=p===Uc?Qc:Uc,y=n.rects.popper,k=n.elements[v?b:p],x=ud(bc(k)?k:k.contextElement||Ac(n.elements.popper),s,d,a),C=_c(n.elements.reference),S=vd({reference:C,element:y,strategy:"absolute",placement:r}),w=cd(Object.assign({},y,S)),W=p===Uc?w:C,_={top:x.top-W.top+f.top,bottom:W.bottom-x.bottom+f.bottom,left:x.left-W.left+f.left,right:W.right-x.right+f.right},I=n.modifiersData.offset;if(p===Uc&&I){var T=I[r];Object.keys(_).forEach((function(n){var e=[Gc,Ec].indexOf(n)>=0?1:-1,t=[$c,Ec].indexOf(n)>=0?"y":"x";_[n]+=T[t]*e}))}return _}var bd="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",yd={placement:"bottom",modifiers:[],strategy:"absolute"};function kd(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];return!e.some((function(n){return!(n&&"function"==typeof n.getBoundingClientRect)}))}function xd(n){void 0===n&&(n={});var e=n,t=e.defaultModifiers,o=void 0===t?[]:t,r=e.defaultOptions,i=void 0===r?yd:r;return function(n,e,t){void 0===t&&(t=i);var r,a,l={placement:"bottom",orderedModifiers:[],options:Object.assign({},yd,i),modifiersData:{},elements:{reference:n,popper:e},attributes:{},styles:{}},s=[],c=!1,d={state:l,setOptions:function(t){var r="function"==typeof t?t(l.options):t;u(),l.options=Object.assign({},i,l.options,r),l.scrollParents={reference:bc(n)?jc(n):n.contextElement?jc(n.contextElement):[],popper:jc(e)};var a=function(n){var e=td(n);return ed.reduce((function(n,t){return n.concat(e.filter((function(n){return n.phase===t})))}),[])}(function(n){var e=n.reduce((function(n,e){var t=n[e.name];return n[e.name]=t?Object.assign({},t,e,{options:Object.assign({},t.options,e.options),data:Object.assign({},t.data,e.data)}):e,n}),{});return Object.keys(e).map((function(n){return e[n]}))}([].concat(o,l.options.modifiers)));(l.orderedModifiers=a.filter((function(n){return n.enabled})),function(n){n.forEach((function(e){[].concat(Object.keys(e),ad).filter((function(n,e,t){return t.indexOf(n)===e})).forEach((function(t){switch(t){case"name":"string"!=typeof e.name&&console.error(od(rd,String(e.name),'"name"','"string"','"'+String(e.name)+'"'));break;case"enabled":"boolean"!=typeof e.enabled&&console.error(od(rd,e.name,'"enabled"','"boolean"','"'+String(e.enabled)+'"'));break;case"phase":ed.indexOf(e.phase)<0&&console.error(od(rd,e.name,'"phase"',"either "+ed.join(", "),'"'+String(e.phase)+'"'));break;case"fn":"function"!=typeof e.fn&&console.error(od(rd,e.name,'"fn"','"function"','"'+String(e.fn)+'"'));break;case"effect":null!=e.effect&&"function"!=typeof e.effect&&console.error(od(rd,e.name,'"effect"','"function"','"'+String(e.fn)+'"'));break;case"requires":null==e.requires||Array.isArray(e.requires)||console.error(od(rd,e.name,'"requires"','"array"','"'+String(e.requires)+'"'));break;case"requiresIfExists":Array.isArray(e.requiresIfExists)||console.error(od(rd,e.name,'"requiresIfExists"','"array"','"'+String(e.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+e.name+'" modifier, valid properties are '+ad.map((function(n){return'"'+n+'"'})).join(", ")+'; but "'+t+'" was provided.')}e.requires&&e.requires.forEach((function(t){null==n.find((function(n){return n.name===t}))&&console.error(od(id,String(e.name),t,t))}))}))}))}((c=[].concat(a,l.options.modifiers),p=function(n){return n.name},m=new Set,c.filter((function(n){var e=p(n);if(!m.has(e))return m.add(e),!0})))),ld(l.options.placement)===Mc)&&(l.orderedModifiers.find((function(n){return"flip"===n.name}))||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" ")));var c,p,m,v=Hc(e);return[v.marginTop,v.marginRight,v.marginBottom,v.marginLeft].some((function(n){return parseFloat(n)}))&&console.warn(['Popper: CSS "margin" styles cannot be used to apply padding',"between the popper and its reference element or boundary.","To replicate margin, use the `offset` modifier, as well as","the `padding` option in the `preventOverflow` and `flip`","modifiers."].join(" ")),l.orderedModifiers.forEach((function(n){var e=n.name,t=n.options,o=void 0===t?{}:t,r=n.effect;if("function"==typeof r){var i=r({state:l,name:e,instance:d,options:o}),a=function(){};s.push(i||a)}})),d.update()},forceUpdate:function(){if(!c){var n=l.elements,e=n.reference,t=n.popper;if(kd(e,t)){l.rects={reference:Fc(e,Zc(t),"fixed"===l.options.strategy),popper:Lc(t)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((function(n){return l.modifiersData[n.name]=Object.assign({},n.data)}));for(var o=0,r=0;r<l.orderedModifiers.length;r++){if((o+=1)>100){console.error("Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.");break}if(!0!==l.reset){var i=l.orderedModifiers[r],a=i.fn,s=i.options,u=void 0===s?{}:s,p=i.name;"function"==typeof a&&(l=a({state:l,options:u,name:p,instance:d})||l)}else l.reset=!1,r=-1}}else console.error(bd)}},update:(r=function(){return new Promise((function(n){d.forceUpdate(),n(l)}))},function(){return a||(a=new Promise((function(n){Promise.resolve().then((function(){a=void 0,n(r())}))}))),a}),destroy:function(){u(),c=!0}};if(!kd(n,e))return console.error(bd),d;function u(){s.forEach((function(n){return n()})),s=[]}return d.setOptions(t).then((function(n){!c&&t.onFirstUpdate&&t.onFirstUpdate(n)})),d}}var Cd={passive:!0};var Sd={top:"auto",right:"auto",bottom:"auto",left:"auto"};function wd(n){var e,t=n.popper,o=n.popperRect,r=n.placement,i=n.variation,a=n.offsets,l=n.position,s=n.gpuAcceleration,c=n.adaptive,d=n.roundOffsets,u=n.isFixed,p=a.x,m=void 0===p?0:p,v=a.y,g=void 0===v?0:v,h="function"==typeof d?d({x:m,y:g}):{x:m,y:g};m=h.x,g=h.y;var f=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),y=Xc,k=$c,x=window;if(c){var C=Zc(t),S="clientHeight",w="clientWidth";if(C===fc(t)&&"static"!==Hc(C=Ac(t)).position&&"absolute"===l&&(S="scrollHeight",w="scrollWidth"),r===$c||(r===Xc||r===Gc)&&i===Kc)k=Ec,g-=(u&&C===x&&x.visualViewport?x.visualViewport.height:C[S])-o.height,g*=s?1:-1;if(r===Xc||(r===$c||r===Ec)&&i===Kc)y=Gc,m-=(u&&C===x&&x.visualViewport?x.visualViewport.width:C[w])-o.width,m*=s?1:-1}var W,_=Object.assign({position:l},c&&Sd),I=!0===d?function(n,e){var t=n.x,o=n.y,r=e.devicePixelRatio||1;return{x:Sc(t*r)/r||0,y:Sc(o*r)/r||0}}({x:m,y:g},fc(t)):{x:m,y:g};return m=I.x,g=I.y,s?Object.assign({},_,((W={})[k]=b?"0":"",W[y]=f?"0":"",W.transform=(x.devicePixelRatio||1)<=1?"translate("+m+"px, "+g+"px)":"translate3d("+m+"px, "+g+"px, 0)",W)):Object.assign({},_,((e={})[k]=b?g+"px":"",e[y]=f?m+"px":"",e.transform="",e))}var Wd={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(n){var e=n.state,t=n.options,o=t.gpuAcceleration,r=void 0===o||o,i=t.adaptive,a=void 0===i||i,l=t.roundOffsets,s=void 0===l||l,c=Hc(e.elements.popper).transitionProperty||"";a&&["transform","top","right","bottom","left"].some((function(n){return c.indexOf(n)>=0}))&&console.warn(["Popper: Detected CSS transitions on at least one of the following",'CSS properties: "transform", "top", "right", "bottom", "left".',"\n\n",'Disable the "computeStyles" modifier\'s `adaptive` option to allow',"for smooth transitions, or remove these properties from the CSS","transition declaration on the popper element if only transitioning","opacity or background-color for example.","\n\n","We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "));var d={placement:ld(e.placement),variation:pd(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,wd(Object.assign({},d,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:s})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,wd(Object.assign({},d,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}};var _d={name:"applyStyles",enabled:!0,phase:"write",fn:function(n){var e=n.state;Object.keys(e.elements).forEach((function(n){var t=e.styles[n]||{},o=e.attributes[n]||{},r=e.elements[n];yc(r)&&Tc(r)&&(Object.assign(r.style,t),Object.keys(o).forEach((function(n){var e=o[n];!1===e?r.removeAttribute(n):r.setAttribute(n,!0===e?"":e)})))}))},effect:function(n){var e=n.state,t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.styles=t,e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),function(){Object.keys(e.elements).forEach((function(n){var o=e.elements[n],r=e.attributes[n]||{},i=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce((function(n,e){return n[e]="",n}),{});yc(o)&&Tc(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(n){o.removeAttribute(n)})))}))}},requires:["computeStyles"]},Id=xd({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(n){var e=n.state,t=n.instance,o=n.options,r=o.scroll,i=void 0===r||r,a=o.resize,l=void 0===a||a,s=fc(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(n){n.addEventListener("scroll",t.update,Cd)})),l&&s.addEventListener("resize",t.update,Cd),function(){i&&c.forEach((function(n){n.removeEventListener("scroll",t.update,Cd)})),l&&s.removeEventListener("resize",t.update,Cd)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(n){var e=n.state,t=n.name;e.modifiersData[t]=vd({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},Wd,_d]}),Td={left:"right",right:"left",bottom:"top",top:"bottom"};function Ad(n){return n.replace(/left|right|bottom|top/g,(function(n){return Td[n]}))}var Bd={start:"end",end:"start"};function Hd(n){return n.replace(/start|end/g,(function(n){return Bd[n]}))}function Pd(n,e){void 0===e&&(e={});var t=e,o=t.placement,r=t.boundary,i=t.rootBoundary,a=t.padding,l=t.flipVariations,s=t.allowedAutoPlacements,c=void 0===s?nd:s,d=pd(o),u=d?l?qc:qc.filter((function(n){return pd(n)===d})):Nc,p=u.filter((function(n){return c.indexOf(n)>=0}));0===p.length&&(p=u,console.error(["Popper: The `allowedAutoPlacements` option did not allow any","placements. Ensure the `placement` option matches the variation","of the allowed placements.",'For example, "auto" cannot be used to allow "bottom-start".','Use "auto-start" instead.'].join(" ")));var m=p.reduce((function(e,t){return e[t]=fd(n,{placement:t,boundary:r,rootBoundary:i,padding:a})[ld(t)],e}),{});return Object.keys(m).sort((function(n,e){return m[n]-m[e]}))}var Fd={name:"flip",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,o=n.name;if(!e.modifiersData[o]._skip){for(var r=t.mainAxis,i=void 0===r||r,a=t.altAxis,l=void 0===a||a,s=t.fallbackPlacements,c=t.padding,d=t.boundary,u=t.rootBoundary,p=t.altBoundary,m=t.flipVariations,v=void 0===m||m,g=t.allowedAutoPlacements,h=e.options.placement,f=ld(h),b=s||(f===h||!v?[Ad(h)]:function(n){if(ld(n)===Mc)return[];var e=Ad(n);return[Hd(n),e,Hd(e)]}(h)),y=[h].concat(b).reduce((function(n,t){return n.concat(ld(t)===Mc?Pd(e,{placement:t,boundary:d,rootBoundary:u,padding:c,flipVariations:v,allowedAutoPlacements:g}):t)}),[]),k=e.rects.reference,x=e.rects.popper,C=new Map,S=!0,w=y[0],W=0;W<y.length;W++){var _=y[W],I=ld(_),T=pd(_)===Oc,A=[$c,Ec].indexOf(I)>=0,B=A?"width":"height",H=fd(e,{placement:_,boundary:d,rootBoundary:u,altBoundary:p,padding:c}),P=A?T?Gc:Xc:T?Ec:$c;k[B]>x[B]&&(P=Ad(P));var F=Ad(P),L=[];if(i&&L.push(H[I]<=0),l&&L.push(H[P]<=0,H[F]<=0),L.every((function(n){return n}))){w=_,S=!1;break}C.set(_,L)}if(S)for(var R=function(n){var e=y.find((function(e){var t=C.get(e);if(t)return t.slice(0,n).every((function(n){return n}))}));if(e)return w=e,"break"},D=v?3:1;D>0;D--){if("break"===R(D))break}e.placement!==w&&(e.modifiersData[o]._skip=!0,e.placement=w,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Ld={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var e=n.state,t=n.options,o=n.name,r=t.offset,i=void 0===r?[0,0]:r,a=nd.reduce((function(n,t){return n[t]=function(n,e,t){var o=ld(n),r=[Xc,$c].indexOf(o)>=0?-1:1,i="function"==typeof t?t(Object.assign({},e,{placement:n})):t,a=i[0],l=i[1];return a=a||0,l=(l||0)*r,[Xc,Gc].indexOf(o)>=0?{x:l,y:a}:{x:a,y:l}}(t,e.rects,i),n}),{}),l=a[e.placement],s=l.x,c=l.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s,e.modifiersData.popperOffsets.y+=c),e.modifiersData[o]=a}};function Rd(n,e,t){return void 0===t&&(t={x:0,y:0}),{top:n.top-e.height-t.y,right:n.right-e.width+t.x,bottom:n.bottom-e.height+t.y,left:n.left-e.width-t.x}}function Dd(n){return[$c,Gc,Ec,Xc].some((function(e){return n[e]>=0}))}var jd={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(n){var e=n.state,t=n.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=fd(e,{elementContext:"reference"}),l=fd(e,{altBoundary:!0}),s=Rd(a,o),c=Rd(l,r,i),d=Dd(s),u=Dd(c);e.modifiersData[t]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":u})}};function zd(n,e,t){return xc(n,Cc(e,t))}var Vd={name:"preventOverflow",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,o=n.name,r=t.mainAxis,i=void 0===r||r,a=t.altAxis,l=void 0!==a&&a,s=t.boundary,c=t.rootBoundary,d=t.altBoundary,u=t.padding,p=t.tether,m=void 0===p||p,v=t.tetherOffset,g=void 0===v?0:v,h=fd(e,{boundary:s,rootBoundary:c,padding:u,altBoundary:d}),f=ld(e.placement),b=pd(e.placement),y=!b,k=md(f),x="x"===k?"y":"x",C=e.modifiersData.popperOffsets,S=e.rects.reference,w=e.rects.popper,W="function"==typeof g?g(Object.assign({},e.rects,{placement:e.placement})):g,_="number"==typeof W?{mainAxis:W,altAxis:W}:Object.assign({mainAxis:0,altAxis:0},W),I=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,T={x:0,y:0};if(C){if(i){var A,B="y"===k?$c:Xc,H="y"===k?Ec:Gc,P="y"===k?"height":"width",F=C[k],L=F+h[B],R=F-h[H],D=m?-w[P]/2:0,j=b===Oc?S[P]:w[P],z=b===Oc?-w[P]:-S[P],V=e.elements.arrow,Z=m&&V?Lc(V):{width:0,height:0},$=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},E=$[B],G=$[H],X=zd(0,S[P],Z[P]),M=y?S[P]/2-D-X-E-_.mainAxis:j-X-E-_.mainAxis,N=y?-S[P]/2+D+X+G+_.mainAxis:z+X+G+_.mainAxis,O=e.elements.arrow&&Zc(e.elements.arrow),K=O?"y"===k?O.clientTop||0:O.clientLeft||0:0,Y=null!=(A=null==I?void 0:I[k])?A:0,J=F+N-Y,U=zd(m?Cc(L,F+M-Y-K):L,F,m?xc(R,J):R);C[k]=U,T[k]=U-F}if(l){var Q,q="x"===k?$c:Xc,nn="x"===k?Ec:Gc,en=C[x],tn="y"===x?"height":"width",on=en+h[q],rn=en-h[nn],an=-1!==[$c,Xc].indexOf(f),ln=null!=(Q=null==I?void 0:I[x])?Q:0,sn=an?on:en-S[tn]-w[tn]-ln+_.altAxis,cn=an?en+S[tn]+w[tn]-ln-_.altAxis:rn,dn=m&&an?function(n,e,t){var o=zd(n,e,t);return o>t?t:o}(sn,en,cn):zd(m?sn:on,en,m?cn:rn);C[x]=dn,T[x]=dn-en}e.modifiersData[o]=T}},requiresIfExists:["offset"]};function Zd(n,e,t,o,r){let i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},a=Di();if(Ve(["mode","mmkey","kind",o,"triggerWidth","placement","placementDistX","placementDistY","transitionTime","isolated","editable","contentStyle"],(e=>{if(!os(n,e))throw new Error(`invalid vo.${e}`)})),!ji(e))throw new Error("funGetDivTrigger is not a function");if(!ji(t))throw new Error("funGetDivContent is not a function");let l=fn(i,"addTriggerMode"),s=fn(i,"checkTriggerEffMode"),c=fn(i,"removeTriggerMode"),d={mouseClientX:0,mouseClientY:0,cursorTriggerInner:!1,clickContentInner:!1,popperShow:!1,popperInstance:null},u=()=>!ji(s)||s(n.mode,n.mmkey),p=o=>{let r=e();if(!oa(r))return;n.$nextTick((()=>{n.triggerWidth=r.offsetWidth}));let i=t();if(!oa(i))return;ji(l)&&l(n.mode,n.mmkey);let a={strategy:"fixed",placement:n.placement,modifiers:[Vd,Wd,{name:"computeStyles",options:{gpuAcceleration:!1}},Fd,{name:"flip",options:{fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","top","right-start","right-end","right","left-start","left-end","left"]}},Ld,{name:"offset",options:{offset:[n.placementDistX,n.placementDistY]}},jd]};d.popperInstance=Id(r,i,a)},m=e=>{d.popperInstance&&(d.popperInstance.destroy(),d.popperInstance=null),setTimeout((()=>{ji(c)&&c(n.mode,n.mmkey)}),20)},v=e=>{n.$nextTick((()=>{let e=n.editable&&n[o];if(e&&!d.popperShow){let e=-15;n.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,p(),d.popperShow=!0,n.$emit("show"),a.emit("show"),setTimeout((()=>{n.contentStyle=`transition:all ${n.transitionTime}ms ease-out; opacity:1; pointer-events:none;`}),1),setTimeout((()=>{n.contentStyle=""}),n.transitionTime)}else!e&&d.popperShow&&(m(),d.popperShow=!1,n.$emit("hide"),a.emit("hide"))}))},g=(e,t)=>{n.editable&&(n[o]=e,v())},h=(e,t)=>{n.editable&&(n.isolated&&g(e),n.$nextTick((()=>{n.$emit(r,e),a.emit(r,e)})))},f=(e,t)=>{n.editable&&(n[o]||n.kind===e&&h(!0))},b=(e,t)=>{n.editable&&n[o]&&n.kind===e&&h(!1)};return a.mounted=()=>{d.windowMousemove=n=>{d.mouseClientX=n.clientX,d.mouseClientY=n.clientY},window.addEventListener("mousemove",d.windowMousemove,!1),d.windowMousedown=r=>{let i=e();oa(i)?d.cursorTriggerInner=hc(r.clientX,r.clientY,i):d.cursorTriggerInner=!1;let a=t();n[o]&&a?d.clickContentInner=hc(r.clientX,r.clientY,a):d.clickContentInner=!1},window.addEventListener("mousedown",d.windowMousedown,!1),d.windowMouseup=e=>{u()&&(!n[o]||d.cursorTriggerInner||d.clickContentInner?(d.cursorTriggerInner=!1,d.clickContentInner=!1):n.evHide("click","windowMouseup"))},window.addEventListener("mouseup",d.windowMouseup,!1),d.windowScroll=t=>{if("hover"!==n.kind)return;let r=e();oa(r)&&(d.cursorTriggerInner=!!r&&hc(d.mouseClientX,d.mouseClientY,r),d.cursorTriggerInner?n[o]||f("hover"):n[o]&&b("hover"))},window.addEventListener("scroll",d.windowScroll,!1)},a.destroy=()=>{window.removeEventListener("mousemove",d.windowMousemove,!1),window.removeEventListener("mousedown",d.windowMousedown,!1),window.removeEventListener("mouseup",d.windowMouseup,!1),window.removeEventListener("scroll",d.windowMouseup,!1),h(!1)},a.showPopper=p,a.hidePopper=m,a.updatePopper=(e,t)=>{d.popperInstance&&d.popperInstance.update(),n.$emit("resize",e),a.emit("resize",e)},a.displayPopper=v,a.updateValue=g,a.triggerEvent=h,a.evShow=f,a.evHide=b,a}let $d={tooltip:[],popup:[]};function Ed(n,e){$d[n].push(e)}function Gd(n,e){return uc($d[n])===e}function Xd(n,e){gc($d[n],e)}const Md={directives:{domresize:$i()},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})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:Zi(),valueTrans:!1,triggerWidth:null,contentStyle:"",bp:null}},mounted:function(){let n=this;n.bp=new Zd(n,n.funGetDivTrigger,n.funGetDivContent,"valueTrans","input",{addTriggerMode:Ed,checkTriggerEffMode:Gd,removeTriggerMode:Xd}),n.bp.mounted()},beforeDestroy:function(){this.bp.destroy()},computed:{changeValue:function(){let n=this,e=n.value;return n.isolated||n.updateValue(e,"changeValue"),""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let n=this;return ua(n.minWidth)?`min-width:${n.minWidth}px;`:n.autoFitMinWidth?`min-width:${n.triggerWidth}px;`:""},useMaxWidth:function(){let n=this;return ua(n.maxWidth)?`max-width:${n.maxWidth}px;`:n.autoFitMaxWidth?`max-width:${n.triggerWidth}px;`:""},useBorderRadius:function(){let n=this;return ua(n.borderRadius)?`border-radius:${n.borderRadius}px;`:""},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTextColor:function(){return Oi(this.textColor)},useBackgroundColor:function(){return Oi(this.backgroundColor)},usePadding:function(){return`padding:${ma(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let n=Ki(this.shadowStyle,";","");return""!==n?`box-shadow:${n};`:""},kind:function(){return"popup"===this.mode?"click":"hover"}},methods:{funGetDivTrigger:function(){return fn(this,"$refs.divTrigger",null)},funGetDivContent:function(){return fn(this,"$refs.divContent",null)},evShow:function(n,e){let t=this;ji(fn(t,"bp.evShow"))&&t.bp.evShow(n,e)},evHide:function(n,e){let t=this;ji(fn(t,"bp.evHide"))&&t.bp.evHide(n,e)},updatePopper:function(n,e){let t=this;ji(fn(t,"bp.updatePopper"))&&t.bp.updatePopper(n,e)},updateValue:function(n,e){let t=this;ji(fn(t,"bp.updateValue"))&&t.bp.updateValue(n,e)}}};var Nd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""+n.useDisplayType,attrs:{changeValue:n.changeValue}},[t("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return n.evShow("click","click")},mouseenter:function(e){return n.evShow("hover","mouseenter")},mouseleave:function(e){return n.evHide("hover","mouseleave")}}},[n._t("trigger")],2),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[n.valueTrans?t("div",{style:n.contentStyle+" "+n.usePadding+" "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+"; "+n.useMinWidth+" "+n.useMaxWidth+" "+n.useBorderRadius+" "+n.useShadow},[n._t("content",null,{funHide:function(){n.updateValue(!1,"slot")}})],2):n._e()])])};Nd._withStripped=!0;const Od=ya({render:Nd,staticRenderFns:[]},(function(n){n&&n("data-v-fc4ddcb8_0",{source:"\n.WPopperFix[data-popper-reference-hidden][data-v-fc4ddcb8] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AAwaA;IACA,kBAAA;IACA,oBAAA;AACA",file:"WTooltip.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`${useDisplayType}`\"\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <div\r\n            ref=\"divTrigger\"\r\n            style=\"outline:none;\"\r\n            tabindex=\"0\"\r\n            @click=\"evShow('click','click')\"\r\n            @mouseenter=\"evShow('hover','mouseenter')\"\r\n            @mouseleave=\"evHide('hover','mouseleave')\"\r\n        >\r\n\r\n            <slot name=\"trigger\"></slot>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 不能給予position因會被popupjs洗掉, 但可給z-index, 且popupjs會改用transform:translate定位 --\x3e\r\n        \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n        <div\r\n            ref=\"divContent\"\r\n            class=\"WPopperFix\"\r\n            :style=\"`z-index:${cmpZIndex};`\"\r\n            v-show=\"valueTrans\"\r\n            v-domresize\r\n            @domresize=\"updatePopper\"\r\n        >\r\n            <div\r\n                :style=\"`${contentStyle} ${usePadding} ${useTextFontSize} color:${useTextColor}; background:${useBackgroundColor}; ${useMinWidth} ${useMaxWidth} ${useBorderRadius} ${useShadow}`\"\r\n                v-if=\"valueTrans\"\r\n            >\r\n                <slot\r\n                    name=\"content\"\r\n                    :funHide=\"()=>{updateValue(false,'slot')}\"\r\n                ></slot>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\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 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 addTriggerMode(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction checkTriggerEffMode(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction removeTriggerMode(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='tooltip'] 輸入組件模式字串，可選'tooltip'與'popup'，預設'tooltip'\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [displayType='block'] 輸入display設定字串，可選'block'與'line'，預設'block'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗或彈窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [isolated=false] 輸入提示窗或彈窗當mode為'popup'時是否為獨立顯引狀態布林值，也就是可不接收外部傳入value值，預設false\r\n * @vue-prop {Number} [minWidth=null] 輸入提示窗或彈窗最小寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入提示窗或彈窗最大寬度數字，單位為px，預設null\r\n * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最小寬度布林值，預設false\r\n * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為提示窗或彈窗之最大寬度布林值，預設false\r\n * @vue-prop {String} [placement='bottom'] 輸入提示窗或彈窗出現位置字串，可選'top-start'、'top'、'top-end'、'bottom-start'、'bottom'、'bottom-end'、'left-start'、'left'、'left-end'、'right-start'、'right'、'right-end'、，預設'bottom'\r\n * @vue-prop {Number} [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 {Boolean} [shadow=true] 輸入提示窗或彈窗是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入提示窗或彈窗陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [transitionTime=200] 輸入提示窗或彈窗淡入出現時間數字，單位為ms，預設200\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        mode: {\r\n            type: String,\r\n            default: 'tooltip', //tooltip, popup\r\n        },\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        displayType: {\r\n            type: String,\r\n            default: 'block', //line, block\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        isolated: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        minWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        maxWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        autoFitMinWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoFitMaxWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        placement: {\r\n            type: String,\r\n            default: 'bottom',\r\n        },\r\n        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        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        transitionTime: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成\r\n            // mmkey: (() => {\r\n            //     let id = genID()\r\n            //     console.log('data gen mmkey', id)\r\n            //     return id\r\n            // })(),\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null,\r\n            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                addTriggerMode,\r\n                checkTriggerEffMode,\r\n                removeTriggerMode,\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        kind: function() {\r\n            let vo = this\r\n            if (vo.mode === 'popup') {\r\n                return 'click'\r\n            }\r\n            return 'hover'\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        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})}),Md,"data-v-fc4ddcb8",false,undefined,!1,xa,void 0,void 0);var Kd={components:{WIcon:_a,WIconLoading:dc,WTooltip:Od},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 Oi(this.iconColor)},effIconColorHover:function(){return Oi(this.iconColorHover)},effIconColorFocus:function(){return Oi(this.iconColorFocus)},effIconColorActive:function(){return Oi(this.iconColorActive)},useIconColor:function(){let n,e=this;return e.loadingTrans?e.effIconColor:(n=e.activeTrans?e.effIconColorActive:e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.activeTrans?e.effIconColorActive:e.effIconColor),n)},useBorderRadius:function(){let n=this,e="0px";if(Wi(n.borderRadius)){e=`${_i(n.borderRadius)}px;`}else Ao(n.borderRadius)&&(e=n.borderRadius);let t="0px",o="0px",r="0px",i="0px";return!0===fn(n,"borderRadiusStyle.left")&&(t=e,r=e),!0===fn(n,"borderRadiusStyle.right")&&(o=e,i=e),!0===fn(n,"borderRadiusStyle.top")&&(t=e,o=e),!0===fn(n,"borderRadiusStyle.bottom")&&(r=e,i=e),!0!==fn(n,"borderRadiusStyle.topLeft")&&!0!==fn(n,"borderRadiusStyle.top-left")||(t=e),!0!==fn(n,"borderRadiusStyle.topRight")&&!0!==fn(n,"borderRadiusStyle.top-right")||(o=e),!0!==fn(n,"borderRadiusStyle.bottomLeft")&&!0!==fn(n,"borderRadiusStyle.bottom-left")||(r=e),!0!==fn(n,"borderRadiusStyle.bottomRight")&&!0!==fn(n,"borderRadiusStyle.bottom-right")||(i=e),`border-top-left-radius:${t}; border-top-right-radius:${o}; border-bottom-left-radius:${r}; border-bottom-right-radius:${i};`},effBorderColor:function(){return Oi(this.borderColor)},effBorderColorHover:function(){return Oi(this.borderColorHover)},effBorderColorFocus:function(){return Oi(this.borderColorFocus)},effBorderColorActive:function(){return Oi(this.borderColorActive)},useBorderColor:function(){let n,e=this;return e.loadingTrans?e.effBorderColor:(n=e.activeTrans?e.effBorderColorActive:e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.activeTrans?e.effBorderColorActive:e.effBorderColor),n)},effBackgroundColor:function(){return Oi(this.backgroundColor)},effBackgroundColorHover:function(){return Oi(this.backgroundColorHover)},effBackgroundColorFocus:function(){return Oi(this.backgroundColorFocus)},effBackgroundColorActive:function(){return Oi(this.backgroundColorActive)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans?e.effBackgroundColor:(n=e.activeTrans?e.effBackgroundColorActive:e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),n)},effRippleColor:function(){return Oi(this.rippleColor)},effLoadingColor:function(){return Oi(this.loadingColor)},effDisabledColor:function(){return Oi(this.disabledColor)},usePadding:function(){let n=this;return`padding:${ma(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useShadow:function(){let n=this;return n.shadow&&Ao(n.shadowStyle)?"box-shadow:"+function(n,e,t){let o=lt(n=Ki(n,"}","{"),"{");return o=Io(o,(n=>{if(n.indexOf(e)>=0){let e=Rl(n,"=")[1];return e=Wi(e)?_i(e):.2,function(n,e){let t=Oi(n),o=lc.toRgba(t);return o.a=e,lc.toRgbaString(o)}(t,e)}return n})),Fl(o,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},hasTooltop:function(){return Ao(this.tooltip)}},methods:{ripple:function(n){let e=this;e.editable&&(e.loadingTrans||e.$nextTick((()=>{ia(n.currentTarget,n,{color:e.effRippleColor,timeDuration:500})})))},clickBtn:function(n){let e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let n=Dl();e.$nextTick((()=>{e.$emit("click",{pm:n})})),n.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}else e.$nextTick((()=>{e.$emit("click")}))}}};const Yd=Kd;var Jd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeActive:n.changeActive,changeLoading:n.changeLoading}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"position:relative; transition:all 0.3s; "+n.usePadding+" "+n.useBorderRadius+" border:"+n.borderWidth+"px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" "+n.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},focus:function(e){n.focusTrans=!0},blur:function(e){n.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){n.ripple(e),n.clickBtn(e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n.loadingTrans?n._e():t("WIcon",{attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}),n._v(" "),n.loadingTrans?t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}}):n._e()],1),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n            "+n._s(n.tooltip)+"\n        ")]},proxy:!0}])})],1)};Jd._withStripped=!0;const Ud=ya({render:Jd,staticRenderFns:[]},(function(n){n&&n("data-v-0821dd36_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Yd,"data-v-0821dd36",false,undefined,!1,xa,void 0,void 0);const Qd={components:{WButtonCircle:Ud},props:{kbname:{type:String},casename:{type:String}},data:function(){return{mdiLaunch:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",mdiUnfoldMoreVertical:"M18.17,12L15,8.83L16.41,7.41L21,12L16.41,16.58L15,15.17L18.17,12M5.83,12L9,15.17L7.59,16.59L3,12L7.59,7.42L9,8.83L5.83,12Z"}},mounted:function(){},computed:{fn:function(){let n=`${this.casename}`;return`${this.kbname}_${Ll(n)}`}},methods:{ckExample:function(){let n="https://yuda-lyu.github.io/w-component-vue/examples/"+this.fn+".html";window.open(n,"_blank")},ckCode:function(){let n="https://github.com/yuda-lyu/w-component-vue/blob/master/docs/examples/"+this.fn+".html";window.open(n,"_blank")}}};var qd=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"item"},[t("div",{staticStyle:{display:"inline-block"}},[n._v("\n        "+n._s(n.casename)+"\n    ")]),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiLaunch,iconSize:16,paddingStyle:{v:3,h:3},iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"example"},on:{click:n.ckExample}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiUnfoldMoreVertical,iconSize:16,paddingStyle:{v:3,h:3},iconColor:"red darken-1",iconColorHover:"red darken-1",iconColorFocus:"red darken-1",backgroundColor:"#fff",backgroundColorHover:"#fff5f5",backgroundColorFocus:"#fff2f2",tooltip:"code"},on:{click:n.ckCode}})],1)};qd._withStripped=!0;const nu=ya({render:qd,staticRenderFns:[]},(function(n){n&&n("data-v-44768188_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/* 組件所須全域樣式 */\n.item[data-v-44768188] {\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}\n.cpitem[data-v-44768188] {\r\n    transition: all 0.3s;\r\n    padding: 5px 15px;\r\n    cursor: pointer;\n}\n.cpitem-white[data-v-44768188] {\r\n    background: #fff;\n}\n.cpitem-white[data-v-44768188]:hover {\r\n    background: #eee;\n}\n.cpitem-black[data-v-44768188] {\r\n    background: #333;\n}\n.cpitem-black[data-v-44768188]:hover {\r\n    background: #555;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\demolink.vue"],names:[],mappings:";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,aAAA;AACA;IACA,8BAAA;IACA,uBAAA;IACA,yBAAA;IACA,iBAAA;IACA,aAAA;IACA,2BAAA;IACA,mBAAA;AACA;AACA;IACA,oBAAA;IACA,iBAAA;IACA,eAAA;AACA;AACA;IACA,gBAAA;AACA;AACA;IACA,gBAAA;AACA;AACA;IACA,gBAAA;AACA;AACA;IACA,gBAAA;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            :icon="mdiLaunch"\r\n            :iconSize="16"\r\n            :paddingStyle="{v:3,h:3}"\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            :icon="mdiUnfoldMoreVertical"\r\n            :iconSize="16"\r\n            :paddingStyle="{v:3,h:3}"\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 \'./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-component-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-component-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/* 組件所須全域樣式 */\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.cpitem {\r\n    transition: all 0.3s;\r\n    padding: 5px 15px;\r\n    cursor: pointer;\r\n}\r\n.cpitem-white {\r\n    background: #fff;\r\n}\r\n.cpitem-white:hover {\r\n    background: #eee;\r\n}\r\n.cpitem-black {\r\n    background: #333;\r\n}\r\n.cpitem-black:hover {\r\n    background: #555;\r\n}\r\n</style>\r\n']},media:void 0})}),Qd,"data-v-44768188",false,undefined,!1,xa,void 0,void 0);var eu={directives:{domresize:$i()},props:{text:{type:[String,Number],default:""},badgeAlign:{type:String,default:"center"},textFontSize:{type:String,default:"0.7rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"red"},borderRadius:{type:Number,default:10},borderColor:{type:String,default:"transparent"},borderWidth:{type:Number,default:1}},data:function(){return{paddingTop:0,paddingRight:0,translateX:50,multiplyW:.5,shiftX:0}},computed:{changeBadgeAlign:function(){let n=this;return"left"===n.badgeAlign?(n.translateX=100,n.multiplyW=1,n.shiftX=10):"right"===n.badgeAlign?(n.translateX=0,n.multiplyW=0,n.shiftX=-10):(n.translateX=50,n.multiplyW=.5,n.shiftX=0),""},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTextColor:function(){return Oi(this.textColor)},useBackgroundColor:function(){return Oi(this.backgroundColor)},useBorderColor:function(){return Oi(this.borderColor)}},methods:{resize:function(n){let e=this,t=fn(e,"$refs.badge");if(!t)return;let o=fn(t,"offsetWidth",null),r=fn(t,"offsetHeight",null);o&&r&&(e.paddingTop=.5*r,e.paddingRight=o*e.multiplyW-e.shiftX,e.$emit("resize",n))}}};const tu=eu;var ou=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],staticStyle:{display:"inline-block"},attrs:{changeBadgeAlign:n.changeBadgeAlign},on:{domresize:n.resize}},[t("div",{style:"padding:"+n.paddingTop+"px "+n.paddingRight+"px 0px 0px;"},[t("div",{style:"position:relative;"},[n._t("default"),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+n.shiftX+"px; transform:translateX("+n.translateX+"%) translateY(-50%);"},[t("span",{ref:"badge",style:"padding:0px 6px; border-radius:"+n.borderRadius+"px; border-width:"+n.borderWidth+"px; border-style:solid; border-color:"+n.useBorderColor+"; white-space:nowrap; "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+";"},[n._v("\n                    "+n._s(n.text)+"\n                ")])])],2)])])};ou._withStripped=!0;const ru=ya({render:ou,staticRenderFns:[]},(function(n){n&&n("data-v-ca0bdaea_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WBadge.vue"},media:void 0})}),tu,"data-v-ca0bdaea",false,undefined,!1,xa,void 0,void 0);const iu={components:{demolink:nu,WBadge:ru},props:{},data:function(){return{WBadge:{number:"5",text:"A",textLong:"A123",labelText:"測試中文Label"},actions:[{mode:"eleclick",selector:'span[class="v-chip__content"]'}]}},methods:{}};var au=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"default"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.number}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"badgeAlign"}}),n._v(" "),t("w-badge",{staticStyle:{"margin-right":"20px"},attrs:{text:n.WBadge.textLong,badgeAlign:"center"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1),n._v(" "),t("w-badge",{staticStyle:{"margin-right":"20px"},attrs:{text:n.WBadge.textLong,badgeAlign:"left"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1),n._v(" "),t("w-badge",{staticStyle:{"margin-right":"20px"},attrs:{text:n.WBadge.textLong,badgeAlign:"right"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"textFontSize"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,textFontSize:"0.9rem"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"backgroundColor"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,backgroundColor:"purple"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"textColor & backgroundColor"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,textColor:"orange accent-4",backgroundColor:"orange lighten-5"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"borderRadius"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,borderRadius:3}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-badge",casename:"borderColor & textColor & backgroundColor"}}),n._v(" "),t("w-badge",{attrs:{text:n.WBadge.text,textColor:"orange accent-4",backgroundColor:"orange lighten-5",borderColor:"deep-orange darken-1"}},[t("v-chip",{staticStyle:{margin:"0px"},attrs:{label:""}},[n._v(n._s(n.WBadge.labelText))])],1)],1)])])};au._withStripped=!0;const lu=ya({render:au,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-badge")])])}]},(function(n){n&&n("data-v-263b7f18_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWBadge.vue"},media:void 0})}),iu,"data-v-263b7f18",false,undefined,!1,xa,void 0,void 0);const su={props:{hasHeader:{type:Boolean,default:!0},hasFooter:{type:Boolean,default:!0},padding:{type:Number,default:20},borderRadius:{type:Number,default:5},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},shadow:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{usePanelStyle:function(){let n={};return n["background-color"]=Oi(this.contentBackgroundColor),n["border-radius"]=`${this.borderRadius}px`,n},useHeaderStyle:function(){let n=this,e={};return e.padding=`${n.padding}px`,e["border-bottom"]="1px solid #ddd",e["background-color"]=Oi(n.headerBackgroundColor),e["border-radius"]=`${n.borderRadius}px ${n.borderRadius}px 0 0`,e.display="flex",e["justify-content"]="flex-start",e["align-items"]="center",e},useContentStyle:function(){let n=this,e={},t="0 0",o="0 0";return n.hasHeader||(t=`${n.borderRadius}px ${n.borderRadius}px`),n.hasFooter||(o=`${n.borderRadius}px ${n.borderRadius}px`),e["border-radius"]=`${t} ${o}`,e},useFooterStyle:function(){let n=this,e={};return e.padding=`${n.padding}px`,e["border-top"]="1px solid #ddd",e["background-color"]=Oi(n.footerBackgroundColor),e["border-radius"]=`0 0 ${n.borderRadius}px ${n.borderRadius}px`,e}},methods:{}};var cu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{class:{shadow:n.shadow},style:[n.usePanelStyle]},[n.hasHeader?t("div",{style:[n.useHeaderStyle]},[n._t("icon"),n._v(" "),t("div",[n._t("title"),n._v(" "),n._t("description")],2)],2):n._e(),n._v(" "),t("div",{style:[n.useContentStyle]},[n._t("content")],2),n._v(" "),n.hasFooter?t("div",{style:[n.useFooterStyle]},[n._t("footer")],2):n._e()])};cu._withStripped=!0;const du={components:{demolink:nu,WPanelStripe:ya({render:cu,staticRenderFns:[]},(function(n){n&&n("data-v-59d58b7f_0",{source:"\n.shadow[data-v-59d58b7f] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelStripe.vue"],names:[],mappings:";AAoJA;IACA,mGAAA;AACA",file:"WPanelStripe.vue",sourcesContent:["<template>\r\n    <div :class=\"{'shadow':shadow}\" :style=\"[usePanelStyle]\">\r\n\r\n        <div :style=\"[useHeaderStyle]\" v-if=\"hasHeader\">\r\n            <slot name=\"icon\"></slot>\r\n            <div>\r\n                <slot name=\"title\"></slot>\r\n                <slot name=\"description\"></slot>\r\n            </div>\r\n        </div>\r\n\r\n        <div :style=\"[useContentStyle]\">\r\n            <slot name=\"content\"></slot>\r\n        </div>\r\n\r\n        <div :style=\"[useFooterStyle]\" v-if=\"hasFooter\">\r\n            <slot name=\"footer\"></slot>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [hasHeader=true] 輸入是否有上部標題區，預設true\r\n * @vue-prop {Boolean} [hasFooter=true] 輸入是否有下部基底區，預設true\r\n * @vue-prop {Number} [padding=20] 輸入內間距，單位為px，預設20\r\n * @vue-prop {Number} [borderRadius=5] 輸入圓角寬度數字，單位為px，預設5\r\n * @vue-prop {String} [headerBackgroundColor='grey lighten-5'] 輸入上方區塊背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {String} [footerBackgroundColor='grey lighten-5'] 輸入下方區塊背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否為陰影模式，預設true\r\n */\r\nexport default {\r\n    props: {\r\n        hasHeader: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hasFooter: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        padding: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        footerBackgroundColor: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        usePanelStyle: function() {\r\n            //console.log('computed usePanelStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['background-color'] = convertColor(vo.contentBackgroundColor)\r\n            s['border-radius'] = `${vo.borderRadius}px`\r\n\r\n            return s\r\n        },\r\n\r\n        useHeaderStyle: function() {\r\n            //console.log('computed useHeaderStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['padding'] = `${vo.padding}px`\r\n            s['border-bottom'] = '1px solid #ddd'\r\n            s['background-color'] = convertColor(vo.headerBackgroundColor)\r\n            s['border-radius'] = `${vo.borderRadius}px ${vo.borderRadius}px 0 0`\r\n            s['display'] = 'flex'\r\n            s['justify-content'] = 'flex-start'\r\n            s['align-items'] = 'center'\r\n\r\n            return s\r\n        },\r\n\r\n        useContentStyle: function() {\r\n            //console.log('computed useContentStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            let ch = '0 0'\r\n            let cf = '0 0'\r\n            if (!vo.hasHeader) {\r\n                ch = `${vo.borderRadius}px ${vo.borderRadius}px`\r\n            }\r\n            if (!vo.hasFooter) {\r\n                cf = `${vo.borderRadius}px ${vo.borderRadius}px`\r\n            }\r\n            s['border-radius'] = `${ch} ${cf}`\r\n\r\n            return s\r\n        },\r\n\r\n        useFooterStyle: function() {\r\n            //console.log('computed useFooterStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['padding'] = `${vo.padding}px`\r\n            s['border-top'] = '1px solid #ddd'\r\n            s['background-color'] = convertColor(vo.footerBackgroundColor)\r\n            s['border-radius'] = `0 0 ${vo.borderRadius}px ${vo.borderRadius}px`\r\n\r\n            return s\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n</style>\r\n"]},media:void 0})}),su,"data-v-59d58b7f",false,undefined,!1,xa,void 0,void 0),WIcon:_a},props:{},data:function(){return{WPanelStripe:{title:"A panel title",description:"Quisque ut nisi. Maecenas malesuada.",content:"Here is a panel content, Morbi mattis ullamcorper velit. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. In ut quam vitae odio lacinia tincidunt.",footer:"Here is a panel footer"},actions:[]}}};var uu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"slot icon, slot title, slot description, slot content and slot footer"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"slot icon (fontawesome)"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fas fa-allergies",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"headerBackgroundColor & footerBackgroundColor"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{headerBackgroundColor:"orange lighten-4",footerBackgroundColor:"orange lighten-5"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"borderRadius"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{borderRadius:30},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"with grey outer"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#b2b2b2"}},[t("w-panel-stripe",{staticStyle:{width:"520px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                            "+n._s(n.WPanelStripe.content)+"\n                        ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                        "+n._s(n.WPanelStripe.footer)+"\n                    ")]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"no shadow, with crimson outer"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#a77"}},[t("w-panel-stripe",{staticStyle:{width:"520px"},attrs:{shadow:!1},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                            "+n._s(n.WPanelStripe.content)+"\n                        ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                        "+n._s(n.WPanelStripe.footer)+"\n                    ")]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"only slot icon and slot title in header"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"10px"},attrs:{icon:"fas fa-allergies",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v("Panel Title")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"only slot title in header"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v("Panel Title")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"padding"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{padding:12},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"10px"},attrs:{icon:"fab fa-angular",size:52}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"1.3rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.6","font-size":"0.8rem"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"12px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"buttons in slot footer"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[t("div",{staticStyle:{display:"flex","justify-content":"flex-end"}},[t("button",{staticStyle:{"margin-left":"15px",padding:"5px 10px",background:"#ddd","border-radius":"10px","box-shadow":"0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"}},[n._v("離開")]),n._v(" "),t("button",{staticStyle:{"margin-left":"15px",padding:"5px 10px",background:"#ddd","border-radius":"10px","box-shadow":"0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"}},[n._v("儲存")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"no header"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{hasHeader:!1},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"no footer"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},attrs:{hasFooter:!1},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"separate for slot content"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("span",[n._v("A panel subtitle")])]),n._v(" "),t("div",{staticStyle:{"border-top":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"20px","font-size":"0.85rem"}},[n._v("\n                        "+n._s(n.WPanelStripe.content)+"\n                    ")])]},proxy:!0},{key:"footer",fn:function(){return[t("div",[n._v(n._s(n.WPanelStripe.footer))])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-stripe",casename:"table in slot content"}}),n._v(" "),t("w-panel-stripe",{staticStyle:{width:"600px"},scopedSlots:n._u([{key:"icon",fn:function(){return[t("w-icon",{staticStyle:{"margin-right":"15px"},attrs:{icon:"fab fa-angular",size:72}})]},proxy:!0},{key:"title",fn:function(){return[t("div",{staticStyle:{"font-size":"2rem"}},[n._v(n._s(n.WPanelStripe.title))])]},proxy:!0},{key:"description",fn:function(){return[t("div",{staticStyle:{opacity:"0.7"}},[n._v(n._s(n.WPanelStripe.description))])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px"}},[t("span",[n._v("A data table")])]),n._v(" "),t("table",{staticStyle:{width:"100%","font-size":"0.7rem","border-collapse":"collapse"}},[t("thead",[t("tr",[t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Dessert")]),n._v(" "),t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Calories")]),n._v(" "),t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Fat")]),n._v(" "),t("th",{staticStyle:{padding:"2px 8px","text-align":"left"}},[n._v("Carbs")])])]),n._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("Frozen Yogurt")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("159")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("6")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("24")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("Ice cream sandwich")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("237")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("9")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("37")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("Eclair")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("262")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("16")]),n._v(" "),t("td",{staticStyle:{padding:"2px 8px","border-top":"1px solid #ddd"}},[n._v("23")])])])])]},proxy:!0},{key:"footer",fn:function(){return[n._v("\n                    "+n._s(n.WPanelStripe.footer)+"\n                ")]},proxy:!0}])})],1)])])};uu._withStripped=!0;const pu=ya({render:uu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-stripe")])])}]},(function(n){n&&n("data-v-1c5e5b4e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelStripe.vue"},media:void 0})}),du,"data-v-1c5e5b4e",false,undefined,!1,xa,void 0,void 0);const mu={directives:{domresize:$i()},props:{headerBorderRadius:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:0,h:20})},headerText:{type:String,default:""},headerTextColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"rgba(77, 182, 172, 0.8)"},headerShadow:{type:Boolean,default:!0},contentBorderRadius:{type:Number,default:0},contentPadding:{type:[Number,String],default:0},contentBackgroundColor:{type:String,default:"white"},contentShadow:{type:Boolean,default:!0}},data:function(){return{headerHeight:0}},computed:{usePadding:function(){let n=this;return`padding:${ma(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useHeaderTextColor:function(){return Oi(this.headerTextColor)},useHeaderBackgroundColor:function(){return Oi(this.headerBackgroundColor)},useContentBackgroundColor:function(){return Oi(this.contentBackgroundColor)},useContentPadding:function(){let n=this;return Wi(n.contentPadding)?`${n.contentPadding}px`:n.contentPadding}},methods:{updateHeaderHeight:function(n){this.headerHeight=n.snew.offsetHeight,this.$emit("resize",n)}}};var vu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("div",{style:"transition:all 0.3s; "+n.usePadding+" z-index:2;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],class:{"shadow-header":n.headerShadow},style:"transition:all 0.3s; display:inline-block; background:"+n.useHeaderBackgroundColor+"; border-radius:"+n.headerBorderRadius+"px;",on:{domresize:n.updateHeaderHeight}},[n._t("header",(function(){return[t("div",{style:"transition:all 0.3s; padding:5px 10px; color:"+n.useHeaderTextColor+";"},[n._v("\n                    "+n._s(n.headerText)+"\n                ")])]}))],2)]),n._v(" "),t("div",{style:"transition:all 0.3s; margin-top:-"+n.headerHeight/2+"px; z-index:1;"},[t("div",{class:{shadow:n.contentShadow},style:"transition:all 0.3s; background:"+n.useContentBackgroundColor+"; border-radius:"+n.contentBorderRadius+"px;"},[t("div",{style:"transition:all 0.3s; padding:"+n.useContentPadding+";"},[t("div",{style:"transition:all 0.3s; height:"+n.headerHeight/2+"px;"}),n._v(" "),n._t("default")],2)])])])};vu._withStripped=!0;const gu=ya({render:vu,staticRenderFns:[]},(function(n){n&&n("data-v-0157912e_0",{source:"\n.shadow[data-v-0157912e] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\n.shadow-header[data-v-0157912e] {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelBulge.vue"],names:[],mappings:";AAiMA;IACA,mGAAA;AACA;AACA;IACA,4HAAA;AACA",file:"WPanelBulge.vue",sourcesContent:["<template>\r\n    <div>\r\n\r\n        <div\r\n            :style=\"`transition:all 0.3s; ${usePadding} z-index:2;`\"\r\n        >\r\n            <div\r\n                :class=\"{'shadow-header':headerShadow}\"\r\n                :style=\"`transition:all 0.3s; display:inline-block; background:${useHeaderBackgroundColor}; border-radius:${headerBorderRadius}px;`\"\r\n                v-domresize\r\n                @domresize=\"updateHeaderHeight\"\r\n            >\r\n\r\n                <slot name=\"header\">\r\n                    <div :style=\"`transition:all 0.3s; padding:5px 10px; color:${useHeaderTextColor};`\">\r\n                        {{headerText}}\r\n                    </div>\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div :style=\"`transition:all 0.3s; margin-top:-${headerHeight/2}px; z-index:1;`\">\r\n\r\n            <div\r\n                :class=\"{'shadow':contentShadow}\"\r\n                :style=\"`transition:all 0.3s; background:${useContentBackgroundColor}; border-radius:${contentBorderRadius}px;`\"\r\n            >\r\n\r\n                <div :style=\"`transition:all 0.3s; padding:${useContentPadding};`\">\r\n\r\n                    <div :style=\"`transition:all 0.3s; height:${headerHeight/2}px;`\"></div>\r\n\r\n                    <slot></slot>\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 isnum from 'wsemi/src/isnum.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [headerBorderRadius=0] 輸入標題區圓角寬度，單位為px，預設0\r\n * @vue-prop {Object} [paddingStyle={v:0,h:20}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:20}\r\n * @vue-prop {String} [headerText=''] 輸入標題文字字串，預設''\r\n * @vue-prop {String} [headerTextColor='white'] 輸入標題文字顏色字串，預設'white'\r\n * @vue-prop {String} [headerBackgroundColor='teal lighten-2'] 輸入標題背景顏色字串，預設'teal lighten-2'\r\n * @vue-prop {Boolean} [headerShadow=true] 輸入標題區是否使用陰影模式，預設true\r\n * @vue-prop {Number} [contentBorderRadius=0] 輸入內容區圓角寬度，單位為px，預設0\r\n * @vue-prop {Number|String} [contentPadding=20] 輸入內容區邊寬長度數字或字串，若輸入數字則單位為px，預設20，若輸入字串則需自己添加單位\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {Boolean} [contentShadow=true] 輸入內容區是否使用陰影模式，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        headerBorderRadius: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 0,\r\n                    h: 20,\r\n                }\r\n            },\r\n        },\r\n        headerText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        headerTextColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(77, 182, 172, 0.8)', //teal lighten-2\r\n        },\r\n        headerShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        contentBorderRadius: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        contentPadding: {\r\n            type: [Number, String],\r\n            default: 0,\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        contentShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            headerHeight: 0,\r\n        }\r\n    },\r\n    computed: {\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, { ext: { left: vo.shiftLeft, right: vo.shiftRight } })\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        useHeaderTextColor: function() {\r\n            //console.log('computed useHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerTextColor)\r\n        },\r\n\r\n        useHeaderBackgroundColor: function() {\r\n            //console.log('computed useHeaderBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerBackgroundColor)\r\n        },\r\n\r\n        useContentBackgroundColor: function() {\r\n            //console.log('computed useContentBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.contentBackgroundColor)\r\n        },\r\n\r\n        useContentPadding: function() {\r\n            //console.log('computed useContentPadding')\r\n\r\n            let vo = this\r\n\r\n            if (isnum(vo.contentPadding)) {\r\n                return `${vo.contentPadding}px`\r\n            }\r\n            else {\r\n                return vo.contentPadding\r\n            }\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        updateHeaderHeight: function(msg) {\r\n            //console.log('methods updateHeaderHeight', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.headerHeight = msg.snew.offsetHeight\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n.shadow-header {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\r\n}\r\n</style>\r\n"]},media:void 0})}),mu,"data-v-0157912e",false,undefined,!1,xa,void 0,void 0);function hu(n,e){function t(n){return va(n)?n:[n]}if(ha(n))return!1;if(0===(n=t(n)).length)return!1;if(ha(n))return!1;if(0===(e=t(e)).length)return!1;for(let t=0;t<n.length;t++)for(let o=0;o<e.length;o++)if(Uo(n[t],e[o]))return!0;return!1}function fu(){return null!==navigator.userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)}function bu(n){if(!n)return"invalid event";if(!n.cancelable)return"event is not cancelable";try{fu()?n.cancelBubble=!0:n.stopPropagation(),n.preventDefault()}catch(n){}}var yu={directives:{domripple:aa()},components:{WIcon:_a,WIconLoading:dc,WTooltip:Od},props:{text:{type:String,default:""},tooltip:{type:String,default:""},icon:{type:String,default:""},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},prog:{type:Number,default:null},progColor:{type:String,default:"rgba(150,150,150,0.4)"},progBackgroundColor:{type:String,default:"rgba(150,150,150,0.075)"},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderUsed:{type:Object,default:()=>({top:!0,bottom:!0,left:!0,right:!0})},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorActive:{type:String,default:"orange"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},active:{type:Boolean,default:!1},close:{type:Boolean,default:!1},cursorPointer:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{mdiCloseCircle:el,activeTrans:!1,hoverTrans:!1,loadingTrans:!1,progTrans:null}},mounted:function(){},computed:{changeActive:function(){return this.activeTrans=this.active,""},changeProg:function(){return this.progTrans=this.prog,""},changeLoading:function(){return this.loadingTrans=this.loading,""},usePadding:function(){let n=this;return`padding:${ma(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effIconColor:function(){return Oi(this.iconColor)},effIconColorHover:function(){return Oi(this.iconColorHover)},effIconColorActive:function(){return Oi(this.iconColorActive)},hasIcon:function(){return""!==this.icon},hasText:function(){return""!==this.text},useIconColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effIconColor:(n=e.activeTrans?e.effIconColorActive:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.activeTrans?e.effIconColorActive:e.effIconColor),n)},effDisabledColor:function(){return Oi(this.disabledColor)},effProgColor:function(){return Oi(this.progColor)},effProgBackgroundColor:function(){return Oi(this.progBackgroundColor)},effTextColor:function(){return Oi(this.textColor)},effTextColorHover:function(){return Oi(this.textColorHover)},effTextColorActive:function(){return Oi(this.textColorActive)},useTextColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effTextColor:(n=e.activeTrans?e.effTextColorActive:e.hoverTrans?e.effTextColorHover:e.effTextColor,e.editable||(n=e.activeTrans?e.effTextColorActive:e.effTextColor),n)},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},effBorderColor:function(){return Oi(this.borderColor)},effBorderColorHover:function(){return Oi(this.borderColorHover)},effBorderColorActive:function(){return Oi(this.borderColorActive)},useBorderColor:function(){let n,e=this;return(e.loadingTrans||e.isProging)&&(n=e.effBorderColor),n=e.activeTrans?e.effBorderColorActive:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.activeTrans?e.effBorderColorActive:e.effBorderColor),Fl(Io(e.useBorderUsed,((e,t)=>`border-${t}-color:${e?n:"transparent"};`))," ")},useBorderUsed:function(){let n=this,e=!0,t=!0,o=!0,r=!0;return ca(fn(n,"borderUsed.left"))&&(e=fn(n,"borderUsed.left")),ca(fn(n,"borderUsed.right"))&&(t=fn(n,"borderUsed.right")),ca(fn(n,"borderUsed.top"))&&(o=fn(n,"borderUsed.top")),ca(fn(n,"borderUsed.bottom"))&&(r=fn(n,"borderUsed.bottom")),{left:e,right:t,top:o,bottom:r}},useBorderWidth:function(){return`border-width:${ma(this.borderWidth)};`},useBorderRadius:function(){let n=this,e=0,t=0,o=0,r=0;return!0===fn(n,"borderRadiusStyle.left")&&(e=n.borderRadius,o=n.borderRadius),!0===fn(n,"borderRadiusStyle.right")&&(t=n.borderRadius,r=n.borderRadius),!0===fn(n,"borderRadiusStyle.top")&&(e=n.borderRadius,t=n.borderRadius),!0===fn(n,"borderRadiusStyle.bottom")&&(o=n.borderRadius,r=n.borderRadius),!0!==fn(n,"borderRadiusStyle.topLeft")&&!0!==fn(n,"borderRadiusStyle.top-left")||(e=n.borderRadius),!0!==fn(n,"borderRadiusStyle.topRight")&&!0!==fn(n,"borderRadiusStyle.top-right")||(t=n.borderRadius),!0!==fn(n,"borderRadiusStyle.bottomLeft")&&!0!==fn(n,"borderRadiusStyle.bottom-left")||(o=n.borderRadius),!0!==fn(n,"borderRadiusStyle.bottomRight")&&!0!==fn(n,"borderRadiusStyle.bottom-right")||(r=n.borderRadius),`border-top-left-radius:${e}px; border-top-right-radius:${t}px; border-bottom-left-radius:${o}px; border-bottom-right-radius:${r}px;`},effBackgroundColor:function(){return Oi(this.backgroundColor)},effBackgroundColorHover:function(){return Oi(this.backgroundColorHover)},effBackgroundColorActive:function(){return Oi(this.backgroundColorActive)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effBackgroundColor:(n=e.activeTrans?e.effBackgroundColorActive:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),n)},useShadow:function(){let n=this;function e(n,e,t){let o=lt(n=Ki(n,"}","{"),"{");return o=Io(o,(n=>{if(n.indexOf(e)>=0){let e=Rl(n,"=")[1];return e=Wi(e)?_i(e):.2,function(n,e){let t=Oi(n),o=lc.toRgba(t);return o.a=e,lc.toRgbaString(o)}(t,e)}return n})),Fl(o,"")}return n.activeTrans&&n.shadowActive?Ao(n.shadowActiveStyle)?"box-shadow:"+e(n.shadowActiveStyle,"backgroundColorActiveAlpha",n.backgroundColorActive):"":n.shadow&&Ao(n.shadowStyle)?"box-shadow:"+e(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},isProging:function(){return Wi(this.useProg)},useProg:function(){let n=this.progTrans;return Wi(n)?(n=_i(n),n<0||n>100?null:n):null},effLoadingColor:function(){return Oi(this.loadingColor)},useRipple:function(){let n=this;if(n.editable&&!n.loadingTrans&&!n.isProging)return{color:n.rippleColor,timeDuration:700}},hasTooltop:function(){return Ao(this.tooltip)}},methods:{clickBtn:function(n){let e=this;if(!e.editable)return;if(e.isProging)return;if(e.loadingTrans)return;let t={setProg:n=>{null===n||Wi(n)?(Wi(n)&&(n=_i(n)),e.progTrans=n,e.$nextTick((()=>{e.$emit("update:prog",e.progTrans)})),n>=100&&e.$nextTick((()=>{e.progTrans=null,e.$emit("update:prog",e.progTrans)}))):console.log("prog is not number")},setLoading:n=>{ca(n)?(e.loadingTrans=n,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))):console.log("loading is not boolean")}};if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let n=Dl();t.pm=n,n.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}e.$nextTick((()=>{e.$emit("click",t)}))},clickClose:function(n){let e=this;bu(n),e.editable&&e.$nextTick((()=>{e.$emit("click-close")}))}}};const ku=yu;var xu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeActive:n.changeActive,changeProg:n.changeProg,changeLoading:n.changeLoading}},[t("div",{staticStyle:{position:"relative"}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:n.useRipple,expression:"useRipple"}],style:"transition:all 0.3s; "+n.useBorderRadius+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" "+n.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){return n.clickBtn(e)}}},[t("div",{style:"transition:all 0.3s; "+n.usePadding+" "+n.useBorderRadius+" "+n.useBorderWidth+" "+n.useBorderColor+" border-style:solid; outline:none; user-select:none;",attrs:{tabindex:"1"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",[n._t("default",(function(){return[t("div",{staticStyle:{display:"flex","align-items":"center","white-space":"nowrap"}},[n.hasIcon?t("WIcon",{style:"margin-left:-6px; margin-right:"+(n.hasText?5:-6)+"px;",attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),n.hasText?t("div",{style:"transition:all 0.3s; text-transform:none; color:"+n.useTextColor+"; "+n.useTextFontSize+" "+(n.hasIcon?"min-height:"+n.iconSize+"px":"")+"; display:flex; align-items:center;"},[n._v("\n                                            "+n._s(n.text)+"\n                                        ")]):n._e()],1)]}))],2),n._v(" "),n.close?t("div",{style:"margin:0px -9px 0px 5px; display:inline-block; outline:none; user-select:none;",attrs:{tabindex:"2"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickClose(e)},click:function(e){return n.clickClose(e)}}},[t("WIcon",{attrs:{icon:n.mdiCloseCircle,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}})],1):n._e()])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                "+n._s(n.tooltip)+"\n            ")]},proxy:!0}],null,!0)}),n._v(" "),n.isProging?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effProgBackgroundColor+"; height:100%;"},[t("div",{style:"background:"+n.effProgColor+"; width:"+n.useProg+"%; height:100%;"})])])]):n._e(),n._v(" "),!n.editable||n.loadingTrans?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])]):n._e(),n._v(" "),!n.isProging&&n.loadingTrans?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center",height:"100%"}},[t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}})],1)]):n._e()],1)])};xu._withStripped=!0;const Cu=ya({render:xu,staticRenderFns:[]},(function(n){n&&n("data-v-0a109c58_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonChip.vue"},media:void 0})}),ku,"data-v-0a109c58",false,undefined,!1,xa,void 0,void 0);var Su={components:{WButtonChip:Cu},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},group:{type:Boolean,default:!1},groupBorderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},groupShift:{type:Number,default:5},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"black"},editable:{type:Boolean,default:!0}},data:function(){return{get:fn,itemsTrans:[],borderUsed:{top:!0,bottom:!0,left:!0,right:!0}}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=ci(n.items),t=Io(e,(e=>{let t=function(e){let t;return t=n.multiCheck?hu(n.value,e):Uo(e,n.value),t}(e);return{active:t,hover:!1,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive}})),o=Io(e,((o,r)=>{let i={data:o},a=t[r];i.ia=a,i.active=a.active,i.hover=!1;let l=null;r>0&&(l=t[r-1]);let s=null;r<e.length-1&&(s=t[r+1]);let c={};n.group&&(0===r&&(!0===fn(n,"groupBorderRadiusStyle.left")&&(c.left=!0),!0!==fn(n,"groupBorderRadiusStyle.topLeft")&&!0!==fn(n,"groupBorderRadiusStyle.top-left")||(c.topLeft=!0),!0!==fn(n,"groupBorderRadiusStyle.bottomLeft")&&!0!==fn(n,"groupBorderRadiusStyle.bottom-left")||(c.bottomLeft=!0),!0===fn(n,"groupBorderRadiusStyle.top")&&(c.topLeft=!0),!0===fn(n,"groupBorderRadiusStyle.bottom")&&(c.bottomLeft=!0)),r===e.length-1&&(!0===fn(n,"groupBorderRadiusStyle.right")&&(c.right=!0),!0!==fn(n,"groupBorderRadiusStyle.topRight")&&!0!==fn(n,"groupBorderRadiusStyle.top-right")||(c.topRight=!0),!0!==fn(n,"groupBorderRadiusStyle.bottomRight")&&!0!==fn(n,"groupBorderRadiusStyle.bottom-right")||(c.bottomRight=!0),!0===fn(n,"groupBorderRadiusStyle.top")&&(c.topRight=!0),!0===fn(n,"groupBorderRadiusStyle.bottom")&&(c.bottomRight=!0))),i.spcBorderRadiusStyle=c;let d={};n.group&&(d={top:n.borderWidth.top,bottom:n.borderWidth.bottom,left:1,right:1},0===r&&(d.left=n.borderWidth.left),r===e.length-1&&(d.right=n.borderWidth.right)),i.spcBorderWidth=d;let u={};n.group&&(u=n.getSpcBorderUsed(r,!1,l,a,s)),i.spcBorderUsed=u,i.spcBorderUsedBackup=ci(u);let p=0,m=0;return n.group&&(0===r?p=n.groupShift:r===e.length-1&&(m=n.groupShift)),i.spcShiftLeft=p,i.spcShiftRight=m,i}));return n.itemsTrans=o,""},useMarginStyle:function(){return`margin:${ma(this.marginStyle,{parse:!this.group})};`}},methods:{getSpcBorderUsed:function(n,e,t,o,r){let i={top:!0,bottom:!0,left:!0,right:!0};if(t){let n=null;n=t.hover?t.borderColorHover:t.borderColor,n=t.active?t.borderColorActive:n;let e=null;e=o.hover?o.borderColorHover:o.borderColor,e=o.active?o.borderColorActive:e;let r=!1;n===e&&(r=!0);let a=!1;t.active&&!o.active&&(a=!0);let l=!1;o.hover&&(l=!0);let s=!1;l||(s=a),s=s||r,i.left=!s}if(r){let n=!1;r.active&&!o.active&&(n=!0);let e=!1;o.hover&&(e=!0);let t=!1;e||(t=n),i.right=!t}return i},mouseenter:function(n,e){let t=this;Ve(t.itemsTrans,((n,o)=>{t.itemsTrans[o].ia.hover=o===e})),Ve(t.itemsTrans,((n,o)=>{let r=fn(t,`itemsTrans[${o}].ia`,null),i=fn(t,`itemsTrans[${o-1}].ia`,null),a=fn(t,`itemsTrans[${o+1}].ia`,null),l=t.getSpcBorderUsed(o,o===e,i,r,a);t.itemsTrans[o].spcBorderUsed=l}))},mouseleave:function(n,e){let t=this;Ve(t.itemsTrans,((n,e)=>{t.itemsTrans[e].spcBorderUsed=ci(t.itemsTrans[e].spcBorderUsedBackup)}))},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=ci(e.value);if(n.active){let e=[];Ve(t,(t=>{Uo(t,n.data)||e.push(t)})),t=e}else t.push(n.data);e.$nextTick((()=>{e.$emit("input",t),e.$emit("click",n.data,""+(n.active?"hide":"show"))}))}else e.$nextTick((()=>{e.$emit("input",n.data),e.$emit("click",n.data)}))}}};const wu=Su;var Wu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},[n._l(n.itemsTrans,(function(e,o){return[t("WButtonChip",{key:o,style:""+n.useMarginStyle,attrs:{text:n.get(e,"data."+n.keyText)||n.get(e,"data"),tooltip:n.get(e,"data."+n.keyTooltip),icon:n.get(e,"data."+n.keyIcon),iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderUsed:n.group?e.spcBorderUsed:n.borderUsed,borderWidth:n.group?e.spcBorderWidth:n.borderWidth,borderRadius:n.borderRadius,borderRadiusStyle:n.group?e.spcBorderRadiusStyle:n.borderRadiusStyle,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,tooltipBorderRadius:n.tooltipBorderRadius,tooltipPaddingStyle:n.tooltipPaddingStyle,tooltipTextFontSize:n.tooltipTextFontSize,tooltipTextColor:n.tooltipTextColor,tooltipBackgroundColor:n.tooltipBackgroundColor,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft+e.spcShiftLeft,shiftRight:n.shiftRight+e.spcShiftRight,_close:"close",loading:n.loading,loadingColor:n.loadingColor,editable:n.editable,disabledColor:"rgba(255,255,255,0.4)",active:e.active},on:{click:function(t){return n.toggleState(e)},mouseenter:function(t){return n.mouseenter(e,o)},mouseleave:function(t){return n.mouseleave(e,o)}}},[n._t("default",null,{item:e,kitem:o})],2)]}))],2)};Wu._withStripped=!0;const _u=ya({render:Wu,staticRenderFns:[]},(function(n){n&&n("data-v-3a03f633_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupChipCheck.vue"},media:void 0})}),wu,"data-v-3a03f633",false,undefined,!1,xa,void 0,void 0);const Iu={components:{WGroupChipCheck:_u},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},group:{type:Boolean,default:!1},groupBorderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},groupShift:{type:Number,default:5},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"black"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var Tu=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupChipCheck",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem})]}}],null,!0)},"WGroupChipCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};Tu._withStripped=!0;const Au=ya({render:Tu,staticRenderFns:[]},(function(n){n&&n("data-v-ca5489a0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupChipRadio.vue"},media:void 0})}),Iu,"data-v-ca5489a0",false,undefined,!1,xa,void 0,void 0);const Bu={components:{demolink:nu,WPanelBulge:gu,WGroupChipRadio:Au},props:{},data:function(){return{mdiViewDashboard:Sl,mdiClockTimeEightOutline:qa,mdiBlenderSoftware:Va,mdiSpoonSugar:xl,mdiApple:Da,WPanelBulge:{table:'\n<div style="margin-bottom:10px; padding:0px 10px;">\n                        <span>A data table</span>\n                    </div>\n\n                    <table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n',title:"Bulge",menu:{items:[{text:"Dashboard",icon:Sl},{text:"Schedule",icon:qa},{text:"Profile",icon:Va},{text:"History",icon:xl}],select:{text:"Dashboard",icon:Sl}}},actions:[]}}};var Hu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"default"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"headerBorderRadius"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,headerBorderRadius:5}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"paddingStyle"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,paddingStyle:{v:0,h:10}}},[t("div",{staticStyle:{padding:"20px 10px 10px 10px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"headerTextColor & headerBackgroundColor"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,headerTextColor:"orange darken-1",headerBackgroundColor:"rgba(250,70,0,0.15)"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"with grey outer"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"no headerShadow & no contentShadow, with green outer"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#8FF4B1"}},[t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,headerShadow:!1,contentShadow:!1}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"contentBorderRadius"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,contentBorderRadius:10}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"contentBackgroundColor"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title,contentBackgroundColor:"green lighten-5"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-bulge",casename:"slot for header & headerBorderRadius & headerBackgroundColor(linear-gradient)"}}),n._v(" "),t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerBorderRadius:5,headerBackgroundColor:"linear-gradient(60deg,#ab47bc,#7b1fa2)"},scopedSlots:n._u([{key:"header",fn:function(){return[t("w-group-chip-radio",{staticStyle:{margin:"0px 10px"},attrs:{items:n.WPanelBulge.menu.items,paddingStyle:{v:12,h:27},borderRadius:5,textColor:"white",textColorHover:"white",textColorActive:"white",iconColor:"white",iconColorHover:"white",iconColorActive:"white",backgroundColor:"rgba(255,255,255,0)",backgroundColorHover:"rgba(255,255,255,0)",backgroundColorActive:"rgba(255,255,255,0.15)",shadowActive:!1},model:{value:n.WPanelBulge.menu.select,callback:function(e){n.$set(n.WPanelBulge.menu,"select",e)},expression:"WPanelBulge.menu.select"}})]},proxy:!0}])},[n._v(" "),t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)])])};Hu._withStripped=!0;const Pu=ya({render:Hu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-bulge")])])}]},(function(n){n&&n("data-v-3d669a30_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelBulge.vue"},media:void 0})}),Bu,"data-v-3d669a30",false,undefined,!1,xa,void 0,void 0);var Fu={directives:{domresize:$i()},components:{WIcon:_a},props:{avatarOuterPadding:{type:Number,default:15},avatarInnerPadding:{type:Number,default:15},avatarIcon:{type:String,default:"M16 12L9 2L2 12H3.86L0 18H7V22H11V18H18L14.14 12H16M20.14 12H22L15 2L12.61 5.41L17.92 13H15.97L19.19 18H24L20.14 12M13 19H17V22H13V19Z"},avatarIconSize:{type:Number,default:60},avatarIconColor:{type:String,default:"white"},avatarBorderWidth:{type:Number,default:1},avatarBorderColor:{type:String,default:"transparent"},avatarBackgroundColor:{type:String,default:"rgba(239,108,0,0.5)"},avatarBorderRadius:{type:Number,default:10},avatarShadow:{type:Boolean,default:!0},shiftVFromAvaterCenter:{type:Number,default:20},spaceHBetweenAvatarAndHeader:{type:Number,default:20},spaceVBetweenHeaderAndContent:{type:Number,default:0},headerVerticalAlign:{type:String,default:"center"},headerPadding:{type:Number,default:15},headerText:{type:String,default:""},headerTextColor:{type:String,default:"#444"},headerTextSize:{type:String,default:"1.0rem"},subHeaderText:{type:String,default:""},subHeaderTextColor:{type:String,default:"#888"},subHeaderTextSize:{type:String,default:"0.7rem"},sepLineWidth:{type:Number,default:1},sepLineColor:{type:String,default:"#ddd"},contentBorderRadius:{type:Number,default:3},contentBackgroundColor:{type:String,default:"white"},contentShadow:{type:Boolean,default:!0}},data:function(){return{avatarWidth:0,avatarHeight:0}},computed:{useAvatarIconColor:function(){return Oi(this.avatarIconColor)},useAvatarBorderColor:function(){return Oi(this.avatarBorderColor)},useAvatarBackgroundColor:function(){return Oi(this.avatarBackgroundColor)},useHeaderVerticalAlign:function(){let n="";return n="bottom"===this.headerVerticalAlign?"flex-end":"center"===this.headerVerticalAlign?"center":"flex-start",n},useHeaderTextColor:function(){return Oi(this.headerTextColor)},useSubHeaderTextColor:function(){return Oi(this.subHeaderTextColor)},useSepLineColor:function(){return Oi(this.sepLineColor)},useContentBackgroundColor:function(){return Oi(this.contentBackgroundColor)}},methods:{resizeAvatar:function(n){this.avatarWidth=n.snew.offsetWidth,this.avatarHeight=n.snew.offsetHeight}}};const Lu=Fu;var Ru=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"0px",left:"0px"}},[t("div",{style:"transition:all 0.3s; padding:0px "+n.avatarOuterPadding+"px "+n.avatarOuterPadding+"px "+n.avatarOuterPadding+"px;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],class:n.avatarShadow?"shadow-header":"",style:"transition:all 0.3s; _box-sizing:border-box; border:"+n.avatarBorderWidth+"px solid "+n.useAvatarBorderColor+"; border-radius:"+n.avatarBorderRadius+"px; background:"+n.useAvatarBackgroundColor+";",on:{domresize:n.resizeAvatar}},[t("div",{staticStyle:{height:"100%",width:"100%",display:"flex","align-items":"center","justify-content":"center"}},[t("div",{style:"transition:all 0.3s; padding:"+n.avatarInnerPadding+"px;"},[n._t("avatar",(function(){return[t("WIcon",{attrs:{icon:n.avatarIcon,size:n.avatarIconSize,color:n.useAvatarIconColor,colorHover:n.useAvatarIconColor}})]}))],2)])])])]),n._v(" "),t("div",{style:"transition:all 0.3s; padding-top:"+(n.avatarHeight/2-n.shiftVFromAvaterCenter)+"px;"}),n._v(" "),t("div",{class:n.contentShadow?"shadow":"",style:"transition:all 0.3s; border-radius:"+n.contentBorderRadius+"px; background:"+n.useContentBackgroundColor+";",attrs:{avatarWidth:""}},[t("div",{staticStyle:{display:"flex"}},[t("div",{style:"transition:all 0.3s; min-width:"+(n.avatarOuterPadding+n.avatarWidth+n.spaceHBetweenAvatarAndHeader)+"px; min-height:"+(n.avatarOuterPadding+(n.avatarHeight/2+n.shiftVFromAvaterCenter)+n.spaceVBetweenHeaderAndContent)+"px;"}),n._v(" "),t("div",{style:"transition:all 0.3s; width:100%; padding:"+n.headerPadding+"px; display:flex; align-items:"+n.useHeaderVerticalAlign+"; justify-content:flex-end;"},[t("div",{staticStyle:{"text-align":"right"}},[t("div",{style:"transition:all 0.3s; color:"+n.useSubHeaderTextColor+"; font-size:"+n.subHeaderTextSize+"; line-height:"+n.subHeaderTextSize+";"},[n._v("\n                        "+n._s(n.subHeaderText)+"\n                    ")]),n._v(" "),t("div",{style:"transition:all 0.3s; color:"+n.useHeaderTextColor+"; font-size:"+n.headerTextSize+";"},[n._v("\n                        "+n._s(n.headerText)+"\n                    ")])])])]),n._v(" "),t("div",{style:"transition:all 0.3s; border-top:"+n.sepLineWidth+"px solid "+n.useSepLineColor+";"},[t("div",{staticStyle:{transition:"all 0.3s"}},[n._t("default")],2)])])])};Ru._withStripped=!0;const Du={components:{demolink:nu,WPanelAvatar:ya({render:Ru,staticRenderFns:[]},(function(n){n&&n("data-v-6d959c2e_0",{source:"\n.shadow[data-v-6d959c2e] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\n.shadow-header[data-v-6d959c2e] {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelAvatar.vue"],names:[],mappings:";AA6UA;IACA,mGAAA;AACA;AACA;IACA,4HAAA;AACA",file:"WPanelAvatar.vue",sourcesContent:["<template>\r\n    <div\r\n        style=\"display:inline-block; position:relative;\"\r\n    >\r\n\r\n        <div style=\"position:absolute; top:0px; left:0px;\">\r\n\r\n            <div\r\n                :style=\"`transition:all 0.3s; padding:0px ${avatarOuterPadding}px ${avatarOuterPadding}px ${avatarOuterPadding}px;`\"\r\n            >\r\n                <div\r\n                    :class=\"`${avatarShadow?'shadow-header':''}`\"\r\n                    :style=\"`transition:all 0.3s; _box-sizing:border-box; border:${avatarBorderWidth}px solid ${useAvatarBorderColor}; border-radius:${avatarBorderRadius}px; background:${useAvatarBackgroundColor};`\"\r\n                    v-domresize\r\n                    @domresize=\"resizeAvatar\"\r\n                >\r\n\r\n                    <div style=\"height:100%; width:100%; display:flex; align-items:center; justify-content:center;\">\r\n                        <div :style=\"`transition:all 0.3s; padding:${avatarInnerPadding}px;`\">\r\n\r\n                            <slot name=\"avatar\">\r\n                                <WIcon\r\n                                    :icon=\"avatarIcon\"\r\n                                    :size=\"avatarIconSize\"\r\n                                    :color=\"useAvatarIconColor\"\r\n                                    :colorHover=\"useAvatarIconColor\"\r\n                                ></WIcon>\r\n                            </slot>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div :style=\"`transition:all 0.3s; padding-top:${avatarHeight/2-shiftVFromAvaterCenter}px;`\"></div>\r\n\r\n        <div\r\n            avatarWidth\r\n            :class=\"`${contentShadow?'shadow':''}`\"\r\n            :style=\"`transition:all 0.3s; border-radius:${contentBorderRadius}px; background:${useContentBackgroundColor};`\"\r\n        >\r\n\r\n            <div style=\"display:flex;\">\r\n\r\n                <div :style=\"`transition:all 0.3s; min-width:${avatarOuterPadding+avatarWidth+spaceHBetweenAvatarAndHeader}px; min-height:${avatarOuterPadding+(avatarHeight/2+shiftVFromAvaterCenter)+spaceVBetweenHeaderAndContent}px;`\"></div>\r\n\r\n                <div :style=\"`transition:all 0.3s; width:100%; padding:${headerPadding}px; display:flex; align-items:${useHeaderVerticalAlign}; justify-content:flex-end;`\">\r\n\r\n                    <div style=\"text-align:right;\">\r\n                        <div :style=\"`transition:all 0.3s; color:${useSubHeaderTextColor}; font-size:${subHeaderTextSize}; line-height:${subHeaderTextSize};`\">\r\n                            {{subHeaderText}}\r\n                        </div>\r\n\r\n                        <div :style=\"`transition:all 0.3s; color:${useHeaderTextColor}; font-size:${headerTextSize};`\">\r\n                            {{headerText}}\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div :style=\"`transition:all 0.3s; border-top:${sepLineWidth}px solid ${useSepLineColor};`\">\r\n\r\n                <div style=\"transition:all 0.3s;\">\r\n                    <slot></slot>\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 { mdiForest } from '@mdi/js'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [avatarOuterPadding=15] 輸入圖標區外側間距數字，單位為px，預設15\r\n * @vue-prop {Number} [avatarInnerPadding=15] 輸入圖標區內側間距數字，單位為px，預設15\r\n * @vue-prop {String} [avatarIcon=mdiForest] 輸入圖標字串，預設mdiForest\r\n * @vue-prop {Number} [avatarIconSize=60] 輸入圖標尺寸數字，單位為px，預設60\r\n * @vue-prop {String} [avatarIconColor='white'] 輸入圖標顏色字串，預設'white'\r\n * @vue-prop {Number} [avatarBorderWidth=1] 輸入圖標區框線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [avatarBorderColor='transparnet'] 輸入圖標區框線顏色字串，預設'transparnet'\r\n * @vue-prop {String} [avatarBackgroundColor='rgba(239,108,0,0.5)'] 輸入圖標區背景顏色字串，預設'rgba(239,108,0,0.5)'\r\n * @vue-prop {Number} [avatarBorderRadius=10] 輸入圖標區框圓角程度數字，單位為px，預設10\r\n * @vue-prop {Boolean} [avatarShadow=true] 輸入是否使用圖標區陰影效果數字，預設true\r\n * @vue-prop {Number} [shiftVFromAvaterCenter=20] 輸入圖標區基於水平中線之朝下平移數字，單位為px，預設20\r\n * @vue-prop {Number} [spaceHBetweenAvatarAndHeader=20] 輸入圖標區與右側標題區間距數字，單位為px，預設20\r\n * @vue-prop {Number} [spaceVBetweenHeaderAndContent=0] 輸入標題區與下方內容區間距數字，單位為px，預設0\r\n * @vue-prop {String} [headerVerticalAlign='center'] 輸入標題區內文字垂直對齊字串，可選'top'、'center'、'bottom'，預設'center'\r\n * @vue-prop {Number} [headerPadding=15] 輸入標題區間距數字，單位為px，預設15\r\n * @vue-prop {String} [headerText=''] 輸入標題區主要文字字串，預設''\r\n * @vue-prop {String} [headerTextColor='#444'] 輸入標題區主要文字顏色字串，預設'#444'\r\n * @vue-prop {String} [headerTextSize='1.0rem'] 輸入標題區主要文字字型大小數字，預設'1.0rem'\r\n * @vue-prop {String} [subHeaderText=''] 輸入標題區次要文字字串，預設''\r\n * @vue-prop {String} [subHeaderTextColor='#888'] 輸入標題區次要文字顏色字串，預設'#888'\r\n * @vue-prop {String} [subHeaderTextSize='0.7rem'] 輸入標題區次要文字字型大小數字，預設'0.7rem'\r\n * @vue-prop {Number} [sepLineWidth=1] 輸入標題區與內容區分隔線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [sepLineColor='#ddd'] 輸入標題區與內容區分隔線顏色字串，預設'#ddd'\r\n * @vue-prop {Number} [contentBorderRadius=3] 輸入內容區框圓角程度數字，單位為px，預設3\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區背景顏色字串，預設'white'\r\n * @vue-prop {Boolean} [contentShadow=true] 輸入是否使用內容區陰影效果數字，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIcon,\r\n    },\r\n    props: {\r\n        avatarOuterPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        avatarInnerPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        avatarIcon: {\r\n            type: String,\r\n            default: mdiForest,\r\n        },\r\n        avatarIconSize: {\r\n            type: Number,\r\n            default: 60,\r\n        },\r\n        avatarIconColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        avatarBorderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        avatarBorderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        avatarBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(239,108,0,0.5)',\r\n        },\r\n        avatarBorderRadius: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        avatarShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shiftVFromAvaterCenter: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        spaceHBetweenAvatarAndHeader: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        spaceVBetweenHeaderAndContent: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        headerVerticalAlign: {\r\n            type: String,\r\n            default: 'center', //top, center, bottom\r\n        },\r\n        headerPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        headerText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        headerTextColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        headerTextSize: {\r\n            type: String,\r\n            default: '1.0rem',\r\n        },\r\n        subHeaderText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        subHeaderTextColor: {\r\n            type: String,\r\n            default: '#888',\r\n        },\r\n        subHeaderTextSize: {\r\n            type: String,\r\n            default: '0.7rem',\r\n        },\r\n        sepLineWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        sepLineColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        contentBorderRadius: {\r\n            type: Number,\r\n            default: 3,\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        contentShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            avatarWidth: 0,\r\n            avatarHeight: 0,\r\n\r\n            // headerHeight: 0,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        useAvatarIconColor: function() {\r\n            //console.log('computed useAvatarIconColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarIconColor)\r\n        },\r\n\r\n        useAvatarBorderColor: function() {\r\n            //console.log('computed useAvatarBorderColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarBorderColor)\r\n        },\r\n\r\n        useAvatarBackgroundColor: function() {\r\n            //console.log('computed useAvatarBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarBackgroundColor)\r\n        },\r\n\r\n        useHeaderVerticalAlign: function() {\r\n            //console.log('computed useHeaderVerticalAlign')\r\n\r\n            let vo = this\r\n\r\n            let c = ''\r\n            if (vo.headerVerticalAlign === 'bottom') {\r\n                c = 'flex-end'\r\n            }\r\n            else if (vo.headerVerticalAlign === 'center') {\r\n                c = 'center'\r\n            }\r\n            else {\r\n                //top, default\r\n                c = 'flex-start'\r\n            }\r\n\r\n            return c\r\n        },\r\n\r\n        useHeaderTextColor: function() {\r\n            //console.log('computed useHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerTextColor)\r\n        },\r\n\r\n        useSubHeaderTextColor: function() {\r\n            //console.log('computed useSubHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.subHeaderTextColor)\r\n        },\r\n\r\n        useSepLineColor: function() {\r\n            //console.log('computed useSepLineColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.sepLineColor)\r\n        },\r\n\r\n        useContentBackgroundColor: function() {\r\n            //console.log('computed useContentBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.contentBackgroundColor)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizeAvatar: function(msg) {\r\n            // console.log('methods resizeAvatar', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.avatarWidth = msg.snew.offsetWidth\r\n            vo.avatarHeight = msg.snew.offsetHeight\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n.shadow-header {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\r\n}\r\n</style>\r\n"]},media:void 0})}),Lu,"data-v-6d959c2e",false,undefined,!1,xa,void 0,void 0)},props:{},data:function(){return{mdiLaravel:"M21.7 6.53C21.71 6.55 21.71 6.58 21.71 6.61V10.9C21.71 11 21.65 11.12 21.56 11.17L17.95 13.25V17.36C17.95 17.47 17.9 17.57 17.8 17.63L10.28 21.96C10.26 21.97 10.24 22 10.22 22L10.2 22C10.15 22 10.09 22 10.04 22C10.03 22 10 22 10 22C10 22 10 21.97 9.96 21.96L2.44 17.63C2.35 17.58 2.29 17.47 2.29 17.36V4.5C2.29 4.45 2.29 4.42 2.3 4.4C2.3 4.39 2.31 4.38 2.31 4.37C2.31 4.35 2.32 4.34 2.33 4.32C2.33 4.31 2.34 4.3 2.35 4.29C2.36 4.28 2.37 4.27 2.38 4.26C2.39 4.25 2.4 4.24 2.41 4.23C2.42 4.22 2.43 4.21 2.44 4.21L6.2 2.04C6.3 2 6.42 2 6.5 2.04L10.28 4.21H10.28C10.29 4.22 10.3 4.22 10.31 4.23C10.32 4.24 10.33 4.25 10.34 4.26C10.35 4.27 10.36 4.28 10.37 4.29C10.38 4.3 10.39 4.31 10.39 4.32C10.4 4.34 10.41 4.35 10.41 4.37C10.41 4.38 10.42 4.39 10.42 4.4C10.43 4.43 10.43 4.45 10.43 4.5V12.5L13.57 10.72V6.61C13.57 6.58 13.57 6.55 13.58 6.53L13.59 6.5C13.59 6.5 13.6 6.47 13.61 6.45C13.61 6.44 13.62 6.43 13.63 6.42C13.64 6.41 13.65 6.4 13.66 6.39C13.67 6.38 13.68 6.37 13.69 6.36C13.7 6.35 13.71 6.34 13.72 6.34L17.5 4.17C17.58 4.11 17.7 4.11 17.8 4.17L21.56 6.34C21.57 6.34 21.58 6.35 21.59 6.36L21.62 6.39C21.63 6.4 21.64 6.41 21.65 6.42C21.66 6.43 21.66 6.44 21.67 6.45C21.68 6.47 21.68 6.5 21.69 6.5C21.7 6.5 21.7 6.5 21.7 6.53M21.09 10.72V7.15L17.95 8.95V12.5L21.09 10.72M17.33 17.18V13.6L10.43 17.54V21.15L17.33 17.18M2.91 5V17.18L9.81 21.15V17.54L6.21 15.5L6.2 15.5L6.2 15.5C6.19 15.5 6.18 15.5 6.17 15.47C6.16 15.47 6.15 15.46 6.14 15.45V15.45C6.13 15.44 6.12 15.43 6.11 15.42C6.1 15.41 6.1 15.4 6.09 15.39V15.39C6.08 15.37 6.08 15.36 6.07 15.35C6.07 15.33 6.06 15.32 6.06 15.31C6.05 15.3 6.05 15.28 6.05 15.27C6.05 15.25 6.05 15.24 6.05 15.23V6.82L2.91 5M6.36 2.68L3.23 4.5L6.36 6.28L9.5 4.5L6.36 2.68M9.81 12.88V5L6.67 6.82V14.69L9.81 12.88M17.64 4.8L14.5 6.61L17.64 8.41L20.77 6.61L17.64 4.8M17.33 8.95L14.19 7.15V10.72L17.33 12.5V8.95M10.12 17L17 13.06L13.88 11.26L7 15.23L10.12 17Z",WPanelAvatar:{table:'\n<div style="margin-bottom:10px; padding:0px 10px;">\n                        <span>A data table</span>\n                    </div>\n\n                    <table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n',title:"52/128",subTitle:"Recovery rate"},actions:[]}}};var ju=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarIcon (material)"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarIcon:n.mdiLaravel}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarIcon (fontawesome)"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarIcon:"fas fa-skiing"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarOuterPadding & avatarInnerPadding"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarOuterPadding:20,avatarInnerPadding:10}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarBackgroundColor:"rgba(40,150,60,0.4)"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarBorderWidth & avatarBorderColor & avatarBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarBorderWidth:5,avatarBorderColor:"rgba(200,170,180,0.3)",avatarBackgroundColor:"rgba(255,60,120,0.3)"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarBorderRadius"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarBorderRadius:50}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"avatarIcon & avatarIconSize & avatarIconColor & avatarBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarIcon:"fas fa-cloud-sun",avatarIconSize:32,avatarIconColor:"#b55",avatarBackgroundColor:"rgba(90,60,60,0.25)"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"no avatarShadow"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarShadow:!1}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"shiftVFromAvaterCenter"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,shiftVFromAvaterCenter:0}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"spaceHBetweenAvatarAndHeader & spaceVBetweenHeaderAndContent"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,spaceHBetweenAvatarAndHeader:40,spaceVBetweenHeaderAndContent:15}},[t("div",{staticStyle:{padding:"5px 10px","font-size":"0.7rem",color:"#999"}},[t("i",{staticClass:"fas fa-drum-steelpan"}),n._v(" "),t("span",{staticStyle:{"margin-left":"8px"}},[n._v("Last 24HR")])])])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"headerVerticalAlign & spaceVBetweenHeaderAndContent"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"0px 40px",background:"#bbb"}},[t("div",{staticStyle:{padding:"40px 0px"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,headerVerticalAlign:"top",spaceVBetweenHeaderAndContent:5}},[t("div",{staticStyle:{padding:"5px 10px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"font-size":"1.2rem",color:"#C0CA33"}},[t("i",{staticClass:"fas fa-map-marked-alt"})]),n._v(" "),t("div",{staticStyle:{"padding-left":"8px","font-size":"0.7rem",color:"#999"}},[n._v("\n                                    Utquam vitae odio lacinia tincidunt.\n                                ")])])])])],1),n._v(" "),t("div",{staticStyle:{padding:"40px 0px"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,headerVerticalAlign:"center",spaceVBetweenHeaderAndContent:5}},[t("div",{staticStyle:{padding:"5px 10px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"font-size":"1.2rem",color:"#C0CA33"}},[t("i",{staticClass:"fas fa-map-marked-alt"})]),n._v(" "),t("div",{staticStyle:{"padding-left":"8px","font-size":"0.7rem",color:"#999"}},[n._v("\n                                    Utquam vitae odio lacinia tincidunt.\n                                ")])])])])],1),n._v(" "),t("div",{staticStyle:{padding:"40px 0px"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,headerVerticalAlign:"bottom",spaceVBetweenHeaderAndContent:5}},[t("div",{staticStyle:{padding:"5px 10px"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"font-size":"1.2rem",color:"#C0CA33"}},[t("i",{staticClass:"fas fa-map-marked-alt"})]),n._v(" "),t("div",{staticStyle:{"padding-left":"8px","font-size":"0.7rem",color:"#999"}},[n._v("\n                                    Utquam vitae odio lacinia tincidunt.\n                                ")])])])])],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"headerPadding & headerTextColor & headerTextSize & subHeaderTextColor & subHeaderTextSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:"Capture and storage",headerText:"358,912",headerPadding:10,headerTextColor:"#FF9800",headerTextSize:"2rem",subHeaderTextColor:"#aaa",subHeaderTextSize:"0.9rem"}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"contentBorderRadius"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,contentBorderRadius:0}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"sepLineWidth & sepLineColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,sepLineWidth:5,sepLineColor:"rgba(0,0,0,0.5)"}},[t("div",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{padding:"10px",background:"#fff"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"contentBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,contentBackgroundColor:"rgba(255,255,255,0.5)"}},[t("div",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{padding:"10px",background:"#fff"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"contentShadow"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,contentShadow:!1}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-avatar",casename:"slot avatar & avatarBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#bbb"}},[t("w-panel-avatar",{attrs:{subHeaderText:n.WPanelAvatar.subTitle,headerText:n.WPanelAvatar.title,avatarBackgroundColor:"rgba(120,120,190,0.4)"},scopedSlots:n._u([{key:"avatar",fn:function(){return[t("div",[t("img",{staticStyle:{width:"80px",height:"80px"},attrs:{src:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMYXllciAxIiBpZD0iTGF5ZXJfMSIgdmlld0JveD0iMCAwIDY0IDY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNjVjOGQwO30uY2xzLTJ7ZmlsbDojZmNkZDdjO30uY2xzLTN7ZmlsbDojYmE5YmM5O30uY2xzLTR7ZmlsbDojODM4YmM1O30uY2xzLTV7ZmlsbDojZTc2ODVkO30uY2xzLTZ7ZmlsbDojZjRlY2NlO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00NywxMy42NWE2LDYsMCwxLDAtNCwwIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNDMsMjJWMTBhMiwyLDAsMCwxLDItMmgwYTIsMiwwLDAsMSwyLDJWMjIiLz48cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjExIDIyIDExIDE0IDE1IDE0IDE1IDIyIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxOSAyMiAxOSAxNCAyMyAxNCAyMyAyMiIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTMiIHBvaW50cz0iNDkgMjggNTUgMjggNTUgMzQgNDkgMzQiLz48cG9seWxpbmUgY2xhc3M9ImNscy0zIiBwb2ludHM9IjQ5IDUwIDU1IDUwIDU1IDU2IDQ5IDU2Ii8+PHJlY3QgY2xhc3M9ImNscy00IiBoZWlnaHQ9IjQwIiB3aWR0aD0iNDAiIHg9IjkiIHk9IjIyIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtNSIgcG9pbnRzPSI0MCA1MSA0NCA1MSA0NCA1NSA0MCA1NSIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTMiIHBvaW50cz0iMTggNjIgMTggNDMgNDAgNDMgNDAgNjIiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMzYgNTggMjIgNTggMjkgNDcgMzYgNTgiLz48cmVjdCBjbGFzcz0iY2xzLTUiIGhlaWdodD0iNCIgd2lkdGg9IjIiIHg9IjI4IiB5PSI1MiIvPjxyZWN0IGNsYXNzPSJjbHMtNSIgaGVpZ2h0PSIyIiB3aWR0aD0iNCIgeD0iMTQiIHk9IjQ2Ii8+PHJlY3QgY2xhc3M9ImNscy01IiBoZWlnaHQ9IjIiIHdpZHRoPSI0IiB4PSIxNCIgeT0iNTYiLz48cmVjdCBjbGFzcz0iY2xzLTIiIGhlaWdodD0iNCIgd2lkdGg9IjYiIHg9IjEzIiB5PSIyNiIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgaGVpZ2h0PSI0IiB3aWR0aD0iNiIgeD0iMTMiIHk9IjM0Ii8+PHJlY3QgY2xhc3M9ImNscy02IiBoZWlnaHQ9IjIiIHdpZHRoPSI4IiB4PSIyMiIgeT0iMjciLz48cmVjdCBjbGFzcz0iY2xzLTEiIGhlaWdodD0iMiIgd2lkdGg9IjgiIHg9IjIyIiB5PSIzNSIvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMzUiIGN5PSIyOCIgcj0iMiIvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iNDMiIGN5PSIyOCIgcj0iMiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgaGVpZ2h0PSIyIiB3aWR0aD0iMiIgeD0iMzIiIHk9IjM1Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiBoZWlnaHQ9IjIiIHdpZHRoPSIyIiB4PSIzNiIgeT0iMzUiLz48cmVjdCBjbGFzcz0iY2xzLTEiIGhlaWdodD0iMiIgd2lkdGg9IjIiIHg9IjQwIiB5PSIzNSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgaGVpZ2h0PSIyIiB3aWR0aD0iMiIgeD0iNDQiIHk9IjM1Ii8+PHJlY3QgY2xhc3M9ImNscy0yIiBoZWlnaHQ9IjQiIHdpZHRoPSIyIiB4PSIyMCIgeT0iMTAiLz48cmVjdCBjbGFzcz0iY2xzLTIiIGhlaWdodD0iNCIgd2lkdGg9IjIiIHg9IjEyIiB5PSIxMCIvPjwvc3ZnPg=="}})])]},proxy:!0},{key:"default",fn:function(){return[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelAvatar.table)}})]},proxy:!0}])})],1)],1)])])};ju._withStripped=!0;const zu=ya({render:ju,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-avatar")])])}]},(function(n){n&&n("data-v-75e1e064_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelAvatar.vue"},media:void 0})}),Du,"data-v-75e1e064",false,undefined,!1,xa,void 0,void 0);function Vu(n){let e,t=Object.prototype.toString.call(n);if(e="[object Promise]"===t,e)return!0;if("[object Function]"!==t)return!1;try{e="function"!=typeof n.subscribe&&"function"==typeof n.then}catch(n){}return e}async function Zu(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=null,o=Dl();if(!ji(n))return o.reject("waitfunction需輸入函數f"),o;let r=async()=>{let e=n();return Vu(e)&&(e=await e),e};if(t=await r(),!0===t)return o.resolve(),o;let i=fn(e,"attemptNum",null);Fi(i)||(i=200);let a=fn(e,"timeInterval",null);Fi(a)||(a=1e3);let l=0,s=setInterval((async()=>{l+=1,t=await r(),!0===t&&(clearInterval(s),o.resolve()),l>i&&(clearInterval(s),o.reject(`exceeded attemptNum[${i}]`))}),a);return o}function $u(){return new function(n){let e=[],t=null,o=null;return Fi(n)||(n=300),n=Pi(n),function(r){if(ji(r)){o=Date.now();for(var i=arguments.length,a=new Array(i>1?i-1:0),l=1;l<i;l++)a[l-1]=arguments[l];e.push({func:r,input:a}),null===t&&(t=setInterval((()=>{if(Date.now()-o>n){let n=e.pop();e=[],n.func(...n.input)}0===e.length&&(clearInterval(t),t=null)}),10))}else console.log("func is not a function")}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:300)}function Eu(){let n={};return{bind:function(e,t,o){let r=`r${Zi()}`;e.setAttribute("ev-mutation",r);let i=new MutationObserver((function(n){!function(n,e,t){let o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}(o,"dommutation",{ele:e,mutations:n})}));i.observe(e,{attributes:!0,childList:!0,subtree:!0}),n[r]=i},unbind:function(e){let t=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),n[t]&&(n[t].disconnect(),delete n[t])}}}function Gu(){return!function(){try{return"IntersectionObserver"in window}catch(n){return!1}}()||!function(){try{return"IntersectionObserverEntry"in window}catch(n){return!1}}()||!(function(){try{return"intersectionRatio"in window.IntersectionObserverEntry.prototype}catch(n){return!1}}()||ji(window.IntersectionObserverEntry))}function Xu(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!oa(n))return Promise.reject("invalid element");if(Gu())return Promise.reject("invalid IntersectionObserver");let t=fn(e,"mode","");"promise"!==t&&"event"!==t&&(t="promise");let o=()=>{let e=Di(),t=!1,o=new IntersectionObserver((n=>{let t=n[0].isIntersecting;e.emit("visible",t)}));return e.create=()=>{let e=setInterval((()=>{t=(n=>{let e=!1;if(!oa(n))return e;try{o.observe(n),e=!0}catch(n){}return e})(n),t&&clearInterval(e)}),50)},e.dispose=()=>{let n=!1;try{o.disconnect(),n=!0}catch(n){}return n},e},r=null;return"promise"===t?r=(()=>{let e=Dl();try{let t=new IntersectionObserver((n=>{e.resolve(n[0].isIntersecting),t.disconnect()}));t.observe(n)}catch(n){e.reject(n)}return e})():"event"===t&&(r=o()),r}var Mu={directives:{domresize:$i(),dommutation:Eu(),domvisible:function(){let n={};return{bind:function(e,t,o){let r=`r${Zi()}`;e.setAttribute("ev-visible",r);let i=!1,a=setInterval((()=>{Xu(e).then((n=>{i!==n&&(i=n,function(n,e,t){let o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}(o,"domvisible",n))})).catch((()=>{}))}),50);n[r]=a},unbind:function(e){let t=e.getAttribute("ev-visible");e.setAttribute("ev-visible",null),n[t]&&(clearInterval(n[t]),n[t]=null,delete n[t])}}}()},components:{},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{dbc:$u(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(n){let e=this,t=fn(e,"$refs.divDetect");if(t){let n=t.offsetWidth-t.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.viewHeight!==n.snew.offsetHeight&&(e.viewHeight=n.snew.offsetHeight);let o=fn(e,"$refs.divShell");o&&e.$emit("update:scrollTop",o.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=fn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let o=fn(e,"$refs.divShell");o&&e.$emit("update:scrollTop",o.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},mutation:function(n){let e=this,t=fn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...n,from:"content"})},visible:function(n){let e=this,t=fn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:n,from:"content"})},updateRatio:function(){let n=this;if(!n.$refs.divShell)return;let e=0;n.contentHeightEff>0&&(e=n.$refs.divShell.scrollTop/n.contentHeightEff),n.ratio=e},updateScrollTop:function(n){let e=this;(async function(){await Zu((()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar),{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=n),e.$refs.divBar&&(e.$refs.divBar.scrollTop=n)})().catch((n=>{console.log(n)}))},updateScrollInfor:function(){let n=this;if(!n.$refs.divShell)return;let e={r:n.ratio,sti:n.scrollTop,stn:n.$refs.divShell.scrollTop,dir:n.scrollTop>n.$refs.divShell.scrollTop?"up":"down",t:n.viewTop,b:n.viewBottom,ch:n.contentHeight,che:n.contentHeightEff};Uo(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&fn(e,"$refs.divShell")&&fn(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"shell"}),e.dbc((()=>{e.mouseLoc=""})))},scrollBar:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&fn(e,"$refs.divShell")&&fn(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"bar"}),e.dbc((()=>{e.mouseLoc=""})))},triggerEvent:function(n,e){let t=this;t.useEmitEvent&&(t.$emit(n,e),t.updateScrollInfor(),t.$emit("change-infor",{evName:n,evMsg:e,...t.scrollInfor}))}}};const Nu=Mu;var Ou=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:n.changeScrollTop},on:{domresize:n.resizePanel,mouseenter:function(e){n.mouseEntering=!0},mouseleave:function(e){n.mouseEntering=!1}}},[t("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[t("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[t("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"scroll"}},[t("div",{staticStyle:{width:"100px",height:"100px"}})])])]),n._v(" "),t("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"position:relative; width:calc( 100% + "+(n.nativeBarWidth+1)+"px ); height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;",attrs:{_class:"sb"},on:{domresize:n.resizeShell,scroll:n.scrollShell}},[t("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"}],ref:"divContent",style:"",on:{dommutation:n.mutation,domvisible:n.visible}},[n._t("default")],2)]),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+(n.isMobile?-8:0)+"px; width:8px;"},[t("div",{ref:"divBar",staticClass:"sb",style:"width:8px; height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:"+(n.mouseEntering?n.barOpacityHover:n.barOpacity)+";",on:{scroll:n.scrollBar}},[t("div",{style:"width:1px; height:"+n.contentHeight+"px;"})])])])])};Ou._withStripped=!0;const Ku=ya({render:Ou,staticRenderFns:[]},(function(n){n&&n("data-v-01f5c13c_0",{source:"\n.sb[data-v-01f5c13c] {\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-01f5c13c]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-01f5c13c]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-01f5c13c]::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AA0iBA;IACA,wBAAA;IACA,qBAAA;IACA,qBAAA;IACA,4CAAA;AACA;AACA,sCAAA;AACA;IACA,UAAA;IACA,WAAA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,2BAAA;IACA,mBAAA;IACA,6BAAA;AACA",file:"WPanelScrollyCore.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`box-sizing:content-box;`\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n        @mouseenter=\"mouseEntering=true\"\r\n        @mouseleave=\"mouseEntering=false\"\r\n        :changeScrollTop=\"changeScrollTop\"\r\n    >\r\n\r\n        \x3c!-- 計算nativeBarWidth, 需使用overflow:scroll否則firefox無法順利顯示右側捲軸 --\x3e\r\n        <div style=\"position:relative; width:0px; height:0px; opacity:0;\">\r\n            <div style=\"position:absolute; left:0; top:0;\">\r\n                <div ref=\"divDetect\" style=\"width:50px; height:50px; overflow:scroll;\">\r\n                    <div style=\"width:100px; height:100px;\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            :style=\"`position:relative; width:100%; overflow-x:hidden;`\"\r\n        >\r\n\r\n            \x3c!-- 因瀏覽器計算誤差100%+nativeBarWidth仍會出現捲軸邊界, 故需+1px使捲軸能完全隱藏 --\x3e\r\n            <div\r\n                ref=\"divShell\"\r\n                _class=\"sb\"\r\n                :style=\"`position:relative; width:calc( 100% + ${nativeBarWidth+1}px ); height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;`\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                <div\r\n                    ref=\"divContent\"\r\n                    :style=\"``\"\r\n                    v-dommutation\r\n                    @dommutation=\"mutation\"\r\n                    v-domvisible\r\n                    @domvisible=\"visible\"\r\n                >\r\n                    <slot></slot>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- isMobile時divBar仍要存在, 因通用檢測時才會有效, 故isMobile時需於移至右側之外 --\x3e\r\n            <div :style=\"`position:absolute; top:0px; right:${isMobile?-8:0}px; width:8px;`\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`width:8px; height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:${mouseEntering?barOpacityHover:barOpacity};`\"\r\n                    @scroll=\"scrollBar\"\r\n                >\r\n\r\n                    <div :style=\"`width:1px; height:${contentHeight}px;`\"></div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\nimport isEqual from 'lodash-es/isEqual.js'\n// import cloneDeep from 'lodash-es/cloneDeep.js'\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domMutation from '../js/domMutation.mjs'\r\nimport domVisible from '../js/domVisible.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，預設400\r\n * @vue-prop {Number} [scrollTop=0] 輸入目前捲動值數字，預設0\r\n * @vue-prop {Number} [barOpacity=0.6] 輸入捲軸透明度數字，預設0.6\r\n * @vue-prop {Number} [barOpacityHover=1] 輸入滑鼠移入時捲軸透明度數字，預設1\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        dommutation: domMutation(),\r\n        domvisible: domVisible(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        viewHeightMax: {\r\n            type: Number,\r\n            default: 400,\r\n        },\r\n        scrollTop: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        barOpacity: {\r\n            type: Number,\r\n            default: 0.6,\r\n        },\r\n        barOpacityHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            nativeBarWidth: 16, //預設bar寬度, 先給大值避免初始化時會顯示原本bar條\r\n\r\n            useEmitEvent: true, //是否可觸發事件\r\n            mouseEntering: false,\r\n            mouseLoc: '',\r\n\r\n            viewHeight: 0, //外框區高度px\r\n            contentHeight: 2, //內容區高度px, 一定要給>=2值(至少可能渲染2border)才能避免初始化無高度導致無法觸發後續事件\r\n\r\n            ratio: 0,\r\n            scrollInfor: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeScrollTop: function () {\r\n            //console.log('computed changeScrollTop')\r\n\r\n            let vo = this\r\n\r\n            //updateScrollTop\r\n            vo.updateScrollTop(vo.scrollTop)\r\n\r\n            return ''\r\n        },\r\n\r\n        panelHeight: function () {\r\n            //console.log('computed panelHeight')\r\n\r\n            let vo = this\r\n\r\n            return Math.min(vo.contentHeight, vo.viewHeightMax)\r\n        },\r\n\r\n        isMobile: function() {\r\n            //console.log('computed isMobile')\r\n\r\n            let vo = this\r\n\r\n            return vo.nativeBarWidth <= 0\r\n        },\r\n\r\n        contentHeightEff: function() {\r\n            let vo = this\r\n            return Math.max(vo.contentHeight - vo.panelHeight, 0)\r\n        },\r\n\r\n        viewTop: function() {\r\n            let vo = this\r\n            return vo.ratio * vo.contentHeightEff\r\n        },\r\n\r\n        viewBottom: function() {\r\n            let vo = this\r\n            return vo.viewTop + vo.viewHeightMax\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //nativeBarWidth\r\n            let divDetect = get(vo, '$refs.divDetect')\r\n            if (divDetect) {\r\n\r\n                //save nativeBarWidth\r\n                let w = divDetect.offsetWidth - divDetect.clientWidth\r\n                if (vo.nativeBarWidth !== w) {\r\n                    // console.log('resizePanel 需更新nativeBarWidth', w, '<-', vo.nativeBarWidth)\r\n                    vo.nativeBarWidth = w\r\n                }\r\n\r\n            }\r\n\r\n            //save\r\n            if (vo.viewHeight !== msg.snew.offsetHeight) {\r\n                // console.log('resizePanel 需更新viewHeight', msg.snew.offsetHeight, '<-', vo.viewHeight)\r\n                vo.viewHeight = msg.snew.offsetHeight\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'panel' })\r\n\r\n        },\r\n\r\n        resizeShell: function(msg) {\r\n            // console.log('methods resizeShell', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('resizeShell divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeShell 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'shell' })\r\n\r\n        },\r\n\r\n        mutation: function(msg) {\r\n            // console.log('methods mutation', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('mutation divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('mutation 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('mutation', { ...msg, from: 'content' })\r\n\r\n        },\r\n\r\n        visible: function(v) {\r\n            // console.log('methods visible', v)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('visible divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('visible 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('visible', { visible: v, from: 'content' })\r\n\r\n        },\r\n\r\n        updateRatio: function() {\r\n            // console.log('methods updateRatio')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //ratio\r\n            let ratio = 0\r\n            if (vo.contentHeightEff > 0) {\r\n                ratio = vo.$refs.divShell.scrollTop / vo.contentHeightEff\r\n            }\r\n\r\n            //save\r\n            vo.ratio = ratio\r\n\r\n        },\r\n\r\n        // updateScrollTopByRatio: function(r) {\r\n        //     // console.log('methods updateScrollTopByRatio', r)\r\n\r\n        //     let vo = this\r\n\r\n        //     //divShell\r\n        //     let divShell = get(vo, '$refs.divShell')\r\n\r\n        //     //check\r\n        //     if (!divShell) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //divBar\r\n        //     let divBar = get(vo, '$refs.divBar')\r\n\r\n        //     //check\r\n        //     if (!divBar) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //scrollTop\r\n        //     let h = vo.contentHeight - vo.panelHeight\r\n        //     let scrollTop = 0\r\n        //     if (h > 0) {\r\n        //         scrollTop = r * h\r\n        //     }\r\n\r\n        //     //update scrollTop\r\n        //     vo.$refs.divShell.scrollTop = scrollTop\r\n        //     vo.$refs.divBar.scrollTop = scrollTop\r\n\r\n        // },\r\n\r\n        updateScrollTop: function(scrollTop) {\r\n            // console.log('methods updateScrollTop', scrollTop)\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait divShell與divBar, 組件初始化時會先觸發computed才會有實體元素出現, 故得用waitFun等待\r\n                await waitFun(() => {\r\n                    return vo.$refs.divShell !== undefined && vo.$refs.divBar !== undefined\r\n                }, { timeInterval: 20 })\r\n\r\n                //update scrollTop\r\n                if (vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divShell.scrollTop = scrollTop\r\n                }\r\n                if (vo.$refs.divBar) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divBar.scrollTop = scrollTop\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        updateScrollInfor: function() {\r\n            //console.log('methods updateScrollInfor')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //scrollInfor\r\n            let scrollInfor = {\r\n                r: vo.ratio,\r\n                sti: vo.scrollTop, //輸入給予scrollTop\r\n                stn: vo.$refs.divShell.scrollTop, //目前scrollTop, 要等emit scrollTop出去後才會與sti同值\r\n                dir: vo.scrollTop > vo.$refs.divShell.scrollTop ? 'up' : 'down', //判斷是往上還往下捲\r\n                t: vo.viewTop,\r\n                b: vo.viewBottom,\r\n                ch: vo.contentHeight,\r\n                che: vo.contentHeightEff,\r\n                // ph: vo.panelHeight,\r\n            }\r\n\r\n            //save\r\n            if (!isEqual(vo.scrollInfor, scrollInfor)) {\r\n                vo.scrollInfor = scrollInfor\r\n            }\r\n\r\n        },\r\n\r\n        scrollShell: function(ev) {\r\n            // console.log('methods scrollShell', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter shell'\r\n            }\r\n            if (vo.mouseLoc !== 'enter shell') {\r\n                return\r\n            }\r\n            // console.log('scrollShell')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divBar\r\n            vo.$refs.divBar.scrollTop = vo.$refs.divShell.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'shell' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'shell' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollShell clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        scrollBar: function(ev) {\r\n            // console.log('methods scrollBar', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter bar'\r\n            }\r\n            if (vo.mouseLoc !== 'enter bar') {\r\n                return\r\n            }\r\n            // console.log('scrollBar')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divShell\r\n            vo.$refs.divShell.scrollTop = vo.$refs.divBar.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'bar' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'bar' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollBar clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        triggerEvent: function(name, msg) {\r\n            // console.log('methods triggerEvent', name, msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.useEmitEvent) {\r\n                return\r\n            }\r\n\r\n            //emit\r\n            vo.$emit(name, msg)\r\n\r\n            //updateScrollInfor\r\n            vo.updateScrollInfor()\r\n\r\n            //emit\r\n            vo.$emit('change-infor', {\r\n                evName: name,\r\n                evMsg: msg,\r\n                ...vo.scrollInfor,\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.sb {\r\n    transition: opacity 0.3s;\r\n    /* Works on Firefox */\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0,0,0,0.3) transparent;\r\n}\r\n/* Works on Chrome, Edge, and Safari */\r\n.sb::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n.sb::-webkit-scrollbar-track {\r\n    background: transparent;\r\n}\r\n.sb::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),Nu,"data-v-01f5c13c",false,undefined,!1,xa,void 0,void 0);const Yu={directives:{domresize:$i()},components:{WPanelScrollyCore:Ku},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{top:0,viewHeight:0,viewHeightTemp:0,contentHeight:0,contentHeightTemp:0}},computed:{},methods:{resizePanel:function(n){this.viewHeight=n.snew.offsetHeight}}};var Ju=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],on:{domresize:n.resizePanel}},[t("WPanelScrollyCore",n._g({attrs:{viewHeightMax:n.viewHeight,scrollTop:n.scrollTop,barOpacity:n.barOpacity,barOpacityHover:n.barOpacityHover}},n.$listeners),[n._t("default")],2)],1)};Ju._withStripped=!0;const Uu=ya({render:Ju,staticRenderFns:[]},(function(n){n&&n("data-v-1626f0ce_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScrolly.vue"},media:void 0})}),Yu,"data-v-1626f0ce",false,undefined,!1,xa,void 0,void 0);const Qu={components:{demolink:nu,WPanelScrolly:Uu},props:{},data:function(){return{WPanelScrolly:{tableStyle:"border-collapse:collapse; background-image:linear-gradient(141deg, #4cc5f8 0%, #3fd8eb 75%);",tdStyle:"padding:50px 22px; color:white; border:1px solid rgba(255,255,255,0.5); font-size:0.8rem;",scrollTop:100},actions:[]}},methods:{getEvents:function(n,e){console.log("getEvents",n,e)},updateScrollTop:function(n){console.log("updateScrollTop",n)}}};var qu=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"default"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"events"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},on:{scroll:function(e){n.getEvents("scroll",e)},"scroll-infor":function(e){n.getEvents("scroll-infor",e)},resize:function(e){n.getEvents("resize",e)},mutation:function(e){n.getEvents("mutation",e)},visible:function(e){n.getEvents("visible",e)},"update:scrollTop":function(e){n.getEvents("update:scrollTop",e)}}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"barOpacity & barOpacityHover"}}),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{barOpacity:0,barOpacityHover:.8}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scrolly",casename:"scrollTop"}}),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",color:"#aaa"}},[n._v("scrollTop: "+n._s(n.WPanelScrolly.scrollTop))]),n._v(" "),t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"},attrs:{scrollTop:n.WPanelScrolly.scrollTop},on:{"update:scrollTop":[function(e){return n.$set(n.WPanelScrolly,"scrollTop",e)},n.updateScrollTop],"update:scroll-top":function(e){return n.$set(n.WPanelScrolly,"scrollTop",e)}}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1)])])};qu._withStripped=!0;const np=ya({render:qu,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-scrolly")])])}]},(function(n){n&&n("data-v-23ce766a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelScrolly.vue"},media:void 0})}),Qu,"data-v-23ce766a",false,undefined,!1,xa,void 0,void 0);const ep={components:{WIcon:_a,WTooltip:Od},props:{paddingStyle:{type:Object,default:()=>({v:0,h:15})},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderWidth:{type:Number,default:1},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},shadow:{type:Boolean,default:!0},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-2"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0},hovered:{type:Boolean,default:!1},focused:{type:Boolean,default:!1}},data:function(){return{hoveredTrans:!1,focusedTrans:!1}},computed:{changeParam:function(){let n=this;return n.hoveredTrans=n.hovered,n.focusedTrans=n.focused,""},useBackgroundColor:function(){let n=this,e={};return n.focusedTrans?(e["background-color"]=Oi(n.backgroundColorFocus),e):n.hoveredTrans?(e["background-color"]=Oi(n.backgroundColorHover),e):(e["background-color"]=Oi(n.backgroundColor),e)},useBorder:function(){let n=this,e={};return n.focusedTrans?(e.border=`${n.borderWidth}px solid ${Oi(n.borderColorFocus)}`,e):n.hoveredTrans?(e.border=`${n.borderWidth}px solid ${Oi(n.borderColorHover)}`,e):(e.border=`${n.borderWidth}px solid ${Oi(n.borderColor)}`,e)},useShadow:function(){let n={};return this.shadow&&(n["box-shadow"]="0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"),n},useLeftIconColor:function(){let n=this;return n.hoveredTrans?Oi(n.leftIconColorHover):n.focusedTrans?Oi(n.leftIconColorFocus):Oi(n.leftIconColor)},useRightIconColor:function(){let n=this;return n.hoveredTrans?Oi(n.rightIconColorHover):n.focusedTrans?Oi(n.rightIconColorFocus):Oi(n.rightIconColor)},useTitleColor:function(){let n={};return n.color=Oi(this.titleColor),n},usePadding:function(){return{padding:ma(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return Ao(this.leftIconTooltip)},hasRightIconTooltop:function(){return Ao(this.rightIconTooltip)},useVerticalAlign:function(){let n=this,e={};return"center"===n.verticalAlign?e["align-items"]="center":"top"===n.verticalAlign?e["align-items"]="flex-start":"bottom"===n.verticalAlign&&(e["align-items"]="flex-end"),e}},methods:{clickIcon:function(n){let e=this;!1!==e.editable&&e.$nextTick((()=>{e.$emit("click-"+n)}))},mouseenter:function(){let n=this;n.hoveredTrans=!0,n.$nextTick((()=>{n.$emit("update:hovered",!0)}))},mouseleave:function(){let n=this;n.hoveredTrans=!1,n.$nextTick((()=>{n.$emit("update:hovered",!1)}))}}};var tp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{style:[{transition:"all 0.3s",display:"flex","justify-content":"flex-start","border-radius":n.borderRadius+"px",opacity:n.editable?1:.6},n.usePadding,n.useBackgroundColor,n.useBorder,n.useShadow,n.useVerticalAlign],on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[n.leftIcon?t("div",{style:"margin-left:"+n.iconShiftOuter+"px; margin-right:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("left")},click:function(e){return n.clickIcon("left")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasLeftIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"leftIcon"}},[t("WIcon",{attrs:{icon:n.leftIcon,size:n.leftIconSize,color:n.useLeftIconColor,colorHover:n.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3849071383)})],1):n._e(),n._v(" "),t("div",{style:[{width:"100%"}]},[n._t("default")],2),n._v(" "),n.rightIcon?t("div",{style:"margin-right:"+n.iconShiftOuter+"px; margin-left:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("right")},click:function(e){return n.clickIcon("right")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasRightIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"rightIcon"}},[t("WIcon",{attrs:{icon:n.rightIcon,size:n.rightIconSize,color:n.useRightIconColor,colorHover:n.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1563142679)})],1):n._e()])])};tp._withStripped=!0;const op=ya({render:tp,staticRenderFns:[]},(function(n){n&&n("data-v-18db5f73_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),ep,"data-v-18db5f73",false,undefined,!1,xa,void 0,void 0);const rp={components:{},props:{borderColor:{type:String,default:"grey lighten-1"},borderColorHover:{type:String,default:"grey"},borderColorFocus:{type:String,default:"blue darken-2"},borderWidth:{type:Number,default:1},borderWidthHover:{type:Number,default:1},borderWidthFocus:{type:Number,default:2},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,hoverTrans:!1}},computed:{changeParam:function(){return this.focusedTrans=this.focused,""},useBorderWidth:function(){let n=this;return n.hoverTrans?n.borderWidthHover:n.borderWidth},useBorderColor:function(){let n=this;return n.hoverTrans?Oi(n.borderColorHover):Oi(n.borderColor)},useBorderColorFocus:function(){return Oi(this.borderColorFocus)}},methods:{}};var ip=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{staticStyle:{position:"relative"},on:{mouseenter:function(e){n.hoverTrans=!0},mouseleave:function(e){n.hoverTrans=!1}}},[n._t("default"),n._v(" "),t("div",{style:"position:absolute; left:0px; right:0px; bottom:0px; z-index:1; border-bottom:"+n.useBorderWidth+"px solid "+n.useBorderColor+";"}),n._v(" "),t("transition",{attrs:{name:"fade"}},[n.focused?t("div",{style:"position:absolute; left:0px; right:0px; bottom:0px; z-index:2; border-bottom:"+n.borderWidthFocus+"px solid "+n.useBorderColorFocus+";"}):n._e()])],2)])};ip._withStripped=!0;const ap=ya({render:ip,staticRenderFns:[]},(function(n){n&&n("data-v-b94ad244_0",{source:"\n.fade-enter-active[data-v-b94ad244], .fade-leave-active[data-v-b94ad244] {\r\n    transition: all 0.3s;\n}\n.fade-enter[data-v-b94ad244], .fade-leave-to[data-v-b94ad244] {\r\n    transform: scaleX(0);\n}\n.fade-enter-to[data-v-b94ad244], .fade-leave[data-v-b94ad244] {\r\n    transform: scaleX(100%);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WShellBottomLine.vue"],names:[],mappings:";AAiIA;IACA,oBAAA;AACA;AACA;IACA,oBAAA;AACA;AACA;IACA,uBAAA;AACA",file:"WShellBottomLine.vue",sourcesContent:["<template>\r\n    <div :changeParam=\"changeParam\">\r\n\r\n        <div\r\n            style=\"position:relative;\"\r\n            @mouseenter=\"hoverTrans=true\"\r\n            @mouseleave=\"hoverTrans=false\"\r\n        >\r\n\r\n            <slot></slot>\r\n\r\n            <div\r\n                :style=\"`position:absolute; left:0px; right:0px; bottom:0px; z-index:1; border-bottom:${useBorderWidth}px solid ${useBorderColor};`\"\r\n            ></div>\r\n\r\n            <transition name=\"fade\">\r\n                <div\r\n                    :style=\"`position:absolute; left:0px; right:0px; bottom:0px; z-index:2; border-bottom:${borderWidthFocus}px solid ${useBorderColorFocus};`\"\r\n                    v-if=\"focused\"\r\n                ></div>\r\n            </transition>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [borderWidth=1] 輸入線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [borderColor='grey lighten-1'] 輸入線顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [borderColorHover='grey'] 輸入滑鼠移入時線顏色字串，預設'grey'\r\n * @vue-prop {String} [borderColorFocus='blue darken-2'] 輸入取得焦點時線顏色字串，預設'blue darken-2'\r\n * @vue-prop {Number} [borderWidthHover=1] 輸入滑鼠移入時線寬度數字，單位為px，預設1\r\n * @vue-prop {Number} [borderWidthFocus=2] 輸入取得焦點時線寬度數字，單位為px，預設2\r\n * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        borderColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        borderColorFocus: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        borderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderWidthHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderWidthFocus: {\r\n            type: Number,\r\n            default: 2,\r\n        },\r\n        focused: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            focusedTrans: false,\r\n            hoverTrans: false,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //focusedTrans\r\n            vo.focusedTrans = vo.focused\r\n\r\n            return ''\r\n        },\r\n\r\n        useBorderWidth: function() {\r\n            //console.log('computed useBorderWidth')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoverTrans) {\r\n                return vo.borderWidthHover\r\n            }\r\n            return vo.borderWidth\r\n        },\r\n\r\n        useBorderColor: function() {\r\n            //console.log('computed useBorderColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoverTrans) {\r\n                return convertColor(vo.borderColorHover)\r\n            }\r\n            return convertColor(vo.borderColor)\r\n        },\r\n\r\n        useBorderColorFocus: function() {\r\n            //console.log('computed useBorderColorFocus')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.borderColorFocus)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.fade-enter-active, .fade-leave-active {\r\n    transition: all 0.3s;\r\n}\r\n.fade-enter, .fade-leave-to {\r\n    transform: scaleX(0);\r\n}\r\n.fade-enter-to, .fade-leave {\r\n    transform: scaleX(100%);\r\n}\r\n</style>\r\n"]},media:void 0})}),rp,"data-v-b94ad244",false,undefined,!1,xa,void 0,void 0);function lp(n){if(!Wi(n))return!1;return _i(n)>=0}function sp(n){if(!Ii(n))return!1;return Pi(n)<0}function cp(n,e){let t=!1,o="";if("isstr"===e)To(n)||(t=!0,o="需要為字串",n="");else if("isnum"===e)Wi(n)||(t=!0,o="需要為數字",n=0);else if("isp0num"===e)lp(n)||(t=!0,o="需要為含0的正浮點數",n=0);else if("isn0num"===e)Wi(r=n)&&_i(r)<=0||(t=!0,o="需要為含0的負浮點數",n=0);else if("isint"===e)Ii(n)||(t=!0,o="需要為整數",n=0);else if("ispint"===e)Fi(n)||(t=!0,o="需要為不含0正整數",n=0);else if("isp0int"===e)Ql(n)||(t=!0,o="需要為含0正整數",n=0);else if("isnint"===e)sp(n)||(t=!0,o="需要為不含0負整數",n=0);else if("isn0int"===e)(function(n){return!!Ii(n)&&Pi(n)<=0})(n)||(t=!0,o="需要為含0負整數",n=0);else if(ji(e)){n=e(n)}else"any"===e?Wi(n)||To(n)||(t=!0,o="需要為字串或數字",n=""):(t=!0,o="需要指定驗證類型",n=null);var r;return{value:n,err:t,errmsg:o}}var dp={props:{type:{type:[String,Function],default:"any"},value:{type:[String,Number],default:""},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},password:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){return this.valueTrans=this.value,""},useHeight:function(){let n=this,e="";return Wi(n.height)?e=`height:${n.height}px;`:Ao(n.height)&&(e=`height:${n.height}; line-height:${n.height};`),e},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTextColor:function(){return Oi(this.textColor)}},methods:{setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(n){let e=this;e.focused!==n&&e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateValue:function(n){let e=this,t=cp(e.valueTrans,e.type);e.valueTrans=t.value,e.errmsg=t.errmsg},trigger:function(n,e){let t=this;t.$nextTick((()=>{t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};const up=dp;var pp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},["checkbox"==(n.password?"password":"text")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{readonly:!n.editable,placeholder:n.placeholder,type:"checkbox"},domProps:{checked:Array.isArray(n.valueTrans)?n._i(n.valueTrans,null)>-1:n.valueTrans},on:{input:function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)},change:[function(e){var t=n.valueTrans,o=e.target,r=!!o.checked;if(Array.isArray(t)){var i=n._i(t,null);o.checked?i<0&&(n.valueTrans=t.concat([null])):i>-1&&(n.valueTrans=t.slice(0,i).concat(t.slice(i+1)))}else n.valueTrans=r},function(e){n.trigger("change",e)}],focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}}):"radio"==(n.password?"password":"text")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{readonly:!n.editable,placeholder:n.placeholder,type:"radio"},domProps:{checked:n._q(n.valueTrans,null)},on:{input:function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)},change:[function(e){n.valueTrans=null},function(e){n.trigger("change",e)}],focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}}):t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{readonly:!n.editable,placeholder:n.placeholder,type:n.password?"password":"text"},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}})])};pp._withStripped=!0;const mp=ya({render:pp,staticRenderFns:[]},(function(n){n&&n("data-v-fa076c2c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),up,"data-v-fa076c2c",false,undefined,!1,xa,void 0,void 0);const vp={components:{WShellEllipse:op,WShellBottomLine:ap,WTextCore:mp},props:{paddingStyle:{type:Object,default:()=>({v:0,h:0})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!1},type:{type:[String,Function],default:"any"},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"blue"},leftIconColorHover:{type:String,default:"blue darken-1"},leftIconColorFocus:{type:String,default:"blue darken-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"blue"},rightIconColorHover:{type:String,default:"blue darken-1"},rightIconColorFocus:{type:String,default:"blue darken-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:0},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},bottomLineBorderColor:{type:String,default:"grey lighten-1"},bottomLineBorderColorHover:{type:String,default:"grey"},bottomLineBorderColorFocus:{type:String,default:"blue darken-1"},bottomLineBorderWidth:{type:Number,default:1},bottomLineBorderWidthHover:{type:Number,default:1},bottomLineBorderWidthFocus:{type:Number,default:2},placeholder:{type:String,default:""},height:{type:Number,default:28},password:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeFocused:function(){return this.focusedTrans=this.focused,""}},methods:{modifyFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var gp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeFocused:n.changeFocused}},[t("WShellBottomLine",{attrs:{borderColor:n.bottomLineBorderColor,borderColorHover:n.bottomLineBorderColorHover,borderColorFocus:n.bottomLineBorderColorFocus,borderWidth:n.bottomLineBorderWidth,borderWidthHover:n.bottomLineBorderWidthHover,borderWidthFocus:n.bottomLineBorderWidthFocus,focused:n.focusedTrans}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("WTextCore",{attrs:{type:n.type,textFontSize:n.textFontSize,textColor:n.textColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,password:n.password,editable:n.editable,value:n.value,focused:n.focusedTrans},on:{"update:focused":n.modifyFocused,select:function(e,t,o){n.$emit("select",e,t,o)},blur:function(e,t,o){n.$emit("blur",e,t,o)},enter:function(e,t,o){n.$emit("enter",e,t,o)},input:function(e,t,o){n.$emit("input",e,t,o)},change:function(e,t,o){n.$emit("change",e,t,o)}}})],1)],1)],1)};gp._withStripped=!0;const hp=ya({render:gp,staticRenderFns:[]},(function(n){n&&n("data-v-43875b64_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WText.vue"},media:void 0})}),vp,"data-v-43875b64",false,undefined,!1,xa,void 0,void 0);var fp={props:{value:{type:[String,Number],default:""},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){let n=this;return n.valueTrans=n.value,n.updateHeight(),""},useHeight:function(){let n=this,e="";return Wi(n.height)?e=`height:${n.height}px;`:Ao(n.height)&&(e=`height:${n.height};`),e},useOverflow:function(){let n="overflow:hidden;";return Ao(this.useHeight)&&(n="overflow:auto;"),n},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTextColor:function(){return Oi(this.textColor)}},methods:{updateHeight:function(){let n=this;Ao(n.useHeight)||Zu((()=>void 0!==n.$refs.ta),{timeInterval:20}).then((()=>{try{let e=n.$refs.ta;e.style.height="auto",e.style.height=e.scrollHeight+"px"}catch(n){}})).catch((n=>{console.log(n)}))},setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.ta.focus()},updateFocused:function(n){let e=this;e.focused!==n&&e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateValue:function(n){this.errmsg=""},trigger:function(n,e){let t=this;t.$nextTick((()=>{t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};const bp=fp;var yp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("textarea",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"ta",style:"\n            transition:all 0.3s;\n            display:block;\n            outline:none;\n            width:100%;\n            box-sizing:border-box;\n            border-style:none;\n            resize:none;\n            background:transparent;\n            color:"+n.useTextColor+";\n            "+n.useHeight+"\n            text-align:"+n.textAlign+";\n            "+n.useTextFontSize+"\n            "+n.useOverflow+"\n            opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";\n        ",attrs:{rows:"1",readonly:!n.editable,placeholder:n.placeholder},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateHeight(e.srcElement),n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}})])};yp._withStripped=!0;const kp={components:{WShellEllipse:op,WShellBottomLine:ap,WTextareaCore:ya({render:yp,staticRenderFns:[]},(function(n){n&&n("data-v-a4a195ac_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextareaCore.vue"},media:void 0})}),bp,"data-v-a4a195ac",false,undefined,!1,xa,void 0,void 0)},props:{paddingStyle:{type:Object,default:()=>({v:0,h:0})},borderRadius:{type:Number,default:4},shadow:{type:Boolean,default:!1},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"blue"},leftIconColorHover:{type:String,default:"blue darken-1"},leftIconColorFocus:{type:String,default:"blue darken-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"blue"},rightIconColorHover:{type:String,default:"blue darken-1"},rightIconColorFocus:{type:String,default:"blue darken-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:0},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},bottomLineBorderColor:{type:String,default:"grey lighten-1"},bottomLineBorderColorHover:{type:String,default:"grey"},bottomLineBorderColorFocus:{type:String,default:"blue darken-1"},bottomLineBorderWidth:{type:Number,default:1},bottomLineBorderWidthHover:{type:Number,default:1},bottomLineBorderWidthFocus:{type:Number,default:2},placeholder:{type:String,default:""},height:{type:[Number,String],default:null},verticalAlign:{type:String,default:"top"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var xp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("WShellBottomLine",{attrs:{borderColor:n.bottomLineBorderColor,borderColorHover:n.bottomLineBorderColorHover,borderColorFocus:n.bottomLineBorderColorFocus,borderWidth:n.bottomLineBorderWidth,borderWidthHover:n.bottomLineBorderWidthHover,borderWidthFocus:n.bottomLineBorderWidthFocus,focused:n.focusedTrans}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,verticalAlign:n.verticalAlign,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("WTextareaCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,value:n.value,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,select:function(e,t,o){n.$emit("select",e,t,o)},blur:function(e,t,o){n.$emit("blur",e,t,o)},enter:function(e,t,o){n.$emit("enter",e,t,o)},input:function(e,t,o){n.$emit("input",e,t,o)},change:function(e,t,o){n.$emit("change",e,t,o)}}})],1)],1)],1)};xp._withStripped=!0;const Cp=ya({render:xp,staticRenderFns:[]},(function(n){n&&n("data-v-54b875e6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextarea.vue"},media:void 0})}),kp,"data-v-54b875e6",false,undefined,!1,xa,void 0,void 0);const Sp={components:{WTooltip:Od},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})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var wp=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WTooltip",n._g(n._b({scopedSlots:n._u([{key:"trigger",fn:function(){return[n._t("trigger")]},proxy:!0},{key:"content",fn:function(e){return[n._t("content",null,{funHide:e.funHide})]}}],null,!0)},"WTooltip",Object.assign({},n.$props,{mode:"popup"}),!1),n.$listeners))};wp._withStripped=!0;const Wp=ya({render:wp,staticRenderFns:[]},(function(n){n&&n("data-v-74cd6d9f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Sp,"data-v-74cd6d9f",false,undefined,!1,xa,void 0,void 0);function _p(n){return null==n?[]:function(n,e){return ln(e,(function(e){return n[e]}))}(n,Le(n))}function Ip(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;Wi(n)||(n=10);let e=Dl();return setTimeout((function(){e.resolve()}),n),e}function Tp(n,e){if(!fa(n))return[];if(!Ao(e)&&!fa(e))return[];let t=null;t=Ao(e)?Rl(e," "):e;let o=Oo(t);let r=Io(n,(n=>function(n){let e=!1,r=0;for(let i=0;i<o;i++){let a=t[i],l=a,s="+"===ql(a,1),c="-"===ql(a,1);if((s||c)&&(l=es(a,1)),""===Tl(l))continue;let d=n.indexOf(l)>=0;if(s){if(d){e=!0,r=1;break}e=!1,r=0;break}if(c){if(d){e=!1,r=0;break}e=!0,r=1;break}if(d){e=!0;let n=1-i/o;n=n**2,r+=n}}return{hasKeyword:e,weight:r}}(n)));return r}function Ap(n){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(ga(n))return"";let t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}let Bp=function(n){if(!ji(n))throw new Error("fn is not a function");return function(){let e=Dl(),t=null,o=null;try{t=n.apply(this,arguments)}catch(n){o=n}return null!==o?e.resolve({state:"error",msg:o}):Vu(t)?t.then((n=>{e.resolve({state:"success",msg:n})})).catch((n=>{"cancelled"===fn(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})})):e.resolve({state:"success",msg:t}),e}};function Hp(){let n=Di(),e=[],t=null,o=!1;return function(r){let i=Dl();if(!ji(r))return void console.log("func is not a function");let a=Zi();for(var l=arguments.length,s=new Array(l>1?l-1:0),c=1;c<l;c++)s[c-1]=arguments[c];return e.push({id:a,func:r,input:s}),null===t&&(t=setInterval((async()=>{if(o)return;o=!0;let r=e.pop();for(let t=0;t<e.length;t++){let o=e[t].id,r={state:"cancelled"};n.emit(o,r)}if(e=[],r){let e,t=r.id;e=ji(r.func)?await Bp(r.func)(...r.input):{state:"error",msg:"fun is not a function"},n.emit(t,e)}o=!1,o||0!==e.length||(clearInterval(t),t=null)}),10)),n.once(a,(n=>{"success"===n.state?i.resolve(n.msg):"cancelled"===n.state?i.reject({reason:"cancelled"}):i.reject(n.msg)})),i}}function Pp(n,e,t){for(var o=-1,r=n.length;++o<r;){var i=n[o],a=e(i);if(null!=a&&(void 0===l?a==a&&!f(a):t(a,l)))var l=a,s=i}return s}function Fp(n,e){return n>e}function Lp(n,e){let t=Oo(n),o=0,r=e(o),i=t-1,a=e(i),l=!0,s=null;for(;l;){let n=Math.floor((i+o)/2),t=e(n);if(r<0&&t<0&&a<0){s=null,l=!1;break}if(r>0&&t>0&&a>0){s=null,l=!1;break}if(0===r){s=o,l=!1;break}if(0===t){s=n,l=!1;break}if(0===a){s=i,l=!1;break}if(n===o||n===i){let e=[{i:o,v:r},{i:n,v:t},{i:i,v:a}];e=Bl(e,(n=>n.v<=0)),s=(d="v",(c=e)&&c.length?Pp(c,Wo(d),Fp):void 0).i,l=!1;break}r*t>0?(o=n,r=t):(i=n,a=t)}var c,d;return s}let Rp={};function Dp(){return{set:function(n,e){Rp[n]=e},get:function(n){return Rp[n]},remove:function(n){delete Rp[n]}}}let jp=Dp();var zp={components:{WPanelScrollyCore:Ku},props:{rows:{type:Array,default:()=>[]},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:Hp(),dbcRefresh:$u(),dbcSetRows:$u(),mmkey:Zi(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,filterKeywordsTemp:"",itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let n=this;null!==n.mmkey&&jp.remove(n.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler(n){this.setRows(n)}}},computed:{changeFilterKeyWords:function(){let n=this.filterKeywords;return this.filterDebounce(),n}},methods:{getRows:function(){return jp.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!va(n)){return"rows is not array"}null!==e.mmkey&&jp.remove(e.mmkey);let t=Io(n,((n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n})));jp.set(e.mmkey,t),e.changeDisplay=!0},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=Oo(n)<=1e4,e.setRowsCore(n),await e.refreshCore("setRows")}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1}))},setRowsDebounce:function(n){let e=this;e.lockFromSetRows=!0,e.dbcSetRows((()=>{e.setRows(n)}))},genUseItems:function(){let n=this;if(null===n.mmkey)return;let e=jp.get(n.mmkey),t=Oo(e),o=[],r=!1,i=!1;if(t>0){let i=Lp(e,(t=>{let o=e[t];return n.scrollInfor.t-(o.y+o.height)}));null===i&&(i=0);let a=Math.max(i-1,0),l=Lp(e,(t=>{let o=e[t];return n.scrollInfor.b-o.y}));null===l&&(l=t-1);let s=Math.min(l+n.itemsPreload,t-1),c=0;for(let n=0;n<a;n++){let t=e[n];t.displayShow&&t.filterShow&&(c+=t.height)}let d=0;for(let n=s+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(d+=t.height)}for(let t=a;t<=s;t++){let r=ci(e[t]);r.displayShow&&r.filterShow&&(r.nowShow=!0,r.top=r.y-n.scrollInfor.t,o.push(r))}n.itemsHeightPre!==c&&(r=!0,n.itemsHeightPre=c),n.itemsHeightAft!==d&&(r=!0,n.itemsHeightAft=d)}if(Uo(n.useItems,o)||(i=!0,n.useItems=o),n.$refs.wdsDiv){let e=Io(o,"row"),t=Io(o,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),Uo(n.emItemsTemp,t)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:e,items:t}),n.emItemsTemp=t)}return{change:r||i}},syncItemsHeight:function(n,e){let t=!1;return 0===Oo(n)||Ve(fn(this,"$refs.wdsDiv",[]),((o,r)=>{if(!o.getAttribute)return console.log("找不到getAttribute"),!0;let i=o.getAttribute("index");if(!Ql(i))return console.log("!isp0int(index)",i),!0;i=Pi(i);let a=fn(o,"children.0");if(!oa(a))return console.log("!isEle(cnode)",a),!0;let l=a.offsetHeight;n[i].height!==l&&(ji(e)&&e(i,l),t=!0)})),t},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=jp.get(n.mmkey),t=Oo(e);n.changeHeight=n.syncItemsHeight(e,((n,t)=>{e[n].height=t})),n.show||(n.changeHeight=!1);let o=null,r=n.changeHeight||n.changeDisplay||n.changeFilter;if(r){let r=0;for(let n=0;n<t;n++){let t=e[n];t.y!==r&&(e[n].y=r),t.displayShow&&t.filterShow&&(r+=t.height)}o=n.itemsHeight,o!==r&&(o=r),0===o&&(o=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:r,itemsHeight:o}},refreshCore:async function(n){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let t=0,o=3;await async function(){e.lockFromRefreshUseItems=!0;let n=ci(e.scrollInfor),r=await async function(){let n=Dl();if(t+=1,t>o)return n.resolve(null),n;e.filterItems();let r=e.genUseItems();await Ip(20);let i=e.updateItemsHeight();return n.resolve({genUseItems:r,updateItemsHeight:i}),n}(),i=fn(r,"genUseItems.change",!1)||fn(r,"updateItemsHeight.change",!1),a=fn(r,"updateItemsHeight.itemsHeight",null);if(ua(a))if(a<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=a-n.ch);let o=e.scrollTop+t;e.scrollTop!==o&&(e.scrollTop=o),e.itemsHeight=a,e.$emit("change-height-of-items",{height:a})}i&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromRefreshUseItems=!1}))},refresh:function(n){this.pmtRefresh(this.refreshCore,n).catch((()=>{}))},filterDebounce:function(){let n=this;n.dbcRefresh((()=>{n.refreshCore("filterDebounce")}))},changeInfor:function(n){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((()=>{e.scrollInfor=n,e.refresh("changeInfor")})))},processItems:async function(n={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let t=jp.get(e.mmkey);if(!va(t))return;let o=fn(n,"fun",null);if(ji(o)){let n=o(t);Vu(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let r=fn(n,"indStart",null),i=fn(n,"indEnd",null);if(Ii(r)&&Ii(i)){let o=fn(n,"displayShow",null);if(ca(o)){for(let n=r;n<=i;n++){fn(t,n,null)&&(t[n].displayShow=o)}e.changeDisplay=!0}let a=fn(n,"filterShow",null);if(ca(a)){for(let n=r;n<=i;n++){fn(t,n,null)&&(t[n].filterShow=a)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromProcess=!1}))},setSearchingResults:function(n){this.searchingResults=n},filterItems:function(){let n=this;if(null===n.mmkey)return;if(n.filterKeywordsTemp===n.filterKeywords)return;n.filterKeywordsTemp=n.filterKeywords;let e=jp.get(n.mmkey),t=Oo(e);if(n.searchingResults=-1,0===Oo(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),o=Io(e,(n=>{let e=n.row,t="";return t=To(e)?e:Wi(e)?pn(e):Yi(e)?Fl(_p(e)," "):Ap(e),t=t.toLowerCase(),t})),r=Tp(o,t),i=0;Ve(e,((n,t)=>{let o=r[t];e[t].filterShow=o.hasKeyword,o.hasKeyword&&i++})),n.searchingResults=i}n.changeFilter=!0},triggerEvent:function(n,e){let t=fn(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const Vp=zp;var Zp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,(function(e,o){return[t("div",{key:"kitem-"+o,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:o,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]}))],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};Zp._withStripped=!0;const $p=ya({render:Zp,staticRenderFns:[]},(function(n){n&&n("data-v-3a897dd0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Vp,"data-v-3a897dd0",false,undefined,!1,xa,void 0,void 0);const Ep={components:{WPopup:Wp,WTextCore:mp,WDynamicList:$p,WIcon:_a},props:{mode:{type:String,default:"suggest"},value:{type:[Object,String,Number],default:null},items:{type:Array,default:()=>[]},height:{type:[Number,String],default:""},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},itemTextFontSize:{type:String,default:"0.8rem"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#333"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},expansionIcon:{type:String,default:fl},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},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,showPanelTrans:!1,valueTrans:null}},computed:{changeFocusedFromPopup:function(){return this.focusedTrans=this.focused,""},changeShowPanelFromPopup:function(){let n=this;return Oo(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return Qo(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTextColor:function(){return Oi(this.textColor)},useItemBackgroundColor:function(){return Oi(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return Oi(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=Ki(n,";",""),`font-size:${n};`},useItemTextColor:function(){return Oi(this.itemTextColor)},useItemTextColorHover:function(){return Oi(this.itemTextColorHover)},useItemPadding:function(){return`padding:${ma(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return Oi(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return Qo(n)?n[e.keyText]:n},selectText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(n,e){this.editable&&this.triggerAll({focused:n},"updateFocused")},updateShowPanel:function(n,e){this.editable&&this.triggerAll({showPanel:n,focused:n},"updateShowPanel")},updateValue:function(n){let e=this;e.editable&&(e.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(n,e){let t=this;t.editable&&(t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"),t.triggerAll({showPanel:!1,focused:!1},"clickItem"))},triggerEvent:function(n,e,t,o){let r=this;r.editable&&r.$nextTick((()=>{r.$emit(n,e,t)}))},triggerAll:function(n,e){let t=this;if(!t.editable)return;let o=fn(n,"showPanel",null),r=fn(n,"focused",null);setTimeout((()=>{ca(r)&&t.focusedTrans!==r&&(t.focusedTrans=r,t.triggerEvent("update:focused",r,null,"triggerAll")),ca(o)&&t.showPanelTrans!==o&&(Oo(t.items)>0?t.showPanelTrans=o:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",o,null,"triggerAll"))}),20)}}};var Gp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{displayType:"line",minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDistX:n.placementDistX,placementDistY:n.placementDistY,editable:n.editable,value:n.showPanelTrans,changeValueFromPopup:n.changeValueFromPopup,changeFocusedFromPopup:n.changeFocusedFromPopup,changeShowPanelFromPopup:n.changeShowPanelFromPopup},on:{input:function(e){n.updateShowPanel(e,"WPopup")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",[t("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===n.mode?t("div",{style:"width:100%; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{_tabindex:"0"},on:{focus:n.focusText}},[n._t("select",(function(){return[n._v("\n                        "+n._s(n.valueTrans)+"\n                    ")]}),{item:n.value,text:n.valueTrans})],2):n._e(),n._v(" "),"suggest"===n.mode?t("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:n.textFontSize,textColor:n.useTextColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,focused:n.focusedTrans,value:n.valueTrans},on:{"update:focused":function(e){n.updateFocused(e,"update:focused"),n.triggerEvent("blur",n.value,null,"blur")},enter:function(e){return n.triggerEvent("enter",n.value,null,"enter")},input:n.updateValue,select:n.selectText}}):n._e(),n._v(" "),t("div",{},[t("div",{style:"transform:rotate("+(n.useRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.uesExpansionIconColor,colorHover:n.uesExpansionIconColor,size:n.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[t("div",[t("WDynamicList",{attrs:{rows:n.items,filterKeywords:"suggest"===n.mode?n.valueTrans:"",viewHeightMax:n.maxHeight,itemMinHeight:n.defItemHeight,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,show:n.showPanelTrans},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+n.useItemBackgroundColor+"; color:"+n.useItemTextColor+"; "+n.useItemTextFontSize+" "+n.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:n.clickItem(e.row,e.index)},click:function(t){return n.clickItem(e.row,e.index)},mouseenter:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},mouseleave:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor},focus:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},blur:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor}}},[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.row)))])]}),{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};Gp._withStripped=!0;const Xp=ya({render:Gp,staticRenderFns:[]},(function(n){n&&n("data-v-102853a6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Ep,"data-v-102853a6",false,undefined,!1,xa,void 0,void 0);const Mp={directives:{domresize:$i()},components:{WShellEllipse:op,WTextSuggestCore:Xp},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Object,String,Number],default:null},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},itemTextFontSize:{type:String,default:"0.8rem"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#333"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-1"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},showExpansionIcon:{type:Boolean,default:!0},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{resize:function(n){let e=this,t=ma(e.paddingStyle,{returnObj:!0}).bottom-2,o=fn(e,"$el.offsetHeight",0)-26-2*t;o/=2;e.useDistY=t+o+5},getText:function(n){let e=this;return Qo(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick((()=>{e.$emit("update:showPanel",n)}))}}};var Np=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"select",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,maxHeight:n.maxHeight,minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDistY:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"select",fn:function(e){return[n._t("select",(function(){return[n._v("\n                        "+n._s(e.text)+"\n                    ")]}),{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};Np._withStripped=!0;const Op=ya({render:Np,staticRenderFns:[]},(function(n){n&&n("data-v-8a4cfd68_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Mp,"data-v-8a4cfd68",false,undefined,!1,xa,void 0,void 0);function Kp(n,e){return null==(n=function(n,e){return e.length<2?n:hn(n,Ze(e,0,-1))}(n,e=mn(e,n)))||delete n[gn(uc(e))]}var Yp=Array.prototype.splice;function Jp(n,e){for(var t=n?e.length:0,o=t-1;t--;){var r=e[t];if(t==o||r!==i){var i=r;ve(r)?Yp.call(n,r,1):Kp(n,r)}}return n}function Up(n){return(null==n?0:n.length)?Vl(n,1):[]}var Qp=function(n){return Kl(Gl(n,void 0,Up),n+"")}((function(n,e){var t=null==n?0:n.length,o=function(n,e){for(var t=-1,o=e.length,r=Array(o),i=null==n;++t<o;)r[t]=i?void 0:fn(n,e[t]);return r}(n,e);return Jp(n,ln(e,(function(n){return ve(n,t)?+n:n})).sort(Zl)),o})),qp=Qp;const nm={directives:{domresize:$i()},components:{WShellEllipse:op,WTextSuggestCore:Xp},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Object,String,Number],default:null},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#333"},itemTextFontSize:{type:String,default:"0.8rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-1"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},showExpansionIcon:{type:Boolean,default:!0},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},placeholder:{type:String,default:""},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeFocused:function(){return this.focusedTrans=this.focused,""},changeShowPanel:function(){return this.showPanelTrans=this.showPanel,""}},methods:{resize:function(n){let e=this,t=ma(e.paddingStyle,{returnObj:!0}).bottom-2,o=fn(e,"$el.offsetHeight",0)-26-2*t;o/=2;e.useDistY=t+o+5},getText:function(n){let e=this;return Qo(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick((()=>{e.$emit("update:showPanel",n)}))}}};var em=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeFocused:n.changeFocused,changeShowPanel:n.changeShowPanel},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"suggest",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,maxHeight:n.maxHeight,minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placeholder:n.placeholder,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,placementDistY:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},enter:function(e,t){n.$emit("enter",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"item",fn:function(e){return[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};em._withStripped=!0;const tm=ya({render:em,staticRenderFns:[]},(function(n){n&&n("data-v-70d0e212_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggest.vue"},media:void 0})}),nm,"data-v-70d0e212",false,undefined,!1,xa,void 0,void 0);function om(n){let e=fn(n,"clientX",null),t=fn(n,"clientY",null),o=fn(n,"pageX",null),r=fn(n,"pageY",null);if(null!==e&&null!==t&&null!==o&&null!==r)return{clientX:e,clientY:t,pageX:o,pageY:r};let i=fn(n,"changedTouches",[]);if(1!==Oo(i))return null;let a=i[0];return{clientX:fn(a,"clientX",null),clientY:fn(a,"clientY",null),pageX:fn(a,"pageX",null),pageY:fn(a,"pageY",null)}}function rm(n,e){if(!oa(n))return null;if(!Ao(e))return null;try{return n.getAttribute(e)}catch(n){}return null}function im(n){if(!oa(n))return null;try{return n.getBoundingClientRect()}catch(n){}return null}function am(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e="dragpreviewid",t=null,o=null,r=null,i=null,a=null,l=!1,s=fn(n,"attIdentify",null);Ao(s)||(s="dragprevid");let c=fn(n,"containerOpacity",null);ua(c)||(c=.4);let d=fn(n,"containerBackground",null);Ao(d)||(d="white");let u=fn(n,"containerBorderWidth",null);ua(u)||(u=1);let p=fn(n,"containerBorderColor",null);Ao(p)||(p="#f26");let m=`c${Zi(8)}`;function v(n,e,t){o&&r&&i&&a&&!l&&(a.style.top=e-o.tShiftY+"px",a.style.left=n-o.tShiftX+"px")}function g(){ra(`[${e}='${m}']`),o=null,r=null,i=null,a=null}let h=function(n){v(n.clientX,n.clientY)};window.addEventListener("mousemove",h);let f=function(n){let e=om(n);e&&v(e.clientX,e.clientY)};return window.addEventListener("touchmove",f),{createPreview:function(n,l,h){try{!function(){let g=function(n,e,o){let r=im(n);if(!r)return null;t=n;let i=n.cloneNode(!0);return i.tShiftX=e-r.left,i.tShiftY=o-r.top,i.tWidth=n.offsetWidth,i.tHeight=n.offsetHeight,i.tParent=n.parentNode,i.setAttribute(s,""),i}(n,l,h);if(null===g)return;let f=document.createElement("div");f.style.position="absolute",f.style.zIndex=1,f.style.top=0,f.style.left=0,f.style.width="100%",f.style.height="100%",f.appendChild(g);let b=document.createElement("div");b.style.position="relative",b.appendChild(f);let y=document.createElement("div");y.setAttribute(e,m),y.style.position="fixed",y.style.zIndex=1e5,y.style.width=`${g.tWidth+2*u}px`,y.style.height=`${g.tHeight+2*u}px`,y.style.opacity=c,y.style.background=d,y.style.border=`${u}px solid ${p}`,y.style.pointerEvents="none",y.appendChild(b),document.querySelector("body").appendChild(y),o=g,r=f,i=b,a=y,v(l,h)}()}catch(n){}let f=setInterval((()=>{let n=rm(t,s);document.querySelector(`[${s}='${n}']`)||(clearInterval(f),g())}),500)},updateDragPreview:v,pauseDragPreview:function(n){l=n},removeDragPreview:g,setNodeStyle:function(n){try{Ve(n,((n,e)=>{o.style[e]=n}))}catch(n){}},setCoverStyle:function(n){try{Ve(n,((n,e)=>{r.style[e]=n}))}catch(n){}},setSellStyle:function(n){try{Ve(n,((n,e)=>{i.style[e]=n}))}catch(n){}},setContainerStyle:function(n){try{Ve(n,((n,e)=>{a.style[e]=n}))}catch(n){}},clear:function(){window.removeEventListener("mousemove",h),window.removeEventListener("touchmove",f)}}}let lm={};function sm(n,e,t){let{attIdentify:o,previewOpacity:r,previewBackground:i,previewBorderWidth:a,previewBorderColor:l}=t;if(!os(lm,n)){let e=Di(),t=function(n){let e=[];function t(){let t;t="mousemove";let o=function(e){n.dragMove({e:e,name:"mousemove"})};window.addEventListener(t,o),e.push({ele:window,name:t,f:o}),t="mouseup";let r=function(e){n.dragDrop({e:e,name:"mouseup"})};window.addEventListener(t,r),e.push({ele:window,name:t,f:r}),t="touchmove";let i=function(e){n.dragMove({e:e,name:"touchmove"})};window.addEventListener(t,i),e.push({ele:window,name:t,f:i}),t="touchend";let a=function(e){n.dragDrop({e:e,name:"touchend"})};window.addEventListener(t,a),e.push({ele:window,name:t,f:a})}function o(){Ve(e,(n=>{let{ele:e,name:t,f:o}=n;e.removeEventListener(t,o)}))}return{bind:t,unbind:o}}({dragMove:t=>{e.emit(n+"-dragMove",t)},dragDrop:t=>{e.emit(n+"-dragDrop",t)}});t.bind();let s=am({attIdentify:o,containerOpacity:r,containerBackground:i,containerBorderWidth:a,containerBorderColor:l});lm[n]={eleIds:[],evg:e,oevg:t,pv:s,isInit:!1,isActive:!0}}return lm[n].eleIds.push(e),lm[n].evg}function cm(n,e,t){let o=null;return Ve(function(n){let e=function(n,t){return null===n.parentNode?t:e(n.parentNode,t.concat([n]))};return n instanceof HTMLElement||n instanceof SVGElement?e(n.parentNode,[]):[]}(n.target),(n=>{if(rm(n,e)===t)return o=n,!1})),o}function dm(n,e,t){let o=null,r=om(n);return r?(Ve(function(n,e){let t=[];try{t=document.elementsFromPoint(n,e)}catch(n){console.log(n)}return t}(r.clientX,r.clientY),(n=>{if(rm(n,e)===t)return o=n,!1})),o):o}function um(n,e){let t=rm(n,e);return t=Pi(t),t}function pm(n){let{gid:e,attGroup:t,attIndex:o,attIdentify:r,timeDragStartDelay:i,previewOpacity:a,previewDisabledOpacity:l}=n,s=null,c=null,d=null,u=null;if(lm[e].isInit)return lm[e].evg;lm[e].isInit=!0;let p=lm[e].evg;p.on(e+"-dragStart",(function(n){let{e:t,ele:a,from:d}=n;if(!lm[e].isActive)return;let u=um(a,o);if(null===u)return;s=u,c=a;let v={event:t,startInd:s,startEle:c,tarInd:s,tarEid:rm(c,r)};p.emit(e+"-change",{mode:"start",...v}),p.emit(e+"-start",v);let g=om(t);if(!g)return;setTimeout((()=>{null!==s&&(m.createPreview(c,g.clientX,g.clientY),m.setContainerStyle({opacity:l}))}),i)})),p.on(e+"-dragMove",(function(n){let{e:i,name:v,from:g}=n;if(!lm[e].isActive)return;let h=cm(i,t,e);if(null===s)return;let f=om(i);if(!f)return;function b(){let n={event:i,startInd:s,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:rm(u,r)};p.emit(e+"-change",{mode:"leave",...n}),p.emit(e+"-leave",n),d=null,u=null,m.setContainerStyle({opacity:l})}if(!h)return void(null!==d&&b());let y=um(h,o);if(null===y)return;if(y===s)return void(null!==d&&b());if(y!==d)null!==d&&b(),function(n,t){d=n,u=t;let o={event:i,startInd:s,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:rm(u,r)};p.emit(e+"-change",{mode:"enter",...o}),p.emit(e+"-enter",o),m.setContainerStyle({opacity:a})}(y,h);else{let n=function(n,e){if(!Yi(n))return null;if(!ua(n.clientX)||!ua(n.clientY))return null;if(!oa(e))return null;let t=im(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(f,h),t=0;n.w>0&&(t=n.x/n.w);let o=0;n.h>0&&(o=n.y/n.h),t>=0&&t<=1&&o>=0&&o<=1&&function(n,t,o){let l={event:i,startInd:s,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:rm(u,r),...n,rx:t,ry:o};p.emit(e+"-change",{mode:"move",...l}),p.emit(e+"-move",l),m.setContainerStyle({opacity:a})}(n,t,o)}})),p.on(e+"-dragDrop",(function(n){let{e:i,name:a,from:l}=n;if(m.removeDragPreview(),!lm[e].isActive)return;if(null===s)return;let v=dm(i,t,e);if(!v)return s=null,c=null,d=null,void(u=null);let g=um(v,o);if(null===g)return;(function(n,t){d=n,u=t;let o={event:i,startInd:s,startEle:c,endInd:d,endEle:u,tarInd:d,tarEid:rm(u,r)};p.emit(e+"-change",{mode:"drop",...o}),p.emit(e+"-drop",o)})(g,v),s=null,c=null,d=null,u=null}));let m=lm[e].pv}function mm(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!oa(n))return void console.log("ele is not a HTMLElement",n);let t=fn(e,"attIdentify",null);Ao(t)||(t="dragid");let o=fn(e,"attIndex",null);Ao(o)||(o="dragindex");let r=fn(e,"attGroup",null);Ao(r)||(r="draggroup");let i=fn(e,"group",null);Ao(i)||(i="group");let a=fn(e,"previewOpacity",null);ua(a)||(a=.4);let l=fn(e,"previewDisabledOpacity",null);ua(l)||(l=.2);let s=fn(e,"previewBackground",null);Ao(s)||(s="white");let c=fn(e,"previewBorderWidth",null);ua(c)||(c=1);let d=fn(e,"previewBorderColor",null);Ao(d)||(d="#f26");let u=fn(e,"timeDragStartDelay",null);ua(u)||(u=120);let p=`c${Zi(8)}`,m=i;n.setAttribute(r,m),n.setAttribute(t,p);let v=sm(m,p,{attIdentify:t,previewOpacity:a,previewBackground:s,previewBorderWidth:c,previewBorderColor:d}),g=function(n,e,t,o){let r=[];return{bind:function(){let t;t="mousedown";let o=function(t){e.dragStart({e:t,ele:n,name:"mousedown"})};n.addEventListener(t,o,!1),r.push({ele:n,name:t,f:o}),t="touchstart";let i=function(t){e.dragStart({e:t,ele:n,name:"touchstart"})};n.addEventListener(t,i,!1),r.push({ele:n,name:t,f:i}),t="touchmove";let a=function(n){e.dragMove({e:n,name:"touchmove"}),n.cancelable&&n.preventDefault()};n.addEventListener(t,a,!1),r.push({ele:n,name:t,f:a})},unbind:function(){Ve(r,(n=>{let{ele:e,name:t,f:o}=n;e.removeEventListener(t,o)}))}}}(n,{dragStart:n=>{v.emit(m+"-dragStart",n)},dragMove:n=>{v.emit(m+"-dragMove",n)}});g.bind(),pm({gid:m,attGroup:r,attIndex:o,attIdentify:t,timeDragStartDelay:u,previewOpacity:a,previewDisabledOpacity:l});let h=Di();return v.on(i+"-change",(n=>{n.tarEid===p&&h.emit("change",n)})),v.on(i+"-start",(n=>{n.tarEid===p&&h.emit("start",n)})),v.on(i+"-move",(n=>{n.tarEid===p&&h.emit("move",n)})),v.on(i+"-enter",(n=>{n.tarEid===p&&h.emit("enter",n)})),v.on(i+"-leave",(n=>{n.tarEid===p&&h.emit("leave",n)})),v.on(i+"-drop",(n=>{n.tarEid===p&&h.emit("drop",n)})),h.setIsActive=function(n){lm[m].isActive=n},h.unbind=function(){g.unbind(),function(n,e){let t=lm[n],o=ci(t.eleIds);gc(o,e),t.eleIds=o,0===o.length&&(t.oevg.unbind(),t.pv.clear(),delete lm[n])}(m,p)},h}function vm(){let n={};function e(n,e,t){let o=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;o&&o[e]&&o[e].fns(t)}function t(t,o,r){let i=t.getAttribute("ev-dragdrop"),a=fn(o,"value");if(a=Yi(a),!a)return;let l=fn(o,"value.group");if(!Ao(l))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");let s=mm(t,{group:l,attIdentify:fn(o,"value.attIdentify"),attGroup:fn(o,"value.attGroup"),attIndex:fn(o,"value.attIndex"),previewOpacity:fn(o,"value.previewOpacity"),previewDisabledOpacity:fn(o,"value.previewDisabledOpacity"),previewBackground:fn(o,"value.previewBackground"),previewBorderWidth:fn(o,"value.previewBorderWidth"),previewBorderColor:fn(o,"value.previewBorderColor"),timeDragStartDelay:fn(o,"value.timeDragStartDelay")});s.on("start",(n=>{e(r,"domdragdrop",{evName:"start",...n})})),s.on("move",(n=>{e(r,"domdragdrop",{evName:"move",...n})})),s.on("enter",(n=>{e(r,"domdragdrop",{evName:"enter",...n})})),s.on("leave",(n=>{e(r,"domdragdrop",{evName:"leave",...n})})),s.on("drop",(n=>{e(r,"domdragdrop",{evName:"drop",...n})})),n[i]=s}function o(e){let t=e.getAttribute("ev-dragdrop");n[t]&&(n[t].unbind(),n[t]=null,delete n[t])}return{bind:function(n,e,o){let r=`r${Zi()}`;n.setAttribute("ev-dragdrop",r),t(n,e,o)},update:function(n,e,r){o(n),t(n,e,r)},unbind:function(n){o(n),n.setAttribute("ev-dragdrop",null)}}}var gm={directives:{domdragdrop:vm()},components:{WButtonChip:Cu,WTextSuggest:tm},props:{value:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!1},valueActive:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},enableColorsFromItem:{type:Boolean,default:!1},icon:{type:String,default:""},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},progColor:{type:String,default:"rgba(150,150,150,0.4)"},progBackgroundColor:{type:String,default:"rgba(150,150,150,0.075)"},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},suggests:{type:Array,default:()=>[]},keySuggestText:{type:String,default:"text"},placeholder:{type:String,default:""},noResultsText:{type:String,default:"No results"},addMode:{type:String,default:"auto"},inputTextWidth:{type:Number,default:150},inputKeyText:{type:String,default:"text"},inputTextFontSize:{type:String,default:"0.85rem"},inputTextColor:{type:String,default:"black"},inputTextBackgroundColor:{type:String,default:"white"},inputTextBackgroundColorHover:{type:String,default:"white"},inputTextBackgroundColorFocus:{type:String,default:"grey lighten-5"},inputTextBorderColor:{type:String,default:"grey lighten-1"},inputTextBorderColorHover:{type:String,default:"grey"},inputTextBorderColorFocus:{type:String,default:"grey"},inputTextButtonIcon:{type:String,default:bl},inputTextButtonColor:{type:String,default:"grey lighten-1"},inputTextButtonColorHover:{type:String,default:"grey"},inputTextButtonColorFocus:{type:String,default:"grey"},inputTextButtonTooltip:{type:String,default:"Add"},inputExpansionIconColor:{type:String,default:"grey"},suggectItemTextColor:{type:String,default:"grey darken-3"},suggectItemTextColorHover:{type:String,default:"light-blue darken-2"},suggectItemFontSize:{type:String,default:"0.8rem"},suggectItemBackgroundColor:{type:String,default:"white"},suggectItemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},addButtonText:{type:String,default:"Add"},addButtonTextColor:{type:String,default:"black"},addButtonTextColorHover:{type:String,default:"black"},addButtonIcon:{type:String,default:bl},addButtonIconColor:{type:String,default:"pink darken-1"},addButtonIconColorHover:{type:String,default:"pink darken-1"},addButtonBackgroundColor:{type:String,default:"white"},addButtonBackgroundColorHover:{type:String,default:"white"},addButtonTooltip:{type:String,default:"Add"},addWhenInputByOutside:{type:Boolean,default:!1},closeWithInterceptor:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},editable:{type:Boolean,default:!0},editableClose:{type:Boolean,default:!0},editableInput:{type:Boolean,default:!0},enableCloseEventOnly:{type:Boolean,default:!1},enableNodata:{type:Boolean,default:!1},nodata:{type:String,default:"Empty"}},data:function(){return{get:fn,o2j:Ap,mdiPlusCircle:bl,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userInput:""}},computed:{changeValue:function(){let n=this;return n.itemsTrans=ci(n.value),n.itemActiveTrans=ci(n.valueActive),""},isObjValue:function(){return 0!==Oo(this.itemsTrans)&&Jo(this.itemsTrans,(n=>Qo(n)))},useMode:function(){let n=this,e="";return e="auto"===n.addMode?n.isObjValue?"button":"input":"button"===n.addMode?"button":"input",e},isDraggable:function(){return this.draggable&&this.editable},useMarginStyle:function(){return`margin:${ma(this.marginStyle)};`}},methods:{getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Zi()}`),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},getColor:function(n,e){let t=this,o=null;return t.enableColorsFromItem&&t.isObjValue&&(o=fn(n,e,null)),o||(o=fn(t,e,null)),o},isActive:function(n){return!!this.enableActive&&Uo(this.itemActiveTrans,n)},dragdrop:function(n){let e=this;if("drop"===n.evName){let{startInd:t,endInd:o}=n;if(t===o)return;let r=ci(e.itemsTrans);if(t>o){let n=qp(r,t)[0];r.splice(o,0,n)}else{let n=ci(r[t]);r.splice(o+1,0,n),qp(r,t)}e.$nextTick((()=>{e.$emit("input",r)}))}},getSuggestText:function(n){let e=this;return Qo(n)?n[e.keySuggestText]:n},clickChip:function(n,e,t){let o=this;o.$nextTick((()=>{o.enableActive&&o.$emit("update:valueActive",e);let r={...n,item:e,kitem:t};o.$emit("click",r)}))},clickAddBtn:function(){let n=this;if("button"===n.useMode)n.$nextTick((()=>{n.$emit("click-add",null)}));else{if(""===Tl(n.userInput))return;if(n.addWhenInputByOutside||n.isObjValue)n.$nextTick((()=>{n.$emit("click-add",n.userInput),n.userInput=""}));else{if(Oo(Bl(n.itemsTrans,(e=>Uo(e,n.userInput))))>=1)return void n.$nextTick((()=>{n.$emit("error","duplicate values"),n.userInput=""}));n.$nextTick((()=>{n.itemsTrans.push(Tl(n.userInput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userInput),n.userInput=""}))}}},pull:function(n,e){let t=[];return Ve(n,((n,o)=>{o!==e&&t.push(n)})),t},clickRemoveBtn:function(n,e){let t=this;t.enableCloseEventOnly?t.$nextTick((()=>{let o={item:n,kitem:e};t.$emit("click-close",o)})):t.$nextTick((()=>{if(t.closeWithInterceptor){let o=Dl(),r={item:n,kitem:e,pm:o};t.$emit("click-close",r),o.then((()=>{t.enableActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let o=t.pull(t.itemsTrans,e);t.$emit("input",o)})).catch((n=>{}))}else{let o={item:n,kitem:e};t.$emit("click-close",o),t.enableActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let r=t.pull(t.itemsTrans,e);t.$emit("input",r)}}))}}};const hm=gm;var fm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,(function(e,o){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.isDraggable?n.getDgOpt():null,expression:"isDraggable?getDgOpt():null"}],key:""+(n.isObjValue?n.o2j(e):e),staticClass:"WGroupTags-Trans",staticStyle:{display:"inline-block"},attrs:{dragindex:o,draggable:"false"},on:{domdragdrop:n.dragdrop}},[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{text:n.isObjValue?n.get(e,""+n.keyText):e,tooltip:n.isObjValue?n.get(e,""+n.keyTooltip):null,icon:n.isObjValue?n.get(e,""+n.keyIcon):n.icon,iconColor:n.getColor(e,"iconColor"),iconColorHover:n.getColor(e,"iconColorHover"),iconColorActive:n.getColor(e,"iconColorActive"),iconSize:n.iconSize,progColor:n.getColor(e,"progColor"),progBackgroundColor:n.getColor(e,"progBackgroundColor"),textColor:n.getColor(e,"textColor"),textColorHover:n.getColor(e,"textColorHover"),textColorActive:n.getColor(e,"textColorActive"),textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.getColor(e,"borderColor"),borderColorHover:n.getColor(e,"borderColorHover"),borderColorActive:n.getColor(e,"borderColorActive"),backgroundColor:n.getColor(e,"backgroundColor"),backgroundColorHover:n.getColor(e,"backgroundColorHover"),backgroundColorActive:n.getColor(e,"backgroundColorActive"),shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,active:n.isActive(e),close:n.editable&&n.editableClose,editable:n.editable},on:{click:function(t){n.clickChip(t,e,o)},"click-close":function(t){return n.clickRemoveBtn(e,o)}}},[n._t("item",null,{item:e,kitem:o,active:n.isActive(e)})],2)],1)]}))],2),n._v(" "),n.enableNodata&&0===n.itemsTrans.length?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{_key:"",text:n.nodata,tooltip:n.nodata,icon:n.icon,iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,_close:"editable && editableClose",editable:!0,_click:"(msg)=>{clickChip(msg,item,kitem)}","_click-close":"clickRemoveBtn(item,kitem)"}},[n._t("item",null,{item:null,kitem:null,active:!1})],2)]:n._e(),n._v(" "),n.editable&&n.editableInput?t("div",{style:"display:inline-block; vertical-align:middle;"},[n._t("input",(function(){return["button"===n.useMode?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{icon:n.addButtonIcon,iconColor:n.addButtonIconColor,iconColorHover:n.addButtonIconColorHover,text:n.addButtonText,textColor:n.addButtonTextColor,textColorHover:n.addButtonTextColorHover,backgroundColor:n.addButtonBackgroundColor,backgroundColorHover:n.addButtonBackgroundColorHover,tooltip:n.addButtonTooltip,paddingStyle:{v:3,h:12},_shiftLeft:"shiftLeft",_shiftRight:"shiftRight"},on:{click:n.clickAddBtn}})]:[t("WTextSuggest",{style:n.useMarginStyle+" width:"+n.inputTextWidth+"px;",attrs:{expansionIconColor:n.inputExpansionIconColor,keyText:n.inputKeyText,textFontSize:n.inputTextFontSize,textColor:n.inputTextColor,itemTextColor:n.suggectItemTextColor,itemTextColorHover:n.suggectItemTextColorHover,itemFontSize:n.suggectItemFontSize,itemBackgroundColor:n.suggectItemBackgroundColor,itemBackgroundColorHover:n.suggectItemBackgroundColorHover,shadow:!1,borderColor:n.inputTextBorderColor,borderColorHover:n.inputTextBorderColorHover,borderColorFocus:n.inputTextBorderColorFocus,backgroundColor:n.inputTextBackgroundColor,backgroundColorHover:n.inputTextBackgroundColorHover,backgroundColorFocus:n.inputTextBackgroundColorFocus,showExpansionIcon:!1,rightIcon:n.inputTextButtonIcon,rightIconColor:n.inputTextButtonColor,rightIconColorHover:n.inputTextButtonColorHover,rightIconColorFocus:n.inputTextButtonColorFocus,rightIconTooltip:n.inputTextButtonTooltip,items:n.suggests,placeholder:n.placeholder,noResultsText:n.noResultsText},on:{enter:n.clickAddBtn,"click-right":n.clickAddBtn},scopedSlots:n._u([{key:"item",fn:function(e){return[n._t("suggest",(function(){return[t("div",[n._v(n._s(n.getSuggestText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0),model:{value:n.userInput,callback:function(e){n.userInput=e},expression:"userInput"}})]]}))],2):n._e()],2)};fm._withStripped=!0;const bm=ya({render:fm,staticRenderFns:[]},(function(n){n&&n("data-v-38e0b664_0",{source:"\n.WGroupTags-Trans[data-v-38e0b664] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WGroupTags.vue"],names:[],mappings:";AA8iCA,qCAAA,8BAAA;IACA,oBAAA;AACA",file:"WGroupTags.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <transition-group>\r\n            <template v-for=\"(item,kitem) in itemsTrans\">\r\n\r\n                \x3c!-- 要把原生拖曳功能關閉draggable=false --\x3e\r\n                <div\r\n                    class=\"WGroupTags-Trans\"\r\n                    style=\"display:inline-block;\"\r\n                    :key=\"`${isObjValue?o2j(item):item}`\"\r\n                    :dragindex=\"kitem\"\r\n                    v-domdragdrop=\"isDraggable?getDgOpt():null\"\r\n                    @domdragdrop=\"dragdrop\"\r\n                    draggable=\"false\"\r\n                >\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :text=\"isObjValue?get(item,`${keyText}`):item\"\r\n                        :tooltip=\"isObjValue?get(item,`${keyTooltip}`):null\"\r\n                        :icon=\"isObjValue?get(item,`${keyIcon}`):icon\"\r\n                        :iconColor=\"getColor(item,'iconColor')\"\r\n                        :iconColorHover=\"getColor(item,'iconColorHover')\"\r\n                        :iconColorActive=\"getColor(item,'iconColorActive')\"\r\n                        :iconSize=\"iconSize\"\r\n                        :progColor=\"getColor(item,'progColor')\"\r\n                        :progBackgroundColor=\"getColor(item,'progBackgroundColor')\"\r\n                        :textColor=\"getColor(item,'textColor')\"\r\n                        :textColorHover=\"getColor(item,'textColorHover')\"\r\n                        :textColorActive=\"getColor(item,'textColorActive')\"\r\n                        :textFontSize=\"textFontSize\"\r\n                        :borderRadius=\"borderRadius\"\r\n                        :borderColor=\"getColor(item,'borderColor')\"\r\n                        :borderColorHover=\"getColor(item,'borderColorHover')\"\r\n                        :borderColorActive=\"getColor(item,'borderColorActive')\"\r\n                        :backgroundColor=\"getColor(item,'backgroundColor')\"\r\n                        :backgroundColorHover=\"getColor(item,'backgroundColorHover')\"\r\n                        :backgroundColorActive=\"getColor(item,'backgroundColorActive')\"\r\n                        :shadow=\"shadow\"\r\n                        :shadowStyle=\"shadowStyle\"\r\n                        :shadowActive=\"shadowActive\"\r\n                        :shadowActiveStyle=\"shadowActiveStyle\"\r\n                        :paddingStyle=\"paddingStyle\"\r\n                        :shiftLeft=\"shiftLeft\"\r\n                        :shiftRight=\"shiftRight\"\r\n                        :active=\"isActive(item)\"\r\n                        :close=\"editable && editableClose\"\r\n                        :editable=\"editable\"\r\n                        @click=\"(msg)=>{clickChip(msg,item,kitem)}\"\r\n                        @click-close=\"clickRemoveBtn(item,kitem)\"\r\n                    >\r\n                        <slot\r\n                            name=\"item\"\r\n                            :item=\"item\"\r\n                            :kitem=\"kitem\"\r\n                            :active=\"isActive(item)\"\r\n                        ></slot>\r\n                    </WButtonChip>\r\n                </div>\r\n\r\n            </template>\r\n        </transition-group>\r\n\r\n        <template v-if=\"enableNodata && itemsTrans.length===0\">\r\n\r\n            <WButtonChip\r\n                :style=\"`${useMarginStyle}`\"\r\n                _key=\"\"\r\n                :text=\"nodata\"\r\n                :tooltip=\"nodata\"\r\n                :icon=\"icon\"\r\n                :iconColor=\"iconColor\"\r\n                :iconColorHover=\"iconColorHover\"\r\n                :iconColorActive=\"iconColorActive\"\r\n                :iconSize=\"iconSize\"\r\n                :textColor=\"textColor\"\r\n                :textColorHover=\"textColorHover\"\r\n                :textColorActive=\"textColorActive\"\r\n                :textFontSize=\"textFontSize\"\r\n                :borderRadius=\"borderRadius\"\r\n                :borderColor=\"borderColor\"\r\n                :borderColorHover=\"borderColorHover\"\r\n                :borderColorActive=\"borderColorActive\"\r\n                :backgroundColor=\"backgroundColor\"\r\n                :backgroundColorHover=\"backgroundColorHover\"\r\n                :backgroundColorActive=\"backgroundColorActive\"\r\n                :shadow=\"shadow\"\r\n                :shadowStyle=\"shadowStyle\"\r\n                :shadowActive=\"shadowActive\"\r\n                :shadowActiveStyle=\"shadowActiveStyle\"\r\n                :paddingStyle=\"paddingStyle\"\r\n                :shiftLeft=\"shiftLeft\"\r\n                :shiftRight=\"shiftRight\"\r\n                _close=\"editable && editableClose\"\r\n                :editable=\"true\"\r\n                _click=\"(msg)=>{clickChip(msg,item,kitem)}\"\r\n                _click-close=\"clickRemoveBtn(item,kitem)\"\r\n            >\r\n                <slot\r\n                    name=\"item\"\r\n                    :item=\"null\"\r\n                    :kitem=\"null\"\r\n                    :active=\"false\"\r\n                ></slot>\r\n            </WButtonChip>\r\n\r\n        </template>\r\n\r\n        <div :style=\"`display:inline-block; vertical-align:middle;`\" v-if=\"editable && editableInput\">\r\n            <slot name=\"input\">\r\n\r\n                <template v-if=\"useMode==='button'\">\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :icon=\"addButtonIcon\"\r\n                        :iconColor=\"addButtonIconColor\"\r\n                        :iconColorHover=\"addButtonIconColorHover\"\r\n                        :text=\"addButtonText\"\r\n                        :textColor=\"addButtonTextColor\"\r\n                        :textColorHover=\"addButtonTextColorHover\"\r\n                        :backgroundColor=\"addButtonBackgroundColor\"\r\n                        :backgroundColorHover=\"addButtonBackgroundColorHover\"\r\n                        :tooltip=\"addButtonTooltip\"\r\n                        :paddingStyle=\"{v:3,h:12}\"\r\n                        _shiftLeft=\"shiftLeft\"\r\n                        _shiftRight=\"shiftRight\"\r\n                        @click=\"clickAddBtn\"\r\n                    ></WButtonChip>\r\n                </template>\r\n\r\n                <template v-else>\r\n                    <WTextSuggest\r\n                        :style=\"`${useMarginStyle} width:${inputTextWidth}px;`\"\r\n                        :expansionIconColor=\"inputExpansionIconColor\"\r\n                        :keyText=\"inputKeyText\"\r\n                        :textFontSize=\"inputTextFontSize\"\r\n                        :textColor=\"inputTextColor\"\r\n                        :itemTextColor=\"suggectItemTextColor\"\r\n                        :itemTextColorHover=\"suggectItemTextColorHover\"\r\n                        :itemFontSize=\"suggectItemFontSize\"\r\n                        :itemBackgroundColor=\"suggectItemBackgroundColor\"\r\n                        :itemBackgroundColorHover=\"suggectItemBackgroundColorHover\"\r\n                        :shadow=\"false\"\r\n                        :borderColor=\"inputTextBorderColor\"\r\n                        :borderColorHover=\"inputTextBorderColorHover\"\r\n                        :borderColorFocus=\"inputTextBorderColorFocus\"\r\n                        :backgroundColor=\"inputTextBackgroundColor\"\r\n                        :backgroundColorHover=\"inputTextBackgroundColorHover\"\r\n                        :backgroundColorFocus=\"inputTextBackgroundColorFocus\"\r\n                        :showExpansionIcon=\"false\"\r\n                        :rightIcon=\"inputTextButtonIcon\"\r\n                        :rightIconColor=\"inputTextButtonColor\"\r\n                        :rightIconColorHover=\"inputTextButtonColorHover\"\r\n                        :rightIconColorFocus=\"inputTextButtonColorFocus\"\r\n                        :rightIconTooltip=\"inputTextButtonTooltip\"\r\n                        :items=\"suggests\"\r\n                        :placeholder=\"placeholder\"\r\n                        :noResultsText=\"noResultsText\"\r\n                        v-model=\"userInput\"\r\n                        @enter=\"clickAddBtn\"\r\n                        @click-right=\"clickAddBtn\"\r\n                    >\r\n\r\n                        <template v-slot:item=\"props\">\r\n\r\n                            <slot\r\n                                name=\"suggest\"\r\n                                :item=\"props.item\"\r\n                                :index=\"props.index\"\r\n                            >\r\n                                <div>{{getSuggestText(props.item)}}</div>\r\n                            </slot>\r\n\r\n                        </template>\r\n\r\n                    </WTextSuggest>\r\n                </template>\r\n\r\n            </slot>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlusCircle } from '@mdi/js'\r\nimport get from 'lodash-es/get.js'\r\nimport each from 'lodash-es/each.js'\r\nimport cloneDeep from 'lodash-es/cloneDeep.js'\r\nimport trim from 'lodash-es/trim.js'\r\nimport every from 'lodash-es/every.js'\r\nimport pullAt from 'lodash-es/pullAt.js'\r\nimport filter from 'lodash-es/filter.js'\r\nimport isEqual from 'lodash-es/isEqual.js'\r\nimport size from 'lodash-es/size.js'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport o2j from 'wsemi/src/o2j.mjs'\r\nimport isobj from 'wsemi/src/isobj.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport WButtonChip from './WButtonChip.vue'\r\nimport WTextSuggest from './WTextSuggest.vue'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domDragDrop from '../js/domDragDrop.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]\r\n * @vue-prop {Boolean} [enableActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false\r\n * @vue-prop {Object} [valueActive=null] 輸入活耀項目物件，預設null\r\n * @vue-prop {String} [keyText='text'] 輸入當項目為物件時，存放顯示文字之欄位字串，預設'text'\r\n * @vue-prop {String} [keyIcon='icon'] 輸入當項目為物件時，存放圖標之欄位字串，預設'icon'\r\n * @vue-prop {String} [keyTooltip='tooltip'] 輸入當項目為物件時，存放提示之欄位字串，預設'tooltip'\r\n * @vue-prop {Boolean} [enableColorsFromItem=false] 輸入當當項目為物件時是否使用其內相關顏色設定用以覆蓋預設值布林值，預設false\r\n * @vue-prop {String} [icon=''] 輸入左側圖標字串，預設''\r\n * @vue-prop {String} [iconColor='black'] 輸入圖標顏色字串，預設'black'\r\n * @vue-prop {String} [iconColorHover='grey darken-3'] 輸入滑鼠移入時圖標顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [iconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'\r\n * @vue-prop {Number} [iconSize=22] 輸入左側圖標之尺寸數字，單位px，預設22\r\n * @vue-prop {String} [progColor='rgba(150,150,150,0.4)'] 輸入進度條背景顏色字串，預設'rgba(150,150,150,0.4)'\r\n * @vue-prop {String} [progBackgroundColor='rgba(150,150,150,0.075)'] 輸入進度條顏色字串，預設'rgba(150,150,150,0.075)'\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [textColorHover='grey darken-3'] 輸入滑鼠移入時文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [textColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {Number} [borderRadius=30] 輸入框圓角度數字，單位為px，預設30\r\n * @vue-prop {String} [borderColor='transparent'] 輸入邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorHover='transparent'] 輸入滑鼠移入時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorActive='transparent'] 輸入主動模式時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColor='transparent'] 輸入背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorHover='rgba(200,200,200,0.25)'] 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.25)'\r\n * @vue-prop {String} [backgroundColorActive='orange'] 輸入主動模式時背景顏色字串，預設'orange'\r\n * @vue-prop {Object} [marginStyle={top:10,bottom:10,left:0,right:10}] 輸入外距設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{top:10,bottom:10,left:0,right:10}\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入陰影顏色字串，預設值詳見props\r\n * @vue-prop {Boolean} [shadowActive=true] 輸入主動模式時是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowActiveStyle=''] 輸入主動模式時陰影顏色字串，預設值詳見props\r\n * @vue-prop {Object} [paddingStyle={v:3,h:15}] 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:3,h:15}\r\n * @vue-prop {Number} [shiftLeft=0] 輸入左側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如圖標與左側邊框距離，單位px，預設0\r\n * @vue-prop {Number} [shiftRight=0] 輸入右側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如關閉圖標與右側邊框距離，單位px，預設0\r\n * @vue-prop {Array} [suggests=[]] 輸入可選(建議)項目陣列，預設[]\r\n * @vue-prop {String} [keySuggestText='text'] 輸入當可選(建議)項目為物件時，存放顯示文字之欄位字串，預設'text'\r\n * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''\r\n * @vue-prop {String} [noResultsText='No results'] 輸入無過濾結果字串，預設'No results'\r\n * @vue-prop {String} [addMode='auto'] 輸入新增模式字串，可使用'auto'、'input'、'button'，預設'auto'\r\n * @vue-prop {Number} [inputTextWidth=150] 輸入新增按鈕或輸入框區寬度數字，單位px，預設150\r\n * @vue-prop {String} [inputKeyText='text'] 輸入若可選(建議)項目為元素陣列時，輸入框之提取選擇項目物件內鍵值字串，預設'text'\r\n * @vue-prop {String} [inputTextFontSize='0.85rem'] 輸入輸入框文字大小字串，預設'0.85rem'\r\n * @vue-prop {String} [inputTextColor='black'] 輸入輸入框文字顏色字串，預設'black'\r\n * @vue-prop {String} [inputTextBackgroundColor='white'] 輸入輸入框背景顏色字串，預設'white'\r\n * @vue-prop {String} [inputTextBackgroundColorHover='white'] 輸入滑鼠移入時輸入框背景顏色字串，預設'white'\r\n * @vue-prop {String} [inputTextBackgroundColorFocus='grey lighten-5'] 輸入取得焦點時輸入框背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {String} [inputTextBorderColor='grey lighten-1'] 輸入輸入框邊框顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [inputTextBorderColorHover='grey'] 輸入滑鼠移入時輸入框邊框字串，預設'grey'\r\n * @vue-prop {String} [inputTextBorderColorFocus='grey'] 輸入取得焦點時輸入框文字邊框字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonIcon=mdiPlusCircle] 輸入新增按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiPlusCircle\r\n * @vue-prop {String} [inputTextButtonColor='grey lighten-1'] 輸入輸入框按鈕顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [inputTextButtonColorHover='grey'] 輸入滑鼠移入時輸入框按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonColorFocus='grey'] 輸入取得焦點時輸入框按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonTooltip='Add'] 輸入輸入框右側按鈕提示文字字串，預設'Add'\r\n * @vue-prop {String} [inputExpansionIconColor='grey'] 輸入輸入框右側圖標顏色字串，預設'grey'\r\n * @vue-prop {String} [suggectItemTextColor='grey darken-3'] 輸入輸入框下拉選單項目文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [suggectItemTextColorHover='light-blue darken-2'] 輸入輸入框下拉選單項目文字Hover顏色字串，預設'light-blue darken-2'\r\n * @vue-prop {String} [suggectItemFontSize='0.9rem'] 輸入輸入框下拉選單項目顯示文字大小字串，預設'0.9rem'\r\n * @vue-prop {String} [suggectItemBackgroundColor='white'] 輸入輸入框下拉選單項目背景顏色字串，預設'white'\r\n * @vue-prop {String} [suggectItemBackgroundColorHover='light-blue lighten-5'] 輸入輸入框下拉選單項目背景Hover顏色字串，預設'light-blue lighten-5'\r\n * @vue-prop {String} [addButtonText='Add'] 輸入新增按鈕文字字串，預設'Add'\r\n * @vue-prop {String} [addButtonTextColor='black'] 輸入新增按鈕文字顏色字串，預設'black'\r\n * @vue-prop {String} [addButtonTextColorHover='black'] 輸入滑鼠移入時新增按鈕文字顏色字串，預設'black'\r\n * @vue-prop {String} [addButtonIcon=mdiPlusCircle] 輸入新增按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiPlusCircle\r\n * @vue-prop {String} [addButtonIconColor='pink darken-1'] 輸入新增按鈕圖標顏色字串，預設'pink darken-1'\r\n * @vue-prop {String} [addButtonIconColorHover='pink darken-1'] 輸入滑鼠移入時新增按鈕圖標顏色字串，預設'pink darken-1'\r\n * @vue-prop {String} [addButtonBackgroundColor='white'] 輸入新增按鈕背景顏色字串，預設'white'\r\n * @vue-prop {String} [addButtonBackgroundColorHover='white'] 輸入滑鼠移入時新增按鈕背景顏色字串，預設'white'\r\n * @vue-prop {String} [addButtonTooltip='Add'] 輸入新增按鈕提示文字字串，預設'Add'\r\n * @vue-prop {Boolean} [addWhenInputByOutside=false] 輸入當指定或自動使用input並新增時，是否強制使用click-add事件進行新增處理布林值，預設false\r\n * @vue-prop {Boolean} [closeWithInterceptor=false] 輸入是否通過攔截器來決定是否進行關閉布林值，此處之攔截器係用promise來控制，當使用者點擊關閉時可先行確認或提示。當closeWithInterceptor=true時，於click-close事件所接收物件資訊中的pm，使用pm.resolve()則代表確定關閉，反之pm.reject()則取消關閉事件，預設false\r\n * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳模式布林值，預設true\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n * @vue-prop {Boolean} [editableClose=true] 輸入editable=true時是否顯示關閉按鈕布林值，預設true\r\n * @vue-prop {Boolean} [editableInput=true] 輸入editable=true時是否使用預設的slot input布林值，預設true\r\n * @vue-prop {Boolean} [enableCloseEventOnly=false] 輸入點擊移除按鈕時是否僅開啟關閉事件，代表不自動刪除項目，需通過監聽關閉事件@click-close自行處理刪除功能，預設false\r\n * @vue-prop {Boolean} [enableNodata=false] 輸入是否使用nodata展示布林值，預設false\r\n * @vue-prop {String} [nodata='Empty'] 輸入無任何字串陣列時的預設文字字串，預設'Empty'\r\n */\r\nexport default {\r\n    directives: {\r\n        domdragdrop: domDragDrop(),\r\n    },\r\n    components: {\r\n        WButtonChip,\r\n        WTextSuggest,\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        enableActive: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        valueActive: {\r\n            type: [String, Object],\r\n            default: null,\r\n        },\r\n        keyText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        keyIcon: {\r\n            type: String,\r\n            default: 'icon',\r\n        },\r\n        keyTooltip: {\r\n            type: String,\r\n            default: 'tooltip',\r\n        },\r\n        enableColorsFromItem: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        iconColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        iconColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 22,\r\n        },\r\n        progColor: {\r\n            type: String,\r\n            default: 'rgba(150,150,150,0.4)',\r\n        },\r\n        progBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(150,150,150,0.075)',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        textColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 30,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorActive: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'rgba(200,200,200,0.25)',\r\n        },\r\n        backgroundColorActive: {\r\n            type: String,\r\n            default: 'orange',\r\n        },\r\n        marginStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    top: 10,\r\n                    bottom: 10,\r\n                    left: 0,\r\n                    right: 10,\r\n                }\r\n            },\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            //default: false,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            // default: '0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}',\r\n            //使用黑色短陰影比較符合chip(tag)形象\r\n            default: '0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)',\r\n        },\r\n        shadowActive: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowActiveStyle: {\r\n            type: String,\r\n            default: '0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 3,\r\n                    h: 15,\r\n                }\r\n            },\r\n        },\r\n        shiftLeft: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        shiftRight: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        suggests: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        keySuggestText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        placeholder: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        noResultsText: {\r\n            type: String,\r\n            default: 'No results',\r\n        },\r\n        addMode: {\r\n            type: String,\r\n            default: 'auto', //auto, input, button\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 150,\r\n        },\r\n        inputKeyText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        inputTextFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        inputTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        inputTextBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        inputTextBackgroundColorHover: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        inputTextBackgroundColorFocus: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        inputTextBorderColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        inputTextBorderColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextBorderColorFocus: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonIcon: {\r\n            type: String,\r\n            default: mdiPlusCircle,\r\n        },\r\n        inputTextButtonColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        inputTextButtonColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonColorFocus: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonTooltip: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        inputExpansionIconColor: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        suggectItemTextColor: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        suggectItemTextColorHover: {\r\n            type: String,\r\n            default: 'light-blue darken-2',\r\n        },\r\n        suggectItemFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        suggectItemBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        suggectItemBackgroundColorHover: {\r\n            type: String,\r\n            default: 'light-blue lighten-5',\r\n        },\r\n        addButtonText: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        addButtonTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        addButtonTextColorHover: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        addButtonIcon: {\r\n            type: String,\r\n            default: mdiPlusCircle,\r\n        },\r\n        addButtonIconColor: {\r\n            type: String,\r\n            default: 'pink darken-1',\r\n        },\r\n        addButtonIconColorHover: {\r\n            type: String,\r\n            default: 'pink darken-1',\r\n        },\r\n        addButtonBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        addButtonBackgroundColorHover: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        addButtonTooltip: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        addWhenInputByOutside: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        closeWithInterceptor: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        draggable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editableClose: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editableInput: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        enableCloseEventOnly: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        enableNodata: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        nodata: {\r\n            type: String,\r\n            default: 'Empty',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            get,\r\n            o2j,\r\n\r\n            mdiPlusCircle,\r\n\r\n            dgGroupKey: null,\r\n\r\n            itemsTrans: [],\r\n            itemActiveTrans: null,\r\n            userInput: '',\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.itemsTrans = cloneDeep(vo.value)\r\n            vo.itemActiveTrans = cloneDeep(vo.valueActive)\r\n\r\n            return ''\r\n        },\r\n\r\n        isObjValue: function() {\r\n            //console.log('computed isObjValue')\r\n\r\n            let vo = this\r\n\r\n            //check, 因every([])=true\r\n            if (size(vo.itemsTrans) === 0) {\r\n                return false\r\n            }\r\n            return every(vo.itemsTrans, (v) => {\r\n                return isobj(v)\r\n            })\r\n        },\r\n\r\n        useMode: function() {\r\n            //console.log('computed useMode')\r\n\r\n            let vo = this\r\n\r\n            let mode = ''\r\n            if (vo.addMode === 'auto') {\r\n                mode = vo.isObjValue ? 'button' : 'input'\r\n            }\r\n            else if (vo.addMode === 'button') {\r\n                mode = 'button'\r\n            }\r\n            else {\r\n                mode = 'input'\r\n            }\r\n\r\n            return mode\r\n        },\r\n\r\n        isDraggable: function() {\r\n            //console.log('computed isDraggable')\r\n\r\n            let vo = this\r\n\r\n            return vo.draggable && vo.editable\r\n        },\r\n\r\n        useMarginStyle: function() {\r\n            //console.log('computed useMarginStyle')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.marginStyle)\r\n\r\n            //margin\r\n            let margin = `margin:${cs};`\r\n\r\n            return margin\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        getDgGroupKey: function() {\r\n            //console.log('methods getDgGroupKey')\r\n\r\n            let vo = this\r\n\r\n            //dgGroupKey\r\n            if (vo.dgGroupKey === null) {\r\n                vo.dgGroupKey = `r${genID()}`\r\n            }\r\n\r\n            return vo.dgGroupKey\r\n        },\r\n\r\n        getDgOpt: function() {\r\n            //console.log('methods getDgOpt')\r\n\r\n            let vo = this\r\n\r\n            //opt, 使用vue directive初始化時於mounted之前就需要group值, 此代表此組件內可互相拖曳之DOM群組識別碼, 故通過function自動取得group\r\n            let opt = {\r\n                group: vo.getDgGroupKey(),\r\n                //attIdentify\r\n                attIndex: 'dragindex',\r\n                attGroup: 'draggroup',\r\n                previewOpacity: 1,\r\n                previewDisabledOpacity: 0.5,\r\n                previewBorderWidth: 0,\r\n                //previewBorderColor\r\n                previewBackground: 'transparent',\r\n                timeDragStartDelay: 1,\r\n            }\r\n\r\n            return opt\r\n        },\r\n\r\n        getColor: function(item, keyColor) {\r\n            //console.log('methods getColor', item, keyColor)\r\n\r\n            let vo = this\r\n\r\n            //c\r\n            let c = null\r\n            if (vo.enableColorsFromItem && vo.isObjValue) {\r\n                c = get(item, keyColor, null)\r\n            }\r\n            if (!c) {\r\n                c = get(vo, keyColor, null)\r\n            }\r\n\r\n            return c\r\n        },\r\n\r\n        isActive: function(item) {\r\n            //console.log('methods isActive', item)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.enableActive) {\r\n                return false\r\n            }\r\n\r\n            return isEqual(vo.itemActiveTrans, item)\r\n        },\r\n\r\n        dragdrop: function(msg) {\r\n            // console.log('methods dragdrop', msg)\r\n\r\n            let vo = this\r\n\r\n            if (msg.evName === 'drop') {\r\n\r\n                //startInd, endInd\r\n                let { startInd, endInd } = msg\r\n\r\n                //check\r\n                if (startInd === endInd) {\r\n                    return\r\n                }\r\n\r\n                //cloneDeep\r\n                let itemsNew = cloneDeep(vo.itemsTrans)\r\n\r\n                //move\r\n                if (startInd > endInd) { //往前拖曳, 先移除原始拖曳項目, 再於放下位置插入該拖曳項目\r\n\r\n                    //pullAt\r\n                    let src = pullAt(itemsNew, startInd)[0]\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd, 0, src) //拖曳項目是要放在目標項目之前, 故不能+1\r\n\r\n                }\r\n                else { //往後拖曳, 先複製原始拖曳項目, 並於放下位置插入, 再刪除原始拖曳項目\r\n\r\n                    //cloneDeep\r\n                    let src = cloneDeep(itemsNew[startInd])\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd + 1, 0, src) //拖曳項目是要放在目標項目之後, 故需要+1\r\n\r\n                    //pullAt\r\n                    pullAt(itemsNew, startInd)\r\n\r\n                }\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                })\r\n\r\n            }\r\n\r\n        },\r\n\r\n        getSuggestText: function(value) {\r\n            //console.log('methods getSuggestText', getSuggestText)\r\n\r\n            let vo = this\r\n\r\n            //valueTrans\r\n            if (isobj(value)) {\r\n                return value[vo.keySuggestText]\r\n            }\r\n            else {\r\n                return value\r\n            }\r\n\r\n        },\r\n\r\n        clickChip: function(msgTemp, item, kitem) {\r\n            //console.log('methods clickChip', msgTemp, item, kitem)\r\n\r\n            let vo = this\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //enableActive\r\n                if (vo.enableActive) {\r\n\r\n                    //emit\r\n                    vo.$emit('update:valueActive', item)\r\n\r\n                }\r\n\r\n                //msg\r\n                let msg = {\r\n                    ...msgTemp,\r\n                    item,\r\n                    kitem,\r\n                }\r\n\r\n                //emit\r\n                vo.$emit('click', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        clickAddBtn: function () {\r\n            //console.log('methods clickAddBtn')\r\n\r\n            let vo = this\r\n\r\n            //useMode\r\n            if (vo.useMode === 'button') {\r\n                //交由外部自行處理push\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('click-add', null)\r\n\r\n                })\r\n\r\n            }\r\n            else { //vo.useMode === 'input'\r\n\r\n                //check\r\n                if (trim(vo.userInput) === '') {\r\n                    return\r\n                }\r\n\r\n                //addWhenInputByOutside || isObjValue\r\n                if (vo.addWhenInputByOutside || vo.isObjValue) {\r\n                    //若指定由外部處理push, 或若為obj則須交由外部處理push\r\n\r\n                    //$nextTick\r\n                    vo.$nextTick(() => {\r\n\r\n                        //emit\r\n                        vo.$emit('click-add', vo.userInput)\r\n\r\n                        //clear\r\n                        vo.userInput = ''\r\n\r\n                    })\r\n\r\n                }\r\n                else {\r\n\r\n                    //check\r\n                    let r = filter(vo.itemsTrans, (v) => {\r\n                        return isEqual(v, vo.userInput)\r\n                    })\r\n                    if (size(r) >= 1) {\r\n\r\n                        //$nextTick\r\n                        vo.$nextTick(() => {\r\n\r\n                            //emit\r\n                            vo.$emit('error', 'duplicate values')\r\n\r\n                            //clear\r\n                            vo.userInput = ''\r\n\r\n                        })\r\n\r\n                        return\r\n                    }\r\n\r\n                    //$nextTick\r\n                    vo.$nextTick(() => {\r\n\r\n                        //push\r\n                        vo.itemsTrans.push(trim(vo.userInput))\r\n\r\n                        //emit\r\n                        vo.$emit('input', vo.itemsTrans)\r\n\r\n                        //emit\r\n                        vo.$emit('click-add', vo.userInput)\r\n\r\n                        //clear\r\n                        vo.userInput = ''\r\n\r\n                    })\r\n\r\n                }\r\n\r\n            }\r\n\r\n        },\r\n\r\n        pull: function(ar, kitem) {\r\n            let art = []\r\n            each(ar, (v, k) => {\r\n                if (k !== kitem) {\r\n                    art.push(v)\r\n                }\r\n            })\r\n            return art\r\n        },\r\n\r\n        clickRemoveBtn: function (item, kitem) {\r\n            //console.log('methods clickRemoveBtnPromise', item, kitem)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.enableCloseEventOnly) {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //msg\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                })\r\n\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //closeWithInterceptor\r\n                if (vo.closeWithInterceptor) {\r\n\r\n                    //pm\r\n                    let pm = genPm()\r\n\r\n                    //msg, 給予pm使能於外部中止關閉事件\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                        pm,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                    //pm\r\n                    pm\r\n                        .then(() => { //確認關閉\r\n                            //console.log('pm then')\r\n\r\n                            //enableActive and isActive\r\n                            if (vo.enableActive && vo.isActive(item)) {\r\n\r\n                                //emit\r\n                                vo.$emit('update:valueActive', null)\r\n\r\n                            }\r\n\r\n                            //itemsNew\r\n                            let itemsNew = vo.pull(vo.itemsTrans, kitem)\r\n\r\n                            //emit\r\n                            vo.$emit('input', itemsNew)\r\n\r\n                        })\r\n                        .catch((msg) => { //取消關閉\r\n                            //console.log('pm catch', msg)\r\n                        })\r\n\r\n                }\r\n                else {\r\n\r\n                    //msg\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                    //enableActive and isActive\r\n                    if (vo.enableActive && vo.isActive(item)) {\r\n\r\n                        //emit\r\n                        vo.$emit('update:valueActive', null)\r\n\r\n                    }\r\n\r\n                    //itemsNew\r\n                    let itemsNew = vo.pull(vo.itemsTrans, kitem)\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                }\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WGroupTags-Trans { /* transition-group必須使用class */\r\n    transition: all 0.5s;\r\n}\r\n</style>\r\n"]},media:void 0})}),hm,"data-v-38e0b664",false,undefined,!1,xa,void 0,void 0);const ym={components:{},props:{label:{type:String,default:""},labelWidth:{type:Number,default:null},labelHeight:{type:Number,default:null},labelColor:{type:String,default:"#666"},labelFontSize:{type:String,default:"0.8rem"},labelHorizontalAlign:{type:String,default:"left"},labelVerticalAlign:{type:String,default:"center"},labelShiftTop:{type:Number,default:0},space:{type:Number,default:0},seplines:{type:Boolean,default:!1},floatForItemSub:{type:Boolean,default:!0}},data:function(){return{}},computed:{useLabelWidth:function(){let n=this;if(Wi(n.labelWidth)){return{width:`${_i(n.labelWidth)}px`}}return{}},useLabelHeight:function(){let n=this;if(Wi(n.labelHeight)){return{height:`${_i(n.labelHeight)}px`}}return{}},useLabelVerticalAlign:function(){let n=this,e="middle";return"top"!==n.labelVerticalAlign&&"bottom"!==n.labelVerticalAlign||(e=n.labelVerticalAlign),e},useLabelColor:function(){return Oi(this.labelColor)}},methods:{}};var km=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[n.seplines?[n._t("label",(function(){return[t("div",{style:[n.useLabelWidth,n.useLabelHeight,{color:n.useLabelColor,fontSize:n.labelFontSize,textAlign:n.labelHorizontalAlign,paddingTop:n.labelShiftTop+"px",paddingBottom:n.space+"px"}]},[n._v("\n                "+n._s(n.label)+"\n            ")])]})),n._v(" "),t("div",{},[n._t("item"),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("div",{style:n.floatForItemSub?"position:absolute; top:0; left:0;":""},[n._t("item-sub")],2)])],2)]:[t("table",{staticStyle:{width:"100%","border-collapse":"collapse"}},[t("tr",[t("td",{style:[{verticalAlign:n.useLabelVerticalAlign,whiteSpace:"nowrap",color:n.useLabelColor,fontSize:n.labelFontSize,textAlign:n.labelHorizontalAlign}]},[n._t("label",(function(){return[t("div",{style:[n.useLabelWidth,n.useLabelHeight,{paddingTop:n.labelShiftTop+"px"}]},[n._v("\n                            "+n._s(n.label)+":\n                        ")])]}))],2),n._v(" "),t("td",{style:[{paddingRight:n.space+8+"px"}]}),n._v(" "),t("td",{style:[{width:"100%"}]},[n._t("item"),n._v(" "),n.floatForItemSub?t("div",{staticStyle:{position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"0",left:"0"}},[n._t("item-sub")],2)]):n._e()],2)]),n._v(" "),n.floatForItemSub?n._e():t("tr",[t("td"),n._v(" "),t("td"),n._v(" "),t("td",[n._t("item-sub")],2)])])]],2)};km._withStripped=!0;const xm=ya({render:km,staticRenderFns:[]},(function(n){n&&n("data-v-2d349c83_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelLabelItem.vue"},media:void 0})}),ym,"data-v-2d349c83",false,undefined,!1,xa,void 0,void 0);const Cm={components:{demolink:nu,WIcon:_a,WText:hp,WTextarea:Cp,WTextSelect:Op,WGroupTags:bm,WPanelLabelItem:xm},props:{},data:function(){return{mdiCat:"M12,8L10.67,8.09C9.81,7.07 7.4,4.5 5,4.5C5,4.5 3.03,7.46 4.96,11.41C4.41,12.24 4.07,12.67 4,13.66L2.07,13.95L2.28,14.93L4.04,14.67L4.18,15.38L2.61,16.32L3.08,17.21L4.53,16.32C5.68,18.76 8.59,20 12,20C15.41,20 18.32,18.76 19.47,16.32L20.92,17.21L21.39,16.32L19.82,15.38L19.96,14.67L21.72,14.93L21.93,13.95L20,13.66C19.93,12.67 19.59,12.24 19.04,11.41C20.97,7.46 19,4.5 19,4.5C16.6,4.5 14.19,7.07 13.33,8.09L12,8M9,11A1,1 0 0,1 10,12A1,1 0 0,1 9,13A1,1 0 0,1 8,12A1,1 0 0,1 9,11M15,11A1,1 0 0,1 16,12A1,1 0 0,1 15,13A1,1 0 0,1 14,12A1,1 0 0,1 15,11M11,14H13L12.3,15.39C12.5,16.03 13.06,16.5 13.75,16.5A1.5,1.5 0 0,0 15.25,15H15.75A2,2 0 0,1 13.75,17C13,17 12.35,16.59 12,16V16H12C11.65,16.59 11,17 10.25,17A2,2 0 0,1 8.25,15H8.75A1.5,1.5 0 0,0 10.25,16.5C10.94,16.5 11.5,16.03 11.7,15.39L11,14Z",WPanelLabelItem:{strItems:["Dashboard","Schedule","Profile","History","Map","聯絡方式"],objItems:[{key:"orange",text:"橘子(orange)"},{key:"banana",text:"香蕉(banana)"},{key:"strawberry",text:"草莓(strawberry)"}],objValue:{key:"banana",text:"香蕉(banana)"},text:"The Woodman(樵夫) set to work at once, and so sharp was his axe that the tree was soon chopped nearly through."},actions:[]}}};var Sm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with text"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Name"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with select"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Fruit"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text-select",{staticStyle:{width:"200px"},attrs:{items:n.WPanelLabelItem.objItems},model:{value:n.WPanelLabelItem.objValue,callback:function(e){n.$set(n.WPanelLabelItem,"objValue",e)},expression:"WPanelLabelItem.objValue"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"labelVerticalAlign"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Remark",labelVerticalAlign:"top"},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{"font-size":"0.8rem",color:"#aaa"}},[t("div",{},[n._v("\n                            Phasellus feugiat arcu sapien, et iaculis ipsum elementum sit amet.\n                        ")]),n._v(" "),t("div",{},[n._v("\n                            Mauris cursus commodo interdum.\n                        ")]),n._v(" "),t("div",{},[n._v("\n                            Praesent ut risus eget metus luctus accumsan id ultrices nunc.\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with textarea & labelVerticalAlign"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Fruit",labelVerticalAlign:"top"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-textarea",{staticStyle:{width:"300px"},attrs:{textFontSize:"0.85rem"},model:{value:n.WPanelLabelItem.text,callback:function(e){n.$set(n.WPanelLabelItem,"text",e)},expression:"WPanelLabelItem.text"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with group-tags & labelVerticalAlign & labelShiftTop"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Fruit",labelVerticalAlign:"top",labelShiftTop:15},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-group-tags",{staticStyle:{width:"300px"},attrs:{textFontSize:"0.85rem"},model:{value:n.WPanelLabelItem.strItems,callback:function(e){n.$set(n.WPanelLabelItem,"strItems",e)},expression:"WPanelLabelItem.strItems"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"labelWidth"}}),n._v(" "),t("div",{},[t("w-panel-label-item",{attrs:{label:"Styles",labelWidth:100},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"CSS",textFontSize:"0.85rem"}})]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{"padding-top":"5px"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Components",labelWidth:100},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Data tables",textFontSize:"0.85rem"}})]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"labelWidth & labelHorizontalAlign"}}),n._v(" "),t("div",{},[t("w-panel-label-item",{attrs:{label:"Styles",labelWidth:100,labelHorizontalAlign:"right"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"CSS",textFontSize:"0.85rem"}})]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{"padding-top":"5px"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Components",labelWidth:100,labelHorizontalAlign:"right"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Data tables",textFontSize:"0.85rem"}})]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"labelColor"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Name",labelColor:"#EF6C00"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"labelFontSize"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Name",labelFontSize:"0.75rem"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"space"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Name",space:12},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"slot label"}}),n._v(" "),t("w-panel-label-item",{attrs:{label:"Name"},scopedSlots:n._u([{key:"label",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("w-icon",{attrs:{icon:n.mdiCat,size:22}}),n._v(" "),t("div",{staticStyle:{"padding-left":"3px","padding-right":"7px","font-size":"0.8rem"}},[n._v("\n                            Name:\n                        ")])],1)]},proxy:!0},{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"slot item-sub"}}),n._v(" "),t("div",{staticStyle:{border:"1px dashed #ddd"}},[t("w-panel-label-item",{attrs:{label:"Name"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0},{key:"item-sub",fn:function(){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v("\n                            Please fill in data.\n                        ")])]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"slot item-sub & floatForItemSub"}}),n._v(" "),t("div",{staticStyle:{border:"1px dashed #ddd"}},[t("w-panel-label-item",{attrs:{label:"Name",floatForItemSub:!1},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0},{key:"item-sub",fn:function(){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v("\n                            Please fill in data.\n                        ")])]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with text & seplines"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Name"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with select & seplines"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Fruit"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text-select",{staticStyle:{width:"200px"},attrs:{items:n.WPanelLabelItem.objItems},model:{value:n.WPanelLabelItem.objValue,callback:function(e){n.$set(n.WPanelLabelItem,"objValue",e)},expression:"WPanelLabelItem.objValue"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"with textarea & seplines"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Fruit"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-textarea",{staticStyle:{width:"300px"},attrs:{textFontSize:"0.85rem"},model:{value:n.WPanelLabelItem.text,callback:function(e){n.$set(n.WPanelLabelItem,"text",e)},expression:"WPanelLabelItem.text"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & labelWidth"}}),n._v(" "),t("div",{},[t("w-panel-label-item",{attrs:{seplines:!0,label:"Styles",labelWidth:100},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"CSS",textFontSize:"0.85rem"}})]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{"padding-top":"20px"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Components",labelWidth:100},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Data tables",textFontSize:"0.85rem"}})]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & labelWidth & labelHorizontalAlign"}}),n._v(" "),t("div",{},[t("w-panel-label-item",{attrs:{seplines:!0,label:"Styles",labelWidth:220,labelHorizontalAlign:"right"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{staticStyle:{width:"220px"},attrs:{value:"CSS",textFontSize:"0.85rem"}})]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{"padding-top":"20px"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Components",labelWidth:220,labelHorizontalAlign:"right"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{staticStyle:{width:"220px"},attrs:{value:"Data tables",textFontSize:"0.85rem"}})]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & labelColor"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Name",labelColor:"#EF6C00"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & labelFontSize"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Name",labelFontSize:"0.75rem"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & space"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Name",space:12},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & slot label"}}),n._v(" "),t("w-panel-label-item",{attrs:{seplines:!0,label:"Name"},scopedSlots:n._u([{key:"label",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("w-icon",{attrs:{icon:n.mdiCat,size:22}}),n._v(" "),t("div",{staticStyle:{"padding-left":"3px","font-size":"0.8rem"}},[n._v("\n                            Name\n                        ")])],1)]},proxy:!0},{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & slot item-sub"}}),n._v(" "),t("div",{staticStyle:{border:"1px dashed #ddd"}},[t("w-panel-label-item",{attrs:{seplines:!0,label:"Name"},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0},{key:"item-sub",fn:function(){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v("\n                            Please fill in data.\n                        ")])]},proxy:!0}])})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-label-item",casename:"seplines & slot item-sub & floatForItemSub"}}),n._v(" "),t("div",{staticStyle:{border:"1px dashed #ddd"}},[t("w-panel-label-item",{attrs:{seplines:!0,label:"Name",floatForItemSub:!1},scopedSlots:n._u([{key:"item",fn:function(){return[t("w-text",{attrs:{value:"Adelina",textFontSize:"0.85rem"}})]},proxy:!0},{key:"item-sub",fn:function(){return[t("div",{staticStyle:{color:"#f26","font-size":"0.7rem"}},[n._v("\n                            Please fill in data.\n                        ")])]},proxy:!0}])})],1)],1)])])};Sm._withStripped=!0;const wm=ya({render:Sm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-label-item")])])}]},(function(n){n&&n("data-v-65b0b1a6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelLabelItem.vue"},media:void 0})}),Cm,"data-v-65b0b1a6",false,undefined,!1,xa,void 0,void 0);function Wm(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=null,r=null,i=null,a=null,l=null,s=null,c=null,d=null,u=null,p=null,m=null,v=null,g=null,h=null,f=null,b=!1,y=fn(t,"getHeighRatio",null);_(y)||(y=()=>1);let k=fn(t,"getWidthRatio",null);_(k)||(k=()=>1);let x=fn(t,"stopScrollPropagationForPanel",null);sa(x)||(x=!1);let C=fn(t,"stopTouchDragPropagationForPanel",null);sa(C)||(C=!1);let S=fn(t,"useTouchDragForPanel",null);sa(S)||(S=!0);let w=n,W=e,I=Di();return o=n=>{let e=n.deltaY/Math.abs(n.deltaY),t=n.deltaX/Math.abs(n.deltaX);I.emit("scrollPanel",{ratioY:e,ratioX:t}),x&&bu(n)},w.addEventListener("wheel",o),r=n=>{if(S){let e=fn(n,"touches.0.clientY",0),t=fn(n,"touches.0.clientX",0),o=-e*y(),r=-t*k();b=!0,I.emit("pressBar",{clientY:o,clientX:r}),C&&bu(n)}},w.addEventListener("touchstart",r),i=n=>{if(S&&b){let e=fn(n,"touches.0.clientY",0),t=fn(n,"touches.0.clientX",0),o=-e*y(),r=-t*k();I.emit("dragBar",{clientY:o,clientX:r}),C&&bu(n)}},w.addEventListener("touchmove",i,{passive:!1}),a=n=>{S&&b&&(b=!1,I.emit("freeBar"),C&&bu(n))},w.addEventListener("touchend",a),l=n=>{b=!0,I.emit("pressBar",{clientY:n.clientY,clientX:n.clientX})},W.addEventListener("mousedown",l),s=n=>{b&&(b=!1,I.emit("freeBar"))},W.addEventListener("mouseup",s),c=n=>{b=!0,I.emit("pressBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX})},W.addEventListener("touchstart",c),d=n=>{b&&(I.emit("dragBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX}),bu(n))},W.addEventListener("touchmove",d,{passive:!1}),u=n=>{b&&(b=!1,I.emit("freeBar"))},W.addEventListener("touchend",u),p=n=>{b&&I.emit("dragBar",{clientY:n.clientY,clientX:n.clientX})},window.addEventListener("mousemove",p),m=n=>{b&&(b=!1,I.emit("freeBar"),x&&bu(n))},window.addEventListener("mouseup",m),v=n=>{},window.addEventListener("scroll",v,{passive:!1}),g=n=>{},window.addEventListener("wheel",g,{passive:!1}),h=n=>{},document.addEventListener("scroll",h,{passive:!1}),f=n=>{},document.addEventListener("wheel",f,{passive:!1}),I.clear=function(){w.removeEventListener("wheel",o),w.removeEventListener("touchstart",r),w.removeEventListener("touchmove",i),w.removeEventListener("touchend",a),W.removeEventListener("mousedown",l),W.removeEventListener("mouseup",s),W.removeEventListener("touchstart",c),W.removeEventListener("touchmove",d),W.removeEventListener("touchend",u),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",m),window.removeEventListener("scroll",v),window.removeEventListener("wheel",g),document.removeEventListener("scroll",h),document.removeEventListener("wheel",f)},I}const _m={directives:{domresize:$i()},props:{ratio:{type:Number,default:.5},ratioMin:{type:Number,default:0},ratioMax:{type:Number,default:1},leftWidthMin:{type:Number,default:null},leftWidthMax:{type:Number,default:null},rightWidthMin:{type:Number,default:null},rightWidthMax:{type:Number,default:null},barColor:{type:String,default:"#ddd"},barSize:{type:Number,default:2},barBorderColor:{type:String,default:"transparent"},barBorderSize:{type:Number,default:3}},data:function(){return{r:null,panelWidth:0,panelHeight:0,das:null}},mounted:function(){let n=this,e=Wm(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeParam:function(){let n=this,e=n.ratio;return e=n.limitRatio(e),n.r=e,""},bw:function(){return this.barSize+2*this.barBorderSize},useBarColor:function(){return Oi(this.barColor)},useBarBorderColor:function(){return Oi(this.barBorderColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.$emit("resize",n)},limitRatio:function(n){let e=this;if(n=Math.min(n,e.ratioMax),n=Math.max(n,e.ratioMin),e.panelWidth>0){let t=n*e.panelWidth;ua(e.leftWidthMin)&&t<e.leftWidthMin&&(n=e.leftWidthMin/e.panelWidth),ua(e.leftWidthMax)&&t>e.leftWidthMax&&(n=e.leftWidthMax/e.panelWidth);let o=(1-n)*e.panelWidth;ua(e.rightWidthMin)&&o<e.rightWidthMin&&(n=-(e.rightWidthMin/e.panelWidth-1)),ua(e.rightWidthMax)&&o>e.rightWidthMax&&(n=-(e.rightWidthMax/e.panelWidth-1))}return n},dragBar:function({clientX:n}){let e=this,t=e.$el.getBoundingClientRect(),o=n,r=e.$el.offsetWidth,i=0;r>0&&(i=(o-t.left)/r),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};var Im=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",display:"flex"}},[t("div",{ref:"left",style:"width:"+n.r*n.panelWidth+"px; height:"+n.panelHeight+"px;"},[n._t("left",null,{ratio:n.r,width:n.r*n.panelWidth,height:n.panelHeight})],2),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; z-index:1; left:"+(n.r*n.panelWidth-n.bw/2)+"px; width:"+n.bw+"px; height:"+n.panelHeight+"px; border-left:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; border-right:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; cursor:col-resize; user-select:none;"},[t("div",{style:"width:"+n.barSize+"px; height:"+n.panelHeight+"px; background:"+n.useBarColor+";"})]),n._v(" "),t("div",{ref:"right",style:"width:"+(1-n.r)*n.panelWidth+"px; height:"+n.panelHeight+"px;"},[n._t("right",null,{ratio:1-n.r,width:(1-n.r)*n.panelWidth,height:n.panelHeight})],2)])])};Im._withStripped=!0;const Tm=ya({render:Im,staticRenderFns:[]},(function(n){n&&n("data-v-38174f87_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelDivideHorizontal.vue"},media:void 0})}),_m,"data-v-38174f87",false,undefined,!1,xa,void 0,void 0);var Am={components:{demolink:nu,WPanelDivideHorizontal:Tm},props:{},data:function(){let n='<div style="margin:20px;">1. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">2. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">3. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">4. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div>';return{WPanelDivideHorizontal:{htmlLeft:'<h2 style="margin:20px;">Left</h2>'+n,htmlRight:'<h2 style="margin:20px;">Right</h2>'+n},actions:[]}}};const Bm=Am;var Hm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"ratio"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{ratio:.25},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"ratioMin & ratioMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{ratioMin:.25,ratioMax:.75},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"leftWidthMin & leftWidthMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{leftWidthMin:200,leftWidthMax:350},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"rightWidthMin & rightWidthMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{rightWidthMin:200,rightWidthMax:350},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"barColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"300px"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlLeft)}})])]}},{key:"right",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.width)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideHorizontal.htmlRight)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"barSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"400px"},attrs:{barSize:1},scopedSlots:n._u([{key:"left",fn:function(n){return[t("div",{style:"overflow-y:auto; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001.jpg"}})])]}},{key:"right",fn:function(n){return[t("div",{style:"overflow-y:auto; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",right:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001-gray.jpg"}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-horizontal",casename:"barBorderSize & barBorderColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"800px",height:"400px"},attrs:{barBorderSize:10,barBorderColor:"rgba(255,255,255,0.25)"},scopedSlots:n._u([{key:"left",fn:function(n){return[t("div",{style:"overflow-y:auto; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001.jpg"}})])]}},{key:"right",fn:function(n){return[t("div",{style:"overflow-y:auto; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",right:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001-gray.jpg"}})])]}}])})],1)],1)])])};Hm._withStripped=!0;const Pm=ya({render:Hm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-divide-horizontal")])])}]},(function(n){n&&n("data-v-42b95189_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelDivideHorizontal.vue"},media:void 0})}),Bm,"data-v-42b95189",false,undefined,!1,xa,void 0,void 0);var Fm={directives:{domresize:$i()},props:{ratio:{type:Number,default:.5},ratioMin:{type:Number,default:0},ratioMax:{type:Number,default:1},topHeightMin:{type:Number,default:null},topHeightMax:{type:Number,default:null},bottomHeightMin:{type:Number,default:null},bottomHeightMax:{type:Number,default:null},barColor:{type:String,default:"#ddd"},barBorderColor:{type:String,default:"transparent"},barSize:{type:Number,default:2},barBorderSize:{type:Number,default:3}},data:function(){return{r:null,panelWidth:0,panelHeight:0,das:null}},mounted:function(){let n=this,e=Wm(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeParam:function(){let n=this,e=n.ratio;return e=n.limitRatio(e),n.r=e,""},bw:function(){return this.barSize+2*this.barBorderSize},useBarColor:function(){return Oi(this.barColor)},useBarBorderColor:function(){return Oi(this.barBorderColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.$emit("resize",n)},limitRatio:function(n){let e=this;if(n=Math.min(n,e.ratioMax),n=Math.max(n,e.ratioMin),e.panelHeight>0){let t=n*e.panelHeight;ua(e.topHeightMin)&&t<e.topHeightMin&&(n=e.topHeightMin/e.panelHeight),ua(e.topHeightMax)&&t>e.topHeightMax&&(n=e.topHeightMax/e.panelHeight);let o=(1-n)*e.panelHeight;ua(e.bottomHeightMin)&&o<e.bottomHeightMin&&(n=-(e.bottomHeightMin/e.panelHeight-1)),ua(e.bottomHeightMax)&&o>e.bottomHeightMax&&(n=-(e.bottomHeightMax/e.panelHeight-1))}return n},dragBar:function({clientY:n}){let e=this,t=e.$el.getBoundingClientRect(),o=n,r=e.$el.offsetHeight,i=0;r>0&&(i=(o-t.top)/r),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};const Lm=Fm;var Rm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative"}},[t("div",{ref:"top",style:"width:"+n.panelWidth+"px; height:"+n.r*n.panelHeight+"px;"},[n._t("top",null,{ratio:n.r,width:n.panelWidth,height:n.r*n.panelHeight})],2),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; z-index:1; top:"+(n.r*n.panelHeight-n.bw/2)+"px; width:"+n.panelWidth+"px; height:"+n.barSize+"px; border-top:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; border-bottom:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; cursor:row-resize; user-select:none;"},[t("div",{style:"width:"+n.panelWidth+"px; height:"+n.barSize+"px; background:"+n.useBarColor+";"})]),n._v(" "),t("div",{ref:"bottom",style:"width:"+n.panelWidth+"px; height:"+(1-n.r)*n.panelHeight+"px;"},[n._t("bottom",null,{ratio:1-n.r,width:n.panelWidth,height:(1-n.r)*n.panelHeight})],2)])])};Rm._withStripped=!0;var Dm={components:{demolink:nu,WPanelDivideVertical:ya({render:Rm,staticRenderFns:[]},(function(n){n&&n("data-v-357f2c2f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelDivideVertical.vue"},media:void 0})}),Lm,"data-v-357f2c2f",false,undefined,!1,xa,void 0,void 0)},props:{},data:function(){let n='<div style="margin:20px;">1. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">2. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">3. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div><div style="margin:20px;">4. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero. </div>';return{WPanelDivideVertical:{htmlTop:'<h2 style="margin:20px;">Top</h2>'+n,htmlBottom:'<h2 style="margin:20px;">Bottom</h2>'+n},actions:[]}}};const jm=Dm;var zm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"ratio"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{ratio:.25},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"ratioMin & ratioMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{ratioMin:.25,ratioMax:.75},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"topHeightMin & topHeightMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{topHeightMin:70,topHeightMax:130},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"bottomHeightMin & bottomHeightMax"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{bottomHeightMin:70,bottomHeightMax:130},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"barColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"300px"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"top",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlTop)}})])]}},{key:"bottom",fn:function(e){return[t("div",{style:"overflow-y:auto; height:"+e.height+"px;"},[t("div",{staticStyle:{padding:"0px 5px","font-size":"0.6rem",background:"#eef","user-select":"none","user-drag":"none"}},[n._v(n._s(e.ratio)+"("+n._s(e.height)+"px)")]),n._v(" "),t("div",{domProps:{innerHTML:n._s(n.WPanelDivideVertical.htmlBottom)}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"barSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"400px",border:"1px solid #ddd"},attrs:{barSize:1},scopedSlots:n._u([{key:"top",fn:function(n){return[t("div",{style:"position:relative; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001.jpg"}})])]}},{key:"bottom",fn:function(n){return[t("div",{style:"position:relative; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",bottom:"-200px",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001-gray.jpg"}})])]}}])})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-panel-divide-vertical",casename:"barBorderSize & barBorderColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px solid #ddd"}},[t("w-panel-divide-vertical",{staticStyle:{width:"800px",height:"400px",border:"1px solid #ddd"},attrs:{barBorderSize:10,barBorderColor:"rgba(255,255,255,0.25)"},scopedSlots:n._u([{key:"top",fn:function(n){return[t("div",{style:"position:relative; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",top:"0",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001.jpg"}})])]}},{key:"bottom",fn:function(n){return[t("div",{style:"position:relative; height:"+n.height+"px; overflow:hidden;"},[t("img",{staticStyle:{position:"absolute",bottom:"-200px",left:"0",width:"800px",height:"600px","user-select":"none","user-drag":"none"},attrs:{src:"https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001-gray.jpg"}})])]}}])})],1)],1)])])};zm._withStripped=!0;const Vm=ya({render:zm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-divide-vertical")])])}]},(function(n){n&&n("data-v-3e333d16_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelDivideVertical.vue"},media:void 0})}),jm,"data-v-3e333d16",false,undefined,!1,xa,void 0,void 0);const Zm={directives:{domresize:$i(),dommutation:Eu()},components:{},props:{scale:{type:Number,default:1}},data:function(){return{width:1,height:1}},mounted:function(){this.fitSize()},computed:{},methods:{domresize:function(n){this.fitSize()},dommutation:function(n){this.fitSize()},fitSize:function(){let n=this,e=fn(n,"$refs.tar");if(oa(e)){let t=e.getBoundingClientRect();n.width===t.width&&n.height===t.height||(n.width=t.width,n.height=t.height)}}}};var $m=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"},{name:"dommutation",rawName:"v-dommutation"}],style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;",attrs:{domresize:"domresize"},on:{dommutation:n.dommutation}},[t("div",{style:"position:relative; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{style:"position:absolute; left:0; top:0; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{style:"transform-origin:top left; transform:scale("+n.scale+"); width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{ref:"tar",staticStyle:{display:"inline-block"}},[n._t("default")],2)])])])])};$m._withStripped=!0;const Em=ya({render:$m,staticRenderFns:[]},(function(n){n&&n("data-v-a28c5d42_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScale.vue"},media:void 0})}),Zm,"data-v-a28c5d42",false,undefined,!1,xa,void 0,void 0);window.inAppZone=!0;const Gm={components:{demolink:nu,WPanelScale:Em,WPanelScrolly:Uu,WTextSuggest:tm,WPanelBulge:gu},props:{},data:function(){return{useGlobalSlider:!!window.inAppZone,WPanelScale:{scale:1},WPanelScrolly:{tableStyle:"border-collapse:collapse; background-image:linear-gradient(141deg, #4cc5f8 0%, #3fd8eb 75%);",tdStyle:"padding:50px 22px; color:white; border:1px solid rgba(255,255,255,0.5); font-size:0.8rem;"},WTextSuggest:{objItems:[{key:"orange",text:"橘子(orange)"},{key:"banana",text:"香蕉(banana)"},{key:"strawberry",text:"草莓(strawberry)"}],objValue:{key:"banana",text:"香蕉(banana)"}},WPanelBulge:{title:"Bulge",table:'\n<div style="margin-bottom:10px; padding:0px 10px;">\n                        <span>A data table</span>\n                    </div>\n\n                    <table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n'},actions:[{mode:"eleclick",selector:'span[class="v-chip__content"]'}]}}};var Xm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[n.useGlobalSlider?t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}):n._e(),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for v-btn"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{color:"#f26","font-size":"0.8rem"}},[n._v("\n                * div使用display:inline-block且與其他元素有空白時, 照規範渲染時會出現textNode造成空隙問題\n            ")]),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("v-btn",[n._v("button")])],1)],1),n._v(" "),t("br"),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("div",{staticStyle:{_display:"inline-block",overflow:"hidden",width:"150px",height:"100px",background:"#f26"}})])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for w-panel-scrolly"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("w-panel-scrolly",{staticStyle:{width:"240px",height:"200px"}},[t("table",{style:n.WPanelScrolly.tableStyle},[t("tbody",[t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("11")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("12")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("13")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("14")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("21")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("22")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("23")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("24")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("31")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("32")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("33")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("34")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("41")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("42")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("43")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("44")])]),t("tr",[t("td",{style:n.WPanelScrolly.tdStyle},[n._v("51")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("52")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("53")]),t("td",{style:n.WPanelScrolly.tdStyle},[n._v("54")])])])])])],1)],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for select"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("select",{staticStyle:{padding:"0px 10px",background:"rgba(200,200,200,0.1)",color:"#000",border:"1px solid rgba(200,200,200,0.5)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#000"},attrs:{value:"0"}},[n._v("Select Fruit")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"1"}},[n._v("Apple")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"2"}},[n._v("Orange")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"3"}},[n._v("Banana")])])])],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for w-text-suggest"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{color:"#f26","font-size":"0.8rem"}},[n._v("\n                * transform scale縮放會造成popupjs定位偏移問題\n            ")]),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("w-text-suggest",{staticStyle:{width:"200px"},attrs:{shadow:!1,borderColor:"orange lighten-2",borderColorHover:"orange",borderColorFocus:"orange darken-2",backgroundColorFocus:"orange lighten-5",items:n.WTextSuggest.objItems},model:{value:n.WTextSuggest.objValue,callback:function(e){n.$set(n.WTextSuggest,"objValue",e)},expression:"WTextSuggest.objValue"}})],1)],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-panel-scale",casename:"for w-panel-bulge"}}),n._v(" "),n.useGlobalSlider?n._e():t("v-slider",{staticStyle:{width:"200px"},attrs:{min:"0.5",max:"1.5",step:"0.05","hide-details":""},model:{value:n.WPanelScale.scale,callback:function(e){n.$set(n.WPanelScale,"scale",e)},expression:"WPanelScale.scale"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"10px",border:"1px dashed #999"}},[t("w-panel-scale",{attrs:{scale:n.WPanelScale.scale}},[t("w-panel-bulge",{staticStyle:{"min-width":"500px"},attrs:{headerText:n.WPanelBulge.title}},[t("div",{staticStyle:{padding:"20px"},domProps:{innerHTML:n._s(n.WPanelBulge.table)}})])],1)],1)],1)],1)])};Xm._withStripped=!0;const Mm=ya({render:Xm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-panel-scale")])])}]},(function(n){n&&n("data-v-23914c1f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPanelScale.vue"},media:void 0})}),Gm,"data-v-23914c1f",false,undefined,!1,xa,void 0,void 0);const Nm={components:{demolink:nu,WIcon:_a},props:{},data:function(){return{WIcon:{mdiFruitCherries:"M16 13H15.5C14.8 11.7 14.3 10 13.8 8.3L14.7 9.2C17.4 11.3 19.8 10.9 19.8 10.9S20.5 7.1 17.8 5.1C15.5 3.3 13.4 3.3 12.8 3.4C12.7 2.8 12.7 2.3 12.6 1.9L11.2 2C11.2 5.2 8.5 11.1 7.6 13C5.6 13.2 4 14.9 4 17C4 19.2 5.8 21 8 21C9.1 21 10 20.6 10.7 19.9C10.3 19 10 18 10 17S10.3 15 10.7 14.1C10.3 13.7 9.7 13.4 9.2 13.2C9.9 11.7 11.1 9 11.9 6.4C12.3 8.7 13.1 11.4 14.1 13.5C12.9 14.2 12 15.5 12 17C12 19.2 13.8 21 16 21S20 19.2 20 17 18.2 13 16 13M8 15.5C7.2 15.5 6.5 16.2 6.5 17H5.5C5.5 15.6 6.6 14.5 8 14.5V15.5M16 15.5C15.2 15.5 14.5 16.2 14.5 17H13.5C13.5 15.6 14.6 14.5 16 14.5V15.5Z",mdiShieldCrownOutline:"M12 1L21 5V11C21 16.55 17.16 21.74 12 23C6.84 21.74 3 16.55 3 11V5L12 1M12 3.18L5 6.3V11.22C5 15.54 8.25 20 12 21C15.75 20 19 15.54 19 11.22V6.3L12 3.18M16 14V15.5L16 15.59C15.96 15.81 15.78 15.96 15.53 16L15.43 16H8.57L8.47 16C8.22 15.96 8.04 15.81 8 15.59L8 15.5V14H16M17 8L16 13H8L7 8L7 8L9.67 10.67L12 8.34L14.33 10.67L17 8L17 8Z",mdiAccessPoint:"M4.93,4.93C3.12,6.74 2,9.24 2,12C2,14.76 3.12,17.26 4.93,19.07L6.34,17.66C4.89,16.22 4,14.22 4,12C4,9.79 4.89,7.78 6.34,6.34L4.93,4.93M19.07,4.93L17.66,6.34C19.11,7.78 20,9.79 20,12C20,14.22 19.11,16.22 17.66,17.66L19.07,19.07C20.88,17.26 22,14.76 22,12C22,9.24 20.88,6.74 19.07,4.93M7.76,7.76C6.67,8.85 6,10.35 6,12C6,13.65 6.67,15.15 7.76,16.24L9.17,14.83C8.45,14.11 8,13.11 8,12C8,10.89 8.45,9.89 9.17,9.17L7.76,7.76M16.24,7.76L14.83,9.17C15.55,9.89 16,10.89 16,12C16,13.11 15.55,14.11 14.83,14.83L16.24,16.24C17.33,15.15 18,13.65 18,12C18,10.35 17.33,8.85 16.24,7.76M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z",mdiOctagramEditOutline:"M3.88 12L2.2 16.06L6.26 17.74L7.94 21.8L11 20.53V18.36L9 19.19L7.79 16.21L4.81 15L6.05 12L4.81 9L7.79 7.79L9 4.81L12 6.05L15 4.81L16.21 7.79L19.19 9L17.95 12L18 12.13L19.38 10.75C19.82 10.3 20.38 10.06 20.94 10L21.8 7.94L17.74 6.26L16.06 2.2L12 3.88L7.94 2.2L6.26 6.26L2.2 7.94L3.88 12M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96Z"},actions:[]}}};var Om=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (material)"}}),n._v(" "),t("w-icon",{attrs:{icon:n.WIcon.mdiFruitCherries}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (fontawesome)"}}),n._v(" "),t("w-icon",{attrs:{icon:"fas fa-pause-circle"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (material) & color & colorHover"}}),n._v(" "),t("w-icon",{attrs:{icon:n.WIcon.mdiShieldCrownOutline,color:"orange darken-3",colorHover:"orange lighten-1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (fontawesome) & color & colorHover"}}),n._v(" "),t("w-icon",{attrs:{icon:"fas fa-hospital-user",color:"orange darken-3",colorHover:"orange lighten-1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (material) & size"}}),n._v(" "),t("w-icon",{attrs:{icon:n.WIcon.mdiAccessPoint,size:64}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (fontawesome) & size"}}),n._v(" "),t("w-icon",{attrs:{icon:"fas fa-tags",size:64}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (material) & timeTransition"}}),n._v(" "),t("w-icon",{attrs:{icon:n.WIcon.mdiOctagramEditOutline,timeTransition:.2}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-icon",casename:"icon (fontawesome) & timeTransition"}}),n._v(" "),t("w-icon",{attrs:{icon:"fas fa-fingerprint",timeTransition:.2}})],1)])])};Om._withStripped=!0;const Km=ya({render:Om,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-icon")])])}]},(function(n){n&&n("data-v-1eca156d_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWIcon.vue"},media:void 0})}),Nm,"data-v-1eca156d",false,undefined,!1,xa,void 0,void 0);var Ym={components:{WIconLoading:dc},props:{width:{type:Number,default:null},height:{type:Number,default:null},ratio:{type:Number,default:null},url:{type:String,default:""},delay:{type:Number,default:300}},data:function(){return{ev:null,showed:!1,loaded:!1,useWidth:0,useHeight:0}},mounted:function(){let n=this;n.ev=Xu(n.$el,{mode:"event"}),n.ev.create(),n.ev.on("visible",(e=>{if(e)try{n.ev.dispose(),setTimeout((()=>{n.showed=!0}),n.delay)}catch(n){}}))},beforeDestroy:function(){let n=this;try{n.ev.dispose()}catch(n){}},computed:{changeParams:function(){let n=this,e=n.width,t=n.height,o=n.ratio;return Wi(e)&&Wi(t)?(e=Math.max(_i(e),0),t=Math.max(_i(t),0),n.useWidth=e,n.useHeight=t):Wi(e)&&Wi(o)?(e=Math.max(_i(e),0),o=Math.max(_i(o),0),t=e/o,n.useWidth=e,n.useHeight=t):Wi(t)&&Wi(o)?(t=Math.max(_i(t),0),o=Math.max(_i(o),0),e=t*o,n.useWidth=e,n.useHeight=t):console.log("width, height and ratio, at least two of the three parameters must be provided"),""}},methods:{load:function(n){this.loaded=!0}}};const Jm=Ym;var Um=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.useWidth+"px; height:"+n.useHeight+"px; overflow:hidden; vertical-align:top;",attrs:{changeParams:n.changeParams}},[n.showed&&n.loaded?n._e():t("WIconLoading"),n._v(" "),n.showed?t("img",{style:"width:"+n.useWidth+"px; height:"+n.useHeight+"px; opacity:"+(n.loaded?1:0)+";",attrs:{src:n.url},on:{load:n.load}}):n._e()],1)};Um._withStripped=!0;const Qm={components:{demolink:nu,WImageLazy:ya({render:Um,staticRenderFns:[]},(function(n){n&&n("data-v-1f8f4db6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageLazy.vue"},media:void 0})}),Jm,"data-v-1f8f4db6",false,undefined,!1,xa,void 0,void 0)},props:{},data:function(){return{WImageLazy:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/001.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/002.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/003.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/004.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/005.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/006.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/007.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/008.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/009.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/010.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/011.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/012.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/013.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/014.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/img/view/015.jpg"]},actions:[]}}};var qm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-image-lazy",casename:"width & height"}}),n._v(" "),t("div",{staticStyle:{width:"340px",height:"400px","overflow-y":"auto",border:"1px solid #ddd"}},n._l(n.WImageLazy.images,(function(n,e){return t("div",{key:"kurl-"+e},[t("w-image-lazy",{attrs:{width:320,height:180,_ratio:"16/9",url:n}})],1)})),0)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-image-lazy",casename:"width & height & delay"}}),n._v(" "),t("div",{staticStyle:{width:"340px",height:"400px","overflow-y":"auto",border:"1px solid #ddd"}},n._l(n.WImageLazy.images,(function(n,e){return t("div",{key:"kurl-"+e},[t("w-image-lazy",{attrs:{width:320,height:180,_ratio:"16/9",url:n,delay:1e3}})],1)})),0)],1)])])};qm._withStripped=!0;const nv=ya({render:qm,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-image-lazy")])])}]},(function(n){n&&n("data-v-70ade800_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWImageLazy.vue"},media:void 0})}),Qm,"data-v-70ade800",false,undefined,!1,xa,void 0,void 0);function ev(n,e,t){var o=null==n?0:n.length;return o?Ze(n,(e=t||void 0===e?1:Ci(e))<0?0:e,o):[]}function tv(n,e){let t=Dl();if(!va(n)&&!Qo(n))return t.reject("rs is not an array or object"),t;let o=!1;if(Qo(n)){o=!0;let e=[];Ve(n,((n,t)=>{e.push({k:t,v:n})})),n=e}ji(e)||(e=function(n){return n});let r=-1,i=[];return n.reduce((function(n,t){return n.then((function(n){i.push(n),r+=1;let a=r,l=t;return o&&(a=t.k,l=t.v),ji(e)?e(l,a):l}))}),Promise.resolve()).then((function(n){i.push(n),i=ev(i),t.resolve(i)})).catch((function(n){t.reject(n)})),t}async function ov(n){let e=[],t=Dl();return await async function n(t){let o=null;if(t.isFile&&(o=await function(n){let e=Dl();try{n.file(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(t)),e.push({type:t.isDirectory?"folder":t.isFile?"file":"unknow",path:t.fullPath,name:t.name,entry:t,file:o}),t.isDirectory){let e=t.createReader(),o=await function(n){let e=Dl();try{n.readEntries(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(e);await tv(o,(async e=>{await n(e)}))}}(n),t.resolve(e),t}async function rv(n){let e=[];Ve(n,(n=>{let t=n.webkitGetAsEntry();t&&e.push(t)}));let t=await async function(n){let e=[];return await tv(n,(async n=>{Ve(await ov(n),(n=>{e.push(n)}))})),e}(e);return t}async function iv(n){let e=[],t=[];try{e=await async function(n){let e=[];return Ve(n,(n=>{n.type&&e.push({type:"file",name:n.name,file:n})})),e}(fn(n,"files",[])),fu()||(t=await rv(fn(n,"items",[])).catch((n=>{console.log(n)})))}catch(n){return Promise.reject(n)}return{files:e,entries:t}}var av={components:{},props:{backgroundColor:{type:String,default:"transparent"},backgroundColorDropIn:{type:String,default:"grey lighten-4"},backgroundColorHover:{type:String,default:"grey lighten-5"},timeTransition:{type:Number,default:.3},borderRadius:{type:Number,default:6},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"grey lighten-2"},borderColorDropIn:{type:String,default:"grey lighten-2"},borderColorHover:{type:String,default:"grey lighten-2"}},data:function(){return{ev:null,bMouseIn:!1,bDropIn:!1}},mounted:function(){let n=this;n.ev=function(n){let e=!1,t=!1,o=Di();function r(n){bu(n),t=!0,!1===e&&(e=!0,o.emit("dropIn",{ev:n}))}function i(n){bu(n),t=!1,setTimeout((function(){t||(e=!1,o.emit("dropOut",{ev:n}))}),100)}function a(n){r(n)}function l(n){i(n)}function s(n){function e(){i(n)}r(n),iv(n.dataTransfer).then((t=>{let r=Bl(t.entries,{type:"file"});o.emit("getFiles",{ev:n,files:t.files,filesTree:r,entries:t.entries,cb:e})})).catch((n=>{o.emit("error",n)}))}return n.addEventListener("dragenter",a,!1),n.addEventListener("dragover",a,!1),n.addEventListener("dragleave",l,!1),n.addEventListener("drop",s,!1),o.off=function(){n.removeEventListener("dragenter",a,!1),n.removeEventListener("dragover",a,!1),n.removeEventListener("dragleave",l,!1),n.removeEventListener("drop",s,!1)},o}(n.$refs.dropPanel),n.ev.on("getFiles",(({files:e,filesTree:t,entries:o,cb:r})=>{n.$emit("get-files",{files:e,filesTree:t,entries:o}),r()})),n.ev.on("dropIn",(()=>{n.bDropIn=!0,n.$emit("drop-in")})),n.ev.on("dropOut",(()=>{n.bDropIn=!1,n.$emit("drop-out")})),n.ev.on("error",(function(e){n.$emit("drop-error",e)}))},beforeDestroy:function(){this.ev.off()},computed:{useBorderColor:function(){let n=this;return n.bDropIn?Oi(n.borderColorDropIn):n.bMouseIn?Oi(n.borderColorHover):Oi(n.borderColor)},useBackgroundColor:function(){let n=this;return n.bDropIn?Oi(n.backgroundColorDropIn):n.bMouseIn?Oi(n.backgroundColorHover):Oi(n.backgroundColor)}},methods:{}};const lv=av;var sv=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",{ref:"dropPanel",style:"border:"+n.borderWidth+"px solid "+n.useBorderColor+"; border-radius:"+n.borderRadius+"px; background:"+n.useBackgroundColor+"; transition:all "+n.timeTransition+"s linear;",on:{mouseenter:function(e){n.bMouseIn=!0},mouseleave:function(e){n.bMouseIn=!1}}},[n._t("default")],2)};sv._withStripped=!0;const cv={components:{demolink:nu,WDropfiles:ya({render:sv,staticRenderFns:[]},(function(n){n&&n("data-v-920803be_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDropfiles.vue"},media:void 0})}),lv,"data-v-920803be",false,undefined,!1,xa,void 0,void 0)},props:{},data:function(){return{WDropfiles:{msg1:"",msg2:"",msg3:"",msg4:"",msg5:"",msg6:""},actions:[]}},methods:{dropIn:function(n){console.log("dropIn",n)},dropOut:function(n){console.log("dropOut",n)},dropError:function(n){console.log("dropError",n)}}};var dv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"default"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg1="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg1))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"backgroundColor & backgroundColorDropIn & backgroundColorHover"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{backgroundColor:"rgba(240,230,255,0.3)",backgroundColorDropIn:"rgba(240,230,255,0.9)",backgroundColorHover:"rgba(240,230,255,0.6)"},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg2="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg2))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"borderRadius"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{borderRadius:30},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg3="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg3))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"borderWidth"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{borderWidth:5},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg4="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg4))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"borderColor & borderColorDropIn & borderColorHover & backgroundColorDropIn & backgroundColorHover"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{borderColor:"orange lighten-4",borderColorDropIn:"orange lighten-2",borderColorHover:"orange lighten-4",backgroundColorDropIn:"orange lighten-4",backgroundColorHover:"orange lighten-5"},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg5="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg5))])])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dropfiles",casename:"timeTransition"}}),n._v(" "),t("w-dropfiles",{staticStyle:{width:"200px",height:"200px",display:"flex","justify-content":"center","align-items":"center"},attrs:{timeTransition:.1},on:{"drop-in":n.dropIn,"drop-out":n.dropOut,"drop-error":n.dropError,"get-files":function(e){n.WDropfiles.msg6="get files("+e.files.length+"), filesTree("+e.filesTree.length+"), entries("+e.entries.length+")"}}},[t("div",{staticStyle:{"text-align":"center"}},[n._v("\n                    Drop files here\n                    "),t("div",{staticStyle:{"font-size":"0.8rem","margin-top":"5px"}},[n._v(n._s(n.WDropfiles.msg6))])])])],1)])])};dv._withStripped=!0;const uv=ya({render:dv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-dropfiles")])])}]},(function(n){n&&n("data-v-43342df4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWDropfiles.vue"},media:void 0})}),cv,"data-v-43342df4",false,undefined,!1,xa,void 0,void 0);function pv(n){return n&&n.length?Pp(n,je,Fp):void 0}let mv={};let vv={getLevel:function(n,e){os(mv,n)||(mv[n]={});let t=fn(mv,n,{}),o=fn(t,e,null);if(ua(o))return o;let r=_p(mv[n]);return 0===Oo(r)?(o=1,mv[n][e]=o,o):(o=pv(r)+1,mv[n][e]=o,o)},destroyLevel:function(n,e){os(mv,n)&&delete mv[n][e]}};var gv={directives:{domresize:$i()},components:{WButtonCircle:Ud,WIcon:_a},props:{show:{type:Boolean,default:!1},isModal:{type:Boolean,default:!0},dialogZIndex:{type:Number,default:2e3},fullscreen:{type:Boolean,default:!1},minWidth:{type:Number,default:200},maxWidth:{type:Number,default:1e3},ratioHeightMax:{type:Number,default:.9},autoFullscreenWhenNarrow:{type:Boolean,default:!0},overlayColor:{type:String,default:"rgba(0,0,0,0.3)"},panelBorderRadius:{type:Number,default:4},panelShadow:{type:Boolean,default:!0},panelShadowStyle:{type:String,default:"0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%)"},icon:{type:String,default:""},title:{type:String,default:""},titleColor:{type:String,default:"white"},titleFontSize:{type:String,default:"1.3rem"},headerHeight:{type:Number,default:56},headerIconColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"light-blue darken-3"},headerShadow:{type:Boolean,default:!0},headerShadowStyle:{type:String,default:"0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%)"},headerBtns:{type:Array,default:()=>[]},hasSaveBtn:{type:Boolean,default:!0},saveBtnTooltip:{type:String,default:"Save"},hasCloseBtn:{type:Boolean,default:!0},closeBtnTooltip:{type:String,default:"Close"},closeWithInterceptor:{type:Boolean,default:!1},contentTextColor:{type:String,default:"black"},contentBackgroundColor:{type:String,default:"#fff"}},data:function(){return{get:fn,mmkey:Zi(),zind:0,mdiCheckCircle:Xa,mdiClose:nl,mdiCheckerboard:Ya,nativeBarWidth:16,showTrans:!1,fullscreenForce:!1,overlayStyleShow:"",panelWidth:0,panelHeight:0,panelStyleShow:"",panelStylePlus:"",headSpace:12,titleWidth:0,contentWidth:0,contentHeight:0,contentHeightMax:0,contentScrollHSize:0,useContentHeight:"",footerHeight:0,resizeMsgTemp:null}},computed:{changeParam:function(){let n=this;return n.showTrans=n.show,n.showTrans?(n.zind=vv.getLevel("dialog",n.mmkey),n.showPanel()):vv.destroyLevel("dialog",n.mmkey),""},useDialogZIndex:function(){return this.dialogZIndex+this.zind},useIsModal:function(){return this.isModal},useFullscreen:function(){return!!this.fullscreen||this.fullscreenForce},useBorder:function(){let n=this,e="";return n.useFullscreen||(e=`border-radius:${n.panelBorderRadius}px; overflow:hidden;`),e},useHeaderIcon:function(){let n=this;return n.icon?n.icon:Ya},useRatioHeight:function(){let n=this;return n.useFullscreen?1:n.ratioHeightMax},useWidth:function(){let n=this;return n.useFullscreen?"width:100svw; max-width:100svw;":`min-width:${n.minWidth}px; max-width:${n.maxWidth}px;`},useHeight:function(){let n="";return n=this.useFullscreen?"height":"max-height",n=`${n}:${100*this.useRatioHeight}svh;`,n},useOverlayColor:function(){return Oi(this.overlayColor)},usePanelShadowStyle:function(){return this.panelShadow?`box-shadow:${Ki(this.panelShadowStyle,";","")};`:""},useTitleFontSize:function(){let n=this.titleFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTitleColor:function(){return Oi(this.titleColor)},useHeaderBackgroundColor:function(){return Oi(this.headerBackgroundColor)},useHeaderShadowStyle:function(){return this.headerShadow?`box-shadow:${Ki(this.headerShadowStyle,";","")};`:""},useContentTextColor:function(){return Oi(this.contentTextColor)},useContentBackgroundColor:function(){return Oi(this.contentBackgroundColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=fn(e,"$refs.divFooter");e.footerHeight=t?t.clientHeight:0,e.fullscreenForce=!1,e.autoFullscreenWhenNarrow&&(e.fullscreenForce=e.maxWidth>=window.innerWidth),e.contentHeightMax=Math.max(window.innerHeight*e.useRatioHeight-e.headerHeight-e.footerHeight,0),0===e.contentHeightMax?e.useContentHeight="":e.useContentHeight=`max-height:${e.contentHeightMax}px;`;let o=fn(e,"$refs.divShield");if(o){let n=o.offsetWidth-o.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.updateTitleWidth("resizePanel"),e.triggerResize("resizePanel")},resizeHead:function(n){this.updateTitleWidth("resizeHead")},resizeContent:function(n){let e=this;e.contentWidth=n.snew.offsetWidth,e.contentHeight=n.snew.offsetHeight,e.contentScrollHSize=n.snew.offsetHeight-n.snew.clientHeight},showPanel:function(){let n=this,e=200;n.overlayStyleShow="transition:all 200ms ease-out; opacity:0;",setTimeout((()=>{n.overlayStyleShow="transition:all 200ms ease-out; opacity:1;"}),1),setTimeout((()=>{n.overlayStyleShow=""}),e),n.panelStyleShow="transition:all 200ms ease-out; opacity:0; transform:scale(0.2);",setTimeout((()=>{n.panelStyleShow="transition:all 200ms ease-out; opacity:1; transform:scale(1);"}),1),setTimeout((()=>{n.panelStyleShow=""}),e)},triggerResize:function(n){let e=this;if(!e.showTrans)return;if(0===e.panelWidth||0===e.panelHeight)return;let t={panelWidth:e.panelWidth,panelHeight:e.panelHeight,headerHeight:e.headerHeight,contentHeight:e.contentHeight,contentHeightMax:e.contentHeightMax,contentScrollHSize:e.contentScrollHSize,footerHeight:e.footerHeight};Uo(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick((()=>{e.$emit("resize",ci(t))})))},updateTitleWidth:function(n){let e=this,t=fn(e,"$refs.hdIcon.clientWidth",0),o=fn(e,"$refs.hdStl.clientWidth",0),r=fn(e,"$refs.hdStr.clientWidth",0),i=fn(e,"$refs.hdBtns.clientWidth",0),a=e.panelWidth-2*e.headSpace-t-o-r-i;a=Math.max(a,0),e.titleWidth=a},clickOutside:function(n){let e=this,t=!1;try{t=!e.$refs.divPanel.contains(n.target)}catch(n){}if(t)try{t=!hc(n.clientX,n.clientY,e.$refs.divPanel)}catch(n){}if(t)if(e.useIsModal){let n=20,t=1.02;e.panelWidth>0&&(t=(e.panelWidth+n)/e.panelWidth);let o=100;e.panelStylePlus=`transition:all ${o}ms; transform:scale(${t});`,setTimeout((()=>{e.panelStylePlus=`transition:all ${o}ms;`}),o),setTimeout((()=>{e.panelStylePlus=""}),2*o)}else e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)}))},clickBtns:function(n){let e=this;e.$nextTick((()=>{e.$emit("click-btns",ci(n))}))},clickSave:function(n){let e=this;e.$nextTick((()=>{e.$emit("click-save",n)}))},clickClose:function(n){let e=this;if(!e.hasCloseBtn||!n)if(e.closeWithInterceptor){let n=Dl();e.$nextTick((()=>{e.$emit("click-close",{pm:n})})),n.then((()=>{e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)}))})).catch((n=>{}))}else e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans),e.$emit("click-close")}))}}};const hv=gv;var fv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[n.showTrans?t("div",{ref:"divShield",style:"\n            position:fixed; left:0px; top:0px;\n            width:calc( 100svw + "+n.nativeBarWidth+"px ); height:100svh; overflow-x:hidden; overflow-y:scroll;\n            z-index:"+n.useDialogZIndex+";\n            overscroll-behavior:none;\n            user-select:none;\n        "},[t("div",{style:"\n                width:calc( 100svw + "+(n.nativeBarWidth+1)+"px ); height:100svh;\n            "},[t("div",{ref:"divOverlay",style:"\n                    position:sticky; left:0px; top:0px;\n                    width:100svw; height:100svh;\n                    display:flex; align-items:center; justify-content:center;\n                    "+n.overlayStyleShow+"\n                    background:"+n.useOverlayColor+";\n                ",attrs:{tabindex:"0"},on:{click:n.clickOutside}},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divPanel",style:"\n                        transition:all 100ms ease-out;\n                        "+n.panelStyleShow+"\n                        "+n.panelStylePlus+"\n                        "+n.useWidth+" "+n.useHeight+" "+n.useBorder+"\n                        background:"+n.useContentBackgroundColor+";\n                        "+n.usePanelShadowStyle+"\n                        user-select:text;\n                    ",on:{domresize:n.resizePanel}},[n._t("panel",(function(){return[t("div",{ref:"divHeader",style:"\n                                background:"+n.useHeaderBackgroundColor+";\n                                "+n.useHeaderShadowStyle+"\n                            "},[n._t("header",(function(){return[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"\n                                        display:table;\n                                        padding:0px "+n.headSpace+"px;\n                                        height:"+n.headerHeight+"px; max-height:"+n.headerHeight+"px;\n                                    ",on:{domresize:n.resizeHead}},[t("div",{ref:"hdIcon",staticStyle:{"padding-right":"10px",display:"table-cell","vertical-align":"middle"}},[t("WIcon",{attrs:{icon:n.useHeaderIcon,color:n.headerIconColor,colorHover:n.headerIconColor}})],1),n._v(" "),t("div",{ref:"hdTitleAndStl",staticStyle:{width:"100%",display:"table-cell","vertical-align":"middle"}},[t("div",{style:"display:flex; align-items:center;"},[t("div",{style:"max-width:"+n.titleWidth+"px; "+n.useTitleFontSize+" color:"+n.useTitleColor+"; text-overflow:ellipsis; white-space:nowrap; overflow-x:hidden;"},[n._v("\n                                                "+n._s(n.title)+"\n                                            ")]),n._v(" "),t("div",{ref:"hdStl"},[n._t("header-left")],2)])]),n._v(" "),t("div",{ref:"hdStr",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("header-right")],2)]),n._v(" "),t("div",{ref:"hdBtns",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._l(n.headerBtns,(function(e,o){return[t("WButtonCircle",{key:o,staticStyle:{"padding-left":"5px"},attrs:{icon:n.get(e,"icon"),shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.get(e,"iconColor")||n.headerIconColor,iconColor:n.get(e,"iconColor")||n.headerIconColor,iconColorHover:n.get(e,"iconColor")||n.headerIconColor,iconColorFocus:n.get(e,"iconColor")||n.headerIconColor,backgroundColor:n.get(e,"backgroundColor")||"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.get(e,"tooltip")},on:{click:function(t){return n.clickBtns(e)}}})]})),n._v(" "),n.hasSaveBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiCheckCircle,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.saveBtnTooltip,promiseUnlock:!0},on:{click:n.clickSave}})]:n._e(),n._v(" "),n.hasCloseBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiClose,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.closeBtnTooltip},on:{click:function(e){return n.clickClose(!1)}}})]:n._e()],2)])])]}),{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divContent",style:"\n                                color:"+n.useContentTextColor+";\n                                "+n.useContentHeight+"\n                                overflow-y:auto;\n                            ",on:{domresize:n.resizeContent}},[n._t("content",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{ref:"divFooter",style:"\n                            "},[n._t("footer",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)]}),{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)])])]):n._e()])};fv._withStripped=!0;const bv=ya({render:fv,staticRenderFns:[]},(function(n){n&&n("data-v-4f94c6fc_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDialog.vue"},media:void 0})}),hv,"data-v-4f94c6fc",false,undefined,!1,xa,void 0,void 0);var yv={components:{demolink:nu,WDialog:bv},props:{},data:function(){return{WDialog:{bShow01:!1,bShow02:!1,bShow03:!1,bShow04a:!1,bShow04b:!1,bShow05:!1,bShow06:!1,bShow07:!1,bShow08:!1,bShow09:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow13:!1,bShow14:!1,bShow15:!1,bShow16:!1,bShow17:!1,bShow18a:!1,bShow18b:!0,bShow19:!1,bShow20:!1,bShow21:!1,bShow22:!1,bShow23:!1,bShow24:!1,bShow25:!1,iShow24:0,bShow26a:!1,bShow26b:!1,bShow26c:!1,bShow27:!1,headerBtns:[{icon:"fas fa-book-reader",tooltip:"測試book-reader",evName:"bookReader",iconColor:"#f26",backgroundColor:"rgba(255,255,255,0.7)"},{icon:"fab fa-codepen",tooltip:"測試codepen",evName:"codepen"},{icon:"fab fa-docker",tooltip:"測試docker",evName:"docker"}],title:"Popup Dialog",text1:"Article Title",text2:"Here is an article content, texts are from Vuetify.",text3:"Vuetify is a progressive framework that attempts to push web development to the next level. In order to best accomplish this task, some sacrifices had to be made in terms of support for older versions of Internet Explorer. This is not an exhaustive list of compatible browsers, but the main targeted ones.",text4:"There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application's compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.",text5:"End."},actions:[]}},methods:{resizeEvent:function(n){console.log("resizeEvent",n)},clickBtns:function(n){console.log("clickBtns",n)},clickSave:function(n){console.log("clickSave",n),setTimeout((function(){console.log("save finish"),n.pm.resolve()}),1e3)},clickClose:function(n){console.log("clickClose",n)},clickClosePm:function(n){console.log("clickClose",n),alert("pm.resolve() for close"),n.pm.resolve()},delayClose:function(){console.log("delayClose");let n=this;n.WDialog.iShow24=5;let e=setInterval((()=>{n.WDialog.iShow24-=1,n.WDialog.iShow24<=0&&(clearInterval(e),n.WDialog.bShow25=!1)}),1e3)}}};const kv=yv;var xv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow01=!n.WDialog.bShow01}}},[n._v("Show("+n._s(n.WDialog.bShow01)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow01,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow01",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"icon (fontawesome)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow02=!n.WDialog.bShow02}}},[n._v("Show("+n._s(n.WDialog.bShow02)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow02,title:n.WDialog.title,icon:"fas fa-cocktail"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow02",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"title"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow03=!n.WDialog.bShow03}}},[n._v("Show("+n._s(n.WDialog.bShow03)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow03,title:"彈窗組件"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow03",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"long title"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow04a=!n.WDialog.bShow04a}}},[n._v("Show("+n._s(n.WDialog.bShow04a)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow04a,title:"彈窗組件超長標題 Neque porro quisquam est qui dolorem ipsum quia dolor sit amet consectetur",fullscreen:n.WDialog.bShow04b},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow04a",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow04a=!n.WDialog.bShow04a}}},[n._v("Hide Window")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow04b=!n.WDialog.bShow04b}}},[n._v("Toggle to "+n._s(n.WDialog.bShow04b?"Normal Size":"Fullscreen"))])],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow05=!n.WDialog.bShow05}}},[n._v("Show("+n._s(n.WDialog.bShow05)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow05,title:n.WDialog.title,headerBackgroundColor:"pink darken-1"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow05",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"titleColor & headerIconColor & headerBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow06=!n.WDialog.bShow06}}},[n._v("Show("+n._s(n.WDialog.bShow06)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow06,title:n.WDialog.title,titleColor:"amber darken-4",headerIconColor:"amber darken-4",headerBackgroundColor:"amber lighten-5"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow06",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerShadow (no shadow)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow07=!n.WDialog.bShow07}}},[n._v("Show("+n._s(n.WDialog.bShow07)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow07,title:n.WDialog.title,headerShadow:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow07",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerShadowStyle"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow08=!n.WDialog.bShow08}}},[n._v("Show("+n._s(n.WDialog.bShow08)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow08,title:n.WDialog.title,headerShadowStyle:"0 11px 15px -7px rgb(0 100 200 / 20%), 0 24px 38px 3px rgb(0 100 200 / 14%), 0 9px 46px 8px rgb(0 100 200 / 12%)"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow08",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"headerBtns"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow09=!n.WDialog.bShow09}}},[n._v("Show("+n._s(n.WDialog.bShow09)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow09,title:n.WDialog.title,headerBtns:n.WDialog.headerBtns},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow09",e)},resize:n.resizeEvent,"click-btns":n.clickBtns,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot header-left & header-right"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow10=!n.WDialog.bShow10}}},[n._v("Show("+n._s(n.WDialog.bShow10)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow10,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow10",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"header-left",fn:function(){return[t("div",{staticStyle:{"padding-left":"15px"}},[t("select",{staticStyle:{padding:"0px 15px",background:"rgba(255,255,255,0.1)",color:"#fff",border:"1px solid rgba(255,255,255,0.7)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#000"},attrs:{value:"0"}},[n._v("Select Fruit")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"1"}},[n._v("L-Apple")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"2"}},[n._v("L-Orange")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"3"}},[n._v("L-Banana")])])])]},proxy:!0},{key:"header-right",fn:function(){return[t("div",{},[t("select",{staticStyle:{padding:"0px 15px",background:"rgba(255,255,255,0.1)",color:"#fff",border:"1px solid rgba(255,255,255,0.7)","border-radius":"30px",outline:"none"}},[t("option",{staticStyle:{color:"#000"},attrs:{value:"0"}},[n._v("Select Fruit")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"1"}},[n._v("R-Apple")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"2"}},[n._v("R-Orange")]),n._v(" "),t("option",{staticStyle:{color:"#000"},attrs:{value:"3"}},[n._v("R-Banana")])])])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"saveBtnTooltip & closeBtnTooltip"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow11=!n.WDialog.bShow11}}},[n._v("Show("+n._s(n.WDialog.bShow11)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow11,title:n.WDialog.title,saveBtnTooltip:"儲存",closeBtnTooltip:"關閉"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow11",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"hasSaveBtn (no save button)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow12=!n.WDialog.bShow12}}},[n._v("Show("+n._s(n.WDialog.bShow12)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow12,title:n.WDialog.title,hasSaveBtn:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow12",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"isModal (not persistent)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow13=!n.WDialog.bShow13}}},[n._v("Show("+n._s(n.WDialog.bShow13)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow13,title:n.WDialog.title,isModal:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow13",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"hasSaveBtn & hasCloseBtn & isModal (no save and close button)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow14=!n.WDialog.bShow14}}},[n._v("Show("+n._s(n.WDialog.bShow14)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow14,title:n.WDialog.title,hasSaveBtn:!1,hasCloseBtn:!1,isModal:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow14",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"closeWithInterceptor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow15=!n.WDialog.bShow15}}},[n._v("Show("+n._s(n.WDialog.bShow15)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow15,title:n.WDialog.title,closeWithInterceptor:!0},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow15",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClosePm},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"contentTextColor & contentBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow16=!n.WDialog.bShow16}}},[n._v("Show("+n._s(n.WDialog.bShow16)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow16,title:n.WDialog.title,contentTextColor:"#fff",contentBackgroundColor:"cyan darken-2"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow16",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"1.5rem",margin:"10px 0px 20px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px",color:"#eee"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px",color:"#eee"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px",color:"#eee"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"maxWidth (narrow width)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow17=!n.WDialog.bShow17}}},[n._v("Show("+n._s(n.WDialog.bShow17)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow17,title:n.WDialog.title,maxWidth:500},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow17",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"fullscreen"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow18a=!n.WDialog.bShow18a}}},[n._v("Show("+n._s(n.WDialog.bShow18a)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow18a,title:n.WDialog.title,fullscreen:n.WDialog.bShow18b},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow18a",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow18a=!n.WDialog.bShow18a}}},[n._v("Hide Window")]),n._v(" "),t("v-btn",{staticStyle:{"margin-right":"10px"},attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow18b=!n.WDialog.bShow18b}}},[n._v("Toggle to "+n._s(n.WDialog.bShow18b?"Normal Size":"Fullscreen"))])],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"panelBorderRadius"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow19=!n.WDialog.bShow19}}},[n._v("Show("+n._s(n.WDialog.bShow19)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow19,title:n.WDialog.title,panelBorderRadius:0},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow19",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"panelShadow (no shadow)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow20=!n.WDialog.bShow20}}},[n._v("Show("+n._s(n.WDialog.bShow20)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow20,title:n.WDialog.title,panelShadow:!1},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow20",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"panelShadowStyle"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow21=!n.WDialog.bShow21}}},[n._v("Show("+n._s(n.WDialog.bShow21)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow21,title:n.WDialog.title,panelShadowStyle:"0px 16px 25px rgba(0, 0, 0, 0.43)"},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow21",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"scrollable"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow22=!n.WDialog.bShow22}}},[n._v("Show("+n._s(n.WDialog.bShow22)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow22,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow22",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px",width:"2000px",height:"2000px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])]),n._v(" "),t("div",{staticStyle:{padding:"20px"}},[n._v("\n                        "+n._s(n.WDialog.text5)+"\n                    ")])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot content (separate line)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow23=!n.WDialog.bShow23}}},[n._v("Show("+n._s(n.WDialog.bShow23)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow23,title:n.WDialog.title},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow23",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")])]),n._v(" "),t("div",{staticStyle:{"border-top":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"margin-bottom":"15px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot content (table)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow24=!n.WDialog.bShow24}}},[n._v("Show("+n._s(n.WDialog.bShow24)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow24,title:n.WDialog.title,maxWidth:500},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow24",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px 20px 10px 20px"}},[t("div",{staticStyle:{margin:"10px 0px 20px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"10px 0px 25px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{"font-size":"1.5rem"}},[n._v("\n                            A data table\n                        ")])]),n._v(" "),t("table",{staticStyle:{width:"100%","font-size":"0.8rem","border-collapse":"collapse"}},[t("thead",[t("tr",[t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Dessert")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Calories")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Fat")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left"}},[n._v("Carbs")])])]),n._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Frozen Yogurt")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("159")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("6")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("24")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Ice cream sandwich")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("237")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("9")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("37")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Eclair")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("262")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("16")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("23")])])])]),n._v(" "),t("div",{staticStyle:{padding:"20px 20px 10px 20px"}},[t("div",{staticStyle:{margin:"10px 0px 25px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"slot panel"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow25=!n.WDialog.bShow25,n.delayClose()}}},[n._v("Show("+n._s(n.WDialog.bShow25)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow25,title:n.WDialog.title,maxWidth:600},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow25",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"panel",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"10px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"10px",color:"#5b7ad7"}},[n._v("\n                            Auto close after\n                            "),t("span",{staticStyle:{color:"#f26"}},[n._v("\n                                "+n._s(n.WDialog.iShow24)+"\n                            ")]),n._v("\n                            seconds...\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"multi dialogs"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow26a=!n.WDialog.bShow26a}}},[n._v("Show("+n._s(n.WDialog.bShow26a)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow26c,title:n.WDialog.title,minWidth:600},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow26c",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            Here is 3rd window.\n                        ")])])]},proxy:!0}])}),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow26b,title:n.WDialog.title,minWidth:900},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow26b",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            Here is 2nd window.\n                        ")]),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow26c=!n.WDialog.bShow26c}}},[n._v("Show("+n._s(n.WDialog.bShow26c)+")")]),n._v(" "),t("div",{staticStyle:{height:"80px"}})],1)]},proxy:!0}])}),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow26a,title:n.WDialog.title,minWidth:1200},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow26a",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            Here is 1st window.\n                        ")]),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow26b=!n.WDialog.bShow26b}}},[n._v("Show("+n._s(n.WDialog.bShow26b)+")")]),n._v(" "),t("div",{staticStyle:{height:"160px"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-dialog",casename:"dialogZIndex"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDialog.bShow27=!n.WDialog.bShow27}}},[n._v("Show("+n._s(n.WDialog.bShow27)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WDialog.bShow27,title:n.WDialog.title,dialogZIndex:1e3},on:{"update:show":function(e){return n.$set(n.WDialog,"bShow27",e)},resize:n.resizeEvent,"click-save":n.clickSave,"click-close":n.clickClose},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px"}},[t("div",{staticStyle:{"font-size":"2rem",margin:"20px 0px 30px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text1)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text2)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text3)+"\n                        ")]),n._v(" "),t("div",{staticStyle:{margin:"15px 0px"}},[n._v("\n                            "+n._s(n.WDialog.text4)+"\n                        ")])])]},proxy:!0}])})],1)])])};xv._withStripped=!0;const Cv=ya({render:xv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-dialog")])])}]},(function(n){n&&n("data-v-78526435_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWDialog.vue"},media:void 0})}),kv,"data-v-78526435",false,undefined,!1,xa,void 0,void 0);var Sv={components:{WButtonChip:Cu,WIcon:_a,WDialog:bv},props:{show:{type:Boolean,default:!1},title:{type:String,default:""},titleColor:{type:String,default:"black"},content:{type:String,default:""},contentColor:{type:String,default:"grey darken-2"},contentIcon:{type:String,default:Ra},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:40},hasNoBtn:{type:Boolean,default:!0},noBtnText:{type:String,default:"Cancel"},noBtnTextColor:{type:String,default:"#444"},noBtnTextColorHover:{type:String,default:"#444"},noBtnBackgroundColor:{type:String,default:"#fff"},noBtnBackgroundColorHover:{type:String,default:"#f2f2f2"},yesBtnText:{type:String,default:"Yes"},yesBtnTextColor:{type:String,default:"#fff"},yesBtnTextColorHover:{type:String,default:"#fff"},yesBtnBackgroundColor:{type:String,default:"#f15"},yesBtnBackgroundColorHover:{type:String,default:"#f26"},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},minWidth:{type:Number,default:200},maxWidth:{type:Number,default:500}},data:function(){return{mdiAlert:Ra,mdiCheckboxMarkedCircle:Ka,mdiCloseCircle:el,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderStyle:function(){let n={padding:"15px 20px"};return n["background-color"]=Oi(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n["font-size"]="1.2rem",n.color=Oi(this.titleColor),n},useContentStyle:function(){let n={padding:"20px 15px"};return n["background-color"]=Oi(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=Oi(this.contentColor),n["overflow-y"]="auto",n},useFooterStyle:function(){let n={padding:"15px"};return n["background-color"]=Oi(this.footerBackgroundColor),n["border-top"]="1px solid #ddd",n["text-align"]="right",n}},methods:{clickBtns:function(n){let e=this;e.showTrans=!1,e.$nextTick((()=>{e.$emit("update:show",e.showTrans);let t="no";n&&(t="yes"),e.$emit("click-"+t)}))}}};const wv=Sv;var Wv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WDialog",{attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,headerShadow:!1,show:n.showTrans,changeParam:n.changeParam},on:{"update:show":function(e){n.showTrans=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n.showTrans?t("div",[n._t("header",(function(){return[t("div",{style:n.useHeaderStyle},[n._v("\n                    "+n._s(n.title)+"\n                ")])]}))],2):n._e()]},proxy:!0},{key:"content",fn:function(){return[n.showTrans?t("div",[n._t("content",(function(){return[t("div",{style:n.useContentStyle},[t("div",{staticStyle:{display:"table-cell","vertical-align":"middle","padding-right":"15px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor,colorHover:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"middle",width:"100%"}},[n._v(n._s(n.content))])])]}))],2):n._e()]},proxy:!0},{key:"footer",fn:function(){return[n.showTrans?t("div",[n._t("footer",(function(){return[t("div",{style:n.useFooterStyle},[n.hasNoBtn?t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCloseCircle,iconColor:n.noBtnTextColor,iconColorHover:n.noBtnTextColorHover,text:n.noBtnText,textColor:n.noBtnTextColor,textColorHover:n.noBtnTextColorHover,backgroundColor:n.noBtnBackgroundColor,backgroundColorHover:n.noBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!1)}}}):n._e(),n._v(" "),t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCheckboxMarkedCircle,iconColor:n.yesBtnTextColor,iconColorHover:n.yesBtnTextColorHover,text:n.yesBtnText,textColor:n.yesBtnTextColor,textColorHover:n.yesBtnTextColorHover,backgroundColor:n.yesBtnBackgroundColor,backgroundColorHover:n.yesBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!0)}}})],1)]}))],2):n._e()]},proxy:!0}],null,!0)})};Wv._withStripped=!0;const _v={components:{demolink:nu,WConfirm:ya({render:Wv,staticRenderFns:[]},(function(n){n&&n("data-v-2f0bda94_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WConfirm.vue"},media:void 0})}),wv,"data-v-2f0bda94",false,undefined,!1,xa,void 0,void 0)},props:{},data:function(){return{WConfirm:{bShow1:!1,bShow2:!1,bShow3:!1,bShow4:!1,bShow5:!1,bShow6:!1,bShow7:!1,bShow8:!1,bShow9:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow13:!1,bShow15:!1,bShow14:!1,title:"Confirm",content:"Do you agree to upload the information?",contentExtensive:"Est aliqua irure deserunt excepteur. Ullamco do blanditiis nobis aute exercitation. Possimus in optio quod at. Dolores dolorum dolores eu excepteur proident. Quas distinctio sunt dolor amet lorem nostrud deserunt. Dolor molestias exercitation deserunt ut est aute occaecat dolore. Quod ut laboris dolores mollitia vero non corrupti?"},actions:[]}},methods:{clickEvent:function(n){console.log(n)}}};var Iv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"title & content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow1=!n.WConfirm.bShow1}}},[n._v("Show("+n._s(n.WConfirm.bShow1)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow1,title:n.WConfirm.title,content:n.WConfirm.content},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow1",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentIcon (fontawesome)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow2=!n.WConfirm.bShow2}}},[n._v("Show("+n._s(n.WConfirm.bShow2)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow2,title:n.WConfirm.title,content:n.WConfirm.content,contentIcon:"fab fa-buffer"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow2",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentIconColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow3=!n.WConfirm.bShow3}}},[n._v("Show("+n._s(n.WConfirm.bShow3)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow3,title:n.WConfirm.title,content:n.WConfirm.content,contentIconColor:"pink darken-1"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow3",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentIconSize"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow4=!n.WConfirm.bShow4}}},[n._v("Show("+n._s(n.WConfirm.bShow4)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow4,title:n.WConfirm.title,content:n.WConfirm.content,contentIconSize:80},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow4",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"noBtnText & yesBtnText"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow5=!n.WConfirm.bShow5}}},[n._v("Show("+n._s(n.WConfirm.bShow5)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow5,title:n.WConfirm.title,content:n.WConfirm.content,noBtnText:"取消",yesBtnText:"同意"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow5",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"hasNoBtn & yesBtnText"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow6=!n.WConfirm.bShow6}}},[n._v("Show("+n._s(n.WConfirm.bShow6)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow6,title:n.WConfirm.title,content:"您已經下載完檔案",hasNoBtn:!1,yesBtnText:"確認"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow6",e)},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"titleColor & headerBackgroundColor & footerBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow7=!n.WConfirm.bShow7}}},[n._v("Show("+n._s(n.WConfirm.bShow7)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow7,title:n.WConfirm.title,content:n.WConfirm.content,titleColor:"white",headerBackgroundColor:"#a36",footerBackgroundColor:"#eee"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow7",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"contentColor & contentIconColor & contentBackgroundColor"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow8=!n.WConfirm.bShow8}}},[n._v("Show("+n._s(n.WConfirm.bShow8)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow8,title:n.WConfirm.title,content:n.WConfirm.content,contentColor:"white",contentIconColor:"white",contentBackgroundColor:"yellow darken-4"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow8",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"noBtnTextColor & noBtnTextColorHover & noBtnBackgroundColor & noBtnBackgroundColorHover & yesBtnTextColor & yesBtnTextColorHover & yesBtnBackgroundColor & yesBtnBackgroundColorHover"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow9=!n.WConfirm.bShow9}}},[n._v("Show("+n._s(n.WConfirm.bShow9)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow9,title:n.WConfirm.title,content:n.WConfirm.content,noBtnTextColor:"pink lighten-1",noBtnTextColorHover:"pink darken-1",noBtnBackgroundColor:"white",noBtnBackgroundColorHover:"pink lighten-5",yesBtnTextColor:"light-blue darken-1",yesBtnTextColorHover:"light-blue darken-3",yesBtnBackgroundColor:"white",yesBtnBackgroundColorHover:"light-blue lighten-5"},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow9",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"maxWidth"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow10=!n.WConfirm.bShow10}}},[n._v("Show("+n._s(n.WConfirm.bShow10)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow10,title:n.WConfirm.title,content:n.WConfirm.content,maxWidth:350},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow10",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"slot header"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow11=!n.WConfirm.bShow11}}},[n._v("Show("+n._s(n.WConfirm.bShow11)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow11,title:n.WConfirm.title,content:n.WConfirm.content},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow11",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"header",fn:function(){return[t("div",{staticStyle:{padding:"30px",background:"linear-gradient(135deg,#e9aa16,#c99314)"}},[t("div",{staticStyle:{"font-size":"1.8rem",color:"#fff","margin-top":"-10px"}},[n._v("\n                            System Broadcast\n                        ")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",color:"rgba(255,255,255,0.75)"}},[n._v("\n                            You are now subscribing to the System Broadcast, let us serve you!\n                        ")])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"slot content"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow12=!n.WConfirm.bShow12}}},[n._v("Show("+n._s(n.WConfirm.bShow12)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow12,title:n.WConfirm.title},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow12",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px 20px 0px 20px","font-size":"1.5rem"}},[n._v("\n                        A data table\n                    ")]),n._v(" "),t("div",{staticStyle:{padding:"10px 20px","font-size":"0.9rem"}},[n._v("\n                        Vuetify is a progressive framework that attempts to push web development to the next level.\n                    ")]),n._v(" "),t("div",{staticStyle:{padding:"10px 20px 20px 20px"}},[t("table",{staticStyle:{width:"100%","font-size":"0.8rem","border-collapse":"collapse",border:"1px solid #ddd"}},[t("thead",[t("tr",[t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Dessert")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Calories")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Fat")]),n._v(" "),t("th",{staticStyle:{padding:"5px 20px","text-align":"left",background:"#eee"}},[n._v("Carbs")])])]),n._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Frozen Yogurt")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("159")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("6")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("24")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("Ice cream sandwich")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("237")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("9")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd",color:"#f26"}},[n._v("37")])]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("Eclair")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("262")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("16")]),n._v(" "),t("td",{staticStyle:{padding:"5px 20px","border-top":"1px solid #ddd"}},[n._v("23")])])])])])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"slot footer"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow13=!n.WConfirm.bShow13}}},[n._v("Show("+n._s(n.WConfirm.bShow13)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow13,title:n.WConfirm.title,content:n.WConfirm.content},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow13",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"footer",fn:function(){return[t("div",{staticStyle:{"border-top":"1px solid #ddd",padding:"30px","text-align":"center",background:"#923a60"}},[t("div",{staticStyle:{"font-size":"0.8rem",color:"#fff","margin-bottom":"15px"}},[n._v("\n                            Please confirm the message and then press the AGREE button.\n                        ")]),n._v(" "),t("div",{},[t("v-btn",{attrs:{depressed:"",elevation:"2",color:"pink darken-1",dark:""},on:{click:function(e){n.WConfirm.bShow13=!1}}},[n._v("Agree")])],1)])]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"scrollable"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow14=!n.WConfirm.bShow14}}},[n._v("Show("+n._s(n.WConfirm.bShow14)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow14,title:n.WConfirm.title,content:n.WConfirm.contentExtensive},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow14",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-confirm",casename:"scrollable (slot content)"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WConfirm.bShow15=!n.WConfirm.bShow15}}},[n._v("Show("+n._s(n.WConfirm.bShow15)+")")]),n._v(" "),t("w-confirm",{attrs:{show:n.WConfirm.bShow15,title:n.WConfirm.title},on:{"update:show":function(e){return n.$set(n.WConfirm,"bShow15",e)},"click-no":function(e){return n.clickEvent("click-no")},"click-yes":function(e){return n.clickEvent("click-yes")}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"30px 20px 10px 20px","font-size":"1.5rem"}},[n._v("\n                        Cupiditate anim officia\n                    ")]),n._v(" "),t("div",{staticStyle:{padding:"10px 20px","font-size":"0.9rem"}},[n._v("\n                        Deserunt mollit amet sunt sed. Mollit dolor est in voluptate blanditiis in. Tempor sint consequat quod mollitia ad qui dolore pariatur. Laborum dolorum amet eos sint. Nulla ullamco similique elit eos. Est nulla eu proident exercitation vero.\n                        "),t("br"),t("br"),n._v("\n                        In laboris odio dolor voluptatum deleniti pariatur in. Et excepteur est ad omnis corrupti. Quos dolore aliqua corrupti. Dolores soluta commodo similique est quos. Amet et molestias est vero cupiditate dolorum proident fugiat. Aliquip omnis vero laboris ea dolore voluptatum corrupti.\n                        "),t("br"),t("br"),n._v("\n                        Possimus facere excepteur qui praesentium. Non expedita accusamus quis dolore. Elit omnis aliqua voluptate culpa. Laborum placeat non facilis est elit. Provident animi at fugiat labore eiusmod harum.\n                        "),t("br"),t("br"),n._v("\n                        Atque facere aliqua qui iusto mollit enim. Et cumque et omnis. Anim irure id at do duis. Fugiat aute culpa nobis ad irure quod et. Assumenda elit est exercitation sunt est laborum nulla fugiat.\n                        "),t("br"),t("br"),n._v("\n                        Tempor eiusmod deserunt ducimus iusto cumque adipisicing consequat ex. Deleniti et officia qui esse similique harum. Molestias pariatur laborum cupidatat sint rerum. Deserunt do sit mollit ad animi distinctio soluta. Eos vero aliqua cupiditate sunt id.\n                        "),t("br"),t("br"),n._v("\n                        Quis voluptas in excepteur optio voluptas. Enim animi non nisi eu ex obcaecati at. Cumque aliquip et at soluta sunt. Cupidatat mollit nostrud veniam dolor eos. Placeat qui adipisicing voluptas quas laboris odio voluptate. In atque sint expedita eos nobis irure.\n                        "),t("br"),t("br"),n._v("\n                        Sed quo officia excepteur est. Minim libero dolore in fuga. Soluta optio expedita culpa omnis consequat adipisicing mollitia ut. Consectetur magna ut sed accusamus. Facilis quas facilis ut ea sed dolor placeat non. Omnis provident reprehenderit est et.\n                        "),t("br"),t("br"),n._v("\n                        Nihil dolorum odio aute sit corrupti cumque. Tempore at laboris quis est impedit ea. Nihil expedita commodo est tempor sint. Ut excepturi aute tempor ut laboris cumque. Similique vero aliqua at in culpa consequat sunt.\n                        "),t("br"),t("br"),n._v("\n                        Est et cupiditate praesentium facilis dolores sit. Deserunt ducimus amet veniam assumenda. Laborum excepturi enim proident tempor sunt dolorum atque aliquip. Irure deleniti magna ullamco ipsum eligendi et nihil.\n                        "),t("br"),t("br"),n._v("\n                        Reprehenderit omnis anim enim dignissimos dolor obcaecati occaecat. Id cupiditate et corrupti labore proident omnis est. Dolor obcaecati id est sit. Qui dolorum aliquip et occaecat labore pariatur cupidatat. Quo nobis expedita amet dignissimos qui.\n                        "),t("br"),t("br"),n._v("\n                        Accusamus in animi pariatur ducimus tempor. Et dignissimos in deserunt est dignissimos. Rerum impedit et est quod. Id ex ea laborum aliquip ipsum amet. Ut dolor est blanditiis incididunt minus magna culpa. Labore aute aute optio facere cumque. Cum minus eos culpa dolore enim.\n                    ")])]},proxy:!0}])})],1)])])};Iv._withStripped=!0;const Tv=ya({render:Iv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-confirm")])])}]},(function(n){n&&n("data-v-26c0af97_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWConfirm.vue"},media:void 0})}),_v,"data-v-26c0af97",false,undefined,!1,xa,void 0,void 0);const Av={components:{demolink:nu,WTooltip:Od,WPopup:Wp,WDialog:bv},props:{},data:function(){return{mdiViewDashboard:Sl,mdiClockTimeEightOutline:qa,mdiBlenderSoftware:Va,mdiSpoonSugar:xl,mdiApple:Da,WTooltip:{bShow1:!1,bShow2:!1,bShow3:!1,bShow4:!1,bShow5:!1,bShow6:!1,bShow7:!1,bShow8:!1,bShow9:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow13:!1,bShow14:!1,bShow15:!1,bShow16a:!1,bShow16b:!1,bShow16c:!1,bShow16d:!1,bShow16e:!1,bShow16f:!1,bShow16g:!1,bShow16h:!1,bShow16i:!1,bShow16j:!1,bShow16k:!1,bShow16l:!1,bShow17:!1,bShow18:!1,bShow19a:!1,bShow19b:!1,bShow19c:!1,bShow20a:!1,bShow20b:!1,bShow21a:!1,bShow21b:!1,bShow22:!1,bShow23:!1,items:["foo","bar","fizz","buzz"],itemsExpand:["foo","bar","fizz","buzz"],text:"Lorem ipsum met consectetur adipisicing elit 中文測試 aquis praesentium cumque magnam odio iure quidem",textShort:"Lorem 中文測試",textL1:"Lorem ipsum",textL2:"Met consectetur",textL3:"Aquis praesentium",table:'\n<table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n'},actions:[]}},methods:{evShow:function(){console.log("evShow")},evHide:function(){console.log("evHide")},clickHide:function(){let n=this;setTimeout((function(){n.WTooltip.bShow2=!1}),200)},expandItem:function(){let n=this;setTimeout((function(){n.WTooltip.itemsExpand=["Lorem ipsum dolor sit, amet consectetur","bar","fizz","buzz"]}),1e3),setTimeout((function(){n.WTooltip.itemsExpand=["foo","bar","fizz","buzz"]}),3e3)}}};var Bv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"default"}}),n._v(" "),t("w-tooltip",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow1)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow1,callback:function(e){n.$set(n.WTooltip,"bShow1",e)},expression:"WTooltip.bShow1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"isolated"}}),n._v(" "),t("w-tooltip",{attrs:{isolated:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"scroll in large zone"}}),n._v(" "),t("w-tooltip",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{staticStyle:{height:"200px"},attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow2)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow2,callback:function(e){n.$set(n.WTooltip,"bShow2",e)},expression:"WTooltip.bShow2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"minWidth"}}),n._v(" "),t("w-tooltip",{attrs:{minWidth:200},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow3)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow3,callback:function(e){n.$set(n.WTooltip,"bShow3",e)},expression:"WTooltip.bShow3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"maxWidth"}}),n._v(" "),t("w-tooltip",{attrs:{maxWidth:500},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow4)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow4,callback:function(e){n.$set(n.WTooltip,"bShow4",e)},expression:"WTooltip.bShow4"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"autoFitMinWidth"}}),n._v(" "),t("w-tooltip",{attrs:{autoFitMinWidth:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{staticStyle:{width:"200px"},attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow5)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.textShort)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow5,callback:function(e){n.$set(n.WTooltip,"bShow5",e)},expression:"WTooltip.bShow5"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"autoFitMaxWidth"}}),n._v(" "),t("w-tooltip",{attrs:{autoFitMaxWidth:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{staticStyle:{width:"200px"},attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow6)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow6,callback:function(e){n.$set(n.WTooltip,"bShow6",e)},expression:"WTooltip.bShow6"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"placementDistY"}}),n._v(" "),t("w-tooltip",{attrs:{placementDistY:10},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow7)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow7,callback:function(e){n.$set(n.WTooltip,"bShow7",e)},expression:"WTooltip.bShow7"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"borderRadius"}}),n._v(" "),t("w-tooltip",{attrs:{borderRadius:10},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow8)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow8,callback:function(e){n.$set(n.WTooltip,"bShow8",e)},expression:"WTooltip.bShow8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"backgroundColor"}}),n._v(" "),t("div",{staticStyle:{padding:"30px",background:"#ccb5c7"}},[t("w-tooltip",{attrs:{backgroundColor:"rgba(255,255,255,0.5)"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow9)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"inherit","min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow9,callback:function(e){n.$set(n.WTooltip,"bShow9",e)},expression:"WTooltip.bShow9"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"no shadow & backgroundColor"}}),n._v(" "),t("w-tooltip",{attrs:{shadow:!1,backgroundColor:"#e08956"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow10)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"inherit","min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow10,callback:function(e){n.$set(n.WTooltip,"bShow10",e)},expression:"WTooltip.bShow10"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"textColor & backgroundColor"}}),n._v(" "),t("w-tooltip",{attrs:{textColor:"#E65100",backgroundColor:"#FFF3E0"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow11)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{color:"inherit",background:"transparent"}},n._l(n.WTooltip.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"inherit","min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow11,callback:function(e){n.$set(n.WTooltip,"bShow11",e)},expression:"WTooltip.bShow11"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"textFontSize"}}),n._v(" "),t("w-tooltip",{attrs:{textFontSize:"0.7rem"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow12)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow12,callback:function(e){n.$set(n.WTooltip,"bShow12",e)},expression:"WTooltip.bShow12"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"paddingStyle"}}),n._v(" "),t("w-tooltip",{attrs:{paddingStyle:{v:7,h:15}},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow13)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow13,callback:function(e){n.$set(n.WTooltip,"bShow13",e)},expression:"WTooltip.bShow13"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"shadowStyle"}}),n._v(" "),t("w-tooltip",{attrs:{shadowStyle:"0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow14)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow14,callback:function(e){n.$set(n.WTooltip,"bShow14",e)},expression:"WTooltip.bShow14"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"transitionTime"}}),n._v(" "),t("w-tooltip",{attrs:{transitionTime:50},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow15)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow15,callback:function(e){n.$set(n.WTooltip,"bShow15",e)},expression:"WTooltip.bShow15"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"placement"}}),n._v(" "),t("table",{staticStyle:{"border-collapse":"collapse"}},[t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left-start\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"left-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16a)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16a,callback:function(e){n.$set(n.WTooltip,"bShow16a",e)},expression:"WTooltip.bShow16a"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"left"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16b,callback:function(e){n.$set(n.WTooltip,"bShow16b",e)},expression:"WTooltip.bShow16b"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left-end\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"left-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16c)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16c,callback:function(e){n.$set(n.WTooltip,"bShow16c",e)},expression:"WTooltip.bShow16c"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right-start\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"right-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16d)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16d,callback:function(e){n.$set(n.WTooltip,"bShow16d",e)},expression:"WTooltip.bShow16d"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"right"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16e)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16e,callback:function(e){n.$set(n.WTooltip,"bShow16e",e)},expression:"WTooltip.bShow16e"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right-end\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"right-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16f)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16f,callback:function(e){n.$set(n.WTooltip,"bShow16f",e)},expression:"WTooltip.bShow16f"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top-start\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"top-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16g)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16g,callback:function(e){n.$set(n.WTooltip,"bShow16g",e)},expression:"WTooltip.bShow16g"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"top"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16h)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16h,callback:function(e){n.$set(n.WTooltip,"bShow16h",e)},expression:"WTooltip.bShow16h"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top-end\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"top-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16i)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16i,callback:function(e){n.$set(n.WTooltip,"bShow16i",e)},expression:"WTooltip.bShow16i"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom-start\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"bottom-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16j)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16j,callback:function(e){n.$set(n.WTooltip,"bShow16j",e)},expression:"WTooltip.bShow16j"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"bottom"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16k)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16k,callback:function(e){n.$set(n.WTooltip,"bShow16k",e)},expression:"WTooltip.bShow16k"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom-end\n                        ")]),n._v(" "),t("w-tooltip",{attrs:{placement:"bottom-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow16l)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL1))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL2))]),t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WTooltip.textL3))])])]},proxy:!0}]),model:{value:n.WTooltip.bShow16l,callback:function(e){n.$set(n.WTooltip,"bShow16l",e)},expression:"WTooltip.bShow16l"}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"in scroll panel"}}),n._v(" "),t("div",{style:"width:200px; height:300px; border:1px solid #ddd; overflow-y:auto;"},[t("div",{staticStyle:{height:"600px"}},[t("div",{staticStyle:{height:"200px"}}),n._v(" "),t("w-tooltip",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow17)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"#fff","min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow17,callback:function(e){n.$set(n.WTooltip,"bShow17",e)},expression:"WTooltip.bShow17"}}),n._v(" "),t("div",{staticStyle:{height:"200px"}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"auto flipping in scroll panel"}}),n._v(" "),t("div",{staticStyle:{width:"95vw","text-align":"right"}},[t("div",{style:"display:inline-block; width:200px; height:300px; border:1px solid #ddd; overflow-y:auto;"},[t("div",{staticStyle:{"text-align":"left",height:"600px"}},[t("div",{staticStyle:{height:"200px"}}),n._v(" "),t("w-tooltip",{on:{show:function(e){n.evShow(),n.expandItem()},hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WTooltip.bShow18)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"#fff","min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow18,callback:function(e){n.$set(n.WTooltip,"bShow18",e)},expression:"WTooltip.bShow18"}}),n._v(" "),t("div",{staticStyle:{height:"200px"}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"auto flipping in popup"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WTooltip.bShow20a=!n.WTooltip.bShow20a}}},[n._v("Show("+n._s(n.WTooltip.bShow20a)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"40px"}},[t("w-tooltip",{on:{show:function(e){n.evShow(),n.expandItem()},hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WTooltip.bShow20b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"#fff","min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow20b,callback:function(e){n.$set(n.WTooltip,"bShow20b",e)},expression:"WTooltip.bShow20b"}})],1)]},proxy:!0}]),model:{value:n.WTooltip.bShow20a,callback:function(e){n.$set(n.WTooltip,"bShow20a",e)},expression:"WTooltip.bShow20a"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"auto flipping in dialog"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WTooltip.bShow21a=!n.WTooltip.bShow21a}}},[n._v("Show("+n._s(n.WTooltip.bShow21a)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WTooltip.bShow21a,title:"auto flipping in dialog",maxWidth:500},on:{"update:show":function(e){return n.$set(n.WTooltip,"bShow21a",e)}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px",height:"400px"}},[t("div",{staticStyle:{height:"300px"}}),n._v(" "),t("w-tooltip",{staticStyle:{"margin-left":"250px"},on:{show:function(e){n.evShow(),n.expandItem()},hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WTooltip.bShow21b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WTooltip.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"#fff","min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WTooltip.bShow21b,callback:function(e){n.$set(n.WTooltip,"bShow21b",e)},expression:"WTooltip.bShow21b"}}),n._v(" "),t("div",{staticStyle:{height:"500px"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"slot for table & maxWidth"}}),n._v(" "),t("w-tooltip",{attrs:{maxWidth:400},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow22)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px 0px",background:"#777"}},[t("div",{staticStyle:{padding:"10px 20px",background:"#444"}},[t("span",{staticStyle:{"font-size":"1.1rem",color:"#fff"}},[n._v("A data table")])]),n._v(" "),t("div",{staticStyle:{padding:"10px"},domProps:{innerHTML:n._s(n.WTooltip.table)}}),n._v(" "),t("div",{staticStyle:{padding:"0px 20px 10px 20px","font-size":"0.8rem"}},[n._v("Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero.")])])]},proxy:!0}]),model:{value:n.WTooltip.bShow22,callback:function(e){n.$set(n.WTooltip,"bShow22",e)},expression:"WTooltip.bShow22"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tooltip",casename:"not editable"}}),n._v(" "),t("w-tooltip",{attrs:{editable:!1},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WTooltip.bShow23)+")")])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.WTooltip.text)+"\n                ")]},proxy:!0}]),model:{value:n.WTooltip.bShow23,callback:function(e){n.$set(n.WTooltip,"bShow23",e)},expression:"WTooltip.bShow23"}})],1)])])};Bv._withStripped=!0;const Hv=ya({render:Bv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-tooltip")])])}]},(function(n){n&&n("data-v-c4d75822_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTooltip.vue"},media:void 0})}),Av,"data-v-c4d75822",false,undefined,!1,xa,void 0,void 0);const Pv={components:{demolink:nu,WPopup:Wp,WDialog:bv},props:{},data:function(){return{mdiViewDashboard:Sl,mdiClockTimeEightOutline:qa,mdiBlenderSoftware:Va,mdiSpoonSugar:xl,mdiApple:Da,WPopup:{bShow1:!1,bShow2:!1,bShow3:!1,bShow4:!1,bShow5:!1,bShow6:!1,bShow7:!1,bShow8:!1,bShow9:!1,bShow10:!1,bShow11:!1,bShow12:!1,bShow13:!1,bShow14:!1,bShow15:!1,bShow16a:!1,bShow16b:!1,bShow16c:!1,bShow16d:!1,bShow16e:!1,bShow16f:!1,bShow16g:!1,bShow16h:!1,bShow16i:!1,bShow16j:!1,bShow16k:!1,bShow16l:!1,bShow17:!1,bShow18:!1,bShow19a:!1,bShow19b:!1,bShow19c:!1,bShow20a:!1,bShow20b:!1,bShow21a:!1,bShow21b:!1,bShow22:!1,bShow23:!1,items:["foo","bar","fizz","buzz"],itemsExpand:["foo","bar","fizz","buzz"],itemsL:["Lorem ipsum","Met consectetur","Aquis praesentium","Quis praesentium"],text:"Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero.",table:'\n<table style="width:100%; font-size:0.7rem; border-collapse:collapse;">\n                        <thead>\n                            <tr>\n                                <th style="padding:2px 8px; text-align:left;">Dessert</th>\n                                <th style="padding:2px 8px; text-align:left;">Calories</th>\n                                <th style="padding:2px 8px; text-align:left;">Fat</th>\n                                <th style="padding:2px 8px; text-align:left;">Carbs</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Frozen Yogurt</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">159</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">6</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">24</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Ice cream sandwich</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">237</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">9</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">37</td>\n                            </tr>\n                            <tr>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">Eclair</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">262</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">16</td>\n                                <td style="padding:2px 8px; border-top:1px solid #ddd;">23</td>\n                            </tr>\n                        </tbody>\n                    </table>\n'},actions:[]}},methods:{evShow:function(){console.log("evShow")},evHide:function(){console.log("evHide")},clickHide:function(){let n=this;setTimeout((function(){n.WPopup.bShow2=!1}),200)},expandItem:function(){let n=this;setTimeout((function(){n.WPopup.itemsExpand=["Lorem ipsum dolor sit, amet consectetur","bar","fizz","buzz"]}),1e3),setTimeout((function(){n.WPopup.itemsExpand=["foo","bar","fizz","buzz"]}),3e3)}}};var Fv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"default"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow1)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow1,callback:function(e){n.$set(n.WPopup,"bShow1",e)},expression:"WPopup.bShow1"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"isolated"}}),n._v(" "),t("w-popup",{attrs:{isolated:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show")])]},proxy:!0},{key:"content",fn:function(e){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1),n._v(" "),t("div",{staticStyle:{padding:"0px 5px 5px 5px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(n){return e.funHide()}}},[n._v("Hide in popup panel")])],1)]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"click item by latency hiding"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow2)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:n.clickHide}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow2,callback:function(e){n.$set(n.WPopup,"bShow2",e)},expression:"WPopup.bShow2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"minWidth"}}),n._v(" "),t("w-popup",{attrs:{minWidth:200},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow3)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow3,callback:function(e){n.$set(n.WPopup,"bShow3",e)},expression:"WPopup.bShow3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"maxWidth"}}),n._v(" "),t("w-popup",{attrs:{maxWidth:500},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow4)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WPopup.text))])])]},proxy:!0}]),model:{value:n.WPopup.bShow4,callback:function(e){n.$set(n.WPopup,"bShow4",e)},expression:"WPopup.bShow4"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"autoFitMinWidth"}}),n._v(" "),t("w-popup",{attrs:{autoFitMinWidth:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{staticStyle:{width:"200px"},attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow5)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow5,callback:function(e){n.$set(n.WPopup,"bShow5",e)},expression:"WPopup.bShow5"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"autoFitMaxWidth"}}),n._v(" "),t("w-popup",{attrs:{autoFitMaxWidth:!0},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{staticStyle:{width:"200px"},attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow6)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"5px"}},[t("div",{staticStyle:{padding:"5px"}},[n._v(n._s(n.WPopup.text))])])]},proxy:!0}]),model:{value:n.WPopup.bShow6,callback:function(e){n.$set(n.WPopup,"bShow6",e)},expression:"WPopup.bShow6"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"placementDistY"}}),n._v(" "),t("w-popup",{attrs:{placementDistY:10},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow7)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow7,callback:function(e){n.$set(n.WPopup,"bShow7",e)},expression:"WPopup.bShow7"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"borderRadius"}}),n._v(" "),t("w-popup",{attrs:{borderRadius:10},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow8)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow8,callback:function(e){n.$set(n.WPopup,"bShow8",e)},expression:"WPopup.bShow8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"backgroundColor"}}),n._v(" "),t("div",{staticStyle:{padding:"30px",background:"#ccb5c7"}},[t("w-popup",{attrs:{backgroundColor:"rgba(0,0,0,0.5)"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow9)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow9,callback:function(e){n.$set(n.WPopup,"bShow9",e)},expression:"WPopup.bShow9"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"no shadow & backgroundColor"}}),n._v(" "),t("w-popup",{attrs:{shadow:!1,backgroundColor:"#e08956"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow10)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},attrs:{dark:""},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow10,callback:function(e){n.$set(n.WPopup,"bShow10",e)},expression:"WPopup.bShow10"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"textColor & backgroundColor"}}),n._v(" "),t("w-popup",{attrs:{textColor:"#E65100",backgroundColor:"#FFF3E0"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow11)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{color:"inherit",background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{color:"inherit","min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow11,callback:function(e){n.$set(n.WPopup,"bShow11",e)},expression:"WPopup.bShow11"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"textFontSize"}}),n._v(" "),t("w-popup",{attrs:{textFontSize:"0.8rem"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow12)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow12,callback:function(e){n.$set(n.WPopup,"bShow12",e)},expression:"WPopup.bShow12"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"paddingStyle"}}),n._v(" "),t("w-popup",{attrs:{paddingStyle:{v:7,h:15}},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow13)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow13,callback:function(e){n.$set(n.WPopup,"bShow13",e)},expression:"WPopup.bShow13"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"shadowStyle"}}),n._v(" "),t("w-popup",{attrs:{shadowStyle:"0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow14)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow14,callback:function(e){n.$set(n.WPopup,"bShow14",e)},expression:"WPopup.bShow14"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"transitionTime"}}),n._v(" "),t("w-popup",{attrs:{transitionTime:50},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow15)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow15,callback:function(e){n.$set(n.WPopup,"bShow15",e)},expression:"WPopup.bShow15"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"placement"}}),n._v(" "),t("table",{staticStyle:{"border-collapse":"collapse"}},[t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left-start\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"left-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16a)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16a,callback:function(e){n.$set(n.WPopup,"bShow16a",e)},expression:"WPopup.bShow16a"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"left"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16b,callback:function(e){n.$set(n.WPopup,"bShow16b",e)},expression:"WPopup.bShow16b"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            left-end\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"left-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16c)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16c,callback:function(e){n.$set(n.WPopup,"bShow16c",e)},expression:"WPopup.bShow16c"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right-start\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"right-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16d)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16d,callback:function(e){n.$set(n.WPopup,"bShow16d",e)},expression:"WPopup.bShow16d"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"right"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16e)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16e,callback:function(e){n.$set(n.WPopup,"bShow16e",e)},expression:"WPopup.bShow16e"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            right-end\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"right-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16f)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16f,callback:function(e){n.$set(n.WPopup,"bShow16f",e)},expression:"WPopup.bShow16f"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top-start\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"top-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16g)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16g,callback:function(e){n.$set(n.WPopup,"bShow16g",e)},expression:"WPopup.bShow16g"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"top"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16h)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16h,callback:function(e){n.$set(n.WPopup,"bShow16h",e)},expression:"WPopup.bShow16h"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            top-end\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"top-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16i)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16i,callback:function(e){n.$set(n.WPopup,"bShow16i",e)},expression:"WPopup.bShow16i"}})],1)]),n._v(" "),t("tr",[t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom-start\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"bottom-start"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16j)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16j,callback:function(e){n.$set(n.WPopup,"bShow16j",e)},expression:"WPopup.bShow16j"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"bottom"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16k)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16k,callback:function(e){n.$set(n.WPopup,"bShow16k",e)},expression:"WPopup.bShow16k"}})],1),n._v(" "),t("td",{staticStyle:{padding:"10px"}},[t("div",{staticStyle:{"font-size":"0.7rem",color:"#999"}},[n._v("\n                            bottom-end\n                        ")]),n._v(" "),t("w-popup",{attrs:{placement:"bottom-end"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow16l)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsL,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v(n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow16l,callback:function(e){n.$set(n.WPopup,"bShow16l",e)},expression:"WPopup.bShow16l"}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"in scroll panel"}}),n._v(" "),t("div",{style:"width:200px; height:300px; border:1px solid #ddd; overflow-y:auto;"},[t("div",{staticStyle:{height:"600px"}},[t("div",{staticStyle:{height:"200px"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow17)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow17,callback:function(e){n.$set(n.WPopup,"bShow17",e)},expression:"WPopup.bShow17"}}),n._v(" "),t("div",{staticStyle:{height:"200px"}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"auto flipping in scroll panel"}}),n._v(" "),t("div",{staticStyle:{width:"95vw","text-align":"right"}},[t("div",{style:"display:inline-block; width:200px; height:300px; border:1px solid #ddd; overflow-y:auto;"},[t("div",{staticStyle:{"text-align":"left",height:"600px"}},[t("div",{staticStyle:{height:"200px"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WPopup.bShow18)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow18,callback:function(e){n.$set(n.WPopup,"bShow18",e)},expression:"WPopup.bShow18"}}),n._v(" "),t("div",{staticStyle:{height:"200px"}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"in popup"}}),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow19a)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"40px"}},[t("div",{staticStyle:{"font-size":"0.8rem","white-space":"nowrap"}},[n._v("Here is 1st pupop.")]),n._v(" "),t("w-popup",{on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow19b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"40px"}},[t("div",{staticStyle:{"font-size":"0.8rem","white-space":"nowrap"}},[n._v("Here is 2nd pupop.")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.7rem","white-space":"nowrap",color:"#f26"}},[n._v("It will close when click to the outside of the content of 1st pupop.")]),n._v(" "),t("w-popup",{staticStyle:{"margin-bottom":"20px"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow19c)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px 15px 0px 15px"}},[t("div",{staticStyle:{"font-size":"0.8rem","white-space":"nowrap"}},[n._v("Here is 3rd pupop.")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.7rem","white-space":"nowrap",color:"#f26"}},[n._v("It will close when click to the outside of the content of 1st or 2st pupop.")])]),n._v(" "),t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow19c,callback:function(e){n.$set(n.WPopup,"bShow19c",e)},expression:"WPopup.bShow19c"}})],1)]},proxy:!0}]),model:{value:n.WPopup.bShow19b,callback:function(e){n.$set(n.WPopup,"bShow19b",e)},expression:"WPopup.bShow19b"}})],1)]},proxy:!0}]),model:{value:n.WPopup.bShow19a,callback:function(e){n.$set(n.WPopup,"bShow19a",e)},expression:"WPopup.bShow19a"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"auto flipping in dialog"}}),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WPopup.bShow21a=!n.WPopup.bShow21a}}},[n._v("Show("+n._s(n.WPopup.bShow21a)+")")]),n._v(" "),t("w-dialog",{attrs:{show:n.WPopup.bShow21a,title:"auto flipping in dialog",maxWidth:500},on:{"update:show":function(e){return n.$set(n.WPopup,"bShow21a",e)}},scopedSlots:n._u([{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"20px",height:"400px"}},[t("div",{staticStyle:{height:"300px"}}),n._v(" "),t("w-popup",{staticStyle:{"margin-left":"250px"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:n.expandItem}},[n._v("Show("+n._s(n.WPopup.bShow21b)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.itemsExpand,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow21b,callback:function(e){n.$set(n.WPopup,"bShow21b",e)},expression:"WPopup.bShow21b"}}),n._v(" "),t("div",{staticStyle:{height:"500px"}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"slot for table & maxWidth"}}),n._v(" "),t("w-popup",{attrs:{maxWidth:400},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow22)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px 0px"}},[t("div",{staticStyle:{padding:"10px 20px",background:"#666"}},[t("span",{staticStyle:{color:"#fff"}},[n._v("A data table")])]),n._v(" "),t("div",{staticStyle:{padding:"10px"},domProps:{innerHTML:n._s(n.WPopup.table)}}),n._v(" "),t("div",{staticStyle:{padding:"0px 20px 10px 20px","font-size":"0.8rem"}},[n._v("Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis praesentium cumque magnam odio iure quidem, quod illum numquam possimus obcaecati commodi minima assumenda consectetur culpa fuga nulla ullam. In, libero.")])])]},proxy:!0}]),model:{value:n.WPopup.bShow22,callback:function(e){n.$set(n.WPopup,"bShow22",e)},expression:"WPopup.bShow22"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup",casename:"not editable"}}),n._v(" "),t("w-popup",{attrs:{editable:!1},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"}},[n._v("Show("+n._s(n.WPopup.bShow23)+")")])]},proxy:!0},{key:"content",fn:function(){return[t("v-list",{staticStyle:{background:"transparent"}},n._l(n.WPopup.items,(function(e,o){return t("v-list-item",{key:o,staticStyle:{"min-height":"inherit",padding:"5px 15px"},on:{click:function(){}}},[n._v("Item "+n._s(e))])})),1)]},proxy:!0}]),model:{value:n.WPopup.bShow23,callback:function(e){n.$set(n.WPopup,"bShow23",e)},expression:"WPopup.bShow23"}})],1)])])};Fv._withStripped=!0;const Lv=ya({render:Fv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-popup")])])}]},(function(n){n&&n("data-v-20610227_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPopup.vue"},media:void 0})}),Pv,"data-v-20610227",false,undefined,!1,xa,void 0,void 0);const Rv={components:{WPopup:Wp,WText:hp,WButtonChip:Cu,WIcon:_a},props:{value:{type:[String,Number],default:""},title:{type:String,default:"Editor"},titleColor:{type:String,default:"grey darken-3"},titleFontSize:{type:String,default:"0.8rem"},contentIcon:{type:String,default:"M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19H5V5H12V3H5M17.78,4C17.61,4 17.43,4.07 17.3,4.2L16.08,5.41L18.58,7.91L19.8,6.7C20.06,6.44 20.06,6 19.8,5.75L18.25,4.2C18.12,4.07 17.95,4 17.78,4M15.37,6.12L8,13.5V16H10.5L17.87,8.62L15.37,6.12Z"},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:28},inputTextColor:{type:String,default:"grey darken-3"},inputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},inputTextBottomLineBorderColorHover:{type:String,default:"grey"},inputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},saveBtnText:{type:String,default:"Save"},saveBtnTextColor:{type:String,default:"grey darken-3"},saveBtnTextColorHover:{type:String,default:"grey darken-2"},saveBtnIcon:{type:String,default:Ka},saveBtnIconSize:{type:Number,default:22},saveBtnIconColor:{type:String,default:"grey darken-1"},saveBtnIconColorHover:{type:String,default:"grey darken-2"},saveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},saveBtnBackgroundColor:{type:String,default:"white"},saveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},minWidthForValue:{type:Number,default:30},minWidthForPopup:{type:Number,default:300}},data:function(){return{valueTemp:null,showEdit:!1}},computed:{useTitleFontSize:function(){let n=this.titleFontSize;return n=Ki(n,";",""),`font-size:${n};`},useTitleColor:function(){return Oi(this.titleColor)},useHeaderBackgroundColor:function(){return Oi(this.headerBackgroundColor)},useContentBackgroundColor:function(){return Oi(this.contentBackgroundColor)},useFooterBackgroundColor:function(){return Oi(this.footerBackgroundColor)}},methods:{evShow:function(){let n=this;n.valueTemp=n.value,n.$nextTick((()=>{n.showEdit=!0}))},evHide:function(){let n=this;n.$nextTick((()=>{n.$emit("close"),n.showEdit=!1}))},ckSave:function(n,e){let t=this;t.$nextTick((()=>{t.$emit("input",t.valueTemp),t.valueTemp="",n.funHide()}))}}};var Dv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{isolated:!0,_minWidth:"minWidthForPopup"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"min-width:"+n.minWidthForValue+"px; min-height:1rem; cursor:pointer;"},[n._v("\n            "+n._s(n.value)+"\n        ")])]},proxy:!0},{key:"content",fn:function(e){return[t("div",{style:"min-width:"+n.minWidthForPopup+"px; text-align:left; border-radius:5px; overflow:hidden;"},[""!==n.title?t("div",[t("div",{style:" padding:10px; color:"+n.useTitleColor+"; "+n.useTitleFontSize+"; background:"+n.useHeaderBackgroundColor+";"},[n._v("\n                    "+n._s(n.title)+"\n                ")])]):n._e(),n._v(" "),t("div",{style:"padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:"+n.useContentBackgroundColor+"; display:flex; align-items:center;"},[t("div",{staticStyle:{"padding-right":"10px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor,colorHover:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{width:"100%"}},[n.showEdit?t("WText",{attrs:{textColor:n.inputTextColor,bottomLineBorderColor:n.inputTextBottomLineBorderColor,bottomLineBorderColorHover:n.inputTextBottomLineBorderColorHover,bottomLineBorderColorFocus:n.inputTextBottomLineBorderColorFocus},on:{enter:function(t){return n.ckSave(e)}},model:{value:n.valueTemp,callback:function(e){n.valueTemp=e},expression:"valueTemp"}}):n._e()],1)]),n._v(" "),t("div",{style:"padding:10px; background:"+n.useFooterBackgroundColor+"; text-align:right;"},[t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.saveBtnIcon,iconColor:n.saveBtnIconColor,iconColorHover:n.saveBtnIconColorHover,iconSize:n.saveBtnIconSize,text:n.saveBtnText,textColor:n.saveBtnTextColor,textColorHover:n.saveBtnTextColorHover,backgroundColor:n.saveBtnBackgroundColor,backgroundColorHover:n.saveBtnBackgroundColorHover,rippleColor:n.saveBtnIconRippleColor},on:{click:function(t){return n.ckSave(e)}}})],1)])]}}])})};Dv._withStripped=!0;const jv=ya({render:Dv,staticRenderFns:[]},(function(n){n&&n("data-v-f4b7cba6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPopupEditText.vue"},media:void 0})}),Rv,"data-v-f4b7cba6",false,undefined,!1,xa,void 0,void 0);const zv={components:{demolink:nu,WPopupEditText:jv},props:{},data:function(){return{WPopupEditText:{text:"click to edit string",mat:[["r1c1","r1c2","r1c3"],["r2c1","r2c2","r2c3"]]},actions:[]}}};var Vv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"default"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"no title"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:""},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & titleColor & titleFontSize & headerBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Information",titleColor:"white",titleFontSize:"1rem",headerBackgroundColor:"pink accent-4"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & contentIcon & contentIconColor & contentIconSize"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",contentIcon:"fab fa-buffer",contentIconColor:"pink",contentIconSize:22},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & saveBtnText & saveBtnTextColor & saveBtnTextColorHover & saveBtnIconSize & saveBtnIconColor & saveBtnIconColorHover & saveBtnIconRippleColor & saveBtnBackgroundColor & saveBtnBackgroundColorHover"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",saveBtnText:"儲存",saveBtnTextColor:"pink darken-1",saveBtnTextColorHover:"pink darken-3",saveBtnIconSize:24,saveBtnIconColor:"pink darken-1",saveBtnIconColorHover:"pink darken-3",saveBtnIconRippleColor:"rgba(200, 200, 200, 0.5)",saveBtnBackgroundColor:"white",saveBtnBackgroundColorHover:"pink lighten-5"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & inputTextColor & contentIconColor & contentBackgroundColor & inputTextBottomLineBorderColor & inputTextBottomLineBorderColorHover & inputTextBottomLineBorderColorFocus"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",inputTextColor:"white",contentIconColor:"white",contentBackgroundColor:"orange",inputTextBottomLineBorderColor:"rgba(255,255,255,0.6)",inputTextBottomLineBorderColorHover:"rgba(255,255,255,0.8)",inputTextBottomLineBorderColorFocus:"rgba(255,255,255,1)"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"title & footerBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{title:"Configure your information",footerBackgroundColor:"brown lighten-1"},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"minWidthForValue"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{minWidthForValue:300},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"minWidthForPopup"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",border:"1px dashed #999"}},[t("w-popup-edit-text",{attrs:{minWidthForPopup:500},model:{value:n.WPopupEditText.text,callback:function(e){n.$set(n.WPopupEditText,"text",e)},expression:"WPopupEditText.text"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-popup-edit-text",casename:"in table"}}),n._v(" "),t("table",[t("tbody",n._l(n.WPopupEditText.mat,(function(e,o){return t("tr",{key:"rk-"+o},n._l(e,(function(e,r){return t("td",{key:"ck-"+r,staticStyle:{padding:"5px",border:"1px solid #ddd"}},[t("w-popup-edit-text",{attrs:{title:"Edit Cell"},model:{value:n.WPopupEditText.mat[o][r],callback:function(e){n.$set(n.WPopupEditText.mat[o],r,e)},expression:"WPopupEditText.mat[rk][ck]"}})],1)})),0)})),0)])],1)])])};Vv._withStripped=!0;const Zv=ya({render:Vv,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-popup-edit-text")])])}]},(function(n){n&&n("data-v-38fc02fb_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWPopupEditText.vue"},media:void 0})}),zv,"data-v-38fc02fb",false,undefined,!1,xa,void 0,void 0);var $v={directives:{domresize:$i()},components:{WPanelScrolly:Uu,WListItem:Aa},props:{items:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"orange lighten-1"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextFontSize:{type:String,default:"1rem"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0},query:{type:String,default:""},funFilter:{type:Function,default:null}},data:function(){return{panelHeight:0,listHeight:0,queryTrans:"",useItems:[],itemActiveTrans:null}},computed:{changeParams:function(){let n=this;return n.queryTrans=n.query,n.updateUseItems(),""},changeItemActive:function(){let n=this;return n.enableActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==Oo(this.items)&&Jo(this.items,(n=>Qo(n)))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,o=fn(e,"$refs.refHeader");oa(o)&&(t=o.offsetHeight);let r=0,i=fn(e,"$refs.refFooter");oa(i)&&(r=i.offsetHeight);let a=e.panelHeight-t-r;a>0&&e.listHeight!==a&&(e.listHeight=a)},getIcon:function(n){let e=this;return e.isObjValue?fn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return fn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Uo(n,e.itemActiveTrans)),t},getEditable:function(n){return fn(n,"editable",!0)},updateUseItems:function(){let n=this;(async function(){let e=[];if(Ao(n.queryTrans))for(let t=0;t<Oo(n.items);t++){let o=n.items[t],r=!1;if(ji(n.funFilter))r=n.funFilter(o,t),Vu(r)&&(r=await r);else{let e=Rl(n.queryTrans.toLowerCase()," "),t="";t=n.isObjValue?n.getText(o):ts(o),t=t.toLowerCase();for(let n=0;n<Oo(e);n++){let o=e[n];if(t.indexOf(o)>=0){r=!0;break}}}r&&e.push(ci(o))}else e=ci(n.items);n.useItems=e})().catch((n=>{console.log(n)}))},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let o=null;o=t.isObjValue?{...n}:n,t.$emit("click",o,e),t.$emit("update:itemActive",o)}}};const Ev=$v;var Gv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParams:n.changeParams,changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{style:"height:"+n.panelHeight+"px;"},[t("div",{ref:"refHeader"},[n._t("header")],2),n._v(" "),t("WPanelScrolly",{style:"height:"+n.listHeight+"px;"},n._l(n.useItems,(function(e,o){return t("div",{key:o},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:!n.getActive(e)&&n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,o)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:o,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)})),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};Gv._withStripped=!0;const Xv=ya({render:Gv,staticRenderFns:[]},(function(n){n&&n("data-v-e0a8f594_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListVertical.vue"},media:void 0})}),Ev,"data-v-e0a8f594",false,undefined,!1,xa,void 0,void 0);function Mv(n,e){return n<e}function Nv(n){return n&&n.length?Pp(n,je,Mv):void 0}function Ov(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}function Kv(){let n=Ov();return{width:(()=>{let e=[fn(n,"innerWidth"),fn(n,"document.documentElement.clientWidth"),fn(n,"document.body.clientWidth")];return e=Bl(e,ua),Nv(e)})(),height:(()=>{let e=[fn(n,"innerHeight"),fn(n,"document.documentElement.clientHeight"),fn(n,"document.body.clientHeight")];return e=Bl(e,ua),Nv(e)})()}}var Yv={directives:{domresize:$i()},props:{value:{type:Boolean,default:!1},mode:{type:String,default:"from-left"},drawerWidth:{type:Number,default:200},drawerWidthMin:{type:Number,default:null},drawerWidthMax:{type:Number,default:null},afloat:{type:Boolean,default:!1},afloatByFix:{type:Boolean,default:!1},overlayOpacity:{type:Number,default:.45},overlayColor:{type:String,default:"grey darken-2"},drawerZIndex:{type:Number,default:1e3},dragDrawerWidth:{type:Boolean,default:!1},drawerBarColor:{type:String,default:"#ddd"},drawerBarSize:{type:Number,default:2},drawerBarBorderColor:{type:String,default:"transparent"},drawerBarBorderSize:{type:Number,default:3},autoSwitchToHide:{type:Boolean,default:!1},autoSwitchToFloat:{type:Boolean,default:!1},autoSwitchToShow:{type:Boolean,default:!1},switchWidth:{type:Number,default:340}},data:function(){return{panelWidth:0,panelHeight:0,das:null,valueTrans:!1,lockToggle:!1,drawerWidthTrans:200,afloatTrans:!1,timerOverlay1Basic:null,showOverlay1Basic:!1,effOverlay1Basic:!1,timerOverlay2Detect:null,showOverlay2Detect:!1,timerOverlay3Shadow:null,showOverlay3Shadow:!1,timerOverlay4Translate:null,effOverlay4Translate:!1,timerOverlay5DragDrawerBar:null,showOverlay5DragDrawerBar:!1}},mounted:function(){let n=this,e=Wm(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),e.on("pressBar",(()=>{n.lockToggle=!0})),e.on("freeBar",(()=>{setTimeout((()=>{n.lockToggle=!1}),1)})),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeValue:function(){let n=this;return n.valueTrans!==n.value&&n.toggleValue(n.value),n.valueTrans=n.value,""},changeDrawerWidth:function(){return this.drawerWidthTrans=this.drawerWidth,""},changeAfloat:function(){return this.afloatTrans=this.afloat,""},useDrawerWidthTrans:function(){let n=this;n.___drawerWidthTrans___=n.drawerWidthTrans,n.___panelWidth___=n.panelWidth;let e=n.getPanelEffWidth(),t=null;return t=ua(e)?Math.min(n.drawerWidthTrans,e):n.drawerWidthTrans,t},useEffDrawerWidthTrans:function(){return Math.max(this.useDrawerWidthTrans-this.useDrawerBarSize/2,0)},virtualZoneWidth:function(){return this.valueTrans?this.afloatTrans?0:this.useDrawerWidthTrans:0},isAtLeft:function(){return"from-right"!==this.mode},useDrawerZIndex:function(){let n=this.drawerZIndex;return this.afloatTrans&&(n+=1),this.afloatByFix&&(n+=500),n},useOverlayColor:function(){return this.afloatTrans?Oi(this.overlayColor):"transparent"},useOverlayPosition:function(){return this.afloatByFix?"fixed":"absolute"},useOverlayOpacity:function(){return this.afloatTrans&&this.effOverlay1Basic?this.overlayOpacity:0},useDrawerTranslateX:function(){if(this.effOverlay4Translate)return 0;return this.isAtLeft?-100:100},useDrawerDetectLoction:function(){return this.isAtLeft?"left:0px;":"right:0px;"},useDrawerDetectWidth:function(){return this.afloatTrans?"100%":`${this.useDrawerWidthTrans}px`},useDrawerClassShadow:function(){return this.afloatTrans&&this.showOverlay3Shadow?"bs":""},useDrawerBarWidth:function(){return this.drawerBarSize+2*this.drawerBarBorderSize},useDrawerBarSize:function(){return this.dragDrawerWidth?this.drawerBarSize:0},useDrawerBarColor:function(){return Oi(this.drawerBarColor)},useDrawerBarBorderColor:function(){return Oi(this.drawerBarBorderColor)}},methods:{resizePanel:function(n){let e=this;if(e.afloatByFix){let n=Kv();e.panelWidth=n.width,e.panelHeight=n.height}else e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=e.switchWidth,o=fn(n,"smode.width","");e.autoSwitchToHide&&e.valueTrans&&"smaller"===o&&e.panelWidth<t&&(e.toggleValue(!1),e.$emit("input",!1)),e.autoSwitchToShow&&!e.valueTrans&&"larger"===o&&e.panelWidth>=t&&(e.toggleValue(!0),e.$emit("input",!0)),e.autoSwitchToFloat&&e.valueTrans&&!e.afloatTrans&&"smaller"===o&&e.panelWidth<t&&(e.afloatTrans=!0,e.$emit("update:afloat",!0)),e.$emit("resize",n)},ckToggle:function(n,e){let t=this;if(!t.afloatTrans)return;if(t.lockToggle)return;let o=!1;try{o=!t.$refs.divDrawer.contains(n.target)}catch(n){}if(o)try{o=!hc(n.clientX,n.clientY,t.$refs.divDrawer)}catch(n){}o&&(t.toggleValue(e),t.$emit("input",e))},toggleValue:function(n){let e,t=this;clearTimeout(t.timerOverlay1Basic),clearTimeout(t.timerOverlay2Detect),clearTimeout(t.timerOverlay3Shadow),clearTimeout(t.timerOverlay4Translate),clearTimeout(t.timerOverlay5DragDrawerBar),n?(e=20,t.showOverlay1Basic=!0,t.timerOverlay1Basic=setTimeout((()=>{t.effOverlay1Basic=!0}),e),t.showOverlay2Detect=!0,t.showOverlay3Shadow=!0,t.timerOverlay4Translate=setTimeout((()=>{t.effOverlay4Translate=!0}),e),t.timerOverlay5DragDrawerBar=setTimeout((()=>{t.showOverlay5DragDrawerBar=!0}),300)):(e=300,t.effOverlay1Basic=!1,t.timerOverlay1Basic=setTimeout((()=>{t.showOverlay1Basic=!1}),e),t.timerOverlay2Detect=setTimeout((()=>{t.showOverlay2Detect=!1}),e),t.timerOverlay3Shadow=setTimeout((()=>{t.showOverlay3Shadow=!1}),e/2),t.effOverlay4Translate=!1,t.showOverlay5DragDrawerBar=!1)},getPanelBounding:function(){let n=this,e=null;if(n.afloatByFix){e={left:0,width:fn(Kv(),"width")}}else{e=ji(fn(n,"$el.getBoundingClientRect"))?n.$el.getBoundingClientRect():{left:0,width:0}}return e},getPanelEffWidth:function(){let n=this,e=null;return e=n.afloatByFix?fn(Kv(),"width"):fn(n,"$el.offsetWidth",null),e},dragBar:function({clientX:n}){let e=this;if(!e.dragDrawerWidth)return;if(!e.valueTrans)return;let t=e.getPanelBounding(),o=n,r=null;r=e.isAtLeft?o-t.left:t.width-(o-t.left);let i=e.getPanelEffWidth();Wi(e.drawerWidthMax)&&(i=_i(e.drawerWidthMax));let a=0;Wi(e.drawerWidthMin)&&(a=_i(e.drawerWidthMin)),ua(i)&&(r=Math.min(r,i)),ua(a)&&(r=Math.max(r,a)),e.drawerWidthTrans=r,e.$emit("update:drawerWidth",r)}}};const Jv=Yv;var Uv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeValue:n.changeValue,changeDrawerWidth:n.changeDrawerWidth,changeAfloat:n.changeAfloat},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},[t("div",{staticStyle:{width:"100%",height:"100%",display:"flex",overflow:"hidden"}},[n.isAtLeft?t("div",{staticClass:"ts",style:"width:"+n.virtualZoneWidth+"px; min-width:"+n.virtualZoneWidth+"px;"}):n._e(),n._v(" "),t("div",{style:"width:100%; height:100%; overflow:hidden;"},[n._t("content",null,{width:n.panelWidth-n.virtualZoneWidth,height:n.panelHeight})],2),n._v(" "),n.isAtLeft?n._e():t("div",{staticClass:"ts",style:"width:"+n.virtualZoneWidth+"px; min-width:"+n.virtualZoneWidth+"px;"})]),n._v(" "),n.showOverlay1Basic?t("div",{staticClass:"ts",style:"position:"+n.useOverlayPosition+"; "+n.useDrawerDetectLoction+" top:0px; bottom:0px; z-index:"+(n.useDrawerZIndex+1)+"; width:"+n.useDrawerDetectWidth+"; height:100%; opacity:"+n.useOverlayOpacity+"; background:"+n.useOverlayColor+";"}):n._e(),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.showOverlay2Detect,expression:"showOverlay2Detect"}],style:"position:"+n.useOverlayPosition+"; "+n.useDrawerDetectLoction+" top:0px; bottom:0px; z-index:"+(n.useDrawerZIndex+2)+"; width:"+n.useDrawerDetectWidth+"; height:100%;",on:{click:function(e){n.ckToggle(e,!1)}}},[t("div",{style:"width:100%; height:100%; display:flex; justify-content:"+(n.isAtLeft?"start":"end")+";"},[t("div",{ref:"divDrawer",class:"ts "+n.useDrawerClassShadow,style:"width:"+n.useDrawerWidthTrans+"px; height:100%; transform:translateX("+n.useDrawerTranslateX+"%);"},[t("div",{staticClass:"ts",style:"position:relative; width:"+n.useDrawerWidthTrans+"px; height:100%; display:flex;"},[n.dragDrawerWidth&&!n.isAtLeft?t("div",{style:"padding-left:"+n.useDrawerBarSize/2+"px;"}):n._e(),n._v(" "),t("div",{staticClass:"ts",style:"width:"+n.useEffDrawerWidthTrans+"px;"},[n._t("drawer",null,{width:n.useEffDrawerWidthTrans,height:n.panelHeight})],2),n._v(" "),n.dragDrawerWidth&&n.isAtLeft?t("div",{style:"padding-left:"+n.useDrawerBarSize/2+"px;"}):n._e(),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans&&n.dragDrawerWidth,expression:"valueTrans && dragDrawerWidth"}],ref:"divBar",style:"position:"+n.useOverlayPosition+"; top:0px; "+(n.isAtLeft?"left":"right")+":"+(n.useDrawerWidthTrans-n.useDrawerBarWidth/2)+"px; width:"+n.useDrawerBarWidth+"px; height:100%; border-left:"+n.drawerBarBorderSize+"px solid "+n.useDrawerBarBorderColor+"; border-right:"+n.drawerBarBorderSize+"px solid "+n.useDrawerBarBorderColor+"; opacity:"+(n.showOverlay5DragDrawerBar?1:0)+"; cursor:col-resize; user-select:none;"},[t("div",{style:"width:"+n.useDrawerBarSize+"px; height:100%; background:"+n.useDrawerBarColor+";"})])])])])])])])};Uv._withStripped=!0;const Qv=ya({render:Uv,staticRenderFns:[]},(function(n){n&&n("data-v-2a829eed_0",{source:"\n.ts[data-v-2a829eed] {\r\n    transition:all 0.3s cubic-bezier(.25,.8,.5,1);\n}\n.bs[data-v-2a829eed] {\r\n    box-shadow:rgba(0, 0, 0, 0.3) 0px 8px 2px -8px, rgba(0, 0, 0, 0.3) 0px 16px 24px 2px, rgba(0, 0, 0, 0.3) 0px 6px 30px 5px;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WDrawer.vue"],names:[],mappings:";AAkzBA;IACA,6CAAA;AACA;AACA;IACA,yHAAA;AACA",file:"WDrawer.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n        :changeDrawerWidth=\"changeDrawerWidth\"\r\n        :changeAfloat=\"changeAfloat\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n    >\r\n\r\n        \x3c!-- 因拖曳寬度bar現放置於divPanel下並且浮動定位, 左右側之拖曳區會超出divPanel, 故須使用overflow:hidden --\x3e\r\n        <div\r\n            ref=\"divPanel\"\r\n            style=\"position:relative; width:100%; height:100%; overflow:hidden;\"\r\n        >\r\n\r\n            \x3c!-- 因右側抽屜會無法被內容區裁切遮蔽, 故須使用overflow:hidden --\x3e\r\n            <div style=\"width:100%; height:100%; display:flex; overflow:hidden;\">\r\n\r\n                \x3c!-- 撐開區, 需使用min-width避免被壓縮 --\x3e\r\n                <div\r\n                    class=\"ts\"\r\n                    :style=\"`width:${virtualZoneWidth}px; min-width:${virtualZoneWidth}px;`\"\r\n                    v-if=\"isAtLeft\"\r\n                ></div>\r\n\r\n                \x3c!-- 因內容區具有無法崩塌元素, 故也須使用overflow:hidden進行裁切 --\x3e\r\n                <div :style=\"`width:100%; height:100%; overflow:hidden;`\">\r\n\r\n                    <slot\r\n                        name=\"content\"\r\n                        :width=\"panelWidth-virtualZoneWidth\"\r\n                        :height=\"panelHeight\"\r\n                    ></slot>\r\n\r\n                </div>\r\n\r\n                \x3c!-- 撐開區, 需使用min-width避免被壓縮 --\x3e\r\n                <div\r\n                    class=\"ts\"\r\n                    :style=\"`width:${virtualZoneWidth}px; min-width:${virtualZoneWidth}px;`\"\r\n                    v-if=\"!isAtLeft\"\r\n                ></div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- overlay半透明灰色層 --\x3e\r\n            <div\r\n                class=\"ts\"\r\n                :style=\"`position:${useOverlayPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+1}; width:${useDrawerDetectWidth}; height:100%; opacity:${useOverlayOpacity}; background:${useOverlayColor};`\"\r\n                v-if=\"showOverlay1Basic\"\r\n            >\r\n            </div>\r\n\r\n            \x3c!-- overlay關閉事件監聽層, 與隱藏內層之向外陰影 --\x3e\r\n            <div\r\n                :style=\"`position:${useOverlayPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+2}; width:${useDrawerDetectWidth}; height:100%;`\"\r\n                @click=\"(ev)=>{ckToggle(ev,false)}\"\r\n                v-show=\"showOverlay2Detect\"\r\n            >\r\n\r\n                \x3c!-- drawer平移層 --\x3e\r\n                <div\r\n                    :style=\"`width:100%; height:100%; display:flex; justify-content:${ isAtLeft ? 'start' : 'end' };`\"\r\n                >\r\n\r\n                    <div\r\n                        ref=\"divDrawer\"\r\n                        :class=\"`ts ${useDrawerClassShadow}`\"\r\n                        :style=\"`width:${useDrawerWidthTrans}px; height:100%; transform:translateX(${useDrawerTranslateX}%);`\"\r\n                    >\r\n\r\n                        <div\r\n                            class=\"ts\"\r\n                            :style=\"`position:relative; width:${useDrawerWidthTrans}px; height:100%; display:flex;`\"\r\n                        >\r\n\r\n                            <div :style=\"`padding-left:${useDrawerBarSize/2}px;`\" v-if=\"dragDrawerWidth && !isAtLeft\"></div>\r\n\r\n                            <div\r\n                                class=\"ts\"\r\n                                :style=\"`width:${useEffDrawerWidthTrans}px;`\"\r\n                            >\r\n\r\n                                <slot\r\n                                    name=\"drawer\"\r\n                                    :width=\"useEffDrawerWidthTrans\"\r\n                                    :height=\"panelHeight\"\r\n                                ></slot>\r\n\r\n                            </div>\r\n\r\n                            <div :style=\"`padding-left:${useDrawerBarSize/2}px;`\" v-if=\"dragDrawerWidth && isAtLeft\"></div>\r\n\r\n                            \x3c!-- 拖曳寬度bar, 須放置於drawer內, 才能避免drawer內有position顯示之dom(例如tooltip)被拖曳寬度bar遮蔽 --\x3e\r\n                            \x3c!-- 延遲至抽屜出現後才通過opacity=1顯示, 否則於浮動模式時會在外側陰影層馬上看到拖曳寬度bar, 使用者體驗不佳 --\x3e\r\n                            <div\r\n                                ref=\"divBar\"\r\n                                :style=\"`position:${useOverlayPosition}; top:0px; ${isAtLeft?'left':'right'}:${useDrawerWidthTrans-useDrawerBarWidth/2}px; width:${useDrawerBarWidth}px; height:100%; border-left:${drawerBarBorderSize}px solid ${useDrawerBarBorderColor}; border-right:${drawerBarBorderSize}px solid ${useDrawerBarBorderColor}; opacity:${showOverlay5DragDrawerBar?1:0}; cursor:col-resize; user-select:none;`\"\r\n                                v-show=\"valueTrans && dragDrawerWidth\"\r\n                            >\r\n                                <div :style=\"`width:${useDrawerBarSize}px; height:100%; background:${useDrawerBarColor};`\"></div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport isnum from 'wsemi/src/isnum.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport cdbl from 'wsemi/src/cdbl.mjs'\r\nimport domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'\r\nimport domGetWindowSize from 'wsemi/src/domGetWindowSize.mjs'\r\nimport domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [mode='from-left'] 輸入抽屜顯示位置字串，可使用'from-left'與'from-right'，預設'from-left'\r\n * @vue-prop {Number} [drawerWidth=200] 輸入抽屜寬度數字，單位為px，預設200\r\n * @vue-prop {Number} [drawerWidthMin=null] 輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最小值數字，預設null\r\n * @vue-prop {Number} [drawerWidthMax=null] 輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最大值數字，預設null\r\n * @vue-prop {Boolean} [afloat=false] 輸入是否為浮動顯示布林值，設為true時浮在內容區上故不壓縮內容區寬度，預設false\r\n * @vue-prop {Boolean} [afloatByFix=false] 輸入浮動顯示時是否使用fixed布林值，若為true使用'fixed'反之使用'absolute'，預設false\r\n * @vue-prop {Number} [overlayOpacity=0.45] 輸入浮動顯示時抽屜外側陰影層之透明度數字，預設0.45\r\n * @vue-prop {String} [overlayColor='grey darken-2'] 輸入浮動顯示時抽屜外側陰影層背景顏色字串，預設'grey darken-2'\r\n * @vue-prop {Number} [drawerZIndex=1000] 輸入浮動顯示時抽屜使用z-index數字，預設1000\r\n * @vue-prop {Boolean} [dragDrawerWidth=false] 輸入是否使用拖曳抽屜寬度分隔條布林值，預設false\r\n * @vue-prop {String} [drawerBarColor='#ddd'] 輸入分隔條顏色字串，預設'#ddd'\r\n * @vue-prop {Number} [drawerBarSize=2] 輸入分隔條尺寸數字，為分隔條寬度，單位為px，預設2\r\n * @vue-prop {String} [drawerBarBorderColor='transparent'] 輸入分隔條框線顏色字串，預設'transparent'\r\n * @vue-prop {Number} [drawerBarBorderSize=3] 輸入分隔條框線寬度數字，單位為px，預設3，通常配合barBorderColor='transparent'使可拖曳區加大又不遮蔽可視區\r\n * @vue-prop {Boolean} [autoSwitchToHide=false] 輸入是否自動切換至隱藏布林值，當抽屜顯示時且組件寬度過小時則隱藏，預設false\r\n * @vue-prop {Boolean} [autoSwitchToFloat=false] 輸入是否自動切換至浮動布林值，當抽屜顯示時且組件寬度過小時則浮動，預設false\r\n * @vue-prop {Boolean} [autoSwitchToShow=false] 輸入是否自動切換至顯示布林值，當抽屜隱藏時且組件寬度過大時則顯示，預設false\r\n * @vue-prop {Number} [switchWidth=340] 輸入當自動顯隱時判斷組件寬度過小之門檻寬度數字，單位為px，預設340\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        mode: {\r\n            type: String,\r\n            default: 'from-left', //from-left, from-right\r\n        },\r\n        drawerWidth: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        drawerWidthMin: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        drawerWidthMax: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        afloat: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        afloatByFix: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        overlayOpacity: {\r\n            type: Number,\r\n            default: 0.45,\r\n        },\r\n        overlayColor: {\r\n            type: String,\r\n            default: 'grey darken-2',\r\n        },\r\n        drawerZIndex: {\r\n            type: Number,\r\n            default: 1000,\r\n        },\r\n        dragDrawerWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        drawerBarColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        drawerBarSize: {\r\n            type: Number,\r\n            default: 2,\r\n        },\r\n        drawerBarBorderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        drawerBarBorderSize: {\r\n            type: Number,\r\n            default: 3,\r\n        },\r\n        autoSwitchToHide: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoSwitchToFloat: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoSwitchToShow: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        switchWidth: {\r\n            type: Number,\r\n            default: 340,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            panelWidth: 0,\r\n            panelHeight: 0,\r\n\r\n            das: null,\r\n\r\n            valueTrans: false,\r\n\r\n            lockToggle: false,\r\n\r\n            drawerWidthTrans: 200,\r\n            afloatTrans: false,\r\n\r\n            timerOverlay1Basic: null,\r\n            showOverlay1Basic: false,\r\n            effOverlay1Basic: false,\r\n\r\n            timerOverlay2Detect: null,\r\n            showOverlay2Detect: false,\r\n            // effOverlay2Detect: false,\r\n\r\n            timerOverlay3Shadow: null,\r\n            showOverlay3Shadow: false,\r\n            // effOverlay3Shadow: false,\r\n\r\n            timerOverlay4Translate: null,\r\n            // showOverlay4Translate: false,\r\n            effOverlay4Translate: false,\r\n\r\n            timerOverlay5DragDrawerBar: null,\r\n            showOverlay5DragDrawerBar: false,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //das\r\n        let das = domDragBarAndScroll(vo.$refs.divPanel, vo.$refs.divBar, { useTouchDragForPanel: false })\r\n        das.on('dragBar', vo.dragBar)\r\n        das.on('pressBar', () => {\r\n            // console.log('pressBar')\r\n            vo.lockToggle = true\r\n        })\r\n        das.on('freeBar', () => {\r\n            setTimeout(() => { //因拖曳寬度bar現在位於overlay關閉事件監聽層之內, 故會優先觸發點擊事件後才冒泡出去, 導致放掉拖曳時會觸發點擊關閉事件, 故改採通過delay脫勾與上鎖機制避免關閉\r\n                // console.log('freeBar')\r\n                vo.lockToggle = false\r\n            }, 1)\r\n        })\r\n\r\n        //save\r\n        vo.das = das\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //clear\r\n        if (vo.das) {\r\n            vo.das.clear()\r\n        }\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            // console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.valueTrans !== vo.value) {\r\n\r\n                //toggleValue\r\n                vo.toggleValue(vo.value)\r\n\r\n            }\r\n            // console.log('vo.value', vo.value, 'vo.valueTrans', vo.valueTrans)\r\n\r\n            //update\r\n            vo.valueTrans = vo.value\r\n\r\n            // //trigger\r\n            // let value = vo.value\r\n            // // console.log('computed changeValue')\r\n\r\n            return ''\r\n        },\r\n\r\n        changeDrawerWidth: function() {\r\n            let vo = this\r\n            vo.drawerWidthTrans = vo.drawerWidth\r\n            return ''\r\n        },\r\n\r\n        changeAfloat: function() {\r\n            let vo = this\r\n            vo.afloatTrans = vo.afloat\r\n            return ''\r\n        },\r\n\r\n        useDrawerWidthTrans: function() {\r\n            let vo = this\r\n\r\n            //監聽drawerWidthTrans與panelWidth有變化則重算\r\n\r\n            //trigger\r\n            vo.___drawerWidthTrans___ = vo.drawerWidthTrans\r\n            vo.___panelWidth___ = vo.panelWidth\r\n\r\n            //getPanelEffWidth\r\n            let dwMax = vo.getPanelEffWidth()\r\n            // console.log('getPanelEffWidth dwMax', dwMax)\r\n\r\n            //check\r\n            let r = null\r\n            if (isNumber(dwMax)) {\r\n                r = Math.min(vo.drawerWidthTrans, dwMax)\r\n            }\r\n            else {\r\n                r = vo.drawerWidthTrans\r\n            }\r\n            // console.log('useDrawerWidthTrans', r)\r\n\r\n            return r\r\n        },\r\n\r\n        useEffDrawerWidthTrans: function() {\r\n            let vo = this\r\n            let r = Math.max(vo.useDrawerWidthTrans - vo.useDrawerBarSize / 2, 0)\r\n            // console.log('useEffDrawerWidthTrans', r)\r\n            return r\r\n        },\r\n\r\n        virtualZoneWidth: function() {\r\n            if (!this.valueTrans) {\r\n                return 0\r\n            }\r\n            if (this.afloatTrans) {\r\n                return 0\r\n            }\r\n            return this.useDrawerWidthTrans\r\n        },\r\n\r\n        isAtLeft: function() {\r\n            return this.mode !== 'from-right'\r\n        },\r\n\r\n        useDrawerZIndex: function() {\r\n            let i = this.drawerZIndex\r\n            if (this.afloatTrans) {\r\n                i += 1\r\n            }\r\n            if (this.afloatByFix) {\r\n                i += 500 //drawer, dialog, tooltip分配z-index值差為1000, 故內部分配給500\r\n            }\r\n            return i\r\n        },\r\n\r\n        useOverlayColor: function() {\r\n            if (!this.afloatTrans) {\r\n                return 'transparent'\r\n            }\r\n            return convertColor(this.overlayColor)\r\n        },\r\n\r\n        useOverlayPosition: function() {\r\n            return this.afloatByFix ? 'fixed' : 'absolute'\r\n        },\r\n\r\n        useOverlayOpacity: function() {\r\n            if (!this.afloatTrans) {\r\n                return 0\r\n            }\r\n            return this.effOverlay1Basic ? this.overlayOpacity : 0\r\n        },\r\n\r\n        useDrawerTranslateX: function() {\r\n            if (this.effOverlay4Translate) {\r\n                return 0\r\n            }\r\n            let s0 = this.isAtLeft ? -100 : 100\r\n            return s0\r\n        },\r\n\r\n        useDrawerDetectLoction: function() {\r\n            if (this.isAtLeft) {\r\n                return 'left:0px;'\r\n            }\r\n            return 'right:0px;'\r\n        },\r\n\r\n        useDrawerDetectWidth: function() {\r\n            if (this.afloatTrans) {\r\n                return '100%'\r\n            }\r\n            return `${this.useDrawerWidthTrans}px`\r\n        },\r\n\r\n        useDrawerClassShadow: function() {\r\n            return this.afloatTrans && this.showOverlay3Shadow ? 'bs' : ''\r\n        },\r\n\r\n        useDrawerBarWidth: function() {\r\n            let vo = this\r\n            return vo.drawerBarSize + vo.drawerBarBorderSize * 2\r\n        },\r\n\r\n        useDrawerBarSize: function() {\r\n            let vo = this\r\n            return vo.dragDrawerWidth ? vo.drawerBarSize : 0\r\n        },\r\n\r\n        useDrawerBarColor: function() {\r\n            return convertColor(this.drawerBarColor)\r\n        },\r\n\r\n        useDrawerBarBorderColor: function() {\r\n            return convertColor(this.drawerBarBorderColor)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //update\r\n                vo.panelWidth = msg.snew.offsetWidth\r\n                vo.panelHeight = msg.snew.offsetHeight\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //domGetWindowSize\r\n                let ws = domGetWindowSize()\r\n\r\n                //update\r\n                vo.panelWidth = ws.width\r\n                vo.panelHeight = ws.height\r\n\r\n            }\r\n            // console.log('vo.panelWidth', vo.panelWidth)\r\n            // console.log('vo.panelHeight', vo.panelHeight)\r\n\r\n            //wl\r\n            let wl = vo.switchWidth\r\n            // console.log('wl', wl)\r\n\r\n            //mw\r\n            let mw = get(msg, 'smode.width', '')\r\n\r\n            //autoSwitchToHide\r\n            if (vo.autoSwitchToHide) {\r\n                if (vo.valueTrans && mw === 'smaller' && vo.panelWidth < wl) { //已開啟抽屜且為變窄時才隱藏\r\n\r\n                    //toggleValue\r\n                    vo.toggleValue(false)\r\n\r\n                    //emit\r\n                    vo.$emit('input', false)\r\n\r\n                }\r\n            }\r\n\r\n            //autoSwitchToShow\r\n            if (vo.autoSwitchToShow) {\r\n                if (!vo.valueTrans && mw === 'larger' && vo.panelWidth >= wl) { //已隱藏抽屜且為變寬時才顯示\r\n\r\n                    //toggleValue\r\n                    vo.toggleValue(true)\r\n\r\n                    //emit\r\n                    vo.$emit('input', true)\r\n\r\n                }\r\n            }\r\n\r\n            //autoSwitchToFloat\r\n            if (vo.autoSwitchToFloat) {\r\n                if (vo.valueTrans && !vo.afloatTrans && mw === 'smaller' && vo.panelWidth < wl) { //已開啟抽屜且為佔版模式且為變窄時才浮動\r\n\r\n                    //save afloatTrans\r\n                    vo.afloatTrans = true\r\n\r\n                    //emit\r\n                    vo.$emit('update:afloat', true)\r\n\r\n                }\r\n            }\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        ckToggle: function(ev, value) {\r\n            // console.log('methods ckToggle', ev, value)\r\n\r\n            let vo = this\r\n\r\n            //check, 固定時(非浮動)禁止關閉\r\n            if (!vo.afloatTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 上鎖時禁止觸發\r\n            if (vo.lockToggle) {\r\n                return\r\n            }\r\n\r\n            //偵測點擊為抽屜區之外\r\n            let b = false\r\n            try {\r\n                b = !vo.$refs.divDrawer.contains(ev.target)\r\n                // if (b) {\r\n                //     console.log('偵測點擊為抽屜區之外 domContains')\r\n                // }\r\n            }\r\n            catch (err) {}\r\n            // console.log('vo.$refs.divDrawer', vo.$refs.divDrawer)\r\n            // console.log('ev.target', ev.target)\r\n            // console.log(vo.$refs.divDrawer.contains(ev.target))\r\n\r\n            //若為點擊為抽屜區之外, 可能是按鈕表層虛擬層、ripple層或下拉選單彈窗內容區, 此可能用position定位而導致用contains檢測會為false, 故改用事件座標再檢測一次\r\n            if (b) {\r\n                try {\r\n                    b = !domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divDrawer)\r\n                    // console.log(`domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divPanel)`,domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divPanel))\r\n                    // if (b) {\r\n                    //     console.log('偵測點擊為抽屜區之外: domIsClientXYIn')\r\n                    // }\r\n                }\r\n                catch (err) {}\r\n            }\r\n\r\n            //check\r\n            if (b) {\r\n\r\n                //toggleValue\r\n                vo.toggleValue(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            }\r\n\r\n        },\r\n\r\n        toggleValue: function (value) {\r\n            // console.log('methods toggleValue', value)\r\n\r\n            let vo = this\r\n\r\n            //clearTimeout\r\n            clearTimeout(vo.timerOverlay1Basic)\r\n            clearTimeout(vo.timerOverlay2Detect)\r\n            clearTimeout(vo.timerOverlay3Shadow)\r\n            clearTimeout(vo.timerOverlay4Translate)\r\n            clearTimeout(vo.timerOverlay5DragDrawerBar)\r\n\r\n            let sec\r\n\r\n            //check\r\n            if (value) {\r\n                //顯示\r\n\r\n                // vo.fsmShowOverlay.showOverlay()\r\n                // vo.fsmShowStateOverlay.showOverlay()\r\n                sec = 20\r\n\r\n                // showOverlay1Basic: false,\r\n                // effOverlay1Basic: false,\r\n                vo.showOverlay1Basic = true\r\n                vo.timerOverlay1Basic = setTimeout(() => {\r\n                    vo.effOverlay1Basic = true\r\n                }, sec)\r\n\r\n                // showOverlay2Detect: false,\r\n                // effOverlay2Detect: false,\r\n                vo.showOverlay2Detect = true\r\n\r\n                // showOverlay3Shadow: false,\r\n                // effOverlay3Shadow: false,\r\n                vo.showOverlay3Shadow = true\r\n\r\n                // showOverlay4Translate: false,\r\n                // effOverlay4Translate: false,\r\n                // vo.showOverlay4Translate = true\r\n                vo.timerOverlay4Translate = setTimeout(() => {\r\n                    vo.effOverlay4Translate = true\r\n                }, sec)\r\n\r\n                vo.timerOverlay5DragDrawerBar = setTimeout(() => {\r\n                    vo.showOverlay5DragDrawerBar = true\r\n                }, 300)\r\n\r\n            }\r\n            else {\r\n                //隱藏\r\n\r\n                // vo.fsmShowOverlay.hideOverlay()\r\n                // vo.fsmShowStateOverlay.hideOverlay()\r\n                sec = 300\r\n\r\n                // showOverlay1Basic: false,\r\n                // effOverlay1Basic: false,\r\n                vo.effOverlay1Basic = false\r\n                vo.timerOverlay1Basic = setTimeout(() => {\r\n                    vo.showOverlay1Basic = false\r\n                }, sec)\r\n\r\n                // showOverlay2Detect: false,\r\n                // effOverlay2Detect: false,\r\n                vo.timerOverlay2Detect = setTimeout(() => {\r\n                    vo.showOverlay2Detect = false\r\n                }, sec)\r\n\r\n                // showOverlay3Shadow: false,\r\n                // effOverlay3Shadow: false,\r\n                vo.timerOverlay3Shadow = setTimeout(() => {\r\n                    vo.showOverlay3Shadow = false\r\n                }, sec / 2) //提前隱藏陰影\r\n\r\n                // showOverlay4Translate: false,\r\n                // effOverlay4Translate: false,\r\n                vo.effOverlay4Translate = false\r\n                // vo.timerOverlay4Translate = setTimeout(() => {\r\n                //     vo.showOverlay4Translate = false\r\n                // }, sec)\r\n\r\n                vo.showOverlay5DragDrawerBar = false\r\n\r\n            }\r\n\r\n        },\r\n\r\n        getPanelBounding: function() {\r\n            // console.log('methods getPanelBounding')\r\n\r\n            let vo = this\r\n\r\n            //bd\r\n            let bd = null\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //getBoundingClientRect\r\n                let func = get(vo, '$el.getBoundingClientRect')\r\n                if (isfun(func)) {\r\n                    // bd = func() //不能執行func, 會造成非法調用Illegal invocation\r\n                    bd = vo.$el.getBoundingClientRect()\r\n                    // console.log(vo.$el.getBoundingClientRect, isfun(vo.$el.getBoundingClientRect))\r\n                }\r\n                else {\r\n                    // console.log('vo.$el.getBoundingClientRect is not a function')\r\n                    bd = {\r\n                        left: 0,\r\n                        width: 0,\r\n                    }\r\n                }\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //getWindowWidth\r\n                let windowWidth = get(domGetWindowSize(), 'width')\r\n\r\n                bd = {\r\n                    left: 0,\r\n                    width: windowWidth,\r\n                }\r\n\r\n            }\r\n\r\n            return bd\r\n        },\r\n\r\n        getPanelEffWidth: function() {\r\n            // console.log('methods getPanelEffWidth')\r\n\r\n            let vo = this\r\n\r\n            //effWidth\r\n            let effWidth = null\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //offsetWidth, 若於mounted之前呼叫因無$el, 故會回傳null\r\n                effWidth = get(vo, '$el.offsetWidth', null)\r\n                // console.log('vo.$el.offsetWidth', vo.$el.offsetWidth, 'effWidth', effWidth)\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //getWindowWidth\r\n                effWidth = get(domGetWindowSize(), 'width')\r\n\r\n            }\r\n            // console.log('effWidth', effWidth)\r\n\r\n            return effWidth\r\n        },\r\n\r\n        dragBar: function({ clientX }) {\r\n            // console.log('methods dragBar', clientX)\r\n\r\n            let vo = this\r\n\r\n            //check dragDrawerWidth\r\n            if (!vo.dragDrawerWidth) {\r\n                return\r\n            }\r\n\r\n            //check valueTrans\r\n            if (!vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //bd\r\n            let bd = vo.getPanelBounding()\r\n\r\n            //x\r\n            let x = clientX\r\n\r\n            //dw\r\n            let dw = null\r\n            if (vo.isAtLeft) {\r\n                //抽屜在左\r\n                dw = x - bd.left\r\n            }\r\n            else {\r\n                //抽屜在右\r\n                dw = bd.width - (x - bd.left)\r\n            }\r\n            // console.log(bd, 'x', x, 'dw', dw)\r\n\r\n            //dwMax\r\n            let dwMax = vo.getPanelEffWidth()\r\n            if (isnum(vo.drawerWidthMax)) {\r\n                dwMax = cdbl(vo.drawerWidthMax)\r\n            }\r\n            // console.log('dwMax', dwMax)\r\n\r\n            //dwMin\r\n            let dwMin = 0\r\n            if (isnum(vo.drawerWidthMin)) {\r\n                dwMin = cdbl(vo.drawerWidthMin)\r\n            }\r\n\r\n            //min, max\r\n            if (isNumber(dwMax)) {\r\n                dw = Math.min(dw, dwMax)\r\n            }\r\n            if (isNumber(dwMin)) {\r\n                dw = Math.max(dw, dwMin)\r\n            }\r\n\r\n            //update\r\n            vo.drawerWidthTrans = dw\r\n            // console.log('drawerWidthTrans', dw)\r\n\r\n            //emit\r\n            vo.$emit('update:drawerWidth', dw)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s cubic-bezier(.25,.8,.5,1);\r\n}\r\n.bs {\r\n    box-shadow:rgba(0, 0, 0, 0.3) 0px 8px 2px -8px, rgba(0, 0, 0, 0.3) 0px 16px 24px 2px, rgba(0, 0, 0, 0.3) 0px 6px 30px 5px;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),Jv,"data-v-2a829eed",false,undefined,!1,xa,void 0,void 0);const qv={components:{demolink:nu,WListVertical:Xv,WDrawer:Qv,WPanelDivideHorizontal:Tm},props:{},data:function(){return{WDrawer:{drawerWidth:300,title:"Article Title",content:"Here is an article content, texts are from Vuetify. There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application's compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.",listItems:[{text:"Interpreting",icon:"fas fa-american-sign-language-interpreting"},{text:"Search",icon:"fas fa-search"},{text:"Binoculars",icon:"fas fa-binoculars"},{text:"Building",icon:"fa-regular fa-building"},{text:"Tachometer-alt",icon:"fas fa-tachometer-alt"},{text:"Chess-king",icon:"fas fa-chess-king"},{text:"Calendar",icon:"fas fa-calendar-alt"},{text:"chart",icon:"fas fa-chart-bar"},{text:"Cloud-meatball",icon:"fas fa-cloud-meatball"},{text:"Cubes",icon:"fas fa-cubes"},{text:"Dungeon",icon:"fas fa-dungeon"}],listPkgs:[{text:"Balance",icon:"fas fa-balance-scale"},{text:"Connection",icon:"fas fa-bezier-curve"},{text:"Issue",icon:"fa-box-tissue"}],listItemActive:{text:"Search",icon:"fas fa-search"},listPkgActive:{text:"Balance",icon:"fas fa-balance-scale"},bShow101:!1,bShow102:!1,bShow103:!1,bShow104:!1,bShow105:!1,bShow106:!1,bShow107a:!1,bShow107b:!1,bShow108:!1,bShow109:!1,bShow110:!1,bShow111:!1,bShow112:!1,bShow113:!1,bShow114:!1,bShow115:!1,bShow116:!1,bShow117:!1,bShow118:!1,bShow119:!1,bShow120:!1,bShow121:!1,bShow122:!1,bShow123:!0,bAfloat123:!1},actions:[{}]}},methods:{}};var ng=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"default"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow101=!n.WDrawer.bShow101}}},[n._v("Show("+n._s(n.WDrawer.bShow101)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow101,callback:function(e){n.$set(n.WDrawer,"bShow101",e)},expression:"WDrawer.bShow101"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"drawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow102=!n.WDrawer.bShow102}}},[n._v("Show("+n._s(n.WDrawer.bShow102)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{drawerWidth:300},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow102,callback:function(e){n.$set(n.WDrawer,"bShow102",e)},expression:"WDrawer.bShow102"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"dragDrawerWidth & drawerWidth(sync)"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px",display:"flex","align-items":"center"}},[t("div",{},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow103=!n.WDrawer.bShow103}}},[n._v("Show("+n._s(n.WDrawer.bShow103)+")")])],1),n._v(" "),t("div",{staticStyle:{"padding-left":"10px","font-size":"0.8rem"}},[n._v("drawerWidth: "+n._s(n.WDrawer.drawerWidth))])]),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{drawerWidth:n.WDrawer.drawerWidth,dragDrawerWidth:!0},on:{"update:drawerWidth":function(e){return n.$set(n.WDrawer,"drawerWidth",e)},"update:drawer-width":function(e){return n.$set(n.WDrawer,"drawerWidth",e)}},scopedSlots:n._u([{key:"drawer",fn:function(e){return[t("div",{staticStyle:{height:"18px",background:"#eef","font-size":"0.7rem"}},[n._v(n._s(e.width)+"px")]),n._v(" "),t("w-list-vertical",{staticStyle:{height:"calc( 100% - 18px )","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]}},{key:"content",fn:function(e){return[t("div",{staticStyle:{height:"18px",background:"#eef","font-size":"0.7rem"}},[n._v(n._s(e.width)+"px")]),n._v(" "),t("div",{staticStyle:{height:"calc( 100% - 18px )","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]}}]),model:{value:n.WDrawer.bShow103,callback:function(e){n.$set(n.WDrawer,"bShow103",e)},expression:"WDrawer.bShow103"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"dragDrawerWidth & drawerWidthMin & drawerWidthMax"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow104=!n.WDrawer.bShow104}}},[n._v("Show("+n._s(n.WDrawer.bShow104)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{"_drawerWidth.sync":"WDrawer.drawerWidth",dragDrawerWidth:!0,drawerWidthMin:150,drawerWidthMax:300},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow104,callback:function(e){n.$set(n.WDrawer,"bShow104",e)},expression:"WDrawer.bShow104"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"dragDrawerWidth & drawerBarColor & drawerBarSize"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow105=!n.WDrawer.bShow105}}},[n._v("Show("+n._s(n.WDrawer.bShow105)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{"_drawerWidth.sync":"WDrawer.drawerWidth",dragDrawerWidth:!0,drawerBarColor:"rgba(0, 0, 0, 0.1)",drawerBarSize:6},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow105,callback:function(e){n.$set(n.WDrawer,"bShow105",e)},expression:"WDrawer.bShow105"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"dragDrawerWidth & drawerBarBorderColor & drawerBarBorderSize"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow106=!n.WDrawer.bShow106}}},[n._v("Show("+n._s(n.WDrawer.bShow106)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{"_drawerWidth.sync":"WDrawer.drawerWidth",dragDrawerWidth:!0,drawerBarBorderColor:"rgba(200,200,200,0.2)",drawerBarBorderSize:5},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow106,callback:function(e){n.$set(n.WDrawer,"bShow106",e)},expression:"WDrawer.bShow106"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"multiple & dragDrawerWidth & drawerWidthMin & drawerWidthMax"}}),n._v(" "),t("w-drawer",{staticStyle:{width:"600px",height:"400px",border:"1px solid #ddd"},attrs:{dragDrawerWidth:!0,drawerWidthMin:50,drawerWidthMax:250},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listPkgs,itemActive:n.WDrawer.listPkgActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listPkgActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listPkgActive",e)}},scopedSlots:n._u([{key:"header",fn:function(){return[t("div",{staticStyle:{padding:"5px 10px","font-size":"0.7rem",color:"#999"}},[n._v("\n                                Outer list\n                            ")])]},proxy:!0}])})]},proxy:!0},{key:"content",fn:function(){return[t("w-drawer",{staticStyle:{width:"100%",height:"100%"},attrs:{dragDrawerWidth:!0,drawerWidthMin:50,drawerWidthMax:250},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}},scopedSlots:n._u([{key:"header",fn:function(){return[t("div",{staticStyle:{padding:"5px 10px","font-size":"0.7rem",color:"#999"}},[n._v("\n                                        Inner list\n                                    ")])]},proxy:!0}])})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow107a=!n.WDrawer.bShow107a}}},[n._v("Outer Show("+n._s(n.WDrawer.bShow107a)+")")])],1),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow107b=!n.WDrawer.bShow107b}}},[n._v("Inner Show("+n._s(n.WDrawer.bShow107b)+")")])],1),n._v(" "),t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow107b,callback:function(e){n.$set(n.WDrawer,"bShow107b",e)},expression:"WDrawer.bShow107b"}})]},proxy:!0}]),model:{value:n.WDrawer.bShow107a,callback:function(e){n.$set(n.WDrawer,"bShow107a",e)},expression:"WDrawer.bShow107a"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"mode"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow108=!n.WDrawer.bShow108}}},[n._v("Show("+n._s(n.WDrawer.bShow108)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{mode:"from-right"},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-left":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow108,callback:function(e){n.$set(n.WDrawer,"bShow108",e)},expression:"WDrawer.bShow108"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"mode & dragDrawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow109=!n.WDrawer.bShow109}}},[n._v("Show("+n._s(n.WDrawer.bShow109)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{mode:"from-right",dragDrawerWidth:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","_border-left":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow109,callback:function(e){n.$set(n.WDrawer,"bShow109",e)},expression:"WDrawer.bShow109"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow110=!n.WDrawer.bShow110}}},[n._v("Show("+n._s(n.WDrawer.bShow110)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow110,callback:function(e){n.$set(n.WDrawer,"bShow110",e)},expression:"WDrawer.bShow110"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & dragDrawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow111=!n.WDrawer.bShow111}}},[n._v("Show("+n._s(n.WDrawer.bShow111)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,dragDrawerWidth:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow111,callback:function(e){n.$set(n.WDrawer,"bShow111",e)},expression:"WDrawer.bShow111"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & dragDrawerWidth & drawerWidthMin & drawerWidthMax"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow112=!n.WDrawer.bShow112}}},[n._v("Show("+n._s(n.WDrawer.bShow112)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,dragDrawerWidth:!0,drawerWidthMin:150,drawerWidthMax:300},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow112,callback:function(e){n.$set(n.WDrawer,"bShow112",e)},expression:"WDrawer.bShow112"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & overlayOpacity"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow113=!n.WDrawer.bShow113}}},[n._v("Show("+n._s(n.WDrawer.bShow113)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,overlayOpacity:.1},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow113,callback:function(e){n.$set(n.WDrawer,"bShow113",e)},expression:"WDrawer.bShow113"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & mode"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow114=!n.WDrawer.bShow114}}},[n._v("Show("+n._s(n.WDrawer.bShow114)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,mode:"from-right"},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow114,callback:function(e){n.$set(n.WDrawer,"bShow114",e)},expression:"WDrawer.bShow114"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & mode & dragDrawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow115=!n.WDrawer.bShow115}}},[n._v("Show("+n._s(n.WDrawer.bShow115)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,mode:"from-right",dragDrawerWidth:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow115,callback:function(e){n.$set(n.WDrawer,"bShow115",e)},expression:"WDrawer.bShow115"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & mode & dragDrawerWidth & drawerWidthMin & drawerWidthMax"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow116=!n.WDrawer.bShow116}}},[n._v("Show("+n._s(n.WDrawer.bShow116)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,mode:"from-right",dragDrawerWidth:!0,drawerWidthMin:150,drawerWidthMax:300},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow116,callback:function(e){n.$set(n.WDrawer,"bShow116",e)},expression:"WDrawer.bShow116"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & afloatByFix"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow117=!n.WDrawer.bShow117}}},[n._v("Show("+n._s(n.WDrawer.bShow117)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,afloatByFix:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow117,callback:function(e){n.$set(n.WDrawer,"bShow117",e)},expression:"WDrawer.bShow117"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & afloatByFix & dragDrawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow118=!n.WDrawer.bShow118}}},[n._v("Show("+n._s(n.WDrawer.bShow118)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,afloatByFix:!0,dragDrawerWidth:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow118,callback:function(e){n.$set(n.WDrawer,"bShow118",e)},expression:"WDrawer.bShow118"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & afloatByFix & mode"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow119=!n.WDrawer.bShow119}}},[n._v("Show("+n._s(n.WDrawer.bShow119)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,afloatByFix:!0,mode:"from-right"},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow119,callback:function(e){n.$set(n.WDrawer,"bShow119",e)},expression:"WDrawer.bShow119"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-drawer",casename:"afloat & afloatByFix & mode & dragDrawerWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow120=!n.WDrawer.bShow120}}},[n._v("Show("+n._s(n.WDrawer.bShow120)+")")])],1),n._v(" "),t("w-drawer",{staticStyle:{width:"500px",height:"400px",border:"1px solid #ddd"},attrs:{afloat:!0,afloatByFix:!0,mode:"from-right",dragDrawerWidth:!0},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%",background:"#fff"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}]),model:{value:n.WDrawer.bShow120,callback:function(e){n.$set(n.WDrawer,"bShow120",e)},expression:"WDrawer.bShow120"}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-drawer",casename:"autoSwitchToHide & switchWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow121=!n.WDrawer.bShow121}}},[n._v("Show("+n._s(n.WDrawer.bShow121)+")")])],1),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"100%",height:"400px",border:"1px dashed #ec596b"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("w-drawer",{style:"width:"+e.width+"px; height:400px; border:1px solid #ddd;",attrs:{autoSwitchToHide:!0,_switchWidth:"WDrawer.drawerWidth*2",switchWidth:600},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}],null,!0),model:{value:n.WDrawer.bShow121,callback:function(e){n.$set(n.WDrawer,"bShow121",e)},expression:"WDrawer.bShow121"}})]}}])}),n._v(" "),t("div",{style:"position:absolute; top:0; left:600px; height:400px; border-right:1px dashed #62f;"})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-drawer",casename:"autoSwitchToShow & switchWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow122=!n.WDrawer.bShow122}}},[n._v("Show("+n._s(n.WDrawer.bShow122)+")")])],1),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"100%",height:"400px",border:"1px dashed #ec596b"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("w-drawer",{style:"width:"+e.width+"px; height:400px; border:1px solid #ddd;",attrs:{autoSwitchToShow:!0,_switchWidth:"WDrawer.drawerWidth*2",switchWidth:600},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}],null,!0),model:{value:n.WDrawer.bShow122,callback:function(e){n.$set(n.WDrawer,"bShow122",e)},expression:"WDrawer.bShow122"}})]}}])}),n._v(" "),t("div",{style:"position:absolute; top:0; left:600px; height:400px; border-right:1px dashed #62f;"})],1)],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-drawer",casename:"autoSwitchToFloat & switchWidth & afloat"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bShow123=!n.WDrawer.bShow123}}},[n._v("Show("+n._s(n.WDrawer.bShow123)+")")]),n._v(" "),t("v-btn",{attrs:{depressed:"",small:"",elevation:"2"},on:{click:function(e){n.WDrawer.bAfloat123=!n.WDrawer.bAfloat123}}},[n._v("afloat("+n._s(n.WDrawer.bAfloat123)+")")])],1),n._v(" "),t("div",{staticStyle:{position:"relative"}},[t("w-panel-divide-horizontal",{staticStyle:{width:"100%",height:"400px",border:"1px dashed #ec596b"},attrs:{barColor:"#f26"},scopedSlots:n._u([{key:"left",fn:function(e){return[t("w-drawer",{style:"width:"+e.width+"px; height:400px; border:1px solid #ddd;",attrs:{autoSwitchToFloat:!0,_switchWidth:"WDrawer.drawerWidth*2",switchWidth:600,afloat:n.WDrawer.bAfloat123},on:{"update:afloat":function(e){return n.$set(n.WDrawer,"bAfloat123",e)}},scopedSlots:n._u([{key:"drawer",fn:function(){return[t("w-list-vertical",{staticStyle:{height:"100%","border-right":"1px solid #ddd"},attrs:{items:n.WDrawer.listItems,itemActive:n.WDrawer.listItemActive},on:{"update:itemActive":function(e){return n.$set(n.WDrawer,"listItemActive",e)},"update:item-active":function(e){return n.$set(n.WDrawer,"listItemActive",e)}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{height:"100%","overflow-y":"auto"}},[t("div",{staticStyle:{padding:"10px","font-size":"1.2rem"}},[n._v(n._s(n.WDrawer.title))]),n._v(" "),t("div",{staticStyle:{padding:"0px 10px 10px 10px","font-size":"0.9rem"}},[n._v(n._s(n.WDrawer.content))])])]},proxy:!0}],null,!0),model:{value:n.WDrawer.bShow123,callback:function(e){n.$set(n.WDrawer,"bShow123",e)},expression:"WDrawer.bShow123"}})]}}])}),n._v(" "),t("div",{style:"position:absolute; top:0; left:600px; height:400px; border-right:1px dashed #62f;"})],1)],1)])])};ng._withStripped=!0;const eg=ya({render:ng,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-drawer")])])}]},(function(n){n&&n("data-v-790e7b78_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWDrawer.vue"},media:void 0})}),qv,"data-v-790e7b78",false,undefined,!1,xa,void 0,void 0);var tg={components:{demolink:nu,WButtonChip:Cu},props:{},data:function(){return{mdiWalletGiftcard:wl,mdiFaceMan:ll,mdiOrbit:"M8.11,1.75C9.3,1.25 10.62,1 12,1C18.08,1 23,5.92 23,12C23,18.08 18.08,23 12,23C5.92,23 1,18.08 1,12C1,10.62 1.25,9.3 1.72,8.08C2.24,8.61 2.83,8.96 3.45,9.18C3.16,10.07 3,11 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3C11,3 10.07,3.16 9.18,3.45C8.96,2.83 8.61,2.24 8.11,1.75M4.93,2.93C6.03,2.93 6.93,3.82 6.93,4.93A2,2 0 0,1 4.93,6.93C3.82,6.93 2.93,6.03 2.93,4.93C2.93,3.82 3.82,2.93 4.93,2.93M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7Z",mdiCheckUnderlineCircle:Ma,mdiYoutubeTv:"M2.5,4.5H21.5C22.34,4.5 23,5.15 23,6V17.5C23,18.35 22.34,19 21.5,19H2.5C1.65,19 1,18.35 1,17.5V6C1,5.15 1.65,4.5 2.5,4.5M9.71,8.5V15L15.42,11.7L9.71,8.5M17.25,21H6.65C6.35,21 6.15,20.8 6.15,20.5C6.15,20.2 6.35,20 6.65,20H17.35C17.65,20 17.85,20.2 17.85,20.5C17.85,20.8 17.55,21 17.25,21Z",mdiCodepen:rl,mdiShakerOutline:"M16.88 4L16.88 4L19.03 6.1L13.5 10.5L12.5 9.5L16.87 4L16.88 4M16.88 2C16.3 2 15.73 2.24 15.33 2.72L9.8 9.65L13.34 13.19L20.28 7.67C21.18 6.91 21.25 5.54 20.41 4.7L18.3 2.59C17.9 2.19 17.39 2 16.88 2M9.1 10.36L8.39 11.07C8 11.46 8 12.09 8.39 12.5L10.5 14.6C10.71 14.8 10.96 14.89 11.22 14.89S11.73 14.8 11.93 14.6L12.63 13.9L9.1 10.36M6 15C5.45 15 5 15.45 5 16C5 16.55 5.45 17 6 17C6.55 17 7 16.55 7 16C7 15.45 6.55 15 6 15M9 16C8.45 16 8 16.45 8 17S8.45 18 9 18C9.55 18 10 17.55 10 17S9.55 16 9 16M4 18C3.45 18 3 18.45 3 19S3.45 20 4 20C4.55 20 5 19.55 5 19S4.55 18 4 18M7 19C6.45 19 6 19.45 6 20S6.45 21 7 21C7.55 21 8 20.55 8 20S7.55 19 7 19Z",mdiFlaskRoundBottom:"M19 15C19 18.87 15.87 22 12 22C8.13 22 5 18.87 5 15C5 12.21 6.64 9.8 9 8.67V5C9 4.45 9.45 4 10 4H10.5L9.5 2H14.5L13.5 4H14C14.55 4 15 4.45 15 5V8.67C17.36 9.8 19 12.21 19 15M11 6V10.1C8.72 10.56 7 12.58 7 15L7.08 15.91L9 13.93L13.07 18L16.93 14.14C16.58 12.12 15 10.5 13 10.1V6H11M13.07 12C13.62 12 14.07 12.45 14.07 13C14.07 13.55 13.62 14 13.07 14C12.5 14 12.07 13.55 12.07 13C12.07 12.45 12.5 12 13.07 12Z",mdiShoePrint:"M10.74,11.72C11.21,12.95 11.16,14.23 9.75,14.74C6.85,15.81 6.2,13 6.16,12.86L10.74,11.72M5.71,10.91L10.03,9.84C9.84,8.79 10.13,7.74 10.13,6.5C10.13,4.82 8.8,1.53 6.68,2.06C4.26,2.66 3.91,5.35 4,6.65C4.12,7.95 5.64,10.73 5.71,10.91M17.85,19.85C17.82,20 17.16,22.8 14.26,21.74C12.86,21.22 12.8,19.94 13.27,18.71L17.85,19.85M20,13.65C20.1,12.35 19.76,9.65 17.33,9.05C15.22,8.5 13.89,11.81 13.89,13.5C13.89,14.73 14.17,15.78 14,16.83L18.3,17.9C18.38,17.72 19.89,14.94 20,13.65Z",WButtonChip:{text:"aBc數字123",prog:null,loading:!1},actions:[{mode:"elemove",selector:'button[type="button"]'}]}},methods:{ckBtn:function(){console.log("ckBtn")},ckBtnClose:function(){console.log("ckBtnClose")},ckBtnItem1:function(){console.log("ckBtnItem1")},ckBtnItem2:function(){console.log("ckBtnItem2")},ckBtnProg:function(){console.log("ckBtnProg");let n=this,e=0,t=setInterval((function(){e+=.5,n.WButtonChip.prog=e,e>=100&&(n.WButtonChip.prog=null,clearInterval(t))}),10)},ckBtnModProg:function(n){n.setProg(0);try{setTimeout((function(){let e=0,t=setInterval((function(){e+=.5,n.setProg(e),e>=100&&clearInterval(t)}),10)}),1e3)}catch(e){n.setProg(null)}},ckBtnLoading:function(){console.log("ckBtnLoading");let n=this;n.WButtonChip.loading=!0,setTimeout((function(){n.WButtonChip.loading=!1}),2e3)},ckBtnModLoading:function(n){console.log("ckBtnModLoading",n),n.setLoading(!0),setTimeout((function(){n.setLoading(!1)}),2e3)},ckBtnPmUnlock:function(n){console.log("ckBtnPmUnlock",n),setTimeout((function(){console.log("finish"),n.pm.resolve()}),2e3)}}};const og=tg;var rg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"default"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"paddingStyle (thin style)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,paddingStyle:{v:0,h:8}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"paddingStyle (equal height to using icon)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,paddingStyle:{v:4,h:15}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon (material)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiWalletGiftcard}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon (fontawesome)"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:"fas fa-clipboard-check"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon & no text"}}),n._v(" "),t("w-button-chip",{attrs:{icon:n.mdiWalletGiftcard}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"shiftLeft"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiYoutubeTv,shiftLeft:8}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip & tooltipBorderRadius"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipBorderRadius:10}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip & tooltipPaddingStyle"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipPaddingStyle:{v:10,h:13}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip & tooltipTextFontSize"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipTextFontSize:"0.7rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"tooltip & tooltipTextColor & tooltipBackgroundColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipTextColor:"#E65100",tooltipBackgroundColor:"#FFF3E0"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"close"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,close:!0},on:{click:n.ckBtn,"click-close":n.ckBtnClose}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"close & shiftRight"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,close:!0,shiftRight:5},on:{click:n.ckBtn,"click-close":n.ckBtnClose}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"slot & close"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,close:!0},on:{click:n.ckBtn,"click-close":n.ckBtnClose}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-left":"-9px","margin-right":"5px",display:"flex"}},[t("w-button-chip",{attrs:{text:"Download",textFontSize:"0.75rem",paddingStyle:{v:0,h:8},textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(250,50,120,0.9)",backgroundColorHover:"rgba(250,50,120,0.9)"},on:{click:n.ckBtnItem1}})],1),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("w-button-chip",{attrs:{text:"View",textFontSize:"0.75rem",paddingStyle:{v:0,h:8},textColor:"#fff",textColorHover:"#fff",backgroundColor:"rgba(200,20,170,0.9)",backgroundColorHover:"rgba(200,20,170,0.9)"},on:{click:n.ckBtnItem2}})],1)])])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"paddingStyle & icon & iconSize & textFontSize"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,paddingStyle:{v:10,h:24},icon:n.mdiCodepen,iconSize:26,textFontSize:"0.9rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"textColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,textColor:"light-blue darken-3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"textColor & textColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,textColor:"purple darken-1",textColorHover:"purple darken-4"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & textColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,active:!0,textColorActive:"white"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"icon & iconColor & iconColorHover & close"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiWalletGiftcard,iconColor:"orange",iconColorHover:"orange darken-2",close:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & iconColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,iconColorActive:"black"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"rippleColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,rippleColor:"rgba(255,120,255,0.3)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderRadius"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadius:0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderRadiusStyle"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{left:!0}}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{right:!0}}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{top:!0}}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderRadiusStyle:{bottom:!0}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderWidth"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{left:1},borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{right:1},borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{top:1},borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderWidth:{bottom:1},borderColor:"#aaa",borderColorHover:"#aaa"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderRadiusStyle & borderWidth & borderColor & borderColorHover & no shadow"}}),n._v(" "),t("div",{staticStyle:{display:"flex"}},[t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiShakerOutline,borderRadiusStyle:{left:!0},borderColor:"#aaa",borderColorHover:"#aaa",shadow:!1}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiFlaskRoundBottom,borderRadiusStyle:{},borderWidth:{top:1,bottom:1},shadow:!1,borderColor:"#aaa",borderColorHover:"#aaa"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiShoePrint,borderRadiusStyle:{right:!0},shadow:!1,borderColor:"#aaa",borderColorHover:"#aaa"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"borderColor & borderColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,borderColor:"transparent",borderColorHover:"#aaa"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & borderColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,borderColorActive:"deep-orange lighten-2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"backgroundColor & backgroundColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,backgroundColor:"grey lighten-2",backgroundColorHover:"grey lighten-3"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & backgroundColorActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,backgroundColorActive:"light-blue darken-2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"no shadow"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,shadow:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"shadowStyle"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,shadowStyle:"0 12px 20px -10px rgba(60,30,255,0.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(60,30,255,0.2)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & shadowActiveStyle"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,shadowActiveStyle:"0 12px 20px -10px rgba(100,100,100,0.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(100,100,100,0.2)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"active & no shadow & no shadowActive"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,active:!0,shadow:!1,shadowActive:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"prog"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,prog:n.WButtonChip.prog},on:{click:n.ckBtnProg}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"prog & progColor & progBackgroundColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,prog:n.WButtonChip.prog,progColor:"rgba(250,50,150,0.4)",progBackgroundColor:"rgba(250,50,150,0.075)"},on:{click:n.ckBtnProg}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"modify prog by callback in click"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,prog:n.WButtonChip.prog},on:{"update:prog":function(e){return n.$set(n.WButtonChip,"prog",e)},click:n.ckBtnModProg}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"loading"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,loading:n.WButtonChip.loading},on:{click:n.ckBtnLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"loading & textColor & textColorHover"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,textColor:"rgba(255,30,60,0.9)",textColorHover:"rgba(255,30,60,0.8)",loading:n.WButtonChip.loading},on:{click:n.ckBtnLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"loading & loadingColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,loadingColor:"rgba(255,30,60,0.9)",loading:n.WButtonChip.loading},on:{click:n.ckBtnLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"modify loading by callback in click"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,loading:n.WButtonChip.loading},on:{"update:loading":function(e){return n.$set(n.WButtonChip,"loading",e)},click:n.ckBtnModLoading}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"promiseUnlock"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,promiseUnlock:!0},on:{click:n.ckBtnPmUnlock}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"not editable"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,_textColor:"'#fff'",_iconColor:"'#fff'",_backgroundColor:"'#000'",editable:!1},on:{click:n.ckBtn}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-chip",casename:"not editable & disabledColor"}}),n._v(" "),t("w-button-chip",{attrs:{text:n.WButtonChip.text,icon:n.mdiCheckUnderlineCircle,_textColor:"'#fff'",_iconColor:"'#fff'",_backgroundColor:"'#000'",editable:!1,disabledColor:"rgba(255,200,220,0.7)"},on:{click:n.ckBtn}})],1)])])};rg._withStripped=!0;const ig=ya({render:rg,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-button-chip")])])}]},(function(n){n&&n("data-v-97b04f4e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWButtonChip.vue"},media:void 0})}),og,"data-v-97b04f4e",false,undefined,!1,xa,void 0,void 0);const ag={components:{demolink:nu,WButtonCircle:Ud},props:{},data:function(){return{mdiWalletGiftcard:wl,mdiFaceMan:ll,mdiCheckUnderlineCircle:Ma,WButtonCircle:{},actions:[{mode:"elemove",selector:'button[type="button"]'}]}},methods:{ckBtnPmUnlock:function(n){console.log("ckBtnPmUnlock",n),setTimeout((function(){console.log("finish"),n.pm.resolve()}),2e3)}}};var lg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"bkh"},[n._m(0),n._v(" "),t("div",[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"icon (material)"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiWalletGiftcard}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"icon (fontawesome)"}}),n._v(" "),t("w-button-circle",{attrs:{icon:"fas fa-pause-circle"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip & tooltipBorderRadius"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipBorderRadius:10}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip & tooltipPaddingStyle"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipPaddingStyle:{v:10,h:13}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip & tooltipTextFontSize"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipTextFontSize:"0.7rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"tooltip & tooltipTextColor & tooltipBackgroundColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiFaceMan,tooltip:"測試中文tooltip",tooltipTextColor:"#E65100",tooltipBackgroundColor:"#FFF3E0"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"iconColor & iconColorHover & iconColorFocus"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,iconColor:"rgba(244, 81, 30, 0.7)",iconColorHover:"rgba(244, 81, 30, 0.8)",iconColorFocus:"rgba(244, 81, 30, 1)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"backgroundColor & backgroundColorHover & backgroundColorFocus"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,backgroundColor:"rgba(225, 190, 231, 0.5)",backgroundColorHover:"rgba(225, 190, 231, 0.75)",backgroundColorFocus:"rgba(225, 190, 231, 1)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"borderWidth & borderColor & borderColorHover & borderColorFocus"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"15px",background:"#888"}},[t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderWidth:1,borderColor:"#aaa",borderColorHover:"#ccc",borderColorFocus:"#eee"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"borderRadius"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderRadius:4}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"borderRadiusStyle(horizontal btns)"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block","border-radius":"8px","box-shadow":"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)"}},[t("div",{staticStyle:{display:"flex"}},[t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderRadius:8,borderRadiusStyle:{topLeft:!0,bottomLeft:!0,topRight:!1,bottomRight:!1},shadow:!1}}),n._v(" "),t("div",{staticStyle:{"border-left":"1px solid #ddd"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderRadius:8,borderRadiusStyle:{topLeft:!1,bottomLeft:!1,topRight:!0,bottomRight:!0},shadow:!1}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"borderRadiusStyle(vertical btns)"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block","border-radius":"8px","box-shadow":"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)"}},[t("div",{staticStyle:{display:"flex","flex-direction":"column"}},[t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderRadius:8,borderRadiusStyle:{topLeft:!0,bottomLeft:!1,topRight:!0,bottomRight:!1},shadow:!1}}),n._v(" "),t("div",{staticStyle:{"border-top":"1px solid #ddd"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,borderRadius:8,borderRadiusStyle:{topLeft:!1,bottomLeft:!0,topRight:!1,bottomRight:!0},shadow:!1}})],1)])],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"active & iconColor & iconColorHover & iconColorFocus & iconColorActive"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,active:!0,iconColor:"rgba(244, 81, 30, 0.7)",iconColorHover:"rgba(244, 81, 30, 0.8)",iconColorFocus:"rgba(244, 81, 30, 1)",iconColorActive:"#f26"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"active & borderWidth & borderColor & borderColorHover & borderColorFocus & borderColorActive"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"15px",background:"#888"}},[t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,active:!0,borderWidth:1,borderColor:"#aaa",borderColorHover:"#ccc",borderColorFocus:"#eee",borderColorActive:"#fff"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"active & backgroundColor & backgroundColorHover & backgroundColorFocus & backgroundColorActive"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,active:!0,backgroundColor:"rgba(225, 190, 231, 0.5)",backgroundColorHover:"rgba(225, 190, 231, 0.75)",backgroundColorFocus:"rgba(225, 190, 231, 1)",backgroundColorActive:"#FFF3E0"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"rippleColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,rippleColor:"rgba(0,20,255,0.3)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"paddingStyle"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,paddingStyle:{v:0,h:0}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"paddingStyle & iconSize"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,paddingStyle:{v:8,h:8},iconSize:30}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"no shadow"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiWalletGiftcard,shadow:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"shadowStyle"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiWalletGiftcard,shadowStyle:"0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"loading"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,loading:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"loading & loadingColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,loadingColor:"red accent-3",loading:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"promiseUnlock"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,promiseUnlock:!0},on:{click:n.ckBtnPmUnlock}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"not editable"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,editable:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-button-circle",casename:"not editable & disabledColor"}}),n._v(" "),t("w-button-circle",{attrs:{icon:n.mdiCheckUnderlineCircle,editable:!1,disabledColor:"rgba(255,200,220,0.7)"}})],1)])])};lg._withStripped=!0;const sg=ya({render:lg,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-button-circle")])])}]},(function(n){n&&n("data-v-4580fb94_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWButtonCircle.vue"},media:void 0})}),ag,"data-v-4580fb94",false,undefined,!1,xa,void 0,void 0);function cg(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return Wi(n)&&Ql(e)?(n=_i(n),Hi(n,e).toFixed(e)):""}
 /*!
    *  decimal.js v10.5.0
    *  An arbitrary-precision Decimal type for JavaScript.