npm - w-component-vue - Versions diffs - 2.4.49 → 2.4.50 - Mend

w-component-vue 2.4.49 → 2.4.50

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

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

@@ -1,5 +1,5 @@
 /*!
- * w-component-vue v2.4.49
+ * w-component-vue v2.4.50
  * (c) 2018-2021 yuda-lyu(semisphere)
  * Released under the MIT License.
  */
@@ -10,5 +10,5 @@
      *  https://github.com/MikeMcl/decimal.js
      *  Copyright (c) 2025 Michael Mclaughlin <M8ch88l@gmail.com>
      *  MIT Licence
-     */var ic,lc,ac=9e15,dc=1e9,uc="0123456789abcdef",sc="2.3025850929940456840179914546843642076011014886287729760333279009675726096773524802359972050895982983419677840422862486334095254650828067566662873690987816894829072083255546808437998948262331985283935053089653777326288461633662222876982198867465436674744042432743651550489343149393914796194044002221051017141748003688084012647080685567743216228355220114804663715659121373450747856947683463616792101806445070648000277502684916746550586856935673420670581136429224554405758925724208241314695689016758940256776311356919292033376587141660230105703089634572075440370847469940168269282808481184289314848524948644871927809676271275775397027668605952496716674183485704422507197965004714951050492214776567636938662976979522110718264549734772662425709429322582798502585509785265383207606726317164309505995087807523710333101197857547331541421808427543863591778117054309827482385045648019095610299291824318237525357709750539565187697510374970888692180205189339507238539205144634197265287286965110862571492198849978748873771345686209167058",cc="3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679821480865132823066470938446095505822317253594081284811174502841027019385211055596446229489549303819644288109756659334461284756482337867831652712019091456485669234603486104543266482133936072602491412737245870066063155881748815209209628292540917153643678925903600113305305488204665213841469519415116094330572703657595919530921861173819326117931051185480744623799627495673518857527248912279381830119491298336733624406566430860213949463952247371907021798609437027705392171762931767523846748184676694051320005681271452635608277857713427577896091736371787214684409012249534301465495853710507922796892589235420199561121290219608640344181598136297747713099605187072113499999983729780499510597317328160963185950244594553469083026425223082533446850352619311881710100031378387528865875332083814206171776691473035982534904287554687311595628638823537875937519577818577805321712268066130019278766111959092164201989380952572010654858632789",pc={precision:20,rounding:4,modulo:1,toExpNeg:-7,toExpPos:21,minE:-ac,maxE:ac,crypto:!1},fc=!0,gc="[DecimalError] ",hc=gc+"Invalid argument: ",mc=gc+"Precision limit exceeded",vc=gc+"crypto unavailable",yc="[object Decimal]",bc=Math.floor,Cc=Math.pow,xc=/^0b([01]+(\.[01]*)?|\.[01]+)(p[+-]?\d+)?$/i,Sc=/^0x([0-9a-f]+(\.[0-9a-f]*)?|\.[0-9a-f]+)(p[+-]?\d+)?$/i,Ic=/^0o([0-7]+(\.[0-7]*)?|\.[0-7]+)(p[+-]?\d+)?$/i,wc=/^(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,kc=1e7,Tc=sc.length-1,Bc=cc.length-1,Hc={toStringTag:yc};function Ac(n){var e,t,r,o=n.length-1,i="",l=n[0];if(o>0){for(i+=l,e=1;e<o;e++)(t=7-(r=n[e]+"").length)&&(i+=Dc(t)),i+=r;(t=7-(r=(l=n[e])+"").length)&&(i+=Dc(t))}else if(0===l)return"0";for(;l%10==0;)l/=10;return i+l}function Wc(n,e,t){if(n!==~~n||n<e||n>t)throw Error(hc+n)}function Fc(n,e,t,r){var o,i,l,a;for(i=n[0];i>=10;i/=10)--e;return--e<0?(e+=7,o=0):(o=Math.ceil((e+1)/7),e%=7),i=Cc(10,7-e),a=n[o]%i|0,null==r?e<3?(0==e?a=a/100|0:1==e&&(a=a/10|0),l=t<4&&99999==a||t>3&&49999==a||5e4==a||0==a):l=(t<4&&a+1==i||t>3&&a+1==i/2)&&(n[o+1]/i/100|0)==Cc(10,e-2)-1||(a==i/2||0==a)&&!(n[o+1]/i/100|0):e<4?(0==e?a=a/1e3|0:1==e?a=a/100|0:2==e&&(a=a/10|0),l=(r||t<4)&&9999==a||!r&&t>3&&4999==a):l=((r||t<4)&&a+1==i||!r&&t>3&&a+1==i/2)&&(n[o+1]/i/1e3|0)==Cc(10,e-3)-1,l}function Zc(n,e,t){for(var r,o,i=[0],l=0,a=n.length;l<a;){for(o=i.length;o--;)i[o]*=e;for(i[0]+=uc.indexOf(n.charAt(l++)),r=0;r<i.length;r++)i[r]>t-1&&(void 0===i[r+1]&&(i[r+1]=0),i[r+1]+=i[r]/t|0,i[r]%=t)}return i.reverse()}Hc.absoluteValue=Hc.abs=function(){var n=new this.constructor(this);return n.s<0&&(n.s=1),Rc(n)},Hc.ceil=function(){return Rc(new this.constructor(this),this.e+1,2)},Hc.clampedTo=Hc.clamp=function(n,e){var t=this,r=t.constructor;if(n=new r(n),e=new r(e),!n.s||!e.s)return new r(NaN);if(n.gt(e))throw Error(hc+e);return t.cmp(n)<0?n:t.cmp(e)>0?e:new r(t)},Hc.comparedTo=Hc.cmp=function(n){var e,t,r,o,i=this,l=i.d,a=(n=new i.constructor(n)).d,d=i.s,u=n.s;if(!l||!a)return d&&u?d!==u?d:l===a?0:!l^d<0?1:-1:NaN;if(!l[0]||!a[0])return l[0]?d:a[0]?-u:0;if(d!==u)return d;if(i.e!==n.e)return i.e>n.e^d<0?1:-1;for(e=0,t=(r=l.length)<(o=a.length)?r:o;e<t;++e)if(l[e]!==a[e])return l[e]>a[e]^d<0?1:-1;return r===o?0:r>o^d<0?1:-1},Hc.cosine=Hc.cos=function(){var n,e,t=this,r=t.constructor;return t.d?t.d[0]?(n=r.precision,e=r.rounding,r.precision=n+Math.max(t.e,t.sd())+7,r.rounding=1,t=function(n,e){var t,r,o;if(e.isZero())return e;r=e.d.length,r<32?o=(1/Ec(4,t=Math.ceil(r/3))).toString():(t=16,o="2.3283064365386962890625e-10");n.precision+=t,e=Jc(n,1,e.times(o),new n(1));for(var i=t;i--;){var l=e.times(e);e=l.times(l).minus(l).times(8).plus(1)}return n.precision-=t,e}(r,Uc(r,t)),r.precision=n,r.rounding=e,Rc(2==lc||3==lc?t.neg():t,n,e,!0)):new r(1):new r(NaN)},Hc.cubeRoot=Hc.cbrt=function(){var n,e,t,r,o,i,l,a,d,u,s=this,c=s.constructor;if(!s.isFinite()||s.isZero())return new c(s);for(fc=!1,(i=s.s*Cc(s.s*s,1/3))&&Math.abs(i)!=1/0?r=new c(i.toString()):(t=Ac(s.d),(i=((n=s.e)-t.length+1)%3)&&(t+=1==i||-2==i?"0":"00"),i=Cc(t,1/3),n=bc((n+1)/3)-(n%3==(n<0?-1:2)),(r=new c(t=i==1/0?"5e"+n:(t=i.toExponential()).slice(0,t.indexOf("e")+1)+n)).s=s.s),l=(n=c.precision)+3;;)if(u=(d=(a=r).times(a).times(a)).plus(s),r=Xc(u.plus(s).times(a),u.plus(d),l+2,1),Ac(a.d).slice(0,l)===(t=Ac(r.d)).slice(0,l)){if("9999"!=(t=t.slice(l-3,l+1))&&(o||"4999"!=t)){+t&&(+t.slice(1)||"5"!=t.charAt(0))||(Rc(r,n+1,1),e=!r.times(r).times(r).eq(s));break}if(!o&&(Rc(a,n+1,0),a.times(a).times(a).eq(s))){r=a;break}l+=4,o=1}return fc=!0,Rc(r,n,c.rounding,e)},Hc.decimalPlaces=Hc.dp=function(){var n,e=this.d,t=NaN;if(e){if(t=7*((n=e.length-1)-bc(this.e/7)),n=e[n])for(;n%10==0;n/=10)t--;t<0&&(t=0)}return t},Hc.dividedBy=Hc.div=function(n){return Xc(this,new this.constructor(n))},Hc.dividedToIntegerBy=Hc.divToInt=function(n){var e=this.constructor;return Rc(Xc(this,new e(n),0,1,1),e.precision,e.rounding)},Hc.equals=Hc.eq=function(n){return 0===this.cmp(n)},Hc.floor=function(){return Rc(new this.constructor(this),this.e+1,3)},Hc.greaterThan=Hc.gt=function(n){return this.cmp(n)>0},Hc.greaterThanOrEqualTo=Hc.gte=function(n){var e=this.cmp(n);return 1==e||0===e},Hc.hyperbolicCosine=Hc.cosh=function(){var n,e,t,r,o,i=this,l=i.constructor,a=new l(1);if(!i.isFinite())return new l(i.s?1/0:NaN);if(i.isZero())return a;t=l.precision,r=l.rounding,l.precision=t+Math.max(i.e,i.sd())+4,l.rounding=1,(o=i.d.length)<32?e=(1/Ec(4,n=Math.ceil(o/3))).toString():(n=16,e="2.3283064365386962890625e-10"),i=Jc(l,1,i.times(e),new l(1),!0);for(var d,u=n,s=new l(8);u--;)d=i.times(i),i=a.minus(d.times(s.minus(d.times(s))));return Rc(i,l.precision=t,l.rounding=r,!0)},Hc.hyperbolicSine=Hc.sinh=function(){var n,e,t,r,o=this,i=o.constructor;if(!o.isFinite()||o.isZero())return new i(o);if(e=i.precision,t=i.rounding,i.precision=e+Math.max(o.e,o.sd())+4,i.rounding=1,(r=o.d.length)<3)o=Jc(i,2,o,o,!0);else{n=(n=1.4*Math.sqrt(r))>16?16:0|n,o=Jc(i,2,o=o.times(1/Ec(5,n)),o,!0);for(var l,a=new i(5),d=new i(16),u=new i(20);n--;)l=o.times(o),o=o.times(a.plus(l.times(d.times(l).plus(u))))}return i.precision=e,i.rounding=t,Rc(o,e,t,!0)},Hc.hyperbolicTangent=Hc.tanh=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+7,r.rounding=1,Xc(t.sinh(),t.cosh(),r.precision=n,r.rounding=e)):new r(t.s)},Hc.inverseCosine=Hc.acos=function(){var n=this,e=n.constructor,t=n.abs().cmp(1),r=e.precision,o=e.rounding;return-1!==t?0===t?n.isNeg()?Lc(e,r,o):new e(0):new e(NaN):n.isZero()?Lc(e,r+4,o).times(.5):(e.precision=r+6,e.rounding=1,n=new e(1).minus(n).div(n.plus(1)).sqrt().atan(),e.precision=r,e.rounding=o,n.times(2))},Hc.inverseHyperbolicCosine=Hc.acosh=function(){var n,e,t=this,r=t.constructor;return t.lte(1)?new r(t.eq(1)?0:NaN):t.isFinite()?(n=r.precision,e=r.rounding,r.precision=n+Math.max(Math.abs(t.e),t.sd())+4,r.rounding=1,fc=!1,t=t.times(t).minus(1).sqrt().plus(t),fc=!0,r.precision=n,r.rounding=e,t.ln()):new r(t)},Hc.inverseHyperbolicSine=Hc.asinh=function(){var n,e,t=this,r=t.constructor;return!t.isFinite()||t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+2*Math.max(Math.abs(t.e),t.sd())+6,r.rounding=1,fc=!1,t=t.times(t).plus(1).sqrt().plus(t),fc=!0,r.precision=n,r.rounding=e,t.ln())},Hc.inverseHyperbolicTangent=Hc.atanh=function(){var n,e,t,r,o=this,i=o.constructor;return o.isFinite()?o.e>=0?new i(o.abs().eq(1)?o.s/0:o.isZero()?o:NaN):(n=i.precision,e=i.rounding,r=o.sd(),Math.max(r,n)<2*-o.e-1?Rc(new i(o),n,e,!0):(i.precision=t=r-o.e,o=Xc(o.plus(1),new i(1).minus(o),t+n,1),i.precision=n+4,i.rounding=1,o=o.ln(),i.precision=n,i.rounding=e,o.times(.5))):new i(NaN)},Hc.inverseSine=Hc.asin=function(){var n,e,t,r,o=this,i=o.constructor;return o.isZero()?new i(o):(e=o.abs().cmp(1),t=i.precision,r=i.rounding,-1!==e?0===e?((n=Lc(i,t+4,r).times(.5)).s=o.s,n):new i(NaN):(i.precision=t+6,i.rounding=1,o=o.div(new i(1).minus(o.times(o)).sqrt().plus(1)).atan(),i.precision=t,i.rounding=r,o.times(2)))},Hc.inverseTangent=Hc.atan=function(){var n,e,t,r,o,i,l,a,d,u=this,s=u.constructor,c=s.precision,p=s.rounding;if(u.isFinite()){if(u.isZero())return new s(u);if(u.abs().eq(1)&&c+4<=Bc)return(l=Lc(s,c+4,p).times(.25)).s=u.s,l}else{if(!u.s)return new s(NaN);if(c+4<=Bc)return(l=Lc(s,c+4,p).times(.5)).s=u.s,l}for(s.precision=a=c+10,s.rounding=1,n=t=Math.min(28,a/7+2|0);n;--n)u=u.div(u.times(u).plus(1).sqrt().plus(1));for(fc=!1,e=Math.ceil(a/7),r=1,d=u.times(u),l=new s(u),o=u;-1!==n;)if(o=o.times(d),i=l.minus(o.div(r+=2)),o=o.times(d),void 0!==(l=i.plus(o.div(r+=2))).d[e])for(n=e;l.d[n]===i.d[n]&&n--;);return t&&(l=l.times(2<<t-1)),fc=!0,Rc(l,s.precision=c,s.rounding=p,!0)},Hc.isFinite=function(){return!!this.d},Hc.isInteger=Hc.isInt=function(){return!!this.d&&bc(this.e/7)>this.d.length-2},Hc.isNaN=function(){return!this.s},Hc.isNegative=Hc.isNeg=function(){return this.s<0},Hc.isPositive=Hc.isPos=function(){return this.s>0},Hc.isZero=function(){return!!this.d&&0===this.d[0]},Hc.lessThan=Hc.lt=function(n){return this.cmp(n)<0},Hc.lessThanOrEqualTo=Hc.lte=function(n){return this.cmp(n)<1},Hc.logarithm=Hc.log=function(n){var e,t,r,o,i,l,a,d,u=this,s=u.constructor,c=s.precision,p=s.rounding;if(null==n)n=new s(10),e=!0;else{if(t=(n=new s(n)).d,n.s<0||!t||!t[0]||n.eq(1))return new s(NaN);e=n.eq(10)}if(t=u.d,u.s<0||!t||!t[0]||u.eq(1))return new s(t&&!t[0]?-1/0:1!=u.s?NaN:t?0:1/0);if(e)if(t.length>1)i=!0;else{for(o=t[0];o%10==0;)o/=10;i=1!==o}if(fc=!1,l=_c(u,a=c+5),r=e?zc(s,a+10):_c(n,a),Fc((d=Xc(l,r,a,1)).d,o=c,p))do{if(l=_c(u,a+=10),r=e?zc(s,a+10):_c(n,a),d=Xc(l,r,a,1),!i){+Ac(d.d).slice(o+1,o+15)+1==1e14&&(d=Rc(d,c+1,0));break}}while(Fc(d.d,o+=10,p));return fc=!0,Rc(d,c,p)},Hc.minus=Hc.sub=function(n){var e,t,r,o,i,l,a,d,u,s,c,p,f=this,g=f.constructor;if(n=new g(n),!f.d||!n.d)return f.s&&n.s?f.d?n.s=-n.s:n=new g(n.d||f.s!==n.s?f:NaN):n=new g(NaN),n;if(f.s!=n.s)return n.s=-n.s,f.plus(n);if(u=f.d,p=n.d,a=g.precision,d=g.rounding,!u[0]||!p[0]){if(p[0])n.s=-n.s;else{if(!u[0])return new g(3===d?-0:0);n=new g(f)}return fc?Rc(n,a,d):n}if(t=bc(n.e/7),s=bc(f.e/7),u=u.slice(),i=s-t){for((c=i<0)?(e=u,i=-i,l=p.length):(e=p,t=s,l=u.length),i>(r=Math.max(Math.ceil(a/7),l)+2)&&(i=r,e.length=1),e.reverse(),r=i;r--;)e.push(0);e.reverse()}else{for((c=(r=u.length)<(l=p.length))&&(l=r),r=0;r<l;r++)if(u[r]!=p[r]){c=u[r]<p[r];break}i=0}for(c&&(e=u,u=p,p=e,n.s=-n.s),l=u.length,r=p.length-l;r>0;--r)u[l++]=0;for(r=p.length;r>i;){if(u[--r]<p[r]){for(o=r;o&&0===u[--o];)u[o]=kc-1;--u[o],u[r]+=kc}u[r]-=p[r]}for(;0===u[--l];)u.pop();for(;0===u[0];u.shift())--t;return u[0]?(n.d=u,n.e=Pc(u,t),fc?Rc(n,a,d):n):new g(3===d?-0:0)},Hc.modulo=Hc.mod=function(n){var e,t=this,r=t.constructor;return n=new r(n),!t.d||!n.s||n.d&&!n.d[0]?new r(NaN):!n.d||t.d&&!t.d[0]?Rc(new r(t),r.precision,r.rounding):(fc=!1,9==r.modulo?(e=Xc(t,n.abs(),0,3,1)).s*=n.s:e=Xc(t,n,0,r.modulo,1),e=e.times(n),fc=!0,t.minus(e))},Hc.naturalExponential=Hc.exp=function(){return Yc(this)},Hc.naturalLogarithm=Hc.ln=function(){return _c(this)},Hc.negated=Hc.neg=function(){var n=new this.constructor(this);return n.s=-n.s,Rc(n)},Hc.plus=Hc.add=function(n){var e,t,r,o,i,l,a,d,u,s,c=this,p=c.constructor;if(n=new p(n),!c.d||!n.d)return c.s&&n.s?c.d||(n=new p(n.d||c.s===n.s?c:NaN)):n=new p(NaN),n;if(c.s!=n.s)return n.s=-n.s,c.minus(n);if(u=c.d,s=n.d,a=p.precision,d=p.rounding,!u[0]||!s[0])return s[0]||(n=new p(c)),fc?Rc(n,a,d):n;if(i=bc(c.e/7),r=bc(n.e/7),u=u.slice(),o=i-r){for(o<0?(t=u,o=-o,l=s.length):(t=s,r=i,l=u.length),o>(l=(i=Math.ceil(a/7))>l?i+1:l+1)&&(o=l,t.length=1),t.reverse();o--;)t.push(0);t.reverse()}for((l=u.length)-(o=s.length)<0&&(o=l,t=s,s=u,u=t),e=0;o;)e=(u[--o]=u[o]+s[o]+e)/kc|0,u[o]%=kc;for(e&&(u.unshift(e),++r),l=u.length;0==u[--l];)u.pop();return n.d=u,n.e=Pc(u,r),fc?Rc(n,a,d):n},Hc.precision=Hc.sd=function(n){var e,t=this;if(void 0!==n&&n!==!!n&&1!==n&&0!==n)throw Error(hc+n);return t.d?(e=Nc(t.d),n&&t.e+1>e&&(e=t.e+1)):e=NaN,e},Hc.round=function(){var n=this,e=n.constructor;return Rc(new e(n),n.e+1,e.rounding)},Hc.sine=Hc.sin=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+Math.max(t.e,t.sd())+7,r.rounding=1,t=function(n,e){var t,r=e.d.length;if(r<3)return e.isZero()?e:Jc(n,2,e,e);t=(t=1.4*Math.sqrt(r))>16?16:0|t,e=e.times(1/Ec(5,t)),e=Jc(n,2,e,e);for(var o,i=new n(5),l=new n(16),a=new n(20);t--;)o=e.times(e),e=e.times(i.plus(o.times(l.times(o).minus(a))));return e}(r,Uc(r,t)),r.precision=n,r.rounding=e,Rc(lc>2?t.neg():t,n,e,!0)):new r(NaN)},Hc.squareRoot=Hc.sqrt=function(){var n,e,t,r,o,i,l=this,a=l.d,d=l.e,u=l.s,s=l.constructor;if(1!==u||!a||!a[0])return new s(!u||u<0&&(!a||a[0])?NaN:a?l:1/0);for(fc=!1,0==(u=Math.sqrt(+l))||u==1/0?(((e=Ac(a)).length+d)%2==0&&(e+="0"),u=Math.sqrt(e),d=bc((d+1)/2)-(d<0||d%2),r=new s(e=u==1/0?"5e"+d:(e=u.toExponential()).slice(0,e.indexOf("e")+1)+d)):r=new s(u.toString()),t=(d=s.precision)+3;;)if(r=(i=r).plus(Xc(l,i,t+2,1)).times(.5),Ac(i.d).slice(0,t)===(e=Ac(r.d)).slice(0,t)){if("9999"!=(e=e.slice(t-3,t+1))&&(o||"4999"!=e)){+e&&(+e.slice(1)||"5"!=e.charAt(0))||(Rc(r,d+1,1),n=!r.times(r).eq(l));break}if(!o&&(Rc(i,d+1,0),i.times(i).eq(l))){r=i;break}t+=4,o=1}return fc=!0,Rc(r,d,s.rounding,n)},Hc.tangent=Hc.tan=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+10,r.rounding=1,(t=t.sin()).s=1,t=Xc(t,new r(1).minus(t.times(t)).sqrt(),n+10,0),r.precision=n,r.rounding=e,Rc(2==lc||4==lc?t.neg():t,n,e,!0)):new r(NaN)},Hc.times=Hc.mul=function(n){var e,t,r,o,i,l,a,d,u,s=this,c=s.constructor,p=s.d,f=(n=new c(n)).d;if(n.s*=s.s,!(p&&p[0]&&f&&f[0]))return new c(!n.s||p&&!p[0]&&!f||f&&!f[0]&&!p?NaN:p&&f?0*n.s:n.s/0);for(t=bc(s.e/7)+bc(n.e/7),(d=p.length)<(u=f.length)&&(i=p,p=f,f=i,l=d,d=u,u=l),i=[],r=l=d+u;r--;)i.push(0);for(r=u;--r>=0;){for(e=0,o=d+r;o>r;)a=i[o]+f[r]*p[o-r-1]+e,i[o--]=a%kc|0,e=a/kc|0;i[o]=(i[o]+e)%kc|0}for(;!i[--l];)i.pop();return e?++t:i.shift(),n.d=i,n.e=Pc(i,t),fc?Rc(n,c.precision,c.rounding):n},Hc.toBinary=function(n,e){return Qc(this,2,n,e)},Hc.toDecimalPlaces=Hc.toDP=function(n,e){var t=this,r=t.constructor;return t=new r(t),void 0===n?t:(Wc(n,0,dc),void 0===e?e=r.rounding:Wc(e,0,8),Rc(t,n+t.e+1,e))},Hc.toExponential=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=Vc(r,!0):(Wc(n,0,dc),void 0===e?e=o.rounding:Wc(e,0,8),t=Vc(r=Rc(new o(r),n+1,e),!0,n+1)),r.isNeg()&&!r.isZero()?"-"+t:t},Hc.toFixed=function(n,e){var t,r,o=this,i=o.constructor;return void 0===n?t=Vc(o):(Wc(n,0,dc),void 0===e?e=i.rounding:Wc(e,0,8),t=Vc(r=Rc(new i(o),n+o.e+1,e),!1,n+r.e+1)),o.isNeg()&&!o.isZero()?"-"+t:t},Hc.toFraction=function(n){var e,t,r,o,i,l,a,d,u,s,c,p,f=this,g=f.d,h=f.constructor;if(!g)return new h(f);if(u=t=new h(1),r=d=new h(0),l=(i=(e=new h(r)).e=Nc(g)-f.e-1)%7,e.d[0]=Cc(10,l<0?7+l:l),null==n)n=i>0?e:u;else{if(!(a=new h(n)).isInt()||a.lt(u))throw Error(hc+a);n=a.gt(e)?i>0?e:u:a}for(fc=!1,a=new h(Ac(g)),s=h.precision,h.precision=i=7*g.length*2;c=Xc(a,e,0,1,1),1!=(o=t.plus(c.times(r))).cmp(n);)t=r,r=o,o=u,u=d.plus(c.times(o)),d=o,o=e,e=a.minus(c.times(o)),a=o;return o=Xc(n.minus(t),r,0,1,1),d=d.plus(o.times(u)),t=t.plus(o.times(r)),d.s=u.s=f.s,p=Xc(u,r,i,1).minus(f).abs().cmp(Xc(d,t,i,1).minus(f).abs())<1?[u,r]:[d,t],h.precision=s,fc=!0,p},Hc.toHexadecimal=Hc.toHex=function(n,e){return Qc(this,16,n,e)},Hc.toNearest=function(n,e){var t=this,r=t.constructor;if(t=new r(t),null==n){if(!t.d)return t;n=new r(1),e=r.rounding}else{if(n=new r(n),void 0===e?e=r.rounding:Wc(e,0,8),!t.d)return n.s?t:n;if(!n.d)return n.s&&(n.s=t.s),n}return n.d[0]?(fc=!1,t=Xc(t,n,0,e,1).times(n),fc=!0,Rc(t)):(n.s=t.s,t=n),t},Hc.toNumber=function(){return+this},Hc.toOctal=function(n,e){return Qc(this,8,n,e)},Hc.toPower=Hc.pow=function(n){var e,t,r,o,i,l,a=this,d=a.constructor,u=+(n=new d(n));if(!(a.d&&n.d&&a.d[0]&&n.d[0]))return new d(Cc(+a,u));if((a=new d(a)).eq(1))return a;if(r=d.precision,i=d.rounding,n.eq(1))return Rc(a,r,i);if((e=bc(n.e/7))>=n.d.length-1&&(t=u<0?-u:u)<=9007199254740991)return o=Gc(d,a,t,r),n.s<0?new d(1).div(o):Rc(o,r,i);if((l=a.s)<0){if(e<n.d.length-1)return new d(NaN);if(1&n.d[e]||(l=1),0==a.e&&1==a.d[0]&&1==a.d.length)return a.s=l,a}return(e=0!=(t=Cc(+a,u))&&isFinite(t)?new d(t+"").e:bc(u*(Math.log("0."+Ac(a.d))/Math.LN10+a.e+1)))>d.maxE+1||e<d.minE-1?new d(e>0?l/0:0):(fc=!1,d.rounding=a.s=1,t=Math.min(12,(e+"").length),(o=Yc(n.times(_c(a,r+t)),r)).d&&Fc((o=Rc(o,r+5,1)).d,r,i)&&(e=r+10,+Ac((o=Rc(Yc(n.times(_c(a,e+t)),e),e+5,1)).d).slice(r+1,r+15)+1==1e14&&(o=Rc(o,r+1,0))),o.s=l,fc=!0,d.rounding=i,Rc(o,r,i))},Hc.toPrecision=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=Vc(r,r.e<=o.toExpNeg||r.e>=o.toExpPos):(Wc(n,1,dc),void 0===e?e=o.rounding:Wc(e,0,8),t=Vc(r=Rc(new o(r),n,e),n<=r.e||r.e<=o.toExpNeg,n)),r.isNeg()&&!r.isZero()?"-"+t:t},Hc.toSignificantDigits=Hc.toSD=function(n,e){var t=this.constructor;return void 0===n?(n=t.precision,e=t.rounding):(Wc(n,1,dc),void 0===e?e=t.rounding:Wc(e,0,8)),Rc(new t(this),n,e)},Hc.toString=function(){var n=this,e=n.constructor,t=Vc(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()&&!n.isZero()?"-"+t:t},Hc.truncated=Hc.trunc=function(){return Rc(new this.constructor(this),this.e+1,1)},Hc.valueOf=Hc.toJSON=function(){var n=this,e=n.constructor,t=Vc(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()?"-"+t:t};var Xc=function(){function n(n,e,t){var r,o=0,i=n.length;for(n=n.slice();i--;)r=n[i]*e+o,n[i]=r%t|0,o=r/t|0;return o&&n.unshift(o),n}function e(n,e,t,r){var o,i;if(t!=r)i=t>r?1:-1;else for(o=i=0;o<t;o++)if(n[o]!=e[o]){i=n[o]>e[o]?1:-1;break}return i}function t(n,e,t,r){for(var o=0;t--;)n[t]-=o,o=n[t]<e[t]?1:0,n[t]=o*r+n[t]-e[t];for(;!n[0]&&n.length>1;)n.shift()}return function(r,o,i,l,a,d){var u,s,c,p,f,g,h,m,v,y,b,C,x,S,I,w,k,T,B,H,A=r.constructor,W=r.s==o.s?1:-1,F=r.d,Z=o.d;if(!(F&&F[0]&&Z&&Z[0]))return new A(r.s&&o.s&&(F?!Z||F[0]!=Z[0]:Z)?F&&0==F[0]||!Z?0*W:W/0:NaN);for(d?(f=1,s=r.e-o.e):(d=kc,f=7,s=bc(r.e/f)-bc(o.e/f)),B=Z.length,k=F.length,y=(v=new A(W)).d=[],c=0;Z[c]==(F[c]||0);c++);if(Z[c]>(F[c]||0)&&s--,null==i?(S=i=A.precision,l=A.rounding):S=a?i+(r.e-o.e)+1:i,S<0)y.push(1),g=!0;else{if(S=S/f+2|0,c=0,1==B){for(p=0,Z=Z[0],S++;(c<k||p)&&S--;c++)I=p*d+(F[c]||0),y[c]=I/Z|0,p=I%Z|0;g=p||c<k}else{for((p=d/(Z[0]+1)|0)>1&&(Z=n(Z,p,d),F=n(F,p,d),B=Z.length,k=F.length),w=B,C=(b=F.slice(0,B)).length;C<B;)b[C++]=0;(H=Z.slice()).unshift(0),T=Z[0],Z[1]>=d/2&&++T;do{p=0,(u=e(Z,b,B,C))<0?(x=b[0],B!=C&&(x=x*d+(b[1]||0)),(p=x/T|0)>1?(p>=d&&(p=d-1),1==(u=e(h=n(Z,p,d),b,m=h.length,C=b.length))&&(p--,t(h,B<m?H:Z,m,d))):(0==p&&(u=p=1),h=Z.slice()),(m=h.length)<C&&h.unshift(0),t(b,h,C,d),-1==u&&(u=e(Z,b,B,C=b.length))<1&&(p++,t(b,B<C?H:Z,C,d)),C=b.length):0===u&&(p++,b=[0]),y[c++]=p,u&&b[0]?b[C++]=F[w]||0:(b=[F[w]],C=1)}while((w++<k||void 0!==b[0])&&S--);g=void 0!==b[0]}y[0]||y.shift()}if(1==f)v.e=s,ic=g;else{for(c=1,p=y[0];p>=10;p/=10)c++;v.e=c+s*f-1,Rc(v,a?i+v.e+1:i,l,g)}return v}}();function Rc(n,e,t,r){var o,i,l,a,d,u,s,c,p,f=n.constructor;n:if(null!=e){if(!(c=n.d))return n;for(o=1,a=c[0];a>=10;a/=10)o++;if((i=e-o)<0)i+=7,l=e,d=(s=c[p=0])/Cc(10,o-l-1)%10|0;else if((p=Math.ceil((i+1)/7))>=(a=c.length)){if(!r)break n;for(;a++<=p;)c.push(0);s=d=0,o=1,l=(i%=7)-7+1}else{for(s=a=c[p],o=1;a>=10;a/=10)o++;d=(l=(i%=7)-7+o)<0?0:s/Cc(10,o-l-1)%10|0}if(r=r||e<0||void 0!==c[p+1]||(l<0?s:s%Cc(10,o-l-1)),u=t<4?(d||r)&&(0==t||t==(n.s<0?3:2)):d>5||5==d&&(4==t||r||6==t&&(i>0?l>0?s/Cc(10,o-l):0:c[p-1])%10&1||t==(n.s<0?8:7)),e<1||!c[0])return c.length=0,u?(e-=n.e+1,c[0]=Cc(10,(7-e%7)%7),n.e=-e||0):c[0]=n.e=0,n;if(0==i?(c.length=p,a=1,p--):(c.length=p+1,a=Cc(10,7-i),c[p]=l>0?(s/Cc(10,o-l)%Cc(10,l)|0)*a:0),u)for(;;){if(0==p){for(i=1,l=c[0];l>=10;l/=10)i++;for(l=c[0]+=a,a=1;l>=10;l/=10)a++;i!=a&&(n.e++,c[0]==kc&&(c[0]=1));break}if(c[p]+=a,c[p]!=kc)break;c[p--]=0,a=1}for(i=c.length;0===c[--i];)c.pop()}return fc&&(n.e>f.maxE?(n.d=null,n.e=NaN):n.e<f.minE&&(n.e=0,n.d=[0])),n}function Vc(n,e,t){if(!n.isFinite())return $c(n);var r,o=n.e,i=Ac(n.d),l=i.length;return e?(t&&(r=t-l)>0?i=i.charAt(0)+"."+i.slice(1)+Dc(r):l>1&&(i=i.charAt(0)+"."+i.slice(1)),i=i+(n.e<0?"e":"e+")+n.e):o<0?(i="0."+Dc(-o-1)+i,t&&(r=t-l)>0&&(i+=Dc(r))):o>=l?(i+=Dc(o+1-l),t&&(r=t-o-1)>0&&(i=i+"."+Dc(r))):((r=o+1)<l&&(i=i.slice(0,r)+"."+i.slice(r)),t&&(r=t-l)>0&&(o+1===l&&(i+="."),i+=Dc(r))),i}function Pc(n,e){var t=n[0];for(e*=7;t>=10;t/=10)e++;return e}function zc(n,e,t){if(e>Tc)throw fc=!0,t&&(n.precision=t),Error(mc);return Rc(new n(sc),e,1,!0)}function Lc(n,e,t){if(e>Bc)throw Error(mc);return Rc(new n(cc),e,t,!0)}function Nc(n){var e=n.length-1,t=7*e+1;if(e=n[e]){for(;e%10==0;e/=10)t--;for(e=n[0];e>=10;e/=10)t++}return t}function Dc(n){for(var e="";n--;)e+="0";return e}function Gc(n,e,t,r){var o,i=new n(1),l=Math.ceil(r/7+4);for(fc=!1;;){if(t%2&&qc((i=i.times(e)).d,l)&&(o=!0),0===(t=bc(t/2))){t=i.d.length-1,o&&0===i.d[t]&&++i.d[t];break}qc((e=e.times(e)).d,l)}return fc=!0,i}function jc(n){return 1&n.d[n.d.length-1]}function Kc(n,e,t){for(var r,o,i=new n(e[0]),l=0;++l<e.length;){if(!(o=new n(e[l])).s){i=o;break}((r=i.cmp(o))===t||0===r&&i.s===t)&&(i=o)}return i}function Yc(n,e){var t,r,o,i,l,a,d,u=0,s=0,c=0,p=n.constructor,f=p.rounding,g=p.precision;if(!n.d||!n.d[0]||n.e>17)return new p(n.d?n.d[0]?n.s<0?0:1/0:1:n.s?n.s<0?0:n:NaN);for(null==e?(fc=!1,d=g):d=e,a=new p(.03125);n.e>-2;)n=n.times(a),c+=5;for(d+=r=Math.log(Cc(2,c))/Math.LN10*2+5|0,t=i=l=new p(1),p.precision=d;;){if(i=Rc(i.times(n),d,1),t=t.times(++s),Ac((a=l.plus(Xc(i,t,d,1))).d).slice(0,d)===Ac(l.d).slice(0,d)){for(o=c;o--;)l=Rc(l.times(l),d,1);if(null!=e)return p.precision=g,l;if(!(u<3&&Fc(l.d,d-r,f,u)))return Rc(l,p.precision=g,f,fc=!0);p.precision=d+=10,t=i=a=new p(1),s=0,u++}l=a}}function _c(n,e){var t,r,o,i,l,a,d,u,s,c,p,f=1,g=n,h=g.d,m=g.constructor,v=m.rounding,y=m.precision;if(g.s<0||!h||!h[0]||!g.e&&1==h[0]&&1==h.length)return new m(h&&!h[0]?-1/0:1!=g.s?NaN:h?0:g);if(null==e?(fc=!1,s=y):s=e,m.precision=s+=10,r=(t=Ac(h)).charAt(0),!(Math.abs(i=g.e)<15e14))return u=zc(m,s+2,y).times(i+""),g=_c(new m(r+"."+t.slice(1)),s-10).plus(u),m.precision=y,null==e?Rc(g,y,v,fc=!0):g;for(;r<7&&1!=r||1==r&&t.charAt(1)>3;)r=(t=Ac((g=g.times(n)).d)).charAt(0),f++;for(i=g.e,r>1?(g=new m("0."+t),i++):g=new m(r+"."+t.slice(1)),c=g,d=l=g=Xc(g.minus(1),g.plus(1),s,1),p=Rc(g.times(g),s,1),o=3;;){if(l=Rc(l.times(p),s,1),Ac((u=d.plus(Xc(l,new m(o),s,1))).d).slice(0,s)===Ac(d.d).slice(0,s)){if(d=d.times(2),0!==i&&(d=d.plus(zc(m,s+2,y).times(i+""))),d=Xc(d,new m(f),s,1),null!=e)return m.precision=y,d;if(!Fc(d.d,s-10,v,a))return Rc(d,m.precision=y,v,fc=!0);m.precision=s+=10,u=l=g=Xc(c.minus(1),c.plus(1),s,1),p=Rc(g.times(g),s,1),o=a=1}d=u,o+=2}}function $c(n){return String(n.s*n.s/0)}function Mc(n,e){var t,r,o;for((t=e.indexOf("."))>-1&&(e=e.replace(".","")),(r=e.search(/e/i))>0?(t<0&&(t=r),t+=+e.slice(r+1),e=e.substring(0,r)):t<0&&(t=e.length),r=0;48===e.charCodeAt(r);r++);for(o=e.length;48===e.charCodeAt(o-1);--o);if(e=e.slice(r,o)){if(o-=r,n.e=t=t-r-1,n.d=[],r=(t+1)%7,t<0&&(r+=7),r<o){for(r&&n.d.push(+e.slice(0,r)),o-=7;r<o;)n.d.push(+e.slice(r,r+=7));r=7-(e=e.slice(r)).length}else r-=o;for(;r--;)e+="0";n.d.push(+e),fc&&(n.e>n.constructor.maxE?(n.d=null,n.e=NaN):n.e<n.constructor.minE&&(n.e=0,n.d=[0]))}else n.e=0,n.d=[0];return n}function Oc(n,e){var t,r,o,i,l,a,d,u,s;if(e.indexOf("_")>-1){if(e=e.replace(/(\d)_(?=\d)/g,"$1"),wc.test(e))return Mc(n,e)}else if("Infinity"===e||"NaN"===e)return+e||(n.s=NaN),n.e=NaN,n.d=null,n;if(Sc.test(e))t=16,e=e.toLowerCase();else if(xc.test(e))t=2;else{if(!Ic.test(e))throw Error(hc+e);t=8}for((i=e.search(/p/i))>0?(d=+e.slice(i+1),e=e.substring(2,i)):e=e.slice(2),l=(i=e.indexOf("."))>=0,r=n.constructor,l&&(i=(a=(e=e.replace(".","")).length)-i,o=Gc(r,new r(t),i,2*i)),i=s=(u=Zc(e,t,kc)).length-1;0===u[i];--i)u.pop();return i<0?new r(0*n.s):(n.e=Pc(u,s),n.d=u,fc=!1,l&&(n=Xc(n,o,4*a)),d&&(n=n.times(Math.abs(d)<54?Cc(2,d):Dp.pow(2,d))),fc=!0,n)}function Jc(n,e,t,r,o){var i,l,a,d,u=n.precision,s=Math.ceil(u/7);for(fc=!1,d=t.times(t),a=new n(r);;){if(l=Xc(a.times(d),new n(e++*e++),u,1),a=o?r.plus(l):r.minus(l),r=Xc(l.times(d),new n(e++*e++),u,1),void 0!==(l=a.plus(r)).d[s]){for(i=s;l.d[i]===a.d[i]&&i--;);if(-1==i)break}i=a,a=r,r=l,l=i}return fc=!0,l.d.length=s+1,l}function Ec(n,e){for(var t=n;--e;)t*=n;return t}function Uc(n,e){var t,r=e.s<0,o=Lc(n,n.precision,1),i=o.times(.5);if((e=e.abs()).lte(i))return lc=r?4:1,e;if((t=e.divToInt(o)).isZero())lc=r?3:2;else{if((e=e.minus(t.times(o))).lte(i))return lc=jc(t)?r?2:3:r?4:1,e;lc=jc(t)?r?1:4:r?3:2}return e.minus(o).abs()}function Qc(n,e,t,r){var o,i,l,a,d,u,s,c,p,f=n.constructor,g=void 0!==t;if(g?(Wc(t,1,dc),void 0===r?r=f.rounding:Wc(r,0,8)):(t=f.precision,r=f.rounding),n.isFinite()){for(g?(o=2,16==e?t=4*t-3:8==e&&(t=3*t-2)):o=e,(l=(s=Vc(n)).indexOf("."))>=0&&(s=s.replace(".",""),(p=new f(1)).e=s.length-l,p.d=Zc(Vc(p),10,o),p.e=p.d.length),i=d=(c=Zc(s,10,o)).length;0==c[--d];)c.pop();if(c[0]){if(l<0?i--:((n=new f(n)).d=c,n.e=i,c=(n=Xc(n,p,t,r,0,o)).d,i=n.e,u=ic),l=c[t],a=o/2,u=u||void 0!==c[t+1],u=r<4?(void 0!==l||u)&&(0===r||r===(n.s<0?3:2)):l>a||l===a&&(4===r||u||6===r&&1&c[t-1]||r===(n.s<0?8:7)),c.length=t,u)for(;++c[--t]>o-1;)c[t]=0,t||(++i,c.unshift(1));for(d=c.length;!c[d-1];--d);for(l=0,s="";l<d;l++)s+=uc.charAt(c[l]);if(g){if(d>1)if(16==e||8==e){for(l=16==e?4:3,--d;d%l;d++)s+="0";for(d=(c=Zc(s,o,e)).length;!c[d-1];--d);for(l=1,s="1.";l<d;l++)s+=uc.charAt(c[l])}else s=s.charAt(0)+"."+s.slice(1);s=s+(i<0?"p":"p+")+i}else if(i<0){for(;++i;)s="0"+s;s="0."+s}else if(++i>d)for(i-=d;i--;)s+="0";else i<d&&(s=s.slice(0,i)+"."+s.slice(i))}else s=g?"0p+0":"0";s=(16==e?"0x":2==e?"0b":8==e?"0o":"")+s}else s=$c(n);return n.s<0?"-"+s:s}function qc(n,e){if(n.length>e)return n.length=e,!0}function np(n){return new this(n).abs()}function ep(n){return new this(n).acos()}function tp(n){return new this(n).acosh()}function rp(n,e){return new this(n).plus(e)}function op(n){return new this(n).asin()}function ip(n){return new this(n).asinh()}function lp(n){return new this(n).atan()}function ap(n){return new this(n).atanh()}function dp(n,e){n=new this(n),e=new this(e);var t,r=this.precision,o=this.rounding,i=r+4;return n.s&&e.s?n.d||e.d?!e.d||n.isZero()?(t=e.s<0?Lc(this,r,o):new this(0)).s=n.s:!n.d||e.isZero()?(t=Lc(this,i,1).times(.5)).s=n.s:e.s<0?(this.precision=i,this.rounding=1,t=this.atan(Xc(n,e,i,1)),e=Lc(this,i,1),this.precision=r,this.rounding=o,t=n.s<0?t.minus(e):t.plus(e)):t=this.atan(Xc(n,e,i,1)):(t=Lc(this,i,1).times(e.s>0?.25:.75)).s=n.s:t=new this(NaN),t}function up(n){return new this(n).cbrt()}function sp(n){return Rc(n=new this(n),n.e+1,2)}function cp(n,e,t){return new this(n).clamp(e,t)}function pp(n){if(!n||"object"!=typeof n)throw Error(gc+"Object expected");var e,t,r,o=!0===n.defaults,i=["precision",1,dc,"rounding",0,8,"toExpNeg",-ac,0,"toExpPos",0,ac,"maxE",0,ac,"minE",-ac,0,"modulo",0,9];for(e=0;e<i.length;e+=3)if(t=i[e],o&&(this[t]=pc[t]),void 0!==(r=n[t])){if(!(bc(r)===r&&r>=i[e+1]&&r<=i[e+2]))throw Error(hc+t+": "+r);this[t]=r}if(t="crypto",o&&(this[t]=pc[t]),void 0!==(r=n[t])){if(!0!==r&&!1!==r&&0!==r&&1!==r)throw Error(hc+t+": "+r);if(r){if("undefined"==typeof crypto||!crypto||!crypto.getRandomValues&&!crypto.randomBytes)throw Error(vc);this[t]=!0}else this[t]=!1}return this}function fp(n){return new this(n).cos()}function gp(n){return new this(n).cosh()}function hp(n,e){return new this(n).div(e)}function mp(n){return new this(n).exp()}function vp(n){return Rc(n=new this(n),n.e+1,3)}function yp(){var n,e,t=new this(0);for(fc=!1,n=0;n<arguments.length;)if((e=new this(arguments[n++])).d)t.d&&(t=t.plus(e.times(e)));else{if(e.s)return fc=!0,new this(1/0);t=e}return fc=!0,t.sqrt()}function bp(n){return n instanceof Dp||n&&n.toStringTag===yc||!1}function Cp(n){return new this(n).ln()}function xp(n,e){return new this(n).log(e)}function Sp(n){return new this(n).log(2)}function Ip(n){return new this(n).log(10)}function wp(){return Kc(this,arguments,-1)}function kp(){return Kc(this,arguments,1)}function Tp(n,e){return new this(n).mod(e)}function Bp(n,e){return new this(n).mul(e)}function Hp(n,e){return new this(n).pow(e)}function Ap(n){var e,t,r,o,i=0,l=new this(1),a=[];if(void 0===n?n=this.precision:Wc(n,1,dc),r=Math.ceil(n/7),this.crypto)if(crypto.getRandomValues)for(e=crypto.getRandomValues(new Uint32Array(r));i<r;)(o=e[i])>=429e7?e[i]=crypto.getRandomValues(new Uint32Array(1))[0]:a[i++]=o%1e7;else{if(!crypto.randomBytes)throw Error(vc);for(e=crypto.randomBytes(r*=4);i<r;)(o=e[i]+(e[i+1]<<8)+(e[i+2]<<16)+((127&e[i+3])<<24))>=214e7?crypto.randomBytes(4).copy(e,i):(a.push(o%1e7),i+=4);i=r/4}else for(;i<r;)a[i++]=1e7*Math.random()|0;for(n%=7,(r=a[--i])&&n&&(o=Cc(10,7-n),a[i]=(r/o|0)*o);0===a[i];i--)a.pop();if(i<0)t=0,a=[0];else{for(t=-1;0===a[0];t-=7)a.shift();for(r=1,o=a[0];o>=10;o/=10)r++;r<7&&(t-=7-r)}return l.e=t,l.d=a,l}function Wp(n){return Rc(n=new this(n),n.e+1,this.rounding)}function Fp(n){return(n=new this(n)).d?n.d[0]?n.s:0*n.s:n.s||NaN}function Zp(n){return new this(n).sin()}function Xp(n){return new this(n).sinh()}function Rp(n){return new this(n).sqrt()}function Vp(n,e){return new this(n).sub(e)}function Pp(){var n=0,e=arguments,t=new this(e[n]);for(fc=!1;t.s&&++n<e.length;)t=t.plus(e[n]);return fc=!0,Rc(t,this.precision,this.rounding)}function zp(n){return new this(n).tan()}function Lp(n){return new this(n).tanh()}function Np(n){return Rc(n=new this(n),n.e+1,1)}Hc[Symbol.for("nodejs.util.inspect.custom")]=Hc.toString,Hc[Symbol.toStringTag]="Decimal";var Dp=Hc.constructor=function n(e){var t,r,o;function i(n){var e,t,r,o=this;if(!(o instanceof i))return new i(n);if(o.constructor=i,bp(n))return o.s=n.s,void(fc?!n.d||n.e>i.maxE?(o.e=NaN,o.d=null):n.e<i.minE?(o.e=0,o.d=[0]):(o.e=n.e,o.d=n.d.slice()):(o.e=n.e,o.d=n.d?n.d.slice():n.d));if("number"===(r=typeof n)){if(0===n)return o.s=1/n<0?-1:1,o.e=0,void(o.d=[0]);if(n<0?(n=-n,o.s=-1):o.s=1,n===~~n&&n<1e7){for(e=0,t=n;t>=10;t/=10)e++;return void(fc?e>i.maxE?(o.e=NaN,o.d=null):e<i.minE?(o.e=0,o.d=[0]):(o.e=e,o.d=[n]):(o.e=e,o.d=[n]))}return 0*n!=0?(n||(o.s=NaN),o.e=NaN,void(o.d=null)):Mc(o,n.toString())}if("string"===r)return 45===(t=n.charCodeAt(0))?(n=n.slice(1),o.s=-1):(43===t&&(n=n.slice(1)),o.s=1),wc.test(n)?Mc(o,n):Oc(o,n);if("bigint"===r)return n<0?(n=-n,o.s=-1):o.s=1,Mc(o,n.toString());throw Error(hc+n)}if(i.prototype=Hc,i.ROUND_UP=0,i.ROUND_DOWN=1,i.ROUND_CEIL=2,i.ROUND_FLOOR=3,i.ROUND_HALF_UP=4,i.ROUND_HALF_DOWN=5,i.ROUND_HALF_EVEN=6,i.ROUND_HALF_CEIL=7,i.ROUND_HALF_FLOOR=8,i.EUCLID=9,i.config=i.set=pp,i.clone=n,i.isDecimal=bp,i.abs=np,i.acos=ep,i.acosh=tp,i.add=rp,i.asin=op,i.asinh=ip,i.atan=lp,i.atanh=ap,i.atan2=dp,i.cbrt=up,i.ceil=sp,i.clamp=cp,i.cos=fp,i.cosh=gp,i.div=hp,i.exp=mp,i.floor=vp,i.hypot=yp,i.ln=Cp,i.log=xp,i.log10=Ip,i.log2=Sp,i.max=wp,i.min=kp,i.mod=Tp,i.mul=Bp,i.pow=Hp,i.random=Ap,i.round=Wp,i.sign=Fp,i.sin=Zp,i.sinh=Xp,i.sqrt=Rp,i.sub=Vp,i.sum=Pp,i.tan=zp,i.tanh=Lp,i.trunc=Np,void 0===e&&(e={}),e&&!0!==e.defaults)for(o=["precision","rounding","toExpNeg","toExpPos","maxE","minE","modulo","crypto"],t=0;t<o.length;)e.hasOwnProperty(r=o[t++])||(e[r]=this[r]);return i.config(e),i}(pc);function Gp(n,e,t={}){let r=null,o=null,i=null,l=null,a=null,d=null,u=null,s=null,c=null,p=null,f=null,g=null,h=null,m=null,v=null,y=!1,b=mn(t,"getHeighRatio",null);H(b)||(b=()=>1);let C=mn(t,"getWidthRatio",null);H(C)||(C=()=>1);let x=mn(t,"stopScrollPropagationForPanel",null);wn(x)||(x=!1);let S=mn(t,"stopTouchDragPropagationForPanel",null);wn(S)||(S=!1);let I=mn(t,"useTouchDragForPanel",null);wn(I)||(I=!0);let w=n,k=e,T=rl();return r=n=>{let e=n.deltaY/Math.abs(n.deltaY),t=n.deltaX/Math.abs(n.deltaX);T.emit("scrollPanel",{ratioY:e,ratioX:t}),x&&Pa(n)},w.addEventListener("wheel",r),o=n=>{if(I){let e=mn(n,"touches.0.clientY",0),t=mn(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();y=!0,T.emit("pressBar",{clientY:r,clientX:o}),S&&Pa(n)}},w.addEventListener("touchstart",o),i=n=>{if(I&&y){let e=mn(n,"touches.0.clientY",0),t=mn(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();T.emit("dragBar",{clientY:r,clientX:o}),S&&Pa(n)}},w.addEventListener("touchmove",i,{passive:!1}),l=n=>{I&&y&&(y=!1,T.emit("freeBar"),S&&Pa(n))},w.addEventListener("touchend",l),a=n=>{y=!0,T.emit("pressBar",{clientY:n.clientY,clientX:n.clientX})},k.addEventListener("mousedown",a),d=n=>{y&&(y=!1,T.emit("freeBar"))},k.addEventListener("mouseup",d),u=n=>{y=!0,T.emit("pressBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX})},k.addEventListener("touchstart",u),s=n=>{y&&(T.emit("dragBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX}),Pa(n))},k.addEventListener("touchmove",s,{passive:!1}),c=n=>{y&&(y=!1,T.emit("freeBar"))},k.addEventListener("touchend",c),p=n=>{y&&T.emit("dragBar",{clientY:n.clientY,clientX:n.clientX})},window.addEventListener("mousemove",p),f=n=>{y&&(y=!1,T.emit("freeBar"),x&&Pa(n))},window.addEventListener("mouseup",f),g=n=>{},window.addEventListener("scroll",g,{passive:!1}),h=n=>{},window.addEventListener("wheel",h,{passive:!1}),m=n=>{},document.addEventListener("scroll",m,{passive:!1}),v=n=>{},document.addEventListener("wheel",v,{passive:!1}),T.clear=function(){w.removeEventListener("wheel",r),w.removeEventListener("touchstart",o),w.removeEventListener("touchmove",i),w.removeEventListener("touchend",l),k.removeEventListener("mousedown",a),k.removeEventListener("mouseup",d),k.removeEventListener("touchstart",u),k.removeEventListener("touchmove",s),k.removeEventListener("touchend",c),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",f),window.removeEventListener("scroll",g),window.removeEventListener("wheel",h),document.removeEventListener("scroll",m),document.removeEventListener("wheel",v)},T}sc=new Dp(sc),cc=new Dp(cc);var jp={name:"arrow",enabled:!0,phase:"main",fn:function(n){var e,t=n.state,r=n.name,o=n.options,i=t.elements.arrow,l=t.modifiersData.popperOffsets,a=jd(t.placement),d=Yd(a),u=[Bd,Td].indexOf(a)>=0?"height":"width";if(i&&l){var s=function(n,e){return $d("number"!=typeof(n="function"==typeof n?n(Object.assign({},e.rects,{placement:e.placement})):n)?n:Md(n,Ad))}(o.padding,t),c=vd(i),p="y"===d?wd:Bd,f="y"===d?kd:Td,g=t.rects.reference[u]+t.rects.reference[d]-l[d]-t.rects.popper[u],h=l[d]-t.rects.reference[d],m=Id(i),v=m?"y"===d?m.clientHeight||0:m.clientWidth||0:0,y=g/2-h/2,b=s[p],C=v-c[u]-s[f],x=v/2-c[u]/2+y,S=gu(b,x,C),I=d;t.modifiersData[r]=((e={})[I]=S,e.centerOffset=S-x,e)}},effect:function(n){var e=n.state,t=n.options.element,r=void 0===t?"[data-popper-arrow]":t;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r)))&&Ld(e.elements.popper,r)&&(e.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},Kp={directives:{domresize:ol()},components:{},props:{value:{type:Number,default:0},valueMin:{type:Number,default:0},valueMax:{type:Number,default:100},valueStep:{type:Number,default:1},valueDecimal:{type:Number,default:0},progBorderRadius:{type:Number,default:5},progHeight:{type:Number,default:4},progColor:{type:String,default:"#74a4d9"},progColorDisabled:{type:String,default:"#c5c5c5"},progBackgroundColor:{type:String,default:"#eee"},progBackgroundColorDisabled:{type:String,default:"#f2f2f2"},sliderSize:{type:Number,default:20},sliderBackgroundColor:{type:String,default:"blue darken-3"},sliderBackgroundColorHover:{type:String,default:"blue darken-2"},sliderBackgroundColorDisabled:{type:String,default:"#aaa"},cmpZIndex:{type:Number,default:3e3},tooltipPlacementDist:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"#666"},editable:{type:Boolean,default:!0}},data:function(){return{panelWidth:0,panelHeight:0,das:null,hoverTrans:!1,dragTrans:!1,popperInstance:null,popperShow:!1,r:null,rt:null}},mounted:function(){let n=this,e=Gp(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),e.on("pressBar",n.pressBar),e.on("freeBar",n.freeBar),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeParam:function(){let n=this,e=0;try{e=(n.value-n.valueMin)/(n.valueMax-n.valueMin)}catch(n){}e=n.limitRatio(e);let t=n.tickRatio(e);return n.r=e,n.rt=t,""},heightCir:function(){return this.sliderSize},widthCir:function(){return this.heightCir},effecting:function(){let n=this;if(!n.editable)return;let e=n.hoverTrans||n.dragTrans;return e?n.showPopper():(n.hidePopper(),n.r=n.rt),e},progWidth:function(){return this.panelWidth-this.sliderSize},useProgBorderRadius:function(){return`border-radius:${this.progBorderRadius}px;`},effProgColor:function(){return wo(this.progColor)},effProgColorDisabled:function(){return wo(this.progColorDisabled)},useProgColor:function(){let n=this;return n.editable?n.effProgColor:n.effProgColorDisabled},effProgBackgroundColor:function(){return wo(this.progBackgroundColor)},effProgBackgroundColorDisabled:function(){return wo(this.progBackgroundColorDisabled)},useProgBackgroundColor:function(){let n=this;return n.editable?n.effProgBackgroundColor:n.effProgBackgroundColorDisabled},effSliderBackgroundColor:function(){return wo(this.sliderBackgroundColor)},effSliderBackgroundColorHover:function(){return wo(this.sliderBackgroundColorHover)},effSliderBackgroundColorDisabled:function(){return wo(this.sliderBackgroundColorDisabled)},useSliderBackgroundColor:function(){let n=this;return n.editable?n.effecting?n.effSliderBackgroundColorHover:n.effSliderBackgroundColor:n.effSliderBackgroundColorDisabled},useTooltipBorderRadius:function(){let n=this;return Fo(n.tooltipBorderRadius)?`border-radius:${n.tooltipBorderRadius}px;`:""},useTooltipTextFontSize:function(){let n=this.tooltipTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTooltipTextColor:function(){return wo(this.tooltipTextColor)},useTooltipBackgroundColor:function(){return wo(this.tooltipBackgroundColor)},valueDig:function(){let n=this;return oc(n.rt*(n.valueMax-n.valueMin)+n.valueMin,n.valueDecimal)}},methods:{resizePanel:function(n){this.panelWidth=n.snew.offsetWidth,this.panelHeight=n.snew.offsetHeight},limitRatio:function(n){return n=Math.min(n,1),n=Math.max(n,0)},tickRatio:function(n){let e=this,t=0;try{let r=e.valueMax-e.valueMin,o=e.valueStep/r;t=function(n,e=0,t={}){rr(e)||(e=0),e=tr(e);let r=mn(t,"rounding","");return"ROUND_HALF_UP"!==r&&"ROUND_HALF_EVEN"!==r&&(r="ROUND_HALF_UP"),xn(n)?new Dp(n).toDecimalPlaces(e,Dp[r]).toNumber():""}(n/o)*o}catch(n){}return t},dragBar:function(n){let e=this;if(!e.editable)return;let t=e.$el.getBoundingClientRect(),r=n.clientX-e.sliderSize/2,o=e.progWidth,i=0;o>0&&(i=(r-t.left)/o),i=e.limitRatio(i);let l=e.tickRatio(i);e.r=i,e.rt=l;let a=Et(e.valueDig);e.updatePopper(),e.$emit("input",a)},pressBar:function(){this.dragTrans=!0},freeBar:function(){this.dragTrans=!1},showPopper:function(n){let e=this;if(!e.editable)return;let t=mn(e,"$refs.divTrigger",null);if(null===t)return;let r=mn(e,"$refs.divContent",null);if(null===r)return;let o={strategy:"fixed",placement:"top",modifiers:[jp,{name:"arrow",options:{padding:5}},uu,{name:"flip",options:{fallbackPlacements:["top","top-start","top-end","bottom","bottom-start","bottom-end"]}},su,{name:"offset",options:{offset:({placement:n,reference:t,popper:r})=>[0,e.tooltipPlacementDist]}},fu]};e.popperInstance=ru(t,r,o)},updatePopper:function(n){let e=this;e.editable&&e.popperInstance&&e.popperInstance.update()},hidePopper:function(n){let e=this;e.popperInstance&&(e.popperInstance.destroy(),e.popperInstance=null)}}};const Yp=Kp;var _p=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"user-select:none;",attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{style:"position:relative; width:100%; height:"+n.sliderSize+"px;"},[t("div",{style:"position:absolute; top:"+(n.sliderSize/2-n.progHeight/2)+"px; left:"+n.sliderSize/2+"px; width:"+n.progWidth+"px;"},[t("div",{ref:"divPanel",style:"position:relative; width:"+n.progWidth+"px;",attrs:{_click:"clickProg"}},[t("div",{style:n.useProgBorderRadius+" overflow:hidden; width:"+n.progWidth+"px; height:"+n.progHeight+"px;"},[t("div",{style:"background:"+n.useProgBackgroundColor+"; height:"+n.progHeight+"px;"},[t("div",{style:"background:"+n.useProgColor+"; width:"+n.rt*n.progWidth+"px; height:"+n.progHeight+"px;"})])]),n._v(" "),t("div",{style:"position:absolute; left:"+(n.rt*n.progWidth-n.widthCir/2)+"px; top:"+(n.progHeight/2-n.heightCir/2)+"px; z-index:1; "+(n.editable?"cursor:pointer;":"")},[t("div",{ref:"divTrigger",staticClass:"ts bs",style:"width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; background:"+n.useSliderBackgroundColor+"; outline:none;"})]),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; left:"+(n.r*n.progWidth-n.widthCir/2)+"px; top:"+(n.progHeight/2-n.heightCir/2)+"px; z-index:2; "+(n.editable?"cursor:pointer;":"")},[t("div",{style:"width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; opacity:0; outline:none;",on:{mouseenter:function(e){n.hoverTrans=!0},mouseleave:function(e){n.hoverTrans=!1}}})])])])]),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.effecting,expression:"effecting"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[t("div",{style:"padding:2px 5px; font-size:0.8rem; "+n.useTooltipTextFontSize+" color:"+n.useTooltipTextColor+"; background:"+n.useTooltipBackgroundColor+"; "+n.useTooltipBorderRadius},[n._v("\n            "+n._s(n.valueDig)+"\n            "),t("div",{staticClass:"arrow",attrs:{"data-popper-arrow":""}})])])])};_p._withStripped=!0;const $p=t({render:_p,staticRenderFns:[]},function(n){n&&n("data-v-56f48c07_0",{source:"\n.ts[data-v-56f48c07] {\r\n    transition:all 0.3s;\n}\n.bs[data-v-56f48c07] {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\n}\n.WPopperFix[data-popper-reference-hidden][data-v-56f48c07] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\n.arrow[data-v-56f48c07],\r\n.arrow[data-v-56f48c07]::before {\r\n    position: absolute;\r\n    width: 5px;\r\n    height: 5px;\r\n    background: inherit;\n}\n.arrow[data-v-56f48c07] {\r\n    visibility: hidden;\n}\n.arrow[data-v-56f48c07]::before {\r\n    visibility: visible;\r\n    content: '';\r\n    transform: rotate(45deg);\n}\r\n/* .arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -5px;\r\n    border-width: 5px;\r\n    border-style: solid;\r\n    border-color: black transparent transparent transparent;\r\n} */\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WSlider.vue"],names:[],mappings:";AA6qBA;IACA,mBAAA;AACA;AACA;IACA,kHAAA;AACA;AACA;IACA,kBAAA;IACA,oBAAA;AACA;AACA;;IAEA,kBAAA;IACA,UAAA;IACA,WAAA;IACA,mBAAA;AACA;AACA;IACA,kBAAA;AACA;AACA;IACA,mBAAA;IACA,WAAA;IACA,wBAAA;AACA;AACA;;;;;;;;;GASA",file:"WSlider.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`user-select:none;`\"\r\n        :changeParam=\"changeParam\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n    >\r\n\r\n        <div\r\n            :style=\"`position:relative; width:100%; height:${sliderSize}px;`\"\r\n        >\r\n\r\n            <div :style=\"`position:absolute; top:${sliderSize/2-progHeight/2}px; left:${sliderSize/2}px; width:${progWidth}px;`\">\r\n\r\n                <div\r\n                    ref=\"divPanel\"\r\n                    :style=\"`position:relative; width:${progWidth}px;`\"\r\n                    _click=\"clickProg\"\r\n                >\r\n\r\n                    <div :style=\"`${useProgBorderRadius} overflow:hidden; width:${progWidth}px; height:${progHeight}px;`\">\r\n                        <div :style=\"`background:${useProgBackgroundColor}; height:${progHeight}px;`\">\r\n                            <div :style=\"`background:${useProgColor}; width:${(rt)*progWidth}px; height:${progHeight}px;`\"></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div\r\n                        :style=\"`position:absolute; left:${(rt)*progWidth-widthCir/2}px; top:${progHeight/2-heightCir/2}px; z-index:1; ${editable?'cursor:pointer;':''}`\"\r\n                    >\r\n\r\n                        <div\r\n                            ref=\"divTrigger\"\r\n                            class=\"ts bs\"\r\n                            :style=\"`width:${widthCir}px; height:${heightCir}px; border-radius:50%; background:${useSliderBackgroundColor}; outline:none;`\"\r\n                        ></div>\r\n\r\n                    </div>\r\n\r\n                    <div\r\n                        ref=\"divBar\"\r\n                        :style=\"`position:absolute; left:${(r)*progWidth-widthCir/2}px; top:${progHeight/2-heightCir/2}px; z-index:2; ${editable?'cursor:pointer;':''}`\"\r\n                    >\r\n\r\n                        <div\r\n                            :style=\"`width:${widthCir}px; height:${heightCir}px; border-radius:50%; opacity:0; outline:none;`\"\r\n                            @mouseenter=\"hoverTrans=true\"\r\n                            @mouseleave=\"hoverTrans=false\"\r\n                        ></div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 不能給予position因會被popupjs洗掉, 但可給z-index, 且popupjs會改用transform:translate定位 --\x3e\r\n        \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n        <div\r\n            ref=\"divContent\"\r\n            class=\"WPopperFix\"\r\n            :style=\"`z-index:${cmpZIndex};`\"\r\n            v-show=\"effecting\"\r\n            v-domresize\r\n            @domresize=\"updatePopper\"\r\n        >\r\n            \x3c!-- 不使用v-if來重產dom, 因開啟arrow會有顯示後來不及定位問題 --\x3e\r\n            <div\r\n                :style=\"`padding:2px 5px; font-size:0.8rem; ${useTooltipTextFontSize} color:${useTooltipTextColor}; background:${useTooltipBackgroundColor}; ${useTooltipBorderRadius}`\"\r\n            >\r\n                {{valueDig}}\r\n                <div class=\"arrow\" data-popper-arrow></div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport dig from 'wsemi/src/dig.mjs'\r\nimport round from 'wsemi/src/round.mjs'\r\nimport cdbl from 'wsemi/src/cdbl.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport { createPopper } from '@popperjs/core/lib/popper-lite.js' //不用安裝@popperjs/core, 因wsemi安裝tippy.js內有依賴@popperjs/core\r\nimport flip from '@popperjs/core/lib/modifiers/flip.js'\r\nimport offset from '@popperjs/core/lib/modifiers/offset.js'\r\nimport arrow from '@popperjs/core/lib/modifiers/arrow.js'\r\nimport hide from '@popperjs/core/lib/modifiers/hide.js'\r\n//import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'\r\n//import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [value=0] 輸入值數字，介於valueMin與valueMax之間，預設0\r\n * @vue-prop {Number} [valueMin=0] 輸入最小值數字，預設0\r\n * @vue-prop {Number} [valueMax=100] 輸入最大值數字，預設100\r\n * @vue-prop {Number} [valueStep=1] 輸入間隔數字，預設1\r\n * @vue-prop {Number} [valueDecimal=0] 輸入值取小數位數字，用於可拖選值具有小數時，預設0\r\n * @vue-prop {Number} [progBorderRadius=5] 輸入值域條框圓角度數字，單位為px，預設5\r\n * @vue-prop {Number} [progHeight=4] 輸入值域條高度數字，單位為px，預設4\r\n * @vue-prop {String} [progColor='#74a4d9'] 輸入值域條顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [progColorDisabled='#c5c5c5'] 輸入不可編輯時值域條顏色字串，預設'#c5c5c5'\r\n * @vue-prop {String} [progBackgroundColor='#eee'] 輸入值域條背景顏色字串，預設'#eee'\r\n * @vue-prop {String} [progBackgroundColorDisabled='#f2f2f2'] 輸入不可編輯時值域條背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {Number} [sliderSize=20] 輸入拖曳球尺寸數字，單位為px，預設20\r\n * @vue-prop {String} [sliderBackgroundColor='blue darken-3'] 輸入拖曳球背景顏色字串，預設'blue darken-3'\r\n * @vue-prop {String} [sliderBackgroundColorHover='blue darken-2'] 輸入滑鼠移入時拖曳球背景顏色字串，預設'blue darken-2'\r\n * @vue-prop {String} [sliderBackgroundColorDisabled='#aaa'] 輸入不可編輯時拖曳球背景顏色字串，預設'#aaa'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗使用z-index數字，預設3000\r\n * @vue-prop {Number} [tooltipPlacementDist=5] 輸入提示窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {Number} [tooltipBorderRadius=5] 輸入提示窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [tooltipTextFontSize='0.85rem'] 輸入提示窗框文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [tooltipTextColor='white'] 輸入提示窗框文字顏色字串，預設'white'\r\n * @vue-prop {String} [tooltipBackgroundColor='#666'] 輸入值域條背景顏色字串，預設'#666'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        valueMin: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        valueMax: {\r\n            type: Number,\r\n            default: 100,\r\n        },\r\n        valueStep: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        valueDecimal: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        progBorderRadius: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        progHeight: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        progColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        progColorDisabled: {\r\n            type: String,\r\n            default: '#c5c5c5',\r\n        },\r\n        progBackgroundColor: {\r\n            type: String,\r\n            default: '#eee',\r\n        },\r\n        progBackgroundColorDisabled: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        sliderSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        sliderBackgroundColor: {\r\n            type: String,\r\n            default: 'blue darken-3',\r\n        },\r\n        sliderBackgroundColorHover: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        sliderBackgroundColorDisabled: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        tooltipPlacementDist: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        tooltipBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        tooltipTextFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        tooltipTextColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        tooltipBackgroundColor: {\r\n            type: String,\r\n            default: '#666', //rgba(60,60,60,0.75) //因arrow是通過div與旋轉成菱形來繪製, 因此可支援外部指定背景色, 但若有透明就會出現arrow的菱形問題\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            panelWidth: 0,\r\n            panelHeight: 0,\r\n\r\n            das: null,\r\n\r\n            hoverTrans: false,\r\n            dragTrans: false,\r\n\r\n            popperInstance: null,\r\n            popperShow: false,\r\n\r\n            r: null,\r\n            rt: null,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //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', vo.pressBar)\r\n        das.on('freeBar', vo.freeBar)\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        changeParam: function() {\r\n            // console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //ratio\r\n            let r = 0\r\n            try {\r\n                r = (vo.value - vo.valueMin) / (vo.valueMax - vo.valueMin)\r\n            }\r\n            catch (err) {}\r\n\r\n            //limitRatio\r\n            r = vo.limitRatio(r)\r\n\r\n            //rt\r\n            let rt = vo.tickRatio(r)\r\n\r\n            //save\r\n            vo.r = r\r\n            vo.rt = rt\r\n\r\n            return ''\r\n        },\r\n\r\n        heightCir: function() {\r\n            let vo = this\r\n            return vo.sliderSize\r\n        },\r\n\r\n        widthCir: function() {\r\n            let vo = this\r\n            return vo.heightCir\r\n        },\r\n\r\n        effecting: function() {\r\n            //console.log('computed effecting')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //b\r\n            let b = vo.hoverTrans || vo.dragTrans\r\n\r\n            if (b) {\r\n\r\n                //showPopper\r\n                vo.showPopper()\r\n\r\n            }\r\n            else {\r\n\r\n                //hidePopper\r\n                vo.hidePopper()\r\n\r\n                //同步\r\n                vo.r = vo.rt\r\n\r\n            }\r\n\r\n            return b\r\n        },\r\n\r\n        progWidth: function() {\r\n            let vo = this\r\n            return vo.panelWidth - vo.sliderSize\r\n        },\r\n\r\n        useProgBorderRadius: function() {\r\n            let vo = this\r\n            return `border-radius:${vo.progBorderRadius}px;`\r\n        },\r\n\r\n        effProgColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.progColor)\r\n        },\r\n\r\n        effProgColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.progColorDisabled)\r\n        },\r\n\r\n        useProgColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effProgColorDisabled\r\n            }\r\n            return vo.effProgColor\r\n        },\r\n\r\n        effProgBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.progBackgroundColor)\r\n        },\r\n\r\n        effProgBackgroundColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.progBackgroundColorDisabled)\r\n        },\r\n\r\n        useProgBackgroundColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effProgBackgroundColorDisabled\r\n            }\r\n            return vo.effProgBackgroundColor\r\n        },\r\n\r\n        effSliderBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColor)\r\n        },\r\n\r\n        effSliderBackgroundColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColorHover)\r\n        },\r\n\r\n        effSliderBackgroundColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColorDisabled)\r\n        },\r\n\r\n        useSliderBackgroundColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effSliderBackgroundColorDisabled\r\n            }\r\n            if (vo.effecting) {\r\n                return vo.effSliderBackgroundColorHover\r\n            }\r\n            return vo.effSliderBackgroundColor\r\n        },\r\n\r\n        useTooltipBorderRadius: function() {\r\n            //console.log('computed useTooltipBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.tooltipBorderRadius)) {\r\n                return `border-radius:${vo.tooltipBorderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useTooltipTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.tooltipTextFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        useTooltipTextColor: function() {\r\n            //console.log('computed useTooltipTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.tooltipTextColor)\r\n        },\r\n\r\n        useTooltipBackgroundColor: function() {\r\n            //console.log('computed useTooltipBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.tooltipBackgroundColor)\r\n        },\r\n\r\n        valueDig: function() {\r\n            // console.log('computed valueDig')\r\n\r\n            let vo = this\r\n\r\n            //t\r\n            let t = (vo.rt) * (vo.valueMax - vo.valueMin) + vo.valueMin\r\n\r\n            //dig\r\n            let c = dig(t, vo.valueDecimal)\r\n\r\n            return c\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            //console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.panelWidth = msg.snew.offsetWidth\r\n            vo.panelHeight = msg.snew.offsetHeight\r\n\r\n            // //emit\r\n            // vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        limitRatio: function(r) {\r\n            // console.log('methods limitRatio', r)\r\n\r\n            // let vo = this\r\n\r\n            r = Math.min(r, 1)\r\n            r = Math.max(r, 0)\r\n\r\n            return r\r\n        },\r\n\r\n        tickRatio: function(r) {\r\n            // console.log('methods tickRatio', r)\r\n\r\n            let vo = this\r\n\r\n            //rt\r\n            let rt = 0\r\n            try {\r\n\r\n                //rtk\r\n                let rng = vo.valueMax - vo.valueMin\r\n                let rtk = vo.valueStep / rng\r\n\r\n                //round\r\n                let i = round(r / rtk)\r\n\r\n                //rt\r\n                rt = i * rtk\r\n                // console.log('r', r, 'rt', rt)\r\n\r\n            }\r\n            catch (err) { }\r\n\r\n\r\n            return rt\r\n        },\r\n\r\n        dragBar: function(msg) {\r\n            // console.log('methods dragBar', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //r\r\n            let bd = vo.$el.getBoundingClientRect()\r\n            let x = msg.clientX - vo.sliderSize / 2\r\n            let w = vo.progWidth //vo.$el.offsetWidth\r\n            let r = 0\r\n            if (w > 0) {\r\n                r = (x - bd.left) / w //clientX需扣除元件的left位置\r\n            }\r\n\r\n            //limitRatio\r\n            r = vo.limitRatio(r)\r\n            // console.log(vo.r, 'r', r)\r\n\r\n            //rt\r\n            let rt = vo.tickRatio(r)\r\n\r\n            //save\r\n            vo.r = r\r\n            vo.rt = rt\r\n\r\n            //v\r\n            let v = cdbl(vo.valueDig)\r\n\r\n            //updatePopper\r\n            vo.updatePopper()\r\n\r\n            //emit\r\n            vo.$emit('input', v)\r\n\r\n        },\r\n\r\n        pressBar: function() {\r\n            let vo = this\r\n            vo.dragTrans = true\r\n        },\r\n\r\n        freeBar: function() {\r\n            let vo = this\r\n            vo.dragTrans = false\r\n        },\r\n\r\n        showPopper: function(from) {\r\n            // console.log('methods showPopper', from)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            if (divTrigger === null) {\r\n                return //console.log('無法找到點擊區元素')\r\n            }\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //check\r\n            if (divContent === null) {\r\n                return //console.log('無法找到顯示元素')\r\n            }\r\n\r\n            //@popperjs/core 2.x\r\n            let opt = {\r\n                strategy: 'fixed', //盡量使用'fixed'而不用'absolute', 否則位於多層dialog或多層drawer內popup顯示會異常\r\n                placement: 'top', //預設top, 因arrow不好給故僅提供top\r\n                modifiers: [\r\n                    // preventOverflow,\r\n                    // computeStyles,\r\n                    // {\r\n                    //     name: 'computeStyles',\r\n                    //     options: {\r\n                    //         gpuAcceleration: false, //預設true, 可關閉GPU加速\r\n                    //     },\r\n                    // },\r\n                    arrow,\r\n                    {\r\n                        name: 'arrow',\r\n                        options: {\r\n                            padding: 5,\r\n                        },\r\n                    },\r\n                    flip,\r\n                    {\r\n                        name: 'flip',\r\n                        options: {\r\n                            fallbackPlacements: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'],\r\n                        },\r\n                    },\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            // offset: [0, vo.tooltipPlacementDist], //[Skidding, Distance]\r\n                            // offset: [0, 5], //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            offset: ({ placement, reference, popper }) => {\r\n                                // console.log('offset', placement, reference, popper, vo.tooltipPlacementDist)\r\n                                // if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else {\r\n                                //     return []\r\n                                // }\r\n                                return [0, vo.tooltipPlacementDist] //[Skidding, Distance]\r\n                            },\r\n                        },\r\n                    },\r\n                    hide,\r\n                ],\r\n            }\r\n            vo.popperInstance = createPopper(divTrigger, divContent, opt)\r\n            // console.log('popperInstance', vo.popperInstance)\r\n\r\n        },\r\n\r\n        updatePopper: function(msg) {\r\n            //console.log('methods updatePopper', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //update\r\n            if (vo.popperInstance) {\r\n                vo.popperInstance.update()\r\n            }\r\n\r\n            // //emit\r\n            // vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        hidePopper: function(from) {\r\n            // console.log('methods hidePopper', from, this.mmkey)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.popperInstance) {\r\n\r\n                //destroy\r\n                vo.popperInstance.destroy()\r\n                vo.popperInstance = null\r\n\r\n            }\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s;\r\n}\r\n.bs {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\r\n}\r\n.WPopperFix[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n.arrow,\r\n.arrow::before {\r\n    position: absolute;\r\n    width: 5px;\r\n    height: 5px;\r\n    background: inherit;\r\n}\r\n.arrow {\r\n    visibility: hidden;\r\n}\r\n.arrow::before {\r\n    visibility: visible;\r\n    content: '';\r\n    transform: rotate(45deg);\r\n}\r\n/* .arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -5px;\r\n    border-width: 5px;\r\n    border-style: solid;\r\n    border-color: black transparent transparent transparent;\r\n} */\r\n</style>\r\n"]},media:void 0})},Yp,"data-v-56f48c07",false,void 0,!1,o,void 0,void 0);var Mp={components:{WGroupChipRadio:Ns,WPanelLabelItem:js,WText:rc,WSlider:$p},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200},borderColor:{type:String,default:"#ddd"},borderColorHover:{type:String,default:"#ccc"},borderColorActive:{type:String,default:"#777"},backgroundColor:{type:String,default:"transparent"},menuBorderRadius:{type:Number,default:4},menuBackgroundColor:{type:String,default:"#fff"},menuBackgroundColorHover:{type:String,default:"#f9f9f9"},menuBackgroundColorActive:{type:String,default:"#f2f2f2"},menuTextColor:{type:String,default:"#444"},menuTextColorHover:{type:String,default:"#222"},menuTextColorActive:{type:String,default:"#000"},menuTextFontSize:{type:String,default:"0.8rem"},inputBorderRadius:{type:Number,default:4},inputBorderColor:{type:String,default:"#ccc"},inputBorderColorHover:{type:String,default:"#b5b5b5"},inputBorderColorActive:{type:String,default:"#aaa"},inputBackgroundColor:{type:String,default:"#fff"},inputBackgroundColorHover:{type:String,default:"#fafafa"},inputBackgroundColorActive:{type:String,default:"#f2f2f2"},inputTextColor:{type:String,default:"#000"},inputTextFontSize:{type:String,default:"0.8rem"},inputTextWidth:{type:Number,default:38},inputTextHeight:{type:Number,default:18},inputLabelWidth:{type:Number,default:12},inputLabelColor:{type:String,default:"#666"},inputLabelFontSize:{type:String,default:"0.8rem"},barProgHeight:{type:Number,default:4},barProgColor:{type:String,default:"#74a4d9"},barProgBackgroundColor:{type:String,default:"#eee"},barSliderSize:{type:Number,default:10},barSliderBackgroundColor:{type:String,default:"#1565C0"},barSliderBackgroundColorHover:{type:String,default:"#1976D2"}},data:function(){return{methods:[{text:"RGBA"},{text:"HSVA"}],methodSelect:{text:"RGBA"},lock:!1,valueTrans:null,r:255,g:255,b:255,h:360,s:1,v:1,a:1,rt:255,gt:255,bt:255,ht:360,st:1,vt:1,at:1}},computed:{changeValue:function(){let n=this;n.valueTrans=wo(n.value);let e=Ra.toRgba(n.valueTrans),t=Ra.toHsva(n.valueTrans);return n.r=e.r,n.rt=e.r,n.g=e.g,n.gt=e.g,n.b=e.b,n.bt=e.b,n.a=e.a,n.at=e.a,n.h=t.h,n.ht=t.h,n.s=t.s,n.st=t.s,n.v=t.v,n.vt=t.v,""},sliderWidth:function(){let n=this,e=n.size-n.inputTextWidth-n.inputLabelWidth-13;return e=Math.max(e,0),e},useBorderColor:function(){return wo(this.borderColor)},useBackgroundColor:function(){return wo(this.backgroundColor)}},methods:{cki255:function(n){if(!rr(n))return 0;let e=n;return(n=tr(n))<0?n=0:n>255&&(n=255),n===tr(e)?e:n},cki360:function(n){if(!rr(n))return 0;let e=n;return(n=tr(n))<0?n=0:n>360&&(n=360),n===tr(e)?e:n},ckd1:function(n){if(!Ws(n))return 0;let e=n;return(n=Et(n))<0?n=0:n>1&&(n=1),n===Et(e)?e:n},updateColorCore:function(){let n=this,e=!1,t=!1;{let t=tr(n.rt);n.r!==t&&(n.r=t,e=!0)}{let t=tr(n.gt);n.g!==t&&(n.g=t,e=!0)}{let t=tr(n.bt);n.b!==t&&(n.b=t,e=!0)}{let t=Et(n.at);n.a!==t&&(n.a=t,e=!0)}{let e=tr(n.ht);n.h!==e&&(n.h=e,t=!0)}{let e=Et(n.st);n.s!==e&&(n.s=e,t=!0)}{let e=Et(n.vt);n.v!==e&&(n.v=e,t=!0)}let r=null;e?r={r:n.r,g:n.g,b:n.b,a:n.a}:t&&(r={h:n.h,s:n.s,v:n.v,a:n.a}),qo(r)&&(r=Ra.toRgbaString(r),n.valueTrans=r,n.$emit("input",r))},updateColor:function(n,e,t){let r=this;setTimeout(()=>{r.updateColorCore()},1)}}};const Op=Mp;var Jp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block;",attrs:{changeValue:n.changeValue}},[t("div",{style:"padding-left:10px; margin-bottom:-1px;"},[t("WGroupChipRadio",{attrs:{items:n.methods,paddingStyle:{v:1,h:6},group:!0,groupBorderRadiusStyle:{top:!0},groupShift:0,borderRadius:n.menuBorderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.menuBackgroundColor,backgroundColorHover:n.menuBackgroundColorHover,backgroundColorActive:n.menuBackgroundColorActive,textColor:n.menuTextColor,textColorHover:n.menuTextColorHover,textColorActive:n.menuTextColorActive,textFontSize:n.menuTextFontSize,marginStyle:{},shadowActive:!1},model:{value:n.methodSelect,callback:function(e){n.methodSelect=e},expression:"methodSelect"}})],1),n._v(" "),t("div",{style:"padding:10px; border:1px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+";"},[t("div",{directives:[{name:"show",rawName:"v-show",value:"RGBA"===n.methodSelect.text,expression:"methodSelect.text==='RGBA'"}]},[t("WPanelLabelItem",{attrs:{label:"R",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"r")}},model:{value:n.rt,callback:function(e){n.rt=e},expression:"rt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.r},on:{input:function(e){n.rt=e,n.updateColor(e,"","rs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"G",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"g")}},model:{value:n.gt,callback:function(e){n.gt=e},expression:"gt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.g},on:{input:function(e){n.gt=e,n.updateColor(e,"","gs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"B",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"b")}},model:{value:n.bt,callback:function(e){n.bt=e},expression:"bt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.b},on:{input:function(e){n.bt=e,n.updateColor(e,"","bs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"A",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"a")}},model:{value:n.at,callback:function(e){n.at=e},expression:"at"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.a},on:{input:function(e){n.at=e,n.updateColor(e,"","as")}}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:"HSVA"===n.methodSelect.text,expression:"methodSelect.text==='HSVA'"}]},[t("WPanelLabelItem",{attrs:{label:"H",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki360,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"h")}},model:{value:n.ht,callback:function(e){n.ht=e},expression:"ht"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:360,valueStep:1,valueDecimal:0,value:n.h},on:{input:function(e){n.ht=e,n.updateColor(e,"","hs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"S",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"s")}},model:{value:n.st,callback:function(e){n.st=e},expression:"st"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.s},on:{input:function(e){n.st=e,n.updateColor(e,"","ss")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"V",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"v")}},model:{value:n.vt,callback:function(e){n.vt=e},expression:"vt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.v},on:{input:function(e){n.vt=e,n.updateColor(e,"","bs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"A",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"a")}},model:{value:n.at,callback:function(e){n.at=e},expression:"at"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.a},on:{input:function(e){n.at=e,n.updateColor(e,"","as")}}})],1)]},proxy:!0}])})],1)])])};Jp._withStripped=!0;const Ep=t({render:Jp,staticRenderFns:[]},function(n){n&&n("data-v-4c4932a6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WColorSelectInput.vue"},media:void 0})},Op,"data-v-4c4932a6",false,void 0,!1,o,void 0,void 0);var Up={directives:{domresize:ol()},components:{WPopup:vs,WColorSelectPanel:As,WColorSelectInput:Ep,WButtonChip:Bu,WIcon:Ma},props:{value:{type:String,default:"#FFFFFF"},type:{type:String,default:"HSVA"},size:{type:Number,default:200},space:{type:Number,default:10},colorBlockSize:{type:Number,default:20},colorBlockBorderWidth:{type:Number,default:1},colorBlockBorderColor:{type:String,default:"#ddd"},showColorText:{type:Boolean,default:!0},colorTextColor:{type:String,default:"#000"},colorTextFontSize:{type:String,default:"0.8rem"},panelBackgroundColor:{type:String,default:"#fff"},toolBackgroundColor:{type:String,default:"#f5f5f5"},menuIconLump:{type:String,default:"M12,5.32L18,8.69V15.31L12,18.68L6,15.31V8.69L12,5.32M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},menuIconHsva:{type:String,default:"M19 3V21H15V3H19M14 3V21H10V3H14M9 3V21H5V3H9Z"},menuIconEyeDropper:{type:String,default:"M19.35,11.72L17.22,13.85L15.81,12.43L8.1,20.14L3.5,22L2,20.5L3.86,15.9L11.57,8.19L10.15,6.78L12.28,4.65L19.35,11.72M16.76,3C17.93,1.83 19.83,1.83 21,3C22.17,4.17 22.17,6.07 21,7.24L19.08,9.16L14.84,4.92L16.76,3M5.56,17.03L4.5,19.5L6.97,18.44L14.4,11L13,9.6L5.56,17.03Z"},menuIconColor:{type:String,default:"#aaa"},menuIconColorHover:{type:String,default:"#999"},menuIconColorActive:{type:String,default:"#666"},menuIconSize:{type:Number,default:20},borderColor:{type:String,default:"#ddd"},borderColorHover:{type:String,default:"#ccc"},borderColorActive:{type:String,default:"#777"},menuBorderRadius:{type:Number,default:4},menuTextColor:{type:String,default:"#444"},menuTextColorHover:{type:String,default:"#222"},menuTextColorActive:{type:String,default:"#000"},menuTextFontSize:{type:String,default:"0.8rem"},menuBackgroundColor:{type:String,default:"#fff"},menuBackgroundColorHover:{type:String,default:"#f9f9f9"},menuBackgroundColorActive:{type:String,default:"#f2f2f2"},inputBorderRadius:{type:Number,default:4},inputBorderColor:{type:String,default:"#ccc"},inputBorderColorHover:{type:String,default:"#b5b5b5"},inputBorderColorActive:{type:String,default:"#aaa"},inputBackgroundColor:{type:String,default:"#fff"},inputBackgroundColorHover:{type:String,default:"#fafafa"},inputBackgroundColorActive:{type:String,default:"#f2f2f2"},inputTextColor:{type:String,default:"#000"},inputTextFontSize:{type:String,default:"0.8rem"},inputTextWidth:{type:Number,default:38},inputTextHeight:{type:Number,default:18},inputLabelWidth:{type:Number,default:12},inputLabelColor:{type:String,default:"#666"},inputLabelFontSize:{type:String,default:"0.8rem"},barProgHeight:{type:Number,default:4},barProgColor:{type:String,default:"#74a4d9"},barProgBackgroundColor:{type:String,default:"#eee"},barSliderSize:{type:Number,default:10},barSliderBackgroundColor:{type:String,default:"#1565C0"},barSliderBackgroundColorHover:{type:String,default:"#1976D2"},popupPlacementDist:{type:Number,default:5},btnText:{type:String,default:"Confirm"},btnRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},btnPaddingStyle:{type:Object,default:()=>({v:1,h:5})},btnTextColor:{type:String,default:"#000"},btnTextColorHover:{type:String,default:"#222"},btnTextColorActive:{type:String,default:"#222"},btnTextFontSize:{type:String,default:"0.8rem"},btnBorderRadius:{type:Number,default:4},btnBackgroundColor:{type:String,default:"rgb(241,241,241)"},btnBackgroundColorHover:{type:String,default:"rgb(236,236,236)"},btnBackgroundColorActive:{type:String,default:"rgb(236,236,236)"},btnShadow:{type:Boolean,default:!0},editable:{type:Boolean,default:!0}},data:function(){return{mdiLoading:"M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z",show:!1,typeTrans:"HSVA",loadingEyeDropper:!1,layoutType:"horizontal",layoutOverflowY:!1,layoutMinY:300,layoutMaxY:300,selectPanelHeight:0,selectInputHeight:0,valueOri:null,valueNew:null}},computed:{changeValue:function(){let n=this;return n.valueOri=wo(n.value),n.valueNew=n.valueOri,""},changeType:function(){return this.typeTrans=this.type,""},hasEyeDropper:function(){return Be(window.EyeDropper)},useColorBlockBorderColor:function(){return wo(this.colorBlockBorderColor)},useColorTextColor:function(){return wo(this.colorTextColor)},usePanelBackgroundColor:function(){return wo(this.panelBackgroundColor)},useToolBackgroundColor:function(){return wo(this.toolBackgroundColor)},useBorderColor:function(){return wo(this.borderColor)},usePanelOverflow:function(){let n=this,e=`overflow-y:auto; min-height:${n.layoutMinY}px;`;return n.layoutOverflowY&&(e+=`max-height:${n.layoutMaxY}px;`),e}},methods:{resize:function(n){let e=this;if(!e.show)return;let t=mn(n,"snew.windowWidth",0)>=2*(e.size+20)+3*e.space;e.layoutType=t?"horizontal":"vertical"},resizeContent:function(n){let e=this;if(!e.show)return;let t=mn(n,"snew.windowHeight",0);try{let n=gs(e.$refs.ct),r=500;e.layoutOverflowY=n.top+r>t,e.layoutMaxY=Math.max(t-n.top-30,e.layoutMinY)}catch(n){}},resizeSelectPanel:function(n){if(!this.show)return;let e=mn(n,"snew.clientHeight",0);this.selectPanelHeight=e},resizeSelectInput:function(n){if(!this.show)return;let e=mn(n,"snew.clientHeight",0);this.selectInputHeight=e},openEyeDropper:function(){let n=this;n.hasEyeDropper&&(n.loadingEyeDropper=!0,(new window.EyeDropper).open().then(e=>{let t=mn(e,"sRGBHex","#fff");n.valueNew=t}).catch(n=>{console.log(n)}).finally(()=>{n.loadingEyeDropper=!1}))},clickColor:function(){let n=this;n.editable&&(n.$emit("input",n.valueNew),n.show=!1)}}};const Qp=Up;var qp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{minWidth:null,maxWidth:null,autoFitMinWidth:!1,autoFitMaxWidth:!1,placementDistY:n.popupPlacementDist,editable:n.editable,changeValue:n.changeValue,changeType:n.changeType},on:{domresize:n.resize},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{},[t("div",{staticStyle:{display:"flex","align-items":"center",cursor:"pointer",outline:"none"},on:{click:n.clickColor}},[t("div",{style:"border:"+n.colorBlockBorderWidth+"px solid "+n.useColorBlockBorderColor+"; width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; background:"+n.valueOri+";"}),n._v(" "),n.showColorText?[t("div",{style:"padding-left:5px;"}),n._v(" "),t("div",{style:"font-size:"+n.colorTextFontSize+"; color:"+n.useColorTextColor+";"},[n._v("\n                        "+n._s(n.valueOri)+"\n                    ")])]:n._e()],2)])]},proxy:!0},{key:"content",fn:function(){return[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"ct",style:"background:"+n.usePanelBackgroundColor+"; "+n.usePanelOverflow,on:{domresize:n.resizeContent}},[t("div",{style:"display:flex; padding:"+n.space+"px; border-bottom:1px solid "+n.useBorderColor+"; background:"+n.useToolBackgroundColor+";"},[t("div",{},[t("WIcon",{staticStyle:{cursor:"pointer"},attrs:{icon:n.menuIconHsva,color:"HSVA"===n.typeTrans?n.menuIconColorActive:n.menuIconColor,colorHover:"HSVA"===n.typeTrans?n.menuIconColorActive:n.menuIconColorHover,size:n.menuIconSize},on:{click:function(e){n.typeTrans="HSVA",n.$emit("update:type","HSVA")}}})],1),n._v(" "),t("div",{},[t("WIcon",{staticStyle:{cursor:"pointer"},attrs:{icon:n.menuIconLump,color:"LUMP"===n.typeTrans?n.menuIconColorActive:n.menuIconColor,colorHover:"LUMP"===n.typeTrans?n.menuIconColorActive:n.menuIconColorHover,size:n.menuIconSize},on:{click:function(e){n.typeTrans="LUMP",n.$emit("update:type","LUMP")}}})],1),n._v(" "),n.hasEyeDropper?t("div",{},[t("WIcon",{class:{"icon-spinner":n.loadingEyeDropper},staticStyle:{cursor:"pointer"},attrs:{icon:n.loadingEyeDropper?n.mdiLoading:n.menuIconEyeDropper,color:n.loadingEyeDropper?n.menuIconColor:n.menuIconColorActive,colorHover:n.loadingEyeDropper?n.menuIconColor:n.menuIconColorActive,size:n.menuIconSize},on:{click:n.openEyeDropper}})],1):n._e(),n._v(" "),t("div",{style:"width:100%;"}),n._v(" "),t("div",{ref:"mtb",style:"display:flex; align-items:center;"},[t("div",{style:"display:flex; align-items:center; border:"+n.colorBlockBorderWidth+"px solid "+n.useColorBlockBorderColor+";"},[t("div",{style:"width:"+n.colorBlockSize+"px; min-width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; background:"+n.valueOri+";"}),n._v(" "),t("div",{style:"width:"+n.colorBlockSize+"px; min-width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; background:"+n.valueNew+";"})])])]),n._v(" "),t("div",{style:"padding:"+n.space+"px;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],staticStyle:{display:"flex"},on:{domresize:n.resizeSelectPanel}},[t("WColorSelectPanel",{attrs:{type:n.typeTrans,size:n.size,space:0,backgroundColor:"transparent",menuIconLump:n.menuIconLump,menuIconHsva:n.menuIconHsva,menuIconColor:n.menuIconColor,menuIconColorHover:n.menuIconColorHover,menuIconColorActive:n.menuIconColorActive,menuIconSize:n.menuIconSize},model:{value:n.valueNew,callback:function(e){n.valueNew=e},expression:"valueNew"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],staticStyle:{display:"flex"},on:{domresize:n.resizeSelectInput}},[t("WColorSelectInput",{attrs:{size:Math.max(n.size-22,0),backgroundColor:"transparent",borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,menuBorderRadius:n.menuBorderRadius,menuBackgroundColor:n.menuBackgroundColor,menuBackgroundColorHover:n.menuBackgroundColorHover,menuBackgroundColorActive:n.menuBackgroundColorActive,menuTextColor:n.menuTextColor,menuTextColorHover:n.menuTextColorHover,menuTextColorActive:n.menuTextColorActive,menuTextFontSize:n.menuTextFontSize,inputBorderRadius:n.inputBorderRadius,inputBorderColor:n.inputBorderColor,inputBorderColorHover:n.inputBorderColorHover,inputBorderColorActive:n.inputBorderColorActive,inputBackgroundColor:n.inputBackgroundColor,inputBackgroundColorHover:n.inputBackgroundColorHover,inputBackgroundColorActive:n.inputBackgroundColorActive,inputTextColor:n.inputTextColor,inputTextFontSize:n.inputTextFontSize,inputTextWidth:n.inputTextWidth,inputTextHeight:n.inputTextHeight,inputLabelWidth:n.inputLabelWidth,inputLabelColor:n.inputLabelColor,inputLabelFontSize:n.inputLabelFontSize,barProgHeight:n.barProgHeight,barProgColor:n.barProgColor,barProgBackgroundColor:n.barProgBackgroundColor,barSliderSize:n.barSliderSize,barSliderBackgroundColor:n.barSliderBackgroundColor,barSliderBackgroundColorHover:n.barSliderBackgroundColorHover},model:{value:n.valueNew,callback:function(e){n.valueNew=e},expression:"valueNew"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{"text-align":"right"}},[t("WButtonChip",{attrs:{text:n.btnText,rippleColor:n.btnRippleColor,paddingStyle:n.btnPaddingStyle,textColor:n.btnTextColor,textColorHover:n.btnTextColorHover,textColorActive:n.btnTextColorActive,textFontSize:n.btnTextFontSize,borderRadius:n.btnBorderRadius,_borderColor:"btnBorderColor",_borderColorHover:"btnBorderColorHover",_borderColorActive:"btnBorderColorActive",backgroundColor:n.btnBackgroundColor,backgroundColorHover:n.btnBackgroundColorHover,backgroundColorActive:n.btnBackgroundColorActive,shadow:n.btnShadow},on:{click:n.clickColor}})],1)])])]},proxy:!0}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}})};qp._withStripped=!0;const nf=t({render:qp,staticRenderFns:[]},function(n){n&&n("data-v-28a3241f_0",{source:"\n.icon-spinner[data-v-28a3241f] {\r\n    animation: spin-animation-data-v-28a3241f 1.5s infinite;\r\n    display: inline-block;\n}\n@keyframes spin-animation-data-v-28a3241f {\n0% {\r\n        transform: rotate(0deg);\n}\n100% {\r\n        transform: rotate(359deg);\n}\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WColorSelect.vue"],names:[],mappings:";AAoxBA;IACA,uDAAA;IACA,qBAAA;AACA;AACA;AACA;QACA,uBAAA;AACA;AACA;QACA,yBAAA;AACA;AACA",file:"WColorSelect.vue",sourcesContent:["<template>\r\n    <WPopup\r\n        :minWidth=\"null\"\r\n        :maxWidth=\"null\"\r\n        :autoFitMinWidth=\"false\"\r\n        :autoFitMaxWidth=\"false\"\r\n        :placementDistY=\"popupPlacementDist\"\r\n        :editable=\"editable\"\r\n        v-model=\"show\"\r\n        :changeValue=\"changeValue\"\r\n        :changeType=\"changeType\"\r\n        v-domresize\r\n        @domresize=\"resize\"\r\n    >\r\n\r\n        <template v-slot:trigger>\r\n\r\n            <div style=\"\">\r\n                \x3c!-- 盡量不要讓display:flex暴露至外層 --\x3e\r\n                <div\r\n                    style=\"display:flex; align-items:center; cursor:pointer; outline:none;\"\r\n                    @click=\"clickColor\"\r\n                >\r\n\r\n                    <div :style=\"`border:${colorBlockBorderWidth}px solid ${useColorBlockBorderColor}; width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueOri};`\"></div>\r\n\r\n                    <template v-if=\"showColorText\">\r\n\r\n                        <div :style=\"`padding-left:5px;`\"></div>\r\n\r\n                        <div :style=\"`font-size:${colorTextFontSize}; color:${useColorTextColor};`\">\r\n                            {{valueOri}}\r\n                        </div>\r\n\r\n                    </template>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </template>\r\n\r\n        <template v-slot:content>\r\n\r\n            <div\r\n                ref=\"ct\"\r\n                :style=\"`background:${usePanelBackgroundColor}; ${usePanelOverflow}`\"\r\n                v-domresize\r\n                @domresize=\"resizeContent\"\r\n            >\r\n\r\n                \x3c!-- 上方選單區 --\x3e\r\n                <div :style=\"`display:flex; padding:${space}px; border-bottom:1px solid ${useBorderColor}; background:${useToolBackgroundColor};`\">\r\n\r\n                    <div style=\"\">\r\n                        <WIcon\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"menuIconHsva\"\r\n                            :color=\"typeTrans==='HSVA'?menuIconColorActive:menuIconColor\"\r\n                            :colorHover=\"typeTrans==='HSVA'?menuIconColorActive:menuIconColorHover\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"typeTrans='HSVA';$emit('update:type','HSVA')\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div style=\"\">\r\n                        <WIcon\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"menuIconLump\"\r\n                            :color=\"typeTrans==='LUMP'?menuIconColorActive:menuIconColor\"\r\n                            :colorHover=\"typeTrans==='LUMP'?menuIconColorActive:menuIconColorHover\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"typeTrans='LUMP';$emit('update:type','LUMP')\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div style=\"\" v-if=\"hasEyeDropper\">\r\n                        <WIcon\r\n                            :class=\"{'icon-spinner':loadingEyeDropper}\"\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"loadingEyeDropper?mdiLoading:menuIconEyeDropper\"\r\n                            :color=\"loadingEyeDropper?menuIconColor:menuIconColorActive\"\r\n                            :colorHover=\"loadingEyeDropper?menuIconColor:menuIconColorActive\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"openEyeDropper\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div :style=\"`width:100%;`\"></div>\r\n\r\n                    <div\r\n                        ref=\"mtb\"\r\n                        :style=\"`display:flex; align-items:center;`\"\r\n                    >\r\n\r\n                        <div :style=\"`display:flex; align-items:center; border:${colorBlockBorderWidth}px solid ${useColorBlockBorderColor};`\">\r\n\r\n                            <div :style=\"`width:${colorBlockSize}px; min-width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueOri};`\"></div>\r\n\r\n                            <div :style=\"`width:${colorBlockSize}px; min-width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueNew};`\"></div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div :style=\"`padding:${space}px;`\">\r\n\r\n                    \x3c!-- 顏色選擇區 --\x3e\r\n                    <div\r\n                        style=\"display:flex;\"\r\n                        v-domresize\r\n                        @domresize=\"resizeSelectPanel\"\r\n                    >\r\n                        <WColorSelectPanel\r\n                            :type=\"typeTrans\"\r\n                            :size=\"size\"\r\n                            :space=\"0\"\r\n                            :backgroundColor=\"'transparent'\"\r\n                            :menuIconLump=\"menuIconLump\"\r\n                            :menuIconHsva=\"menuIconHsva\"\r\n                            :menuIconColor=\"menuIconColor\"\r\n                            :menuIconColorHover=\"menuIconColorHover\"\r\n                            :menuIconColorActive=\"menuIconColorActive\"\r\n                            :menuIconSize=\"menuIconSize\"\r\n                            v-model=\"valueNew\"\r\n                        ></WColorSelectPanel>\r\n                    </div>\r\n\r\n                    <div :style=\"`height:${space}px;`\"></div>\r\n\r\n                    \x3c!-- 顏色數值區 --\x3e\r\n                    <div\r\n                        style=\"display:flex;\"\r\n                        v-domresize\r\n                        @domresize=\"resizeSelectInput\"\r\n                    >\r\n                        <WColorSelectInput\r\n                            :size=\"Math.max(size-22,0)\"\r\n                            :backgroundColor=\"'transparent'\"\r\n                            :borderColor=\"borderColor\"\r\n                            :borderColorHover=\"borderColorHover\"\r\n                            :borderColorActive=\"borderColorActive\"\r\n                            :menuBorderRadius=\"menuBorderRadius\"\r\n                            :menuBackgroundColor=\"menuBackgroundColor\"\r\n                            :menuBackgroundColorHover=\"menuBackgroundColorHover\"\r\n                            :menuBackgroundColorActive=\"menuBackgroundColorActive\"\r\n                            :menuTextColor=\"menuTextColor\"\r\n                            :menuTextColorHover=\"menuTextColorHover\"\r\n                            :menuTextColorActive=\"menuTextColorActive\"\r\n                            :menuTextFontSize=\"menuTextFontSize\"\r\n                            :inputBorderRadius=\"inputBorderRadius\"\r\n                            :inputBorderColor=\"inputBorderColor\"\r\n                            :inputBorderColorHover=\"inputBorderColorHover\"\r\n                            :inputBorderColorActive=\"inputBorderColorActive\"\r\n                            :inputBackgroundColor=\"inputBackgroundColor\"\r\n                            :inputBackgroundColorHover=\"inputBackgroundColorHover\"\r\n                            :inputBackgroundColorActive=\"inputBackgroundColorActive\"\r\n                            :inputTextColor=\"inputTextColor\"\r\n                            :inputTextFontSize=\"inputTextFontSize\"\r\n                            :inputTextWidth=\"inputTextWidth\"\r\n                            :inputTextHeight=\"inputTextHeight\"\r\n                            :inputLabelWidth=\"inputLabelWidth\"\r\n                            :inputLabelColor=\"inputLabelColor\"\r\n                            :inputLabelFontSize=\"inputLabelFontSize\"\r\n                            :barProgHeight=\"barProgHeight\"\r\n                            :barProgColor=\"barProgColor\"\r\n                            :barProgBackgroundColor=\"barProgBackgroundColor\"\r\n                            :barSliderSize=\"barSliderSize\"\r\n                            :barSliderBackgroundColor=\"barSliderBackgroundColor\"\r\n                            :barSliderBackgroundColorHover=\"barSliderBackgroundColorHover\"\r\n                            v-model=\"valueNew\"\r\n                        ></WColorSelectInput>\r\n                    </div>\r\n\r\n                    <div :style=\"`height:${space}px;`\"></div>\r\n\r\n                    \x3c!-- 確認按鈕區 --\x3e\r\n                    <div style=\"text-align:right;\">\r\n\r\n                        <WButtonChip\r\n                            :text=\"btnText\"\r\n                            :rippleColor=\"btnRippleColor\"\r\n                            :paddingStyle=\"btnPaddingStyle\"\r\n                            :textColor=\"btnTextColor\"\r\n                            :textColorHover=\"btnTextColorHover\"\r\n                            :textColorActive=\"btnTextColorActive\"\r\n                            :textFontSize=\"btnTextFontSize\"\r\n                            :borderRadius=\"btnBorderRadius\"\r\n                            _borderColor=\"btnBorderColor\"\r\n                            _borderColorHover=\"btnBorderColorHover\"\r\n                            _borderColorActive=\"btnBorderColorActive\"\r\n                            :backgroundColor=\"btnBackgroundColor\"\r\n                            :backgroundColorHover=\"btnBackgroundColorHover\"\r\n                            :backgroundColorActive=\"btnBackgroundColorActive\"\r\n                            :shadow=\"btnShadow\"\r\n                            @click=\"clickColor\"\r\n                        ></WButtonChip>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </WPopup>\r\n</template>\r\n\r\n<script>\r\nimport { mdiHexagonSlice6, mdiViewParallel, mdiEyedropper, mdiLoading } from '@mdi/js'\r\nimport get from 'lodash-es/get.js'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport domGetBoudRect from 'wsemi/src/domGetBoudRect.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WPopup from './WPopup.vue'\r\nimport WColorSelectPanel from './WColorSelectPanel.vue'\r\nimport WColorSelectInput from './WColorSelectInput.vue'\r\nimport WButtonChip from './WButtonChip.vue'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [value='#FFFFFF'] 輸入顏色字串，預設'#FFFFFF'\r\n * @vue-prop {String} [type='HSVA'] 輸入選擇顏色方式字串，可選'LUMP'、'HSVA'，預設'HSVA'\r\n * @vue-prop {Number} [size=200] 輸入尺寸數字，代表組件基礎寬度與將自動計算高度，單位px，預設200\r\n * @vue-prop {Number} [space=10] 輸入子組件間距數字，單位px，預設10\r\n * @vue-prop {Number} [colorBlockSize=20] 輸入色塊長與寬度數字，單位px，預設20\r\n * @vue-prop {Number} [colorBlockBorderWidth=1] 輸入色塊框線寬度數字，單位px，預設1\r\n * @vue-prop {String} [colorBlockBorderColor='#ddd'] 輸入色塊框線顏色字串，預設'#ddd'\r\n * @vue-prop {Boolean} [showColorText=true] 輸入是否顯示當前RGBA顏色文字布林值，預設true\r\n * @vue-prop {String} [colorTextColor='#000'] 輸入當前RGBA顏色文字顏色字串，預設'#000'\r\n * @vue-prop {String} [colorTextFontSize='0.8rem'] 輸入當前RGBA顏色文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {String} [panelBackgroundColor='#fff'] 輸入彈窗背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [toolBackgroundColor='#f5f5f5'] 輸入彈窗背景顏色字串，預設'#f5f5f5'\r\n * @vue-prop {String} [menuIconLump=mdiHexagonSlice6] 輸入選單LUMP模式圖標字串，預設mdiHexagonSlice6\r\n * @vue-prop {String} [menuIconHsva=mdiViewParallel] mdiViewParallel\r\n * @vue-prop {String} [menuIconEyeDropper=mdiEyedropper] 輸入取色滴管圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiEyedropper)\r\n * @vue-prop {String} [menuIconColor='#aaa'] 輸入選單圖標顏色字串，預設'#aaa'\r\n * @vue-prop {String} [menuIconColorHover='#999'] 輸入滑鼠移入時選單圖標顏色字串，預設'#999'\r\n * @vue-prop {String} [menuIconColorActive='#666'] 輸入主動模式時選單圖標顏色字串，預設'#666'\r\n * @vue-prop {Number} [menuIconSize=20] 輸入選單圖標尺寸數字，單位為px，預設20\r\n * @vue-prop {String} [borderColor='#ddd'] 輸入邊框顏色字串，預設'#ddd'\r\n * @vue-prop {String} [borderColorHover='#ccc'] 輸入滑鼠移入時邊框顏色字串，預設'#ccc'\r\n * @vue-prop {String} [borderColorActive='#777'] 輸入主動模式時邊框顏色字串，預設'#777'\r\n * @vue-prop {Number} [menuBorderRadius=4] 輸入框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [menuTextColor='#444'] 輸入選單文字顏色字串，預設'#444'\r\n * @vue-prop {String} [menuTextColorHover='#222'] 輸入滑鼠移入時選單文字顏色字串，預設'#222'\r\n * @vue-prop {String} [menuTextColorActive='#000'] 輸入主動模式時選單文字顏色字串，預設'#000'\r\n * @vue-prop {String} [menuTextFontSize='0.8rem'] 輸入選單文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {String} [menuBackgroundColor='#fff'] 輸入選單背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [menuBackgroundColorHover='#f9f9f9'] 輸入滑鼠移入時選單背景顏色字串，預設'#f9f9f9'\r\n * @vue-prop {String} [menuBackgroundColorActive='#f2f2f2'] 輸入主動模式時選單背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {Number} [inputBorderRadius=4] 輸入顏色數字輸入區邊框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [inputBorderColor='#ccc'] 輸入顏色數字輸入區邊框顏色字串，預設'#ccc'\r\n * @vue-prop {String} [inputBorderColorHover='#b5b5b5'] 輸入滑鼠移入時顏色數字輸入區邊框顏色字串，預設'#b5b5b5'\r\n * @vue-prop {String} [inputBorderColorActive='#aaa'] 輸入主動模式時顏色數字輸入區邊框顏色字串，預設'#aaa'\r\n * @vue-prop {String} [inputBackgroundColor='#fff'] 輸入顏色數字輸入區背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [inputBackgroundColorHover='#fafafa'] 輸入滑鼠移入時顏色數字輸入區背景顏色字串，預設'#fafafa'\r\n * @vue-prop {String} [inputBackgroundColorActive='#f2f2f2'] 輸入主動模式時顏色數字輸入區背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {String} [inputTextColor='#000'] 輸入顏色數字輸入區文字顏色字串，預設'#000'\r\n * @vue-prop {String} [inputTextFontSize='0.8rem'] 輸入顏色數字輸入區文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [inputTextWidth=38] 輸入顏色數字輸入區寬度數字，單位為px，預設38\r\n * @vue-prop {Number} [inputTextHeight=18] 輸入顏色數字輸入區高度數字，單位為px，預設18\r\n * @vue-prop {Number} [inputLabelWidth=12] 輸入顏色數字輸入區標題寬度數字，單位為px，預設12\r\n * @vue-prop {String} [inputLabelColor='#666'] 輸入文字顏色字串，預設'#666'\r\n * @vue-prop {String} [inputLabelFontSize='0.8rem'] 輸入文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [barProgHeight=4] 輸入值域條高度數字，單位為px，預設4\r\n * @vue-prop {String} [barProgColor='#74a4d9'] 輸入值域條顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [barProgBackgroundColor='#eee'] 輸入值域條背景顏色字串，預設'#eee'\r\n * @vue-prop {Number} [barSliderSize=10] 輸入拖曳球尺寸數字，單位為px，預設10\r\n * @vue-prop {String} [barSliderBackgroundColor='#1565C0'] 輸入拖曳球背景顏色字串，預設'#1565C0'\r\n * @vue-prop {String} [barSliderBackgroundColorHover='#1976D2'] 輸入滑鼠移入時拖曳球背景顏色字串，預設'#1976D2'\r\n * @vue-prop {Number} [popupPlacementDist=5] 輸入彈窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {String} [btnText='Confirm'] 輸入確認按鈕之文字字串，預設'Confirm'\r\n * @vue-prop {String} [btnRippleColor='rgba(255,255,255,0.4)'] 輸入確認按鈕之ripple效果顏色字串，預設'rgba(255,255,255,0.4)'\r\n * @vue-prop {Object} [btnPaddingStyle={v:1,h:5}] 輸入確認按鈕之內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5}\r\n * @vue-prop {String} [btnTextColor='#000'] 輸入確認按鈕之文字顏色字串，預設'#000'\r\n * @vue-prop {String} [btnTextColorHover='#222'] 輸入滑鼠移入時確認按鈕之文字顏色字串，預設'#222'\r\n * @vue-prop {String} [btnTextColorActive='#222'] 輸入主動模式時確認按鈕之文字顏色字串，預設'#222'\r\n * @vue-prop {String} [btnTextFontSize='0.8rem'] 輸入確認按鈕之文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [btnBorderRadius=4] 輸入確認按鈕之框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [btnBackgroundColor='rgb(241,241,241)'] 輸入確認按鈕之背景顏色字串，預設'rgb(241,241,241)'\r\n * @vue-prop {String} [btnBackgroundColorHover='rgb(236,236,236)'] 輸入滑鼠移入時確認按鈕之背景顏色字串，預設'rgb(236,236,236)'\r\n * @vue-prop {String} [btnBackgroundColorActive='rgb(236,236,236)'] 輸入主動模式時確認按鈕之背景顏色字串，預設'rgb(236,236,236)'\r\n * @vue-prop {Boolean} [btnShadow=true] 輸入確認按鈕之是否顯示陰影布林值，預設true\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WPopup,\r\n        WColorSelectPanel,\r\n        WColorSelectInput,\r\n        WButtonChip,\r\n        WIcon,\r\n    },\r\n    props: {\r\n        value: {\r\n            type: String,\r\n            default: '#FFFFFF',\r\n        },\r\n        type: {\r\n            type: String,\r\n            default: 'HSVA',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        colorBlockSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        colorBlockBorderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        colorBlockBorderColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        showColorText: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        colorTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        colorTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        panelBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        toolBackgroundColor: {\r\n            type: String,\r\n            default: '#f5f5f5',\r\n        },\r\n        menuIconLump: {\r\n            type: String,\r\n            default: mdiHexagonSlice6,\r\n        },\r\n        menuIconHsva: {\r\n            type: String,\r\n            default: mdiViewParallel,\r\n        },\r\n        menuIconEyeDropper: {\r\n            type: String,\r\n            default: mdiEyedropper,\r\n        },\r\n        menuIconColor: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        menuIconColorHover: {\r\n            type: String,\r\n            default: '#999',\r\n        },\r\n        menuIconColorActive: {\r\n            type: String,\r\n            default: '#666',\r\n        },\r\n        menuIconSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        borderColorActive: {\r\n            type: String,\r\n            default: '#777',\r\n        },\r\n        menuBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        menuTextColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        menuTextColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        menuTextColorActive: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        menuTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        menuBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        menuBackgroundColorHover: {\r\n            type: String,\r\n            default: '#f9f9f9',\r\n        },\r\n        menuBackgroundColorActive: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        inputBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        inputBorderColor: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        inputBorderColorHover: {\r\n            type: String,\r\n            default: '#b5b5b5',\r\n        },\r\n        inputBorderColorActive: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        inputBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        inputBackgroundColorHover: {\r\n            type: String,\r\n            default: '#fafafa',\r\n        },\r\n        inputBackgroundColorActive: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        inputTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        inputTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 38,\r\n        },\r\n        inputTextHeight: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        inputLabelWidth: {\r\n            type: Number,\r\n            default: 12,\r\n        },\r\n        inputLabelColor: {\r\n            type: String,\r\n            default: '#666',\r\n        },\r\n        inputLabelFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        barProgHeight: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        barProgColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        barProgBackgroundColor: {\r\n            type: String,\r\n            default: '#eee',\r\n        },\r\n        barSliderSize: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        barSliderBackgroundColor: {\r\n            type: String,\r\n            default: '#1565C0',\r\n        },\r\n        barSliderBackgroundColorHover: {\r\n            type: String,\r\n            default: '#1976D2',\r\n        },\r\n        popupPlacementDist: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        btnText: {\r\n            type: String,\r\n            default: 'Confirm',\r\n        },\r\n        btnRippleColor: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.4)',\r\n        },\r\n        btnPaddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 1,\r\n                    h: 5,\r\n                }\r\n            },\r\n        },\r\n        btnTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        btnTextColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        btnTextColorActive: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        btnTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        btnBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        btnBackgroundColor: {\r\n            type: String,\r\n            default: 'rgb(241,241,241)',\r\n        },\r\n        btnBackgroundColorHover: {\r\n            type: String,\r\n            default: 'rgb(236,236,236)',\r\n        },\r\n        btnBackgroundColorActive: {\r\n            type: String,\r\n            default: 'rgb(236,236,236)',\r\n        },\r\n        btnShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            mdiLoading,\r\n\r\n            show: false,\r\n\r\n            typeTrans: 'HSVA',\r\n\r\n            loadingEyeDropper: false,\r\n\r\n            layoutType: 'horizontal',\r\n            layoutOverflowY: false,\r\n            layoutMinY: 300,\r\n            layoutMaxY: 300,\r\n\r\n            selectPanelHeight: 0,\r\n            selectInputHeight: 0,\r\n\r\n            valueOri: null,\r\n            valueNew: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function() {\r\n            let vo = this\r\n            vo.valueOri = convertColor(vo.value)\r\n            vo.valueNew = vo.valueOri\r\n            return ''\r\n        },\r\n\r\n        changeType: function() {\r\n            let vo = this\r\n            vo.typeTrans = vo.type\r\n            return ''\r\n        },\r\n\r\n        hasEyeDropper: function() {\r\n            // let vo = this\r\n            let b = isfun(window.EyeDropper)\r\n            // console.log('window.EyeDropper', window.EyeDropper)\r\n            return b\r\n        },\r\n\r\n        useColorBlockBorderColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.colorBlockBorderColor)\r\n        },\r\n\r\n        useColorTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.colorTextColor)\r\n        },\r\n\r\n        usePanelBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.panelBackgroundColor)\r\n        },\r\n\r\n        useToolBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.toolBackgroundColor)\r\n        },\r\n\r\n        useBorderColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.borderColor)\r\n        },\r\n\r\n        usePanelOverflow: function() {\r\n            let vo = this\r\n            let of = `overflow-y:auto; min-height:${vo.layoutMinY}px;`\r\n            if (vo.layoutOverflowY) {\r\n                of += `max-height:${vo.layoutMaxY}px;`\r\n            }\r\n            return of\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resize: function(msg) {\r\n            // console.log('methods resize', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            let w = get(msg, 'snew.windowWidth', 0)\r\n            // let h = get(msg, 'snew.windowHeight', 0)\r\n            // console.log('w', w, 'h', h, b)\r\n\r\n            //layoutType\r\n            let b = w >= 2 * (vo.size + 20) + 3 * vo.space //20為組件設定, 不提供外部更改故可直接給\r\n            vo.layoutType = b ? 'horizontal' : 'vertical'\r\n            // console.log('layoutType', vo.layoutType)\r\n\r\n        },\r\n\r\n        resizeContent: function(msg) {\r\n            // console.log('methods resizeContent', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            // let w = get(msg, 'snew.windowWidth', 0)\r\n            let h = get(msg, 'snew.windowHeight', 0)\r\n\r\n            try {\r\n\r\n                // console.log('vo.$refs.ct', vo.$refs.ct)\r\n                let rt = domGetBoudRect(vo.$refs.ct)\r\n                // console.log('rt', rt)\r\n\r\n                //hc, 概估組件size=200時高度\r\n                let hc = 500\r\n\r\n                //layoutOverflowY\r\n                vo.layoutOverflowY = rt.top + hc > h\r\n                // console.log('layoutOverflowY', vo.layoutOverflowY)\r\n\r\n                //layoutMaxY\r\n                vo.layoutMaxY = Math.max(h - rt.top - 30, vo.layoutMinY) //30是概估與底部的留白距離\r\n                // console.log('layoutMaxY', vo.layoutMaxY)\r\n\r\n            }\r\n            catch (err) {}\r\n\r\n        },\r\n\r\n        resizeSelectPanel: function(msg) {\r\n            // console.log('methods resizeSelectPanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            let h = get(msg, 'snew.clientHeight', 0)\r\n\r\n            //save\r\n            vo.selectPanelHeight = h\r\n\r\n        },\r\n\r\n        resizeSelectInput: function(msg) {\r\n            // console.log('methods resizeSelectInput', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            let h = get(msg, 'snew.clientHeight', 0)\r\n\r\n            //save\r\n            vo.selectInputHeight = h\r\n\r\n        },\r\n\r\n        openEyeDropper: function() {\r\n            // console.log('methods openEyeDropper')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.hasEyeDropper) {\r\n                return\r\n            }\r\n\r\n            vo.loadingEyeDropper = true\r\n\r\n            let eyeDropper = new window.EyeDropper()\r\n            eyeDropper\r\n                .open()\r\n                .then((res) => {\r\n                    // console.log('res', res)\r\n                    let hex = get(res, 'sRGBHex', '#fff')\r\n                    vo.valueNew = hex\r\n                })\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n                .finally(() => {\r\n                    vo.loadingEyeDropper = false\r\n                })\r\n\r\n        },\r\n\r\n        clickColor: function() {\r\n            // console.log('methods clickColor')\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //emit\r\n            vo.$emit('input', vo.valueNew)\r\n\r\n            //hide\r\n            vo.show = false\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.icon-spinner {\r\n    animation: spin-animation 1.5s infinite;\r\n    display: inline-block;\r\n}\r\n@keyframes spin-animation {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n    100% {\r\n        transform: rotate(359deg);\r\n    }\r\n}\r\n</style>\r\n"]},media:void 0})},Qp,"data-v-28a3241f",false,void 0,!1,o,void 0,void 0);function ef(n){return null==n?[]:function(n,e){return dn(e,function(e){return n[e]})}(n,Ce(n))}let tf={};let rf={getLevel:function(n,e){Sn(tf,n)||(tf[n]={});let t=mn(tf,n,{}),r=mn(t,e,null);if(Fo(r))return r;let o=ef(tf[n]);return 0===So(o)?(r=1,tf[n][e]=r,r):(r=Mu(o)+1,tf[n][e]=r,r)},destroyLevel:function(n,e){Sn(tf,n)&&delete tf[n][e]}};var of={directives:{domresize:ol()},components:{WButtonCircle:Fu,WIcon:Ma},props:{show:{type:Boolean,default:!1},isModal:{type:Boolean,default:!0},dialogZIndex:{type:Number,default:2e3},fullscreen:{type:Boolean,default:!1},minWidth:{type:Number,default:200},maxWidth:{type:Number,default:1e3},ratioHeightMax:{type:Number,default:.9},autoFullscreenWhenNarrow:{type:Boolean,default:!0},overlayColor:{type:String,default:"rgba(0,0,0,0.3)"},panelBorderRadius:{type:Number,default:4},panelShadow:{type:Boolean,default:!0},panelShadowStyle:{type:String,default:"0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%)"},icon:{type:String,default:""},title:{type:String,default:""},titleColor:{type:String,default:"white"},titleFontSize:{type:String,default:"1.3rem"},headerHeight:{type:Number,default:56},headerIconColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"light-blue darken-3"},headerShadow:{type:Boolean,default:!0},headerShadowStyle:{type:String,default:"0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%)"},headerBtns:{type:Array,default:()=>[]},hasSaveBtn:{type:Boolean,default:!0},saveBtnTooltip:{type:String,default:"Save"},hasCloseBtn:{type:Boolean,default:!0},closeBtnTooltip:{type:String,default:"Close"},closeWithInterceptor:{type:Boolean,default:!1},contentTextColor:{type:String,default:"black"},contentBackgroundColor:{type:String,default:"#fff"}},data:function(){return{get:mn,mmkey:Qo(),zind:0,mdiCheckCircle:cl,mdiClose:vl,mdiCheckerboard:hl,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=rf.getLevel("dialog",n.mmkey),n.showPanel()):rf.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:hl},useRatioHeight:function(){let n=this;return n.useFullscreen?1:n.ratioHeightMax},useWidth:function(){let n=this;return n.useFullscreen?"width:100svw; max-width:100svw;":`min-width:${n.minWidth}px; max-width:${n.maxWidth}px;`},useHeight:function(){let n="";return n=this.useFullscreen?"height":"max-height",n=`${n}:${100*this.useRatioHeight}svh;`,n},useOverlayColor:function(){return wo(this.overlayColor)},usePanelShadowStyle:function(){return this.panelShadow?`box-shadow:${Ae(this.panelShadowStyle,";","")};`:""},useTitleFontSize:function(){let n=this.titleFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTitleColor:function(){return wo(this.titleColor)},useHeaderBackgroundColor:function(){return wo(this.headerBackgroundColor)},useHeaderShadowStyle:function(){return this.headerShadow?`box-shadow:${Ae(this.headerShadowStyle,";","")};`:""},useContentTextColor:function(){return wo(this.contentTextColor)},useContentBackgroundColor:function(){return wo(this.contentBackgroundColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=mn(e,"$refs.divFooter");e.footerHeight=t?t.clientHeight:0,e.fullscreenForce=!1,e.autoFullscreenWhenNarrow&&(e.fullscreenForce=e.maxWidth>=window.innerWidth),e.contentHeightMax=Math.max(window.innerHeight*e.useRatioHeight-e.headerHeight-e.footerHeight,0),0===e.contentHeightMax?e.useContentHeight="":e.useContentHeight=`max-height:${e.contentHeightMax}px;`;let r=mn(e,"$refs.divShield");if(r){let n=r.offsetWidth-r.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};Fs(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick(()=>{e.$emit("resize",qi(t))}))},updateTitleWidth:function(n){let e=this,t=mn(e,"$refs.hdIcon.clientWidth",0),r=mn(e,"$refs.hdStl.clientWidth",0),o=mn(e,"$refs.hdStr.clientWidth",0),i=mn(e,"$refs.hdBtns.clientWidth",0),l=e.panelWidth-2*e.headSpace-t-r-o-i;l=Math.max(l,0),e.titleWidth=l},clickOutside:function(n){let e=this,t=!1;try{t=!e.$refs.divPanel.contains(n.target)}catch(n){}if(t)try{t=!qa(n.clientX,n.clientY,e.$refs.divPanel)}catch(n){}if(t)if(e.useIsModal){let n=20,t=1.02;e.panelWidth>0&&(t=(e.panelWidth+n)/e.panelWidth);let r=100;e.panelStylePlus=`transition:all ${r}ms; transform:scale(${t});`,setTimeout(()=>{e.panelStylePlus=`transition:all ${r}ms;`},r),setTimeout(()=>{e.panelStylePlus=""},2*r)}else e.$nextTick(()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)})},clickBtns:function(n){let e=this;e.$nextTick(()=>{e.$emit("click-btns",qi(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=In();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 lf=of;var af=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[n.showTrans?t("div",{ref:"divShield",style:"\n            position:fixed; left:0px; top:0px;\n            width:calc( 100svw + "+n.nativeBarWidth+"px ); height:100svh;\n            overflow:clip;\n            z-index:"+n.useDialogZIndex+";\n            overscroll-behavior:none;\n            user-select:none;\n            touch-action:none;\n        "},[t("div",{style:"\n                width: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,r){return[t("WButtonCircle",{key:r,staticStyle:{"padding-left":"5px"},attrs:{icon:n.get(e,"icon"),shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.get(e,"iconColor")||n.headerIconColor,iconColor:n.get(e,"iconColor")||n.headerIconColor,iconColorHover:n.get(e,"iconColor")||n.headerIconColor,iconColorFocus:n.get(e,"iconColor")||n.headerIconColor,backgroundColor:n.get(e,"backgroundColor")||"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.get(e,"tooltip")},on:{click:function(t){return n.clickBtns(e)}}})]}),n._v(" "),n.hasSaveBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiCheckCircle,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.saveBtnTooltip,promiseUnlock:!0},on:{click:n.clickSave}})]:n._e(),n._v(" "),n.hasCloseBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiClose,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.closeBtnTooltip},on:{click:function(e){return n.clickClose(!1)}}})]:n._e()],2)])])]},{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divContent",style:"\n                                color:"+n.useContentTextColor+";\n                                "+n.useContentHeight+"\n                                overflow-y:auto;\n                            ",on:{domresize:n.resizeContent}},[n._t("content",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{ref:"divFooter",style:"\n                            "},[n._t("footer",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)]},{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)])])]):n._e()])};af._withStripped=!0;const df=t({render:af,staticRenderFns:[]},function(n){n&&n("data-v-48b10366_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},lf,"data-v-48b10366",false,void 0,!1,o,void 0,void 0);var uf={components:{WButtonChip:Bu,WIcon:Ma,WDialog:df},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:ul},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:ul,mdiCheckboxMarkedCircle:gl,mdiCloseCircle:yl,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderStyle:function(){let n={padding:"15px 20px"};return n["background-color"]=wo(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n["font-size"]="1.2rem",n.color=wo(this.titleColor),n},useContentStyle:function(){let n={padding:"20px 15px"};return n["background-color"]=wo(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=wo(this.contentColor),n["overflow-y"]="auto",n},useFooterStyle:function(){let n={padding:"15px"};return n["background-color"]=wo(this.footerBackgroundColor),n["border-top"]="1px solid #ddd",n["text-align"]="right",n}},methods:{clickBtns:function(n){let e=this;e.showTrans=!1,e.$nextTick(()=>{e.$emit("update:show",e.showTrans);let t="no";n&&(t="yes"),e.$emit("click-"+t)})}}};const sf=uf;var cf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WDialog",{attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,headerShadow:!1,show:n.showTrans,changeParam:n.changeParam},on:{"update:show":function(e){n.showTrans=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n.showTrans?t("div",[n._t("header",function(){return[t("div",{style:n.useHeaderStyle},[n._v("\n                    "+n._s(n.title)+"\n                ")])]})],2):n._e()]},proxy:!0},{key:"content",fn:function(){return[n.showTrans?t("div",[n._t("content",function(){return[t("div",{style:n.useContentStyle},[t("div",{staticStyle:{display:"table-cell","vertical-align":"middle","padding-right":"15px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor,colorHover:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"middle",width:"100%"}},[n._v(n._s(n.content))])])]})],2):n._e()]},proxy:!0},{key:"footer",fn:function(){return[n.showTrans?t("div",[n._t("footer",function(){return[t("div",{style:n.useFooterStyle},[n.hasNoBtn?t("WButtonChip",{staticStyle:{"margin-left":"10px"},attrs:{shiftLeft:-5,icon:n.mdiCloseCircle,iconColor:n.noBtnTextColor,iconColorHover:n.noBtnTextColorHover,text:n.noBtnText,textColor:n.noBtnTextColor,textColorHover:n.noBtnTextColorHover,backgroundColor:n.noBtnBackgroundColor,backgroundColorHover:n.noBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!1)}}}):n._e(),n._v(" "),t("WButtonChip",{staticStyle:{"margin-left":"10px"},attrs:{shiftLeft:-5,icon:n.mdiCheckboxMarkedCircle,iconColor:n.yesBtnTextColor,iconColorHover:n.yesBtnTextColorHover,text:n.yesBtnText,textColor:n.yesBtnTextColor,textColorHover:n.yesBtnTextColorHover,backgroundColor:n.yesBtnBackgroundColor,backgroundColorHover:n.yesBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!0)}}})],1)]})],2):n._e()]},proxy:!0}],null,!0)})};cf._withStripped=!0;const pf=t({render:cf,staticRenderFns:[]},function(n){n&&n("data-v-c3df9010_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},sf,"data-v-c3df9010",false,void 0,!1,o,void 0,void 0);function ff(){let n=Cr();return{width:(()=>{let e=[mn(n,"innerWidth"),mn(n,"document.documentElement.clientWidth"),mn(n,"document.body.clientWidth")];return e=Xo(e,Fo),_u(e)})(),height:(()=>{let e=[mn(n,"innerHeight"),mn(n,"document.documentElement.clientHeight"),mn(n,"document.body.clientHeight")];return e=Xo(e,Fo),_u(e)})()}}var gf={directives:{domresize:ol()},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=Gp(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=Fo(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?wo(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 wo(this.drawerBarColor)},useDrawerBarBorderColor:function(){return wo(this.drawerBarBorderColor)}},methods:{resizePanel:function(n){let e=this;if(e.afloatByFix){let n=ff();e.panelWidth=n.width,e.panelHeight=n.height}else e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=e.switchWidth,r=mn(n,"smode.width","");e.autoSwitchToHide&&e.valueTrans&&"smaller"===r&&e.panelWidth<t&&(e.toggleValue(!1),e.$emit("input",!1)),e.autoSwitchToShow&&!e.valueTrans&&"larger"===r&&e.panelWidth>=t&&(e.toggleValue(!0),e.$emit("input",!0)),e.autoSwitchToFloat&&e.valueTrans&&!e.afloatTrans&&"smaller"===r&&e.panelWidth<t&&(e.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 r=!1;try{r=!t.$refs.divDrawer.contains(n.target)}catch(n){}if(r)try{r=!qa(n.clientX,n.clientY,t.$refs.divDrawer)}catch(n){}r&&(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:mn(ff(),"width")}}else{e=Be(mn(n,"$el.getBoundingClientRect"))?n.$el.getBoundingClientRect():{left:0,width:0}}return e},getPanelEffWidth:function(){let n=this,e=null;return e=n.afloatByFix?mn(ff(),"width"):mn(n,"$el.offsetWidth",null),e},dragBar:function({clientX:n}){let e=this;if(!e.dragDrawerWidth)return;if(!e.valueTrans)return;let t=e.getPanelBounding(),r=n,o=null;o=e.isAtLeft?r-t.left:t.width-(r-t.left);let i=e.getPanelEffWidth();xn(e.drawerWidthMax)&&(i=Et(e.drawerWidthMax));let l=0;xn(e.drawerWidthMin)&&(l=Et(e.drawerWidthMin)),Fo(i)&&(o=Math.min(o,i)),Fo(l)&&(o=Math.max(o,l)),e.drawerWidthTrans=o,e.$emit("update:drawerWidth",o)}}};const hf=gf;var mf=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+";"})])])])])])])])};mf._withStripped=!0;const vf=t({render:mf,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})},hf,"data-v-2a829eed",false,void 0,!1,o,void 0,void 0);async function yf(n){let e=[],t=In();return await async function n(t){let r=null;if(t.isFile&&(r=await function(n){let e=In();try{n.file(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(t)),e.push({type:t.isDirectory?"folder":t.isFile?"file":"unknow",path:t.fullPath,name:t.name,entry:t,file:r}),t.isDirectory){let e=t.createReader(),r=await function(n){let e=In();try{n.readEntries(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(e);await He(r,async e=>{await n(e)})}}(n),t.resolve(e),t}async function bf(n){let e=[];ke(n,n=>{let t=n.webkitGetAsEntry();t&&e.push(t)});let t=await async function(n){let e=[];return await He(n,async n=>{ke(await yf(n),n=>{e.push(n)})}),e}(e);return t}async function Cf(n){let e=[],t=[];try{e=await async function(n){let e=[];return ke(n,n=>{n.type&&e.push({type:"file",name:n.name,file:n})}),e}(mn(n,"files",[])),Va()||(t=await bf(mn(n,"items",[])).catch(n=>{console.log(n)}))}catch(n){return Promise.reject(n)}return{files:e,entries:t}}var xf={components:{},props:{backgroundColor:{type:String,default:"transparent"},backgroundColorDropIn:{type:String,default:"grey lighten-4"},backgroundColorHover:{type:String,default:"grey lighten-5"},timeTransition:{type:Number,default:.3},borderRadius:{type:Number,default:6},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"grey lighten-2"},borderColorDropIn:{type:String,default:"grey lighten-2"},borderColorHover:{type:String,default:"grey lighten-2"}},data:function(){return{ev:null,bMouseIn:!1,bDropIn:!1}},mounted:function(){let n=this;n.ev=function(n){let e=!1,t=!1,r=rl();function o(n){Pa(n),t=!0,!1===e&&(e=!0,r.emit("dropIn",{ev:n}))}function i(n){Pa(n),t=!1,setTimeout(function(){t||(e=!1,r.emit("dropOut",{ev:n}))},100)}function l(n){o(n)}function a(n){i(n)}function d(n){function e(){i(n)}o(n),Cf(n.dataTransfer).then(t=>{let o=Xo(t.entries,{type:"file"});r.emit("getFiles",{ev:n,files:t.files,filesTree:o,entries:t.entries,cb:e})}).catch(n=>{r.emit("error",n)})}return n.addEventListener("dragenter",l,!1),n.addEventListener("dragover",l,!1),n.addEventListener("dragleave",a,!1),n.addEventListener("drop",d,!1),r.off=function(){n.removeEventListener("dragenter",l,!1),n.removeEventListener("dragover",l,!1),n.removeEventListener("dragleave",a,!1),n.removeEventListener("drop",d,!1)},r}(n.$refs.dropPanel),n.ev.on("getFiles",({files:e,filesTree:t,entries:r,cb:o})=>{n.$emit("get-files",{files:e,filesTree:t,entries:r}),o()}),n.ev.on("dropIn",()=>{n.bDropIn=!0,n.$emit("drop-in")}),n.ev.on("dropOut",()=>{n.bDropIn=!1,n.$emit("drop-out")}),n.ev.on("error",function(e){n.$emit("drop-error",e)})},beforeDestroy:function(){this.ev.off()},computed:{useBorderColor:function(){let n=this;return n.bDropIn?wo(n.borderColorDropIn):n.bMouseIn?wo(n.borderColorHover):wo(n.borderColor)},useBackgroundColor:function(){let n=this;return n.bDropIn?wo(n.backgroundColorDropIn):n.bMouseIn?wo(n.backgroundColorHover):wo(n.backgroundColor)}},methods:{}};const Sf=xf;var If=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)};If._withStripped=!0;const wf=t({render:If,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})},Sf,"data-v-920803be",false,void 0,!1,o,void 0,void 0);function kf(n,e){if(!Ya(n))return[];if(!bn(e)&&!Ya(e))return[];let t=null;t=bn(e)?Ot(e," "):e;let r=So(t);let o=Bt(n,n=>function(n){let e=!1,o=0;for(let i=0;i<r;i++){let l=t[i],a=l,d="+"===Al(l,1),u="-"===Al(l,1);if((d||u)&&(a=ir(l,1)),""===Mt(a))continue;let s=n.indexOf(a)>=0;if(d){if(s){e=!0,o=1;break}e=!1,o=0;break}if(u){if(s){e=!1,o=0;break}e=!0,o=1;break}if(s){e=!0;let n=1-i/r;n=n**2,o+=n}}return{hasKeyword:e,weight:o}}(n));return o}function Tf(n,e=!1){if(ja(n))return"";let t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}function Bf(n=300){return new function(n){let e=[],t=null,r=Date.now();return dr(n)||(n=300),n=tr(n),function(o,...i){Be(o)?(r=Date.now(),e.push({func:o,input:i}),null===t&&(t=setInterval(()=>{if(0===So(e))return clearInterval(t),void(t=null);if(Date.now()-r>n){let n=e.pop();e=[];try{n.func(...n.input)}catch(n){console.log("m.func catch",n)}}},10))):console.log("func is not a function")}}(n)}let Hf=function(n){if(!Be(n))throw new Error("fn is not a function");return function(){let e=In(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):ur(t)?t.then(n=>{e.resolve({state:"success",msg:n})}).catch(n=>{"cancelled"===mn(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})}):e.resolve({state:"success",msg:t}),e}};function Af(){let n=rl(),e=[],t=null,r=!1;return function(o,...i){let l=In();if(!Be(o))return void console.log("func is not a function");let a=Qo();return e.push({id:a,func:o,input:i}),null===t&&(t=setInterval(async()=>{if(r)return;r=!0;let o=e.pop();for(let t=0;t<e.length;t++){let r=e[t].id,o={state:"cancelled"};n.emit(r,o)}if(e=[],o){let e,t=o.id;e=Be(o.func)?await Hf(o.func)(...o.input):{state:"error",msg:"fun is not a function"},n.emit(t,e)}r=!1,r||0!==e.length||(clearInterval(t),t=null)},20)),n.once(a,n=>{"success"===n.state?l.resolve(n.msg):"cancelled"===n.state?l.reject({reason:"cancelled"}):l.reject(n.msg)}),l}}function Wf(n,e){return n&&n.length?Ku(n,kt(e),$u):void 0}function Ff(n,e){let t=So(n),r=0,o=e(r),i=t-1,l=e(i),a=!0,d=null;for(;a;){let n=Math.floor((i+r)/2),t=e(n);if(o<0&&t<0&&l<0){d=null,a=!1;break}if(o>0&&t>0&&l>0){d=null,a=!1;break}if(0===o){d=r,a=!1;break}if(0===t){d=n,a=!1;break}if(0===l){d=i,a=!1;break}if(n===r||n===i){let e=[{i:r,v:o},{i:n,v:t},{i:i,v:l}];e=Xo(e,n=>n.v<=0),d=Wf(e,"v").i,a=!1;break}o*t>0?(r=n,o=t):(i=n,l=t)}return d}let Zf={};function Xf(){return{set:function(n,e){Zf[n]=e},get:function(n){return Zf[n]},remove:function(n){delete Zf[n]}}}function Rf(){let n={};return{bind:function(e,t,r){let o=`r${Qo()}`;e.setAttribute("ev-mutation",o);let i=new MutationObserver(function(n){!function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"dommutation",{ele:e,mutations:n})});i.observe(e,{attributes:!0,childList:!0,subtree:!0}),n[o]=i},unbind:function(e){let t=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),n[t]&&(n[t].disconnect(),delete n[t])}}}function Vf(){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}}()||Be(window.IntersectionObserverEntry))}function Pf(n,e={}){if(!ai(n))return Promise.reject("invalid element");if(Vf())return Promise.reject("invalid IntersectionObserver");let t=mn(e,"mode","");"promise"!==t&&"event"!==t&&(t="promise");let r=()=>{let e=rl(),t=!1,r=new IntersectionObserver(n=>{let t=n[0].isIntersecting;e.emit("visible",t)});return e.create=()=>{let e=setInterval(()=>{t=(n=>{let e=!1;if(!ai(n))return e;try{r.observe(n),e=!0}catch(n){}return e})(n),t&&clearInterval(e)},50)},e.dispose=()=>{let n=!1;try{r.disconnect(),n=!0}catch(n){}return n},e},o=null;return"promise"===t?o=(()=>{let e=In();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&&(o=r()),o}var zf={directives:{domresize:ol(),dommutation:Rf(),domvisible:function(){let n={};return{bind:function(e,t,r){let o=`r${Qo()}`;e.setAttribute("ev-visible",o);let i=!1,l=setInterval(()=>{Pf(e).then(n=>{i!==n&&(i=n,function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domvisible",n))}).catch(()=>{})},50);n[o]=l},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:Bf(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(n){let e=this,t=mn(e,"$refs.divDetect");if(t){let n=t.offsetWidth-t.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.viewHeight!==n.snew.offsetHeight&&(e.viewHeight=n.snew.offsetHeight);let r=mn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=mn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let r=mn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},mutation:function(n){let e=this,t=mn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...n,from:"content"})},visible:function(n){let e=this,t=mn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:n,from:"content"})},updateRatio:function(){let n=this;if(!n.$refs.divShell)return;let e=0;n.contentHeightEff>0&&(e=n.$refs.divShell.scrollTop/n.contentHeightEff),n.ratio=e},updateScrollTop:function(n){let e=this;(async function(){await sr(()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar,{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=n),e.$refs.divBar&&(e.$refs.divBar.scrollTop=n)})().catch(n=>{console.log(n)})},updateScrollInfor:function(){let n=this;if(!n.$refs.divShell)return;let e={r:n.ratio,sti:n.scrollTop,stn:n.$refs.divShell.scrollTop,dir:n.scrollTop>n.$refs.divShell.scrollTop?"up":"down",t:n.viewTop,b:n.viewBottom,ch:n.contentHeight,che:n.contentHeightEff};Fs(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&mn(e,"$refs.divShell")&&mn(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"shell"}),e.dbc(()=>{e.mouseLoc=""}))},scrollBar:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&mn(e,"$refs.divShell")&&mn(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"bar"}),e.dbc(()=>{e.mouseLoc=""}))},triggerEvent:function(n,e){let t=this;t.useEmitEvent&&(t.$emit(n,e),t.updateScrollInfor(),t.$emit("change-infor",{evName:n,evMsg:e,...t.scrollInfor}))}}};const Lf=zf;var Nf=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;"})])])])])};Nf._withStripped=!0;const Df=t({render:Nf,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})},Lf,"data-v-01f5c13c",false,void 0,!1,o,void 0,void 0);let Gf=Xf();var jf={components:{WPanelScrollyCore:Df},props:{rows:{type:Array,default:()=>[]},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},statePaddingStyle:{type:Object,default:()=>({v:12,h:12})},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:Af(),dbcRefresh:Bf(),dbcSetRows:Bf(),mmkey:Qo(),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&&Gf.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},useStatePadding:function(){return`padding:${La(this.statePaddingStyle,{ext:{}})};`}},methods:{getRows:function(){return Gf.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!Te(n)){return"rows is not array"}null!==e.mmkey&&Gf.remove(e.mmkey);let t=Bt(n,(n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n}));Gf.set(e.mmkey,t),e.changeDisplay=!0},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=So(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=Gf.get(n.mmkey),t=So(e),r=[],o=!1,i=!1;if(t>0){let i=Ff(e,t=>{let r=e[t];return n.scrollInfor.t-(r.y+r.height)});null===i&&(i=0);let l=Math.max(i-1,0),a=Ff(e,t=>{let r=e[t];return n.scrollInfor.b-r.y});null===a&&(a=t-1);let d=Math.min(a+n.itemsPreload,t-1),u=0;for(let n=0;n<l;n++){let t=e[n];t.displayShow&&t.filterShow&&(u+=t.height)}let s=0;for(let n=d+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(s+=t.height)}for(let t=l;t<=d;t++){let o=qi(e[t]);o.displayShow&&o.filterShow&&(o.nowShow=!0,o.top=o.y-n.scrollInfor.t,r.push(o))}n.itemsHeightPre!==u&&(o=!0,n.itemsHeightPre=u),n.itemsHeightAft!==s&&(o=!0,n.itemsHeightAft=s)}if(Fs(n.useItems,r)||(i=!0,n.useItems=r),n.$refs.wdsDiv){let e=Bt(r,"row"),t=Bt(r,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),Fs(n.emItemsTemp,t)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:e,items:t}),n.emItemsTemp=t)}return{change:o||i}},syncItemsHeight:function(n,e){let t=!1;return 0===So(n)||ke(mn(this,"$refs.wdsDiv",[]),(r,o)=>{if(!r.getAttribute)return console.log("找不到getAttribute"),!0;let i=r.getAttribute("index");if(!rr(i))return console.log("!isp0int(index)",i),!0;i=tr(i);let l=mn(r,"children.0");if(!ai(l))return console.log("!isEle(cnode)",l),!0;let a=l.offsetHeight;n[i].height!==a&&(Be(e)&&e(i,a),t=!0)}),t},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=Gf.get(n.mmkey),t=So(e);n.changeHeight=n.syncItemsHeight(e,(n,t)=>{e[n].height=t}),n.show||(n.changeHeight=!1);let r=null,o=n.changeHeight||n.changeDisplay||n.changeFilter;if(o){let o=0;for(let n=0;n<t;n++){let t=e[n];t.y!==o&&(e[n].y=o),t.displayShow&&t.filterShow&&(o+=t.height)}r=n.itemsHeight,r!==o&&(r=o),0===r&&(r=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:o,itemsHeight:r}},refreshCore:async function(n){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let t=0;await async function(){e.lockFromRefreshUseItems=!0;let n=qi(e.scrollInfor),r=await async function(){let n=In();if(t+=1,t>3)return n.resolve(null),n;e.filterItems();let r=e.genUseItems();await cr(20);let o=e.updateItemsHeight();return n.resolve({genUseItems:r,updateItemsHeight:o}),n}(),o=mn(r,"genUseItems.change",!1)||mn(r,"updateItemsHeight.change",!1),i=mn(r,"updateItemsHeight.itemsHeight",null);if(Fo(i))if(i<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=i-n.ch);let r=e.scrollTop+t;e.scrollTop!==r&&(e.scrollTop=r),e.itemsHeight=i,e.$emit("change-height-of-items",{height:i})}o&&(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=Gf.get(e.mmkey);if(!Te(t))return;let r=mn(n,"fun",null);if(Be(r)){let n=r(t);ur(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let o=mn(n,"indStart",null),i=mn(n,"indEnd",null);if(Ut(o)&&Ut(i)){let r=mn(n,"displayShow",null);if(kn(r)){for(let n=o;n<=i;n++){mn(t,n,null)&&(t[n].displayShow=r)}e.changeDisplay=!0}let l=mn(n,"filterShow",null);if(kn(l)){for(let n=o;n<=i;n++){mn(t,n,null)&&(t[n].filterShow=l)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch(n=>{console.log(n)}).finally(()=>{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=Gf.get(n.mmkey),t=So(e);if(n.searchingResults=-1,0===So(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),r=Bt(e,n=>{let e=n.row,t="";return t=yn(e)?e:xn(e)?pn(e):qo(e)?ar(ef(e)," "):Tf(e),t=t.toLowerCase(),t}),o=kf(r,t),i=0;ke(e,(n,t)=>{let r=o[t];e[t].filterShow=r.hasKeyword,r.hasKeyword&&i++}),n.searchingResults=i}n.changeFilter=!0},triggerEvent:function(n,e){let t=mn(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const Kf=jf;var Yf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,function(e,r){return[t("div",{key:"kitem-"+r,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:r,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]})],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};Yf._withStripped=!0;const _f=t({render:Yf,staticRenderFns:[]},function(n){n&&n("data-v-35b7c940_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},Kf,"data-v-35b7c940",false,void 0,!1,o,void 0,void 0);const $f={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/echarts@5.6.0/dist/echarts.min.js","https://cdn.jsdelivr.net/npm/echarts@5.6.0/i18n/langEN.js","https://cdn.jsdelivr.net/npm/echarts-gl@2.0.9/dist/echarts-gl.min.js","https://cdn.jsdelivr.net/npm/vue-echarts@4.1.0/dist/vue-echarts.min.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window.VueECharts;n.default&&(n=n.default),xr().component("v-chart",n)}n.cmpName="v-chart"})},computed:{},methods:{}};var Mf=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options,autoresize:""}})};Mf._withStripped=!0;const Of=t({render:Mf,staticRenderFns:[]},function(n){n&&n("data-v-0df2e329_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WEchartsVueDyn.vue"},media:void 0})},$f,"data-v-0df2e329",false,void 0,!1,o,void 0,void 0);var Jf=Array.prototype.reverse;function Ef(n){return null==n?n:Jf.call(n)}function Uf(n,e){return bn(n)&&rr(e)?0===(e=tr(e))?n:Al(n,n.length-e):""}function Qf(n){let e=0,t=0,r=0,o=So(n);ke(n,n=>{xn(n)?e+=1:yn(n)?t+=1:vn(n)&&(r+=1)});let i="";return e===o?i="num":t===o?i="str":r===o?i="obj":e+t===o?i="str":console.log("eles in array are non-homogeneous",n),i}function qf(n,e,t={}){let r=[];if("num"!==e&&"str"!==e&&"files"!==e)throw new Error(`invalid type[${e}]`);if("num"===e)r=Bt(n,(n,e)=>({key:e,payload:n,value:Et(n)}));else if("files"===e)r=Bt(n,(n,e)=>({key:e,payload:n,value:Wl(n)}));else if("str"===e){let e=Bt(n,n=>function(n,e={}){let t=mn(e,"excludeString");if(kn(t)||(t=!1),!bn(n))return"";let r=n=>n>="0"&&n<="9"||"."===n||"-"===n||"+"===n,o=Mt(n);if(t){let n=o.split("");for(let e=0;e<n.length;e++)if(r(n[e])){o=ir(o,e),n=Ln(n,e);break}n=Ef(n);for(let e=0;e<n.length;e++)if(r(n[e])){o=Uf(o,e);break}}return o}(n,{excludeString:!0})),t=0;ke(e,n=>{xn(n)&&t++});let o=t===So(e);r=Bt(n,(n,t)=>{let r=n;return o?(r=e[t],r=Et(r)):r=Wl(r),{key:t,payload:n,value:r}})}return r}function ng(n,e){let t=Jo(n,"value");return Bt(t,e?"key":"payload")}function eg(n,e){let t=function(n,e){let t=qi(n);return t.sort((n,t)=>n[e].localeCompare(t[e],"standard",{numeric:!0})),t}(n,"value");return Bt(t,e?"key":"payload")}function tg(n,e,t){return null==n?n:function(n,e,t,r){if(!B(n))return n;for(var o=-1,i=(e=fn(e,n)).length,l=i-1,a=n;null!=a&&++o<i;){var d=gn(e[o]),u=t;if("__proto__"===d||"constructor"===d||"prototype"===d)return n;if(o!=l){var s=a[d];void 0===(u=r?r(s,d,a):void 0)&&(u=B(s)?s:ee(e[o+1])?[]:{})}bi(a,d,u),a=a[d]}return n}(n,e,t)}function rg(n,e,t,r){for(var o=-1,i=null==n?0:n.length;++o<i;){var l=n[o];e(r,l,t(l),n)}return r}function og(n,e,t,r){return Se(n,function(n,o,i){e(r,n,t(n),i)}),r}var ig,lg,ag=Object.prototype.hasOwnProperty,dg=(ig=function(n,e,t){ag.call(n,t)?n[t].push(e):vi(n,t,[e])},function(n,e){var t=s(n)?rg:og,r=lg?lg():{};return t(n,ig,kt(e),r)}),ug=dg;var sg=Math.max;var cg,pg=(cg=function(n,e,t){var r=null==n?0:n.length;if(!r)return-1;var o=null==t?0:zn(t);return o<0&&(o=sg(r+o,0)),At(n,kt(e),o)},function(n,e,t){var r=Object(n);if(!be(n)){var o=kt(e);n=Ce(n),e=function(n){return o(r[n],n,r)}}var i=cg(n,e,t);return i>-1?r[o?n[i]:i]:void 0});function fg(n,e={}){if(!Ya(n))return{};let t=mn(e,"delimiter");bn(t)||(t="❯");let r=mn(e,"bindRoot");bn(r)||(r="");let o=bn(r),i="";i=o?r:"root";let l=mn(e,"soryItems"),a=Bt(n,(n,e)=>{"folder"!==n.type&&"file"!==n.type&&(n.type="file");let r=(n=>{let e=Ot(n=(n=n.replace(/\\\\/g,"\\")).replace(/\\/g,"/"),"/");return{ss:e,cfp:ar(e,t)}})(n.path);return{ind:e,type:n.type,ss:r.ss,data:qi(n)}}),d=n=>{let e=So(n),r=[];for(let o=0;o<e;o++){let e=[];for(let t=0;t<=o;t++)e.push(n[t]);let i=ar(e,t);r.push({id:i,name:n[o]})}return r},u=-1,s=[],c={};ke(a,n=>{let e=null;e=[i];let r=null;r=i;let o=So(n.ss)-1;ke(n.ss,(i,l)=>{let a=l<o||"folder"===n.type;e.push(i);let p=null,f=null;l===o&&(p=n.ind,f=n.data);let g=ar(e,t),h=d(e);if(Sn(c,g)){let e=c[g],t="folder"===mn(e,"_type","");if(!t&&a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] is unrecognized from a file to folder`);if(!t&&!a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] get repeat data from two files`);if(t&&!a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] is unrecognized from a folder to file`);if(qo(c[g].data)&&qo(f))throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] get repeat data from two folders`);if(null===c[g].data&&qo(f)){c[g]._indOri=p,c[g].data=f;let n=c[g]._indNormalize,e=s[n];s[n]={...f,type:e.type,path:e.path}}}else{u++;let n=u,t=null;t=a?{_indOri:p,_indNormalize:n,ns:So(e),ts:qi(e),pathInfors:h,_type:"folder",type:"array",numOfChilren:-1,id:g,parentId:r,text:i,children:[],data:f}:{_indOri:p,_indNormalize:n,ns:So(e),ts:qi(e),pathInfors:h,_type:"file",type:"node",numOfChilren:-1,id:g,parentId:r,text:i,data:f},c[g]=t,s.push({...mn(c[g],"data",{}),type:c[g]._type,path:"/"+ar(e,"/")})}r=g})});let p=ef(c);if(p=Jo(p,"id"),p=Jo(p,"ns"),Be(l)){let n=[];ke(ug(p,"ns"),(e,t)=>{ke(ug(e,"parentId"),(e,r)=>{let o=l(e,r,t);n=[...n,...o]})}),p=n}let f=[],g=[];ke(p,n=>{"folder"===n._type?f.push(n):g.push(n)});let h=ug(f,"ns"),m=ug(g,"ns"),v=Mu(Bt(f,"ns")),y=Mu(Bt(g,"ns")),b=null;{let n=[i];b=[{_indOri:null,_indNormalize:null,ns:So(n),ts:qi(n),pathInfors:d(n),_type:"folder",type:"array",numOfChilren:-1,id:i,parentId:"",text:i,children:[],data:null}]}let C={};C[i]="0.children";let x={};x[i]="0";for(let n=2;n<=v;n++){ke(h[n],n=>{let e=mn(C,n.parentId,"");if(!bn(e))throw console.log("kpPathFd",C),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in folder`);let t=mn(b,e);if(Te(t)||tg(b,e,[]),t=mn(b,e),!qo(pg(t,{id:n.id}))){t.push({...n,children:[]});let r=`${e}.${So(t)-1}`;C[n.id]=`${r}.children`,x[n.id]=r}})}let S=qi(b),I={};for(let n=2;n<=y;n++){ke(m[n],n=>{let e=mn(C,n.parentId,"");if(!bn(e))throw console.log("kpPathFd",C),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in file`);let t=mn(b,e);if(!Te(t))throw console.log("treeItems",b),console.log("k",e),console.log("v",n),new Error("無預先建置資料夾");if(!qo(pg(t,{id:n.id}))){t.push(n);let r=`${e}.${So(t)-1}`;I[n.id]=r,x[n.id]=r}})}return{treeItems:b,treeItemsFolder:S,kpPath:x,fpsNormalize:s}}function gg(n,e,t){return n&&n.length?Tn(n,0,(e=t||void 0===e?1:zn(e))<0?0:e):[]}function hg(n,e,t){var r=null==n?0:n.length;return r?Tn(n,(e=r-(e=t||void 0===e?1:zn(e)))<0?0:e,r):[]}var mg=Object.prototype.hasOwnProperty;function vg(n,e){var t=-1,r=(e=fn(e,n)).length;if(!r)return!0;for(;++t<r;){var o=gn(e[t]);if("__proto__"===o&&!mg.call(n,"__proto__"))return!1;if(("constructor"===o||"prototype"===o)&&t<r-1)return!1}var i=function(n,e){return e.length<2?n:hn(n,Tn(e,0,-1))}(n,e);return null==i||delete i[gn(Oa(e))]}var yg=Array.prototype.splice;function bg(n,e){for(var t=n?e.length:0,r=t-1;t--;){var o=e[t];if(t==r||o!==i){var i=o;ee(o)?yg.call(n,o,1):vg(n,o)}}return n}function Cg(n){return(null==n?0:n.length)?Po(n,1):[]}var xg=function(n){return Mo(Do(n,void 0,Cg),n+"")}(function(n,e){var t=null==n?0:n.length,r=function(n,e){for(var t=-1,r=e.length,o=Array(r),i=null==n;++t<r;)o[t]=i?void 0:mn(n,e[t]);return o}(n,e);return bg(n,dn(e,function(n){return ee(n,t)?+n:n}).sort(zo)),r}),Sg=xg;function Ig(n,e,t){var r=null==n?0:n.length;return r?Tn(n,0,(e=r-(e=t||void 0===e?1:zn(e)))<0?0:e):[]}const wg="function"==typeof Buffer,kg="function"==typeof TextDecoder?new TextDecoder:void 0,Tg=("function"==typeof TextEncoder&&new TextEncoder,Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=")),Bg=(()=>{let n={};return Tg.forEach((e,t)=>n[e]=t),n})(),Hg=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,Ag=String.fromCharCode.bind(String),Wg="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):n=>new Uint8Array(Array.prototype.slice.call(n,0)),Fg=n=>n.replace(/[^A-Za-z0-9\+\/]/g,""),Zg=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,Xg=n=>{switch(n.length){case 4:var e=((7&n.charCodeAt(0))<<18|(63&n.charCodeAt(1))<<12|(63&n.charCodeAt(2))<<6|63&n.charCodeAt(3))-65536;return Ag((e>>>10)+55296)+Ag(56320+(1023&e));case 3:return Ag((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return Ag((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},Rg="function"==typeof atob?n=>atob(Fg(n)):wg?n=>Buffer.from(n,"base64").toString("binary"):n=>{if(n=n.replace(/\s+/g,""),!Hg.test(n))throw new TypeError("malformed base64.");let e,t,r;n+="==".slice(2-(3&n.length));let o=[];for(let i=0;i<n.length;)e=Bg[n.charAt(i++)]<<18|Bg[n.charAt(i++)]<<12|(t=Bg[n.charAt(i++)])<<6|(r=Bg[n.charAt(i++)]),64===t?o.push(Ag(e>>16&255)):64===r?o.push(Ag(e>>16&255,e>>8&255)):o.push(Ag(e>>16&255,e>>8&255,255&e));return o.join("")},Vg=wg?n=>Wg(Buffer.from(n,"base64")):n=>Wg(Rg(n).split("").map(n=>n.charCodeAt(0))),Pg=wg?n=>Buffer.from(n,"base64").toString("utf8"):kg?n=>kg.decode(Vg(n)):n=>(n=>n.replace(Zg,Xg))(Rg(n)),zg=n=>Pg((n=>Fg(n.replace(/[-_]/g,n=>"-"==n?"+":"/")))(n));var Lg={exports:{}};!function(n){var e=Object.prototype.hasOwnProperty,t="~";function r(){}function o(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,r,i,l){if("function"!=typeof r)throw new TypeError("The listener must be a function");var a=new o(r,i||n,l),d=t?t+e:e;return n._events[d]?n._events[d].fn?n._events[d]=[n._events[d],a]:n._events[d].push(a):(n._events[d]=a,n._eventsCount++),n}function l(n,e){0===--n._eventsCount?n._events=new r:delete n._events[e]}function a(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(t=!1)),a.prototype.eventNames=function(){var n,r,o=[];if(0===this._eventsCount)return o;for(r in n=this._events)e.call(n,r)&&o.push(t?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(n)):o},a.prototype.listeners=function(n){var e=t?t+n:n,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var o=0,i=r.length,l=new Array(i);o<i;o++)l[o]=r[o].fn;return l},a.prototype.listenerCount=function(n){var e=t?t+n:n,r=this._events[e];return r?r.fn?1:r.length:0},a.prototype.emit=function(n,e,r,o,i,l){var a=t?t+n:n;if(!this._events[a])return!1;var d,u,s=this._events[a],c=arguments.length;if(s.fn){switch(s.once&&this.removeListener(n,s.fn,void 0,!0),c){case 1:return s.fn.call(s.context),!0;case 2:return s.fn.call(s.context,e),!0;case 3:return s.fn.call(s.context,e,r),!0;case 4:return s.fn.call(s.context,e,r,o),!0;case 5:return s.fn.call(s.context,e,r,o,i),!0;case 6:return s.fn.call(s.context,e,r,o,i,l),!0}for(u=1,d=new Array(c-1);u<c;u++)d[u-1]=arguments[u];s.fn.apply(s.context,d)}else{var p,f=s.length;for(u=0;u<f;u++)switch(s[u].once&&this.removeListener(n,s[u].fn,void 0,!0),c){case 1:s[u].fn.call(s[u].context);break;case 2:s[u].fn.call(s[u].context,e);break;case 3:s[u].fn.call(s[u].context,e,r);break;case 4:s[u].fn.call(s[u].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(c-1);p<c;p++)d[p-1]=arguments[p];s[u].fn.apply(s[u].context,d)}}return!0},a.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},a.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},a.prototype.removeListener=function(n,e,r,o){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return l(this,i),this;var a=this._events[i];if(a.fn)a.fn!==e||o&&!a.once||r&&a.context!==r||l(this,i);else{for(var d=0,u=[],s=a.length;d<s;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&u.push(a[d]);u.length?this._events[i]=1===u.length?u[0]:u:l(this,i)}return this},a.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&l(this,e)):(this._events=new r,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=t,a.EventEmitter=a,n.exports=a}(Lg);var Ng=function(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}(Lg.exports);let Dg;!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;let n=zg("CgoKInVzZSBzdHJpY3QiO3ZhciB0PUFycmF5LmlzQXJyYXksZT0ib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsJiZnbG9iYWwuT2JqZWN0PT09T2JqZWN0JiZnbG9iYWwscj0ib2JqZWN0Ij09dHlwZW9mIHNlbGYmJnNlbGYmJnNlbGYuT2JqZWN0PT09T2JqZWN0JiZzZWxmLG49ZXx8cnx8RnVuY3Rpb24oInJldHVybiB0aGlzIikoKSxvPW4uU3ltYm9sLHU9T2JqZWN0LnByb3RvdHlwZSxjPXUuaGFzT3duUHJvcGVydHksaT11LnRvU3RyaW5nLGE9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDt2YXIgZj1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO3ZhciBsPW8/by50b1N0cmluZ1RhZzp2b2lkIDA7ZnVuY3Rpb24gcyh0KXtyZXR1cm4gbnVsbD09dD92b2lkIDA9PT10PyJbb2JqZWN0IFVuZGVmaW5lZF0iOiJbb2JqZWN0IE51bGxdIjpsJiZsIGluIE9iamVjdCh0KT9mdW5jdGlvbih0KXt2YXIgZT1jLmNhbGwodCxhKSxyPXRbYV07dHJ5e3RbYV09dm9pZCAwO3ZhciBuPSEwfWNhdGNoKHQpe312YXIgbz1pLmNhbGwodCk7cmV0dXJuIG4mJihlP3RbYV09cjpkZWxldGUgdFthXSksb30odCk6ZnVuY3Rpb24odCl7cmV0dXJuIGYuY2FsbCh0KX0odCl9ZnVuY3Rpb24gcCh0KXtyZXR1cm4gbnVsbCE9dCYmIm9iamVjdCI9PXR5cGVvZiB0fWZ1bmN0aW9uIGIodCl7cmV0dXJuInN5bWJvbCI9PXR5cGVvZiB0fHxwKHQpJiYiW29iamVjdCBTeW1ib2xdIj09cyh0KX12YXIgeT0vXC58XFsoPzpbXltcXV0qfChbIiddKSg/Oig/IVwxKVteXFxdfFxcLikqP1wxKVxdLyx2PS9eXHcqJC87ZnVuY3Rpb24gaCh0KXt2YXIgZT10eXBlb2YgdDtyZXR1cm4gbnVsbCE9dCYmKCJvYmplY3QiPT1lfHwiZnVuY3Rpb24iPT1lKX1mdW5jdGlvbiBqKHQpe2lmKCFoKHQpKXJldHVybiExO3ZhciBlPXModCk7cmV0dXJuIltvYmplY3QgRnVuY3Rpb25dIj09ZXx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09ZXx8IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iPT1lfHwiW29iamVjdCBQcm94eV0iPT1lfXZhciBkLF89blsiX19jb3JlLWpzX3NoYXJlZF9fIl0sZz0oZD0vW14uXSskLy5leGVjKF8mJl8ua2V5cyYmXy5rZXlzLklFX1BST1RPfHwiIikpPyJTeW1ib2woc3JjKV8xLiIrZDoiIjt2YXIgTz1GdW5jdGlvbi5wcm90b3R5cGUudG9TdHJpbmc7ZnVuY3Rpb24gbSh0KXtpZihudWxsIT10KXt0cnl7cmV0dXJuIE8uY2FsbCh0KX1jYXRjaCh0KXt9dHJ5e3JldHVybiB0KyIifWNhdGNoKHQpe319cmV0dXJuIiJ9dmFyIHc9L15cW29iamVjdCAuKz9Db25zdHJ1Y3RvclxdJC8sQT1GdW5jdGlvbi5wcm90b3R5cGUseD1PYmplY3QucHJvdG90eXBlLFM9QS50b1N0cmluZyx6PXguaGFzT3duUHJvcGVydHksUD1SZWdFeHAoIl4iK1MuY2FsbCh6KS5yZXBsYWNlKC9bXFxeJC4qKz8oKVtcXXt9fF0vZywiXFwkJiIpLnJlcGxhY2UoL2hhc093blByb3BlcnR5fChmdW5jdGlvbikuKj8oPz1cXFwoKXwgZm9yIC4rPyg/PVxcXF0pL2csIiQxLio/IikrIiQiKTtmdW5jdGlvbiBJKHQpe3JldHVybiEoIWgodCl8fChlPXQsZyYmZyBpbiBlKSkmJihqKHQpP1A6dykudGVzdChtKHQpKTt2YXIgZX1mdW5jdGlvbiBFKHQsZSl7dmFyIHI9ZnVuY3Rpb24odCxlKXtyZXR1cm4gbnVsbD09dD92b2lkIDA6dFtlXX0odCxlKTtyZXR1cm4gSShyKT9yOnZvaWQgMH12YXIgRj1FKE9iamVjdCwiY3JlYXRlIik7dmFyIFU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTt2YXIgTT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uICQodCl7dmFyIGU9LTEscj1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK2U8cjspe3ZhciBuPXRbZV07dGhpcy5zZXQoblswXSxuWzFdKX19ZnVuY3Rpb24gQih0LGUpe3JldHVybiB0PT09ZXx8dCE9dCYmZSE9ZX1mdW5jdGlvbiBUKHQsZSl7Zm9yKHZhciByPXQubGVuZ3RoO3ItLTspaWYoQih0W3JdWzBdLGUpKXJldHVybiByO3JldHVybi0xfSQucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1GP0YobnVsbCk6e30sdGhpcy5zaXplPTB9LCQucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLmhhcyh0KSYmZGVsZXRlIHRoaXMuX19kYXRhX19bdF07cmV0dXJuIHRoaXMuc2l6ZS09ZT8xOjAsZX0sJC5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX187aWYoRil7dmFyIHI9ZVt0XTtyZXR1cm4iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI9PT1yP3ZvaWQgMDpyfXJldHVybiBVLmNhbGwoZSx0KT9lW3RdOnZvaWQgMH0sJC5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX187cmV0dXJuIEY/dm9pZCAwIT09ZVt0XTpNLmNhbGwoZSx0KX0sJC5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9dGhpcy5fX2RhdGFfXztyZXR1cm4gdGhpcy5zaXplKz10aGlzLmhhcyh0KT8wOjEsclt0XT1GJiZ2b2lkIDA9PT1lPyJfX2xvZGFzaF9oYXNoX3VuZGVmaW5lZF9fIjplLHRoaXN9O3ZhciBOPUFycmF5LnByb3RvdHlwZS5zcGxpY2U7ZnVuY3Rpb24gayh0KXt2YXIgZT0tMSxyPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrZTxyOyl7dmFyIG49dFtlXTt0aGlzLnNldChuWzBdLG5bMV0pfX1rLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189W10sdGhpcy5zaXplPTB9LGsucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLl9fZGF0YV9fLHI9VChlLHQpO3JldHVybiEocjwwKSYmKHI9PWUubGVuZ3RoLTE/ZS5wb3AoKTpOLmNhbGwoZSxyLDEpLC0tdGhpcy5zaXplLCEwKX0say5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX18scj1UKGUsdCk7cmV0dXJuIHI8MD92b2lkIDA6ZVtyXVsxXX0say5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3JldHVybiBUKHRoaXMuX19kYXRhX18sdCk+LTF9LGsucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LGUpe3ZhciByPXRoaXMuX19kYXRhX18sbj1UKHIsdCk7cmV0dXJuIG48MD8oKyt0aGlzLnNpemUsci5wdXNoKFt0LGVdKSk6cltuXVsxXT1lLHRoaXN9O3ZhciBDPUUobiwiTWFwIik7ZnVuY3Rpb24gRCh0LGUpe3ZhciByLG4sbz10Ll9fZGF0YV9fO3JldHVybigic3RyaW5nIj09KG49dHlwZW9mKHI9ZSkpfHwibnVtYmVyIj09bnx8InN5bWJvbCI9PW58fCJib29sZWFuIj09bj8iX19wcm90b19fIiE9PXI6bnVsbD09PXIpP29bInN0cmluZyI9PXR5cGVvZiBlPyJzdHJpbmciOiJoYXNoIl06by5tYXB9ZnVuY3Rpb24gUih0KXt2YXIgZT0tMSxyPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrZTxyOyl7dmFyIG49dFtlXTt0aGlzLnNldChuWzBdLG5bMV0pfX1SLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuc2l6ZT0wLHRoaXMuX19kYXRhX189e2hhc2g6bmV3ICQsbWFwOm5ldyhDfHxrKSxzdHJpbmc6bmV3ICR9fSxSLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIGU9RCh0aGlzLHQpLmRlbGV0ZSh0KTtyZXR1cm4gdGhpcy5zaXplLT1lPzE6MCxlfSxSLnByb3RvdHlwZS5nZXQ9ZnVuY3Rpb24odCl7cmV0dXJuIEQodGhpcyx0KS5nZXQodCl9LFIucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gRCh0aGlzLHQpLmhhcyh0KX0sUi5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9RCh0aGlzLHQpLG49ci5zaXplO3JldHVybiByLnNldCh0LGUpLHRoaXMuc2l6ZSs9ci5zaXplPT1uPzA6MSx0aGlzfTtmdW5jdGlvbiBWKHQsZSl7aWYoImZ1bmN0aW9uIiE9dHlwZW9mIHR8fG51bGwhPWUmJiJmdW5jdGlvbiIhPXR5cGVvZiBlKXRocm93IG5ldyBUeXBlRXJyb3IoIkV4cGVjdGVkIGEgZnVuY3Rpb24iKTt2YXIgcj1mdW5jdGlvbigpe3ZhciBuPWFyZ3VtZW50cyxvPWU/ZS5hcHBseSh0aGlzLG4pOm5bMF0sdT1yLmNhY2hlO2lmKHUuaGFzKG8pKXJldHVybiB1LmdldChvKTt2YXIgYz10LmFwcGx5KHRoaXMsbik7cmV0dXJuIHIuY2FjaGU9dS5zZXQobyxjKXx8dSxjfTtyZXR1cm4gci5jYWNoZT1uZXcoVi5DYWNoZXx8Uikscn1WLkNhY2hlPVI7dmFyIFcsTCxxLEc9L1teLltcXV0rfFxbKD86KC0/XGQrKD86XC5cZCspPyl8KFsiJ10pKCg/Oig/IVwyKVteXFxdfFxcLikqPylcMilcXXwoPz0oPzpcLnxcW1xdKSg/OlwufFxbXF18JCkpL2csSz0vXFwoXFwpPy9nLEg9KFc9ZnVuY3Rpb24odCl7dmFyIGU9W107cmV0dXJuIDQ2PT09dC5jaGFyQ29kZUF0KDApJiZlLnB1c2goIiIpLHQucmVwbGFjZShHLGZ1bmN0aW9uKHQscixuLG8pe2UucHVzaChuP28ucmVwbGFjZShLLCIkMSIpOnJ8fHQpfSksZX0sTD1WKFcsZnVuY3Rpb24odCl7cmV0dXJuIDUwMD09PXEuc2l6ZSYmcS5jbGVhcigpLHR9KSxxPUwuY2FjaGUsTCksSj1IO3ZhciBRPW8/by5wcm90b3R5cGU6dm9pZCAwLFg9UT9RLnRvU3RyaW5nOnZvaWQgMDtmdW5jdGlvbiBZKGUpe2lmKCJzdHJpbmciPT10eXBlb2YgZSlyZXR1cm4gZTtpZih0KGUpKXJldHVybiBmdW5jdGlvbih0LGUpe2Zvcih2YXIgcj0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aCxvPUFycmF5KG4pOysrcjxuOylvW3JdPWUodFtyXSxyLHQpO3JldHVybiBvfShlLFkpKyIiO2lmKGIoZSkpcmV0dXJuIFg/WC5jYWxsKGUpOiIiO3ZhciByPWUrIiI7cmV0dXJuIjAiPT1yJiYxL2U9PS0xLzA/Ii0wIjpyfWZ1bmN0aW9uIFooZSxyKXtyZXR1cm4gdChlKT9lOmZ1bmN0aW9uKGUscil7aWYodChlKSlyZXR1cm4hMTt2YXIgbj10eXBlb2YgZTtyZXR1cm4hKCJudW1iZXIiIT1uJiYic3ltYm9sIiE9biYmImJvb2xlYW4iIT1uJiZudWxsIT1lJiYhYihlKSl8fHYudGVzdChlKXx8IXkudGVzdChlKXx8bnVsbCE9ciYmZSBpbiBPYmplY3Qocil9KGUscik/W2VdOkooZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/IiI6WSh0KX0oZSkpfWZ1bmN0aW9uIHR0KHQpe2lmKCJzdHJpbmciPT10eXBlb2YgdHx8Yih0KSlyZXR1cm4gdDt2YXIgZT10KyIiO3JldHVybiIwIj09ZSYmMS90PT0tMS8wPyItMCI6ZX1mdW5jdGlvbiBldCh0LGUscil7dmFyIG49bnVsbD09dD92b2lkIDA6ZnVuY3Rpb24odCxlKXtmb3IodmFyIHI9MCxuPShlPVooZSx0KSkubGVuZ3RoO251bGwhPXQmJnI8bjspdD10W3R0KGVbcisrXSldO3JldHVybiByJiZyPT1uP3Q6dm9pZCAwfSh0LGUpO3JldHVybiB2b2lkIDA9PT1uP3I6bn12YXIgcnQ9T2JqZWN0LnByb3RvdHlwZTtmdW5jdGlvbiBudCh0KXt2YXIgZT10JiZ0LmNvbnN0cnVjdG9yO3JldHVybiB0PT09KCJmdW5jdGlvbiI9PXR5cGVvZiBlJiZlLnByb3RvdHlwZXx8cnQpfWZ1bmN0aW9uIG90KHQsZSl7cmV0dXJuIGZ1bmN0aW9uKHIpe3JldHVybiB0KGUocikpfX12YXIgdXQ9b3QoT2JqZWN0LmtleXMsT2JqZWN0KSxjdD1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGl0KHQpe2lmKCFudCh0KSlyZXR1cm4gdXQodCk7dmFyIGU9W107Zm9yKHZhciByIGluIE9iamVjdCh0KSljdC5jYWxsKHQscikmJiJjb25zdHJ1Y3RvciIhPXImJmUucHVzaChyKTtyZXR1cm4gZX12YXIgYXQ9RShuLCJEYXRhVmlldyIpLGZ0PUUobiwiUHJvbWlzZSIpLGx0PUUobiwiU2V0Iiksc3Q9RShuLCJXZWFrTWFwIikscHQ9IltvYmplY3QgTWFwXSIsYnQ9IltvYmplY3QgUHJvbWlzZV0iLHl0PSJbb2JqZWN0IFNldF0iLHZ0PSJbb2JqZWN0IFdlYWtNYXBdIixodD0iW29iamVjdCBEYXRhVmlld10iLGp0PW0oYXQpLGR0PW0oQyksX3Q9bShmdCksZ3Q9bShsdCksT3Q9bShzdCksbXQ9czsoYXQmJm10KG5ldyBhdChuZXcgQXJyYXlCdWZmZXIoMSkpKSE9aHR8fEMmJm10KG5ldyBDKSE9cHR8fGZ0JiZtdChmdC5yZXNvbHZlKCkpIT1idHx8bHQmJm10KG5ldyBsdCkhPXl0fHxzdCYmbXQobmV3IHN0KSE9dnQpJiYobXQ9ZnVuY3Rpb24odCl7dmFyIGU9cyh0KSxyPSJbb2JqZWN0IE9iamVjdF0iPT1lP3QuY29uc3RydWN0b3I6dm9pZCAwLG49cj9tKHIpOiIiO2lmKG4pc3dpdGNoKG4pe2Nhc2UganQ6cmV0dXJuIGh0O2Nhc2UgZHQ6cmV0dXJuIHB0O2Nhc2UgX3Q6cmV0dXJuIGJ0O2Nhc2UgZ3Q6cmV0dXJuIHl0O2Nhc2UgT3Q6cmV0dXJuIHZ0fXJldHVybiBlfSk7dmFyIHd0PW10O2Z1bmN0aW9uIEF0KHQpe3JldHVybiJudW1iZXIiPT10eXBlb2YgdCYmdD4tMSYmdCUxPT0wJiZ0PD05MDA3MTk5MjU0NzQwOTkxfWZ1bmN0aW9uIHh0KHQpe3JldHVybiBudWxsIT10JiZBdCh0Lmxlbmd0aCkmJiFqKHQpfXZhciBTdCx6dD0oU3Q9Imxlbmd0aCIsZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/dm9pZCAwOnRbU3RdfSksUHQ9UmVnRXhwKCJbXFx1MjAwZFxcdWQ4MDAtXFx1ZGZmZlxcdTAzMDAtXFx1MDM2ZlxcdWZlMjAtXFx1ZmUyZlxcdTIwZDAtXFx1MjBmZlxcdWZlMGVcXHVmZTBmXSIpO3ZhciBJdD0iXFx1ZDgwMC1cXHVkZmZmIixFdD0iWyIrSXQrIl0iLEZ0PSJbXFx1MDMwMC1cXHUwMzZmXFx1ZmUyMC1cXHVmZTJmXFx1MjBkMC1cXHUyMGZmXSIsVXQ9IlxcdWQ4M2NbXFx1ZGZmYi1cXHVkZmZmXSIsTXQ9IlteIitJdCsiXSIsJHQ9Iig/OlxcdWQ4M2NbXFx1ZGRlNi1cXHVkZGZmXSl7Mn0iLEJ0PSJbXFx1ZDgwMC1cXHVkYmZmXVtcXHVkYzAwLVxcdWRmZmZdIixUdD0iKD86IitGdCsifCIrVXQrIikiKyI/IixOdD0iW1xcdWZlMGVcXHVmZTBmXT8iLGt0PU50K1R0KygiKD86XFx1MjAwZCg/OiIrW010LCR0LEJ0XS5qb2luKCJ8IikrIikiK050K1R0KyIpKiIpLEN0PSIoPzoiK1tNdCtGdCsiPyIsRnQsJHQsQnQsRXRdLmpvaW4oInwiKSsiKSIsRHQ9UmVnRXhwKFV0KyIoPz0iK1V0KyIpfCIrQ3Qra3QsImciKTtmdW5jdGlvbiBSdCh0KXtyZXR1cm4gZnVuY3Rpb24odCl7cmV0dXJuIFB0LnRlc3QodCl9KHQpP2Z1bmN0aW9uKHQpe2Zvcih2YXIgZT1EdC5sYXN0SW5kZXg9MDtEdC50ZXN0KHQpOykrK2U7cmV0dXJuIGV9KHQpOnp0KHQpfWZ1bmN0aW9uIFZ0KGUpe2lmKG51bGw9PWUpcmV0dXJuIDA7aWYoeHQoZSkpcmV0dXJuInN0cmluZyI9PXR5cGVvZihyPWUpfHwhdChyKSYmcChyKSYmIltvYmplY3QgU3RyaW5nXSI9PXMocik/UnQoZSk6ZS5sZW5ndGg7dmFyIHIsbj13dChlKTtyZXR1cm4iW29iamVjdCBNYXBdIj09bnx8IltvYmplY3QgU2V0XSI9PW4/ZS5zaXplOml0KGUpLmxlbmd0aH12YXIgV3Q9TWF0aC5jZWlsLEx0PU1hdGgubWF4O3ZhciBxdD0vXig/OjB8WzEtOV1cZCopJC87ZnVuY3Rpb24gR3QodCxlKXt2YXIgcj10eXBlb2YgdDtyZXR1cm4hIShlPW51bGw9PWU/OTAwNzE5OTI1NDc0MDk5MTplKSYmKCJudW1iZXIiPT1yfHwic3ltYm9sIiE9ciYmcXQudGVzdCh0KSkmJnQ+LTEmJnQlMT09MCYmdDxlfXZhciBLdD0vXHMvO3ZhciBIdD0vXlxzKy87ZnVuY3Rpb24gSnQodCl7cmV0dXJuIHQ/dC5zbGljZSgwLGZ1bmN0aW9uKHQpe2Zvcih2YXIgZT10Lmxlbmd0aDtlLS0mJkt0LnRlc3QodC5jaGFyQXQoZSkpOyk7cmV0dXJuIGV9KHQpKzEpLnJlcGxhY2UoSHQsIiIpOnR9dmFyIFF0PS9eWy0rXTB4WzAtOWEtZl0rJC9pLFh0PS9eMGJbMDFdKyQvaSxZdD0vXjBvWzAtN10rJC9pLFp0PXBhcnNlSW50O3ZhciB0ZT0xLzA7ZnVuY3Rpb24gZWUodCl7cmV0dXJuIHQ/KHQ9ZnVuY3Rpb24odCl7aWYoIm51bWJlciI9PXR5cGVvZiB0KXJldHVybiB0O2lmKGIodCkpcmV0dXJuIE5hTjtpZihoKHQpKXt2YXIgZT0iZnVuY3Rpb24iPT10eXBlb2YgdC52YWx1ZU9mP3QudmFsdWVPZigpOnQ7dD1oKGUpP2UrIiI6ZX1pZigic3RyaW5nIiE9dHlwZW9mIHQpcmV0dXJuIDA9PT10P3Q6K3Q7dD1KdCh0KTt2YXIgcj1YdC50ZXN0KHQpO3JldHVybiByfHxZdC50ZXN0KHQpP1p0KHQuc2xpY2UoMikscj8yOjgpOlF0LnRlc3QodCk/TmFOOit0fSh0KSk9PT10ZXx8dD09PS0xLzA/MTc5NzY5MzEzNDg2MjMxNTdlMjkyKih0PDA/LTE6MSk6dD09dD90OjA6MD09PXQ/dDowfXZhciByZSxuZT1mdW5jdGlvbih0LGUscil7cmV0dXJuIHImJiJudW1iZXIiIT10eXBlb2YgciYmZnVuY3Rpb24odCxlLHIpe2lmKCFoKHIpKXJldHVybiExO3ZhciBuPXR5cGVvZiBlO3JldHVybiEhKCJudW1iZXIiPT1uP3h0KHIpJiZHdChlLHIubGVuZ3RoKToic3RyaW5nIj09biYmZSBpbiByKSYmQihyW2VdLHQpfSh0LGUscikmJihlPXI9dm9pZCAwKSx0PWVlKHQpLHZvaWQgMD09PWU/KGU9dCx0PTApOmU9ZWUoZSksZnVuY3Rpb24odCxlLHIsbil7Zm9yKHZhciBvPS0xLHU9THQoV3QoKGUtdCkvKHJ8fDEpKSwwKSxjPUFycmF5KHUpO3UtLTspY1tuP3U6KytvXT10LHQrPXI7cmV0dXJuIGN9KHQsZSxyPXZvaWQgMD09PXI/dDxlPzE6LTE6ZWUocikscmUpfSxvZT1uZTtmdW5jdGlvbiB1ZSh0KXt2YXIgZT10aGlzLl9fZGF0YV9fPW5ldyBrKHQpO3RoaXMuc2l6ZT1lLnNpemV9dWUucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1uZXcgayx0aGlzLnNpemU9MH0sdWUucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLl9fZGF0YV9fLHI9ZS5kZWxldGUodCk7cmV0dXJuIHRoaXMuc2l6ZT1lLnNpemUscn0sdWUucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5nZXQodCl9LHVlLnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uaGFzKHQpfSx1ZS5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9dGhpcy5fX2RhdGFfXztpZihyIGluc3RhbmNlb2Ygayl7dmFyIG49ci5fX2RhdGFfXztpZighQ3x8bi5sZW5ndGg8MTk5KXJldHVybiBuLnB1c2goW3QsZV0pLHRoaXMuc2l6ZT0rK3Iuc2l6ZSx0aGlzO3I9dGhpcy5fX2RhdGFfXz1uZXcgUihuKX1yZXR1cm4gci5zZXQodCxlKSx0aGlzLnNpemU9ci5zaXplLHRoaXN9O3ZhciBjZT1mdW5jdGlvbigpe3RyeXt2YXIgdD1FKE9iamVjdCwiZGVmaW5lUHJvcGVydHkiKTtyZXR1cm4gdCh7fSwiIix7fSksdH1jYXRjaCh0KXt9fSgpLGllPWNlO2Z1bmN0aW9uIGFlKHQsZSxyKXsiX19wcm90b19fIj09ZSYmaWU/aWUodCxlLHtjb25maWd1cmFibGU6ITAsZW51bWVyYWJsZTohMCx2YWx1ZTpyLHdyaXRhYmxlOiEwfSk6dFtlXT1yfXZhciBmZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGxlKHQsZSxyKXt2YXIgbj10W2VdO2ZlLmNhbGwodCxlKSYmQihuLHIpJiYodm9pZCAwIT09cnx8ZSBpbiB0KXx8YWUodCxlLHIpfWZ1bmN0aW9uIHNlKHQsZSxyLG4pe3ZhciBvPSFyO3J8fChyPXt9KTtmb3IodmFyIHU9LTEsYz1lLmxlbmd0aDsrK3U8Yzspe3ZhciBpPWVbdV0sYT1uP24ocltpXSx0W2ldLGkscix0KTp2b2lkIDA7dm9pZCAwPT09YSYmKGE9dFtpXSksbz9hZShyLGksYSk6bGUocixpLGEpfXJldHVybiByfWZ1bmN0aW9uIHBlKHQpe3JldHVybiBwKHQpJiYiW29iamVjdCBBcmd1bWVudHNdIj09cyh0KX12YXIgYmU9T2JqZWN0LnByb3RvdHlwZSx5ZT1iZS5oYXNPd25Qcm9wZXJ0eSx2ZT1iZS5wcm9wZXJ0eUlzRW51bWVyYWJsZSxoZT1wZShmdW5jdGlvbigpe3JldHVybiBhcmd1bWVudHN9KCkpP3BlOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiZ5ZS5jYWxsKHQsImNhbGxlZSIpJiYhdmUuY2FsbCh0LCJjYWxsZWUiKX07dmFyIGplPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsZGU9amUmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxfZT1kZSYmZGUuZXhwb3J0cz09PWplP24uQnVmZmVyOnZvaWQgMCxnZT0oX2U/X2UuaXNCdWZmZXI6dm9pZCAwKXx8ZnVuY3Rpb24oKXtyZXR1cm4hMX0sT2U9e307ZnVuY3Rpb24gbWUodCl7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB0KGUpfX1PZVsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09T2VbIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPU9lWyJbb2JqZWN0IEludDhBcnJheV0iXT1PZVsiW29iamVjdCBJbnQxNkFycmF5XSJdPU9lWyJbb2JqZWN0IEludDMyQXJyYXldIl09T2VbIltvYmplY3QgVWludDhBcnJheV0iXT1PZVsiW29iamVjdCBVaW50OENsYW1wZWRBcnJheV0iXT1PZVsiW29iamVjdCBVaW50MTZBcnJheV0iXT1PZVsiW29iamVjdCBVaW50MzJBcnJheV0iXT0hMCxPZVsiW29iamVjdCBBcmd1bWVudHNdIl09T2VbIltvYmplY3QgQXJyYXldIl09T2VbIltvYmplY3QgQXJyYXlCdWZmZXJdIl09T2VbIltvYmplY3QgQm9vbGVhbl0iXT1PZVsiW29iamVjdCBEYXRhVmlld10iXT1PZVsiW29iamVjdCBEYXRlXSJdPU9lWyJbb2JqZWN0IEVycm9yXSJdPU9lWyJbb2JqZWN0IEZ1bmN0aW9uXSJdPU9lWyJbb2JqZWN0IE1hcF0iXT1PZVsiW29iamVjdCBOdW1iZXJdIl09T2VbIltvYmplY3QgT2JqZWN0XSJdPU9lWyJbb2JqZWN0IFJlZ0V4cF0iXT1PZVsiW29iamVjdCBTZXRdIl09T2VbIltvYmplY3QgU3RyaW5nXSJdPU9lWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7dmFyIHdlPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsQWU9d2UmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSx4ZT1BZSYmQWUuZXhwb3J0cz09PXdlJiZlLnByb2Nlc3MsU2U9ZnVuY3Rpb24oKXt0cnl7dmFyIHQ9QWUmJkFlLnJlcXVpcmUmJkFlLnJlcXVpcmUoInV0aWwiKS50eXBlcztyZXR1cm4gdHx8eGUmJnhlLmJpbmRpbmcmJnhlLmJpbmRpbmcoInV0aWwiKX1jYXRjaCh0KXt9fSgpLHplPVNlJiZTZS5pc1R5cGVkQXJyYXksUGU9emU/bWUoemUpOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiZBdCh0Lmxlbmd0aCkmJiEhT2Vbcyh0KV19LEllPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7ZnVuY3Rpb24gRWUoZSxyKXt2YXIgbj10KGUpLG89IW4mJmhlKGUpLHU9IW4mJiFvJiZnZShlKSxjPSFuJiYhbyYmIXUmJlBlKGUpLGk9bnx8b3x8dXx8YyxhPWk/ZnVuY3Rpb24odCxlKXtmb3IodmFyIHI9LTEsbj1BcnJheSh0KTsrK3I8dDspbltyXT1lKHIpO3JldHVybiBufShlLmxlbmd0aCxTdHJpbmcpOltdLGY9YS5sZW5ndGg7Zm9yKHZhciBsIGluIGUpIXImJiFJZS5jYWxsKGUsbCl8fGkmJigibGVuZ3RoIj09bHx8dSYmKCJvZmZzZXQiPT1sfHwicGFyZW50Ij09bCl8fGMmJigiYnVmZmVyIj09bHx8ImJ5dGVMZW5ndGgiPT1sfHwiYnl0ZU9mZnNldCI9PWwpfHxHdChsLGYpKXx8YS5wdXNoKGwpO3JldHVybiBhfWZ1bmN0aW9uIEZlKHQpe3JldHVybiB4dCh0KT9FZSh0KTppdCh0KX12YXIgVWU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBNZSh0KXtpZighaCh0KSlyZXR1cm4gZnVuY3Rpb24odCl7dmFyIGU9W107aWYobnVsbCE9dClmb3IodmFyIHIgaW4gT2JqZWN0KHQpKWUucHVzaChyKTtyZXR1cm4gZX0odCk7dmFyIGU9bnQodCkscj1bXTtmb3IodmFyIG4gaW4gdCkoImNvbnN0cnVjdG9yIiE9bnx8IWUmJlVlLmNhbGwodCxuKSkmJnIucHVzaChuKTtyZXR1cm4gcn1mdW5jdGlvbiAkZSh0KXtyZXR1cm4geHQodCk/RWUodCwhMCk6TWUodCl9dmFyIEJlPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsVGU9QmUmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxOZT1UZSYmVGUuZXhwb3J0cz09PUJlP24uQnVmZmVyOnZvaWQgMCxrZT1OZT9OZS5hbGxvY1Vuc2FmZTp2b2lkIDA7ZnVuY3Rpb24gQ2UoKXtyZXR1cm5bXX12YXIgRGU9T2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZSxSZT1PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzLFZlPVJlP2Z1bmN0aW9uKHQpe3JldHVybiBudWxsPT10P1tdOih0PU9iamVjdCh0KSxmdW5jdGlvbih0LGUpe2Zvcih2YXIgcj0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aCxvPTAsdT1bXTsrK3I8bjspe3ZhciBjPXRbcl07ZShjLHIsdCkmJih1W28rK109Yyl9cmV0dXJuIHV9KFJlKHQpLGZ1bmN0aW9uKGUpe3JldHVybiBEZS5jYWxsKHQsZSl9KSl9OkNlLFdlPVZlO2Z1bmN0aW9uIExlKHQsZSl7Zm9yKHZhciByPS0xLG49ZS5sZW5ndGgsbz10Lmxlbmd0aDsrK3I8bjspdFtvK3JdPWVbcl07cmV0dXJuIHR9dmFyIHFlPW90KE9iamVjdC5nZXRQcm90b3R5cGVPZixPYmplY3QpLEdlPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM/ZnVuY3Rpb24odCl7Zm9yKHZhciBlPVtdO3Q7KUxlKGUsV2UodCkpLHQ9cWUodCk7cmV0dXJuIGV9OkNlLEtlPUdlO2Z1bmN0aW9uIEhlKGUscixuKXt2YXIgbz1yKGUpO3JldHVybiB0KGUpP286TGUobyxuKGUpKX1mdW5jdGlvbiBKZSh0KXtyZXR1cm4gSGUodCxGZSxXZSl9ZnVuY3Rpb24gUWUodCl7cmV0dXJuIEhlKHQsJGUsS2UpfXZhciBYZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBZZT1uLlVpbnQ4QXJyYXk7ZnVuY3Rpb24gWmUodCl7dmFyIGU9bmV3IHQuY29uc3RydWN0b3IodC5ieXRlTGVuZ3RoKTtyZXR1cm4gbmV3IFllKGUpLnNldChuZXcgWWUodCkpLGV9dmFyIHRyPS9cdyokLzt2YXIgZXI9bz9vLnByb3RvdHlwZTp2b2lkIDAscnI9ZXI/ZXIudmFsdWVPZjp2b2lkIDA7ZnVuY3Rpb24gbnIodCxlLHIpe3ZhciBuLG89dC5jb25zdHJ1Y3Rvcjtzd2l0Y2goZSl7Y2FzZSJbb2JqZWN0IEFycmF5QnVmZmVyXSI6cmV0dXJuIFplKHQpO2Nhc2UiW29iamVjdCBCb29sZWFuXSI6Y2FzZSJbb2JqZWN0IERhdGVdIjpyZXR1cm4gbmV3IG8oK3QpO2Nhc2UiW29iamVjdCBEYXRhVmlld10iOnJldHVybiBmdW5jdGlvbih0LGUpe3ZhciByPWU/WmUodC5idWZmZXIpOnQuYnVmZmVyO3JldHVybiBuZXcgdC5jb25zdHJ1Y3RvcihyLHQuYnl0ZU9mZnNldCx0LmJ5dGVMZW5ndGgpfSh0LHIpO2Nhc2UiW29iamVjdCBGbG9hdDMyQXJyYXldIjpjYXNlIltvYmplY3QgRmxvYXQ2NEFycmF5XSI6Y2FzZSJbb2JqZWN0IEludDhBcnJheV0iOmNhc2UiW29iamVjdCBJbnQxNkFycmF5XSI6Y2FzZSJbb2JqZWN0IEludDMyQXJyYXldIjpjYXNlIltvYmplY3QgVWludDhBcnJheV0iOmNhc2UiW29iamVjdCBVaW50OENsYW1wZWRBcnJheV0iOmNhc2UiW29iamVjdCBVaW50MTZBcnJheV0iOmNhc2UiW29iamVjdCBVaW50MzJBcnJheV0iOnJldHVybiBmdW5jdGlvbih0LGUpe3ZhciByPWU/WmUodC5idWZmZXIpOnQuYnVmZmVyO3JldHVybiBuZXcgdC5jb25zdHJ1Y3RvcihyLHQuYnl0ZU9mZnNldCx0Lmxlbmd0aCl9KHQscik7Y2FzZSJbb2JqZWN0IE1hcF0iOmNhc2UiW29iamVjdCBTZXRdIjpyZXR1cm4gbmV3IG87Y2FzZSJbb2JqZWN0IE51bWJlcl0iOmNhc2UiW29iamVjdCBTdHJpbmddIjpyZXR1cm4gbmV3IG8odCk7Y2FzZSJbb2JqZWN0IFJlZ0V4cF0iOnJldHVybiBmdW5jdGlvbih0KXt2YXIgZT1uZXcgdC5jb25zdHJ1Y3Rvcih0LnNvdXJjZSx0ci5leGVjKHQpKTtyZXR1cm4gZS5sYXN0SW5kZXg9dC5sYXN0SW5kZXgsZX0odCk7Y2FzZSJbb2JqZWN0IFN5bWJvbF0iOnJldHVybiBuPXQscnI/T2JqZWN0KHJyLmNhbGwobikpOnt9fX12YXIgb3I9T2JqZWN0LmNyZWF0ZSx1cj1mdW5jdGlvbigpe2Z1bmN0aW9uIHQoKXt9cmV0dXJuIGZ1bmN0aW9uKGUpe2lmKCFoKGUpKXJldHVybnt9O2lmKG9yKXJldHVybiBvcihlKTt0LnByb3RvdHlwZT1lO3ZhciByPW5ldyB0O3JldHVybiB0LnByb3RvdHlwZT12b2lkIDAscn19KCksY3I9dXI7dmFyIGlyPVNlJiZTZS5pc01hcCxhcj1pcj9tZShpcik6ZnVuY3Rpb24odCl7cmV0dXJuIHAodCkmJiJbb2JqZWN0IE1hcF0iPT13dCh0KX07dmFyIGZyPVNlJiZTZS5pc1NldCxscj1mcj9tZShmcik6ZnVuY3Rpb24odCl7cmV0dXJuIHAodCkmJiJbb2JqZWN0IFNldF0iPT13dCh0KX0sc3I9IltvYmplY3QgQXJndW1lbnRzXSIscHI9IltvYmplY3QgRnVuY3Rpb25dIixicj0iW29iamVjdCBPYmplY3RdIix5cj17fTtmdW5jdGlvbiB2cihlLHIsbixvLHUsYyl7dmFyIGksYT0xJnIsZj0yJnIsbD00JnI7aWYobiYmKGk9dT9uKGUsbyx1LGMpOm4oZSkpLHZvaWQgMCE9PWkpcmV0dXJuIGk7aWYoIWgoZSkpcmV0dXJuIGU7dmFyIHM9dChlKTtpZihzKXtpZihpPWZ1bmN0aW9uKHQpe3ZhciBlPXQubGVuZ3RoLHI9bmV3IHQuY29uc3RydWN0b3IoZSk7cmV0dXJuIGUmJiJzdHJpbmciPT10eXBlb2YgdFswXSYmWGUuY2FsbCh0LCJpbmRleCIpJiYoci5pbmRleD10LmluZGV4LHIuaW5wdXQ9dC5pbnB1dCkscn0oZSksIWEpcmV0dXJuIGZ1bmN0aW9uKHQsZSl7dmFyIHI9LTEsbj10Lmxlbmd0aDtmb3IoZXx8KGU9QXJyYXkobikpOysrcjxuOyllW3JdPXRbcl07cmV0dXJuIGV9KGUsaSl9ZWxzZXt2YXIgcD13dChlKSxiPXA9PXByfHwiW29iamVjdCBHZW5lcmF0b3JGdW5jdGlvbl0iPT1wO2lmKGdlKGUpKXJldHVybiBmdW5jdGlvbih0LGUpe2lmKGUpcmV0dXJuIHQuc2xpY2UoKTt2YXIgcj10Lmxlbmd0aCxuPWtlP2tlKHIpOm5ldyB0LmNvbnN0cnVjdG9yKHIpO3JldHVybiB0LmNvcHkobiksbn0oZSxhKTtpZihwPT1icnx8cD09c3J8fGImJiF1KXtpZihpPWZ8fGI/e306ZnVuY3Rpb24odCl7cmV0dXJuImZ1bmN0aW9uIiE9dHlwZW9mIHQuY29uc3RydWN0b3J8fG50KHQpP3t9OmNyKHFlKHQpKX0oZSksIWEpcmV0dXJuIGY/ZnVuY3Rpb24odCxlKXtyZXR1cm4gc2UodCxLZSh0KSxlKX0oZSxmdW5jdGlvbih0LGUpe3JldHVybiB0JiZzZShlLCRlKGUpLHQpfShpLGUpKTpmdW5jdGlvbih0LGUpe3JldHVybiBzZSh0LFdlKHQpLGUpfShlLGZ1bmN0aW9uKHQsZSl7cmV0dXJuIHQmJnNlKGUsRmUoZSksdCl9KGksZSkpfWVsc2V7aWYoIXlyW3BdKXJldHVybiB1P2U6e307aT1ucihlLHAsYSl9fWN8fChjPW5ldyB1ZSk7dmFyIHk9Yy5nZXQoZSk7aWYoeSlyZXR1cm4geTtjLnNldChlLGkpLGxyKGUpP2UuZm9yRWFjaChmdW5jdGlvbih0KXtpLmFkZCh2cih0LHIsbix0LGUsYykpfSk6YXIoZSkmJmUuZm9yRWFjaChmdW5jdGlvbih0LG8pe2kuc2V0KG8sdnIodCxyLG4sbyxlLGMpKX0pO3ZhciB2PXM/dm9pZCAwOihsP2Y/UWU6SmU6Zj8kZTpGZSkoZSk7cmV0dXJuIGZ1bmN0aW9uKHQsZSl7Zm9yKHZhciByPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoOysrcjxuJiYhMSE9PWUodFtyXSxyLHQpOyk7fSh2fHxlLGZ1bmN0aW9uKHQsbyl7diYmKHQ9ZVtvPXRdKSxsZShpLG8sdnIodCxyLG4sbyxlLGMpKX0pLGl9eXJbc3JdPXlyWyJbb2JqZWN0IEFycmF5XSJdPXlyWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPXlyWyJbb2JqZWN0IERhdGFWaWV3XSJdPXlyWyJbb2JqZWN0IEJvb2xlYW5dIl09eXJbIltvYmplY3QgRGF0ZV0iXT15clsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09eXJbIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPXlyWyJbb2JqZWN0IEludDhBcnJheV0iXT15clsiW29iamVjdCBJbnQxNkFycmF5XSJdPXlyWyJbb2JqZWN0IEludDMyQXJyYXldIl09eXJbIltvYmplY3QgTWFwXSJdPXlyWyJbb2JqZWN0IE51bWJlcl0iXT15clticl09eXJbIltvYmplY3QgUmVnRXhwXSJdPXlyWyJbb2JqZWN0IFNldF0iXT15clsiW29iamVjdCBTdHJpbmddIl09eXJbIltvYmplY3QgU3ltYm9sXSJdPXlyWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09eXJbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09eXJbIltvYmplY3QgVWludDE2QXJyYXldIl09eXJbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAseXJbIltvYmplY3QgRXJyb3JdIl09eXJbcHJdPXlyWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7ZnVuY3Rpb24gaHIodCl7cmV0dXJuIHZyKHQsNSl9ZnVuY3Rpb24ganIodCl7cmV0dXJuIltvYmplY3QgQXJyYXldIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBkcih0KXtyZXR1cm4iW29iamVjdCBPYmplY3RdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBfcih0KXtyZXR1cm4hMD09PShlPXQpfHwhMT09PWV8fHAoZSkmJiJbb2JqZWN0IEJvb2xlYW5dIj09cyhlKTt2YXIgZX1mdW5jdGlvbiBncih0LGU9bnVsbCxyPXt9KXtqKGUpfHwoZT10PT50KTtsZXQgbj1ldChyLCJmb3JjZSIsITEpO3JldHVybiBfcihuKXx8KG49ITEpLGZ1bmN0aW9uKHQsZSxyPSExKXtsZXQgbj1bXTtpZighanIodCkmJiFkcih0KSlyZXR1cm4gZSh0LG51bGwsW10pO2Z1bmN0aW9uIG8odCl7aWYoanIodCkpcmV0dXJuIG9lKFZ0KHQpKTtpZihkcih0KSl7bGV0IGU9T2JqZWN0LmdldE93blByb3BlcnR5TmFtZXModCksbj1udWxsO3JldHVybiByJiYobj1PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHQpKSxqcihlKXx8KGU9W10pLGpyKG4pfHwobj1bXSksWy4uLmUsLi4ubl19cmV0dXJuIHR9cmV0dXJuIGZ1bmN0aW9uIHQocix1KXtpZihqcihyKSlyZXR1cm4gbyhyKS5tYXAobz0+e2xldCB1PXJbb10sYz1ocihuKTtyZXR1cm4gbi5wdXNoKG8pLHU9ZSh1LG8sYyksdT10KHUpLG4ucG9wKCksdX0pO2lmKGRyKHIpKXtsZXQgdT1vKHIpLGM9e307cmV0dXJuIHUubWFwKG89PntsZXQgdT1yW29dLGk9aHIobik7bi5wdXNoKG8pLHU9ZSh1LG8saSksdT10KHUpLG4ucG9wKCksY1tvXT11fSksY31yZXR1cm4gcn0odCl9KHQsZSxuKX1mdW5jdGlvbiBPcih0KXtyZXR1cm4hKCFmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBTdHJpbmddIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCl8fCIiPT09dCl9ZnVuY3Rpb24gbXIodCxlPXt9KXtpZihqcih0KSl7aWYoMD09PXQubGVuZ3RoKXJldHVybltdfWVsc2V7aWYoIWRyKHQpKXJldHVybltdO2lmKGZ1bmN0aW9uKHQpe2lmKGRyKHQpKXtmb3IobGV0IGUgaW4gdClyZXR1cm4hMTtyZXR1cm4hMH1yZXR1cm4hMX0odCkpcmV0dXJuW119bGV0IHI9ZXQoZSwiYmluZEtleSIsbnVsbCk7T3Iocil8fChyPSJpZCIpO2xldCBuPWV0KGUsImJpbmRDaGlsZHJlbiIsbnVsbCk7T3Iobil8fChuPSJjaGlsZHJlbiIpO2xldCBvPSExO2RyKHQpJiYobz0hMCx0PVt0XSk7bGV0IHU9W107cmV0dXJuIGdyKHQsKHQsZSxvKT0+e2xldCBjPWV0KHQscixudWxsKSxpPWV0KHQsbixudWxsKTtpZihjKXtsZXQgcj1mdW5jdGlvbih0KXtsZXQgZT1bdFswXV07Zm9yKGxldCByPTE7cjx0Lmxlbmd0aDtyKyspe2xldCBvPXRbcl07ZS5wdXNoKG4pLGUucHVzaChvKX1yZXR1cm4gZX0oWy4uLm8sZV0pO2lmKHUucHVzaCh7Li4udCxsZXZlbDooVnQociktMSkvMixuazpyfSksaSlyZXR1cm4gaX19KSxvJiYodT11WzBdKSx1fWxldCBmbGF0dGVuVHJlZVdrPWFzeW5jIGZ1bmN0aW9uKHQsZT17fSl7cmV0dXJuIG1yKHQsZSl9OwoKCmxldCBpbnN0YW5jZSA9IG51bGwKZnVuY3Rpb24gaW5pdChpbnB1dCl7CgogICAgLy9pbml0CiAgICBsZXQgcgogICAgCiAgICAgICAgciA9IHsKICAgICAgICAgICAgbWFpbjogZmxhdHRlblRyZWVXawogICAgICAgIH0KICAgICAgICAKCiAgICAvL29uCiAgICAKCiAgICAvL3NhdmUKICAgIGluc3RhbmNlID0gcgoKfQoKZnVuY3Rpb24gc2VuZE1lc3NhZ2UoZGF0YSkgewogICAgCiAgICAgICAgc2VsZi5wb3N0TWVzc2FnZShkYXRhKQogICAgICAgIAp9Cgphc3luYyBmdW5jdGlvbiBydW4oZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciBydW4nLGRhdGEpCgogICAgLy9tb2RlCiAgICBsZXQgbW9kZSA9IGRhdGEubW9kZQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgIT09ICdpbml0JyAmJiBtb2RlICE9PSAnY2FsbCcpewogICAgICAgIHJldHVybgogICAgfQoKICAgIC8vaW5pdAogICAgaWYobW9kZSA9PT0gJ2luaXQnKXsKICAgICAgICAKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL3R5cGUKICAgICAgICAgICAgbGV0IHR5cGUgPSBkYXRhLnR5cGUKCiAgICAgICAgICAgIC8vaW5wdXQKICAgICAgICAgICAgbGV0IGlucHV0ID0gZGF0YS5pbnB1dAogICAgCiAgICAgICAgICAgIC8vaW5zdGFuY2UKICAgICAgICAgICAgaWYodHlwZSA9PT0gJ2Z1bmN0aW9uJyl7CiAgICAgICAgICAgICAgICBpbml0KC4uLmlucHV0KQogICAgICAgICAgICB9CiAgICAgICAgICAgIGVsc2UgaWYodHlwZSA9PT0gJ29iamVjdCcpewogICAgICAgICAgICAgICAgaW5zdGFuY2UgPSBmbGF0dGVuVHJlZVdrCiAgICAgICAgICAgIH0KCiAgICAgICAgfQogICAgICAgIGNhdGNoKGVycil7CiAgICAgICAgCiAgICAgICAgICAgIC8vc2VuZE1lc3NhZ2UKICAgICAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgICAgIG1vZGU6ICdlbWl0JywKICAgICAgICAgICAgICAgIGV2TmFtZTogJ2Vycm9yJywKICAgICAgICAgICAgICAgIG1zZzogZXJyLAogICAgICAgICAgICB9CiAgICAgICAgICAgIHNlbmRNZXNzYWdlKHJlcykKCiAgICAgICAgfQogICAgICAgICAgICAKICAgIH0KCiAgICAvL2NoZWNrCiAgICBpZihtb2RlID09PSAnY2FsbCcpewogICAgICAgIGxldCBzdGF0ZSA9ICcnCiAgICAgICAgbGV0IG1zZyA9IG51bGwKCiAgICAgICAgdHJ5ewoKICAgICAgICAgICAgLy9mdW4KICAgICAgICAgICAgbGV0IGZ1biA9IGluc3RhbmNlW2RhdGEuZnVuXQoKICAgICAgICAgICAgLy9pbnB1dAogICAgICAgICAgICBsZXQgaW5wdXQgPSBkYXRhLmlucHV0CgogICAgICAgICAgICAvL2V4ZWMKICAgICAgICAgICAgYXdhaXQgZnVuKC4uLmlucHV0KQogICAgICAgICAgICAgICAgLnRoZW4oKHN1YykgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdzdWNjZXNzJwogICAgICAgICAgICAgICAgICAgIG1zZz1zdWMKICAgICAgICAgICAgICAgIH0pCiAgICAgICAgICAgICAgICAuY2F0Y2goKGVycikgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdlcnJvcicKICAgICAgICAgICAgICAgICAgICBtc2c9ZXJyCiAgICAgICAgICAgICAgICB9KQoKICAgICAgICB9CiAgICAgICAgY2F0Y2goZXJyKXsKICAgICAgICAgICAgc3RhdGUgPSAnZXJyb3InCiAgICAgICAgICAgIG1zZyA9IGVycgogICAgICAgIH0KICAgICAgICAKICAgICAgICAvL3NlbmRNZXNzYWdlCiAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgbW9kZTogJ3JldHVybicsCiAgICAgICAgICAgIGlkOiBkYXRhLmlkLAogICAgICAgICAgICBmdW46IGRhdGEuZnVuLAogICAgICAgICAgICBzdGF0ZSwKICAgICAgICAgICAgbXNnLAogICAgICAgIH0KICAgICAgICBzZW5kTWVzc2FnZShyZXMpCgogICAgfQoKfQoKZnVuY3Rpb24gcmVjdk1lc3NhZ2UoZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciByZWN2OicsIGRhdGEpCgogICAgLy9kYXRhUmVjdgogICAgbGV0IGRhdGFSZWN2ID0gZGF0YQoKICAgIC8vcnVuCiAgICBydW4oZGF0YVJlY3YpCgp9CgoKICAgICAgICBzZWxmLm9ubWVzc2FnZSA9IGZ1bmN0aW9uIChlKSB7CiAgICAgICAgICAgIHJlY3ZNZXNzYWdlKGUuZGF0YSkKICAgICAgICB9CiAgICAgICAgCgp0cnl7CiAgICBwcm9jZXNzLm9uKCd1bmhhbmRsZWRSZWplY3Rpb24nLCAoZXJyKSA9PiB7CiAgICAgICAgY29uc29sZS5sb2coJ2lubmVyOnVuaGFuZGxlZFJlamVjdGlvbicsIGVycikKICAgIH0pCiAgICBwcm9jZXNzLm9uKCd1bmNhdWdodEV4Y2VwdGlvbicsIChlcnIpID0+IHsKICAgICAgICBjb25zb2xlLmxvZygnaW5uZXI6dW5jYXVnaHRFeGNlcHRpb24nLCBlcnIpCiAgICB9KQogICAgcHJvY2Vzcy5vbigndW5jYXVnaHRFeGNlcHRpb25Nb25pdG9yJywgKGVycikgPT4gewogICAgICAgIGNvbnNvbGUubG9nKCdpbm5lcjp1bmNhdWdodEV4Y2VwdGlvbk1vbml0b3InLCBlcnIpCiAgICB9KQp9CmNhdGNoKGVycil7fQoK");function e(){let e=new Ng,t=function(n){try{let e=new Blob([n]),t=window.URL||window.webkitURL;return new Worker(t.createObjectURL(e))}catch(n){o(n)}}(n);if(!t)return o("invalid worker"),null;function r(){let n=function(){let n,e,t=new Promise(function(){n=arguments[0],e=arguments[1]});return t.resolve=n,t.reject=e,t}(),r=function(n=10){let e=[],t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),r=t.length;for(let o=0;o<n;o++)e[o]=t[0|Math.random()*r];return e.join("")}(),o={mode:"call",id:r,fun:"main",input:[...arguments]};return t.postMessage(o),e.once(r,e=>{"success"===e.state?n.resolve(e.msg):n.reject(e.msg)}),n}function o(n){e.emit("error",n)}return t.onmessage=function(n){!function(n){let t=n,r=t.mode;"emit"!==r&&"return"!==r||("emit"===r&&e.emit(t.evName,t.msg),"return"===r&&e.emit(t.id,t))}(n.data)},t.onerror=o,t.onmessageerror=function(n){o(n.data)},function(){let n={mode:"init",type:"function",input:[...arguments]};t.postMessage(n)}([...arguments]),e.main=r,e.main=r,e.terminate=function(){t?(t.terminate(),t=void 0):o("worker has been terminated")},e}Dg=async function(){let n=[...arguments],t=e();return await t.main(...n).finally(()=>{t.terminate()})}}();try{process.on("unhandledRejection",n=>{console.log("outer:unhandledRejection",n)}),process.on("uncaughtException",n=>{console.log("outer:uncaughtException",n)}),process.on("uncaughtExceptionMonitor",n=>{console.log("outer:uncaughtExceptionMonitor",n)})}catch(Km){}var Gg=Dg;function jg(n){let e=mn(n,"clientX",null),t=mn(n,"clientY",null),r=mn(n,"pageX",null),o=mn(n,"pageY",null);if(null!==e&&null!==t&&null!==r&&null!==o)return{clientX:e,clientY:t,pageX:r,pageY:o};let i=mn(n,"changedTouches",[]);if(1!==So(i))return null;let l=i[0];return{clientX:mn(l,"clientX",null),clientY:mn(l,"clientY",null),pageX:mn(l,"pageX",null),pageY:mn(l,"pageY",null)}}function Kg(n,e){if(!ai(n))return null;if(!bn(e))return null;try{return n.getAttribute(e)}catch(n){}return null}function Yg(n={}){let e="dragpreviewid",t=null,r=null,o=null,i=null,l=null,a=!1,d=mn(n,"attIdentify",null);bn(d)||(d="dragprevid");let u=mn(n,"containerOpacity",null);Fo(u)||(u=.4);let s=mn(n,"containerBackground",null);bn(s)||(s="white");let c=mn(n,"containerBorderWidth",null);Fo(c)||(c=1);let p=mn(n,"containerBorderColor",null);bn(p)||(p="#f26");let f=`c${Qo(8)}`;function g(n,e,t){r&&o&&i&&l&&!a&&(l.style.top=e-r.tShiftY+"px",l.style.left=n-r.tShiftX+"px")}function h(){Na(`[${e}='${f}']`),r=null,o=null,i=null,l=null}let m=function(n){g(n.clientX,n.clientY)};window.addEventListener("mousemove",m);let v=function(n){let e=jg(n);e&&g(e.clientX,e.clientY)};return window.addEventListener("touchmove",v),{createPreview:function(n,a,m){try{!function(){let h=function(n,e,r){let o=gs(n);if(!o)return null;t=n;let i=n.cloneNode(!0);return i.tShiftX=e-o.left,i.tShiftY=r-o.top,i.tWidth=n.offsetWidth,i.tHeight=n.offsetHeight,i.tParent=n.parentNode,i.setAttribute(d,""),i}(n,a,m);if(null===h)return;let v=document.createElement("div");v.style.position="absolute",v.style.zIndex=1,v.style.top=0,v.style.left=0,v.style.width="100%",v.style.height="100%",v.appendChild(h);let y=document.createElement("div");y.style.position="relative",y.appendChild(v);let b=document.createElement("div");b.setAttribute(e,f),b.style.position="fixed",b.style.zIndex=1e5,b.style.width=`${h.tWidth+2*c}px`,b.style.height=`${h.tHeight+2*c}px`,b.style.opacity=u,b.style.background=s,b.style.border=`${c}px solid ${p}`,b.style.pointerEvents="none",b.appendChild(y),document.querySelector("body").appendChild(b),r=h,o=v,i=y,l=b,g(a,m)}()}catch(n){}let v=setInterval(()=>{let n=Kg(t,d);document.querySelector(`[${d}='${n}']`)||(clearInterval(v),h())},500)},updateDragPreview:g,pauseDragPreview:function(n){a=n},removeDragPreview:h,setNodeStyle:function(n){try{ke(n,(n,e)=>{r.style[e]=n})}catch(n){}},setCoverStyle:function(n){try{ke(n,(n,e)=>{o.style[e]=n})}catch(n){}},setSellStyle:function(n){try{ke(n,(n,e)=>{i.style[e]=n})}catch(n){}},setContainerStyle:function(n){try{ke(n,(n,e)=>{l.style[e]=n})}catch(n){}},clear:function(){window.removeEventListener("mousemove",m),window.removeEventListener("touchmove",v)}}}let _g={};function $g(n,e,{attIdentify:t,previewOpacity:r,previewBackground:o,previewBorderWidth:i,previewBorderColor:l}){if(!Sn(_g,n)){let e=rl(),a=function(n){let e=[];function t(){let t;t="mousemove";let r=function(e){n.dragMove({e:e,name:"mousemove"})};window.addEventListener(t,r),e.push({ele:window,name:t,f:r}),t="mouseup";let o=function(e){n.dragDrop({e:e,name:"mouseup"})};window.addEventListener(t,o),e.push({ele:window,name:t,f:o}),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 l=function(e){n.dragDrop({e:e,name:"touchend"})};window.addEventListener(t,l),e.push({ele:window,name:t,f:l})}function r(){ke(e,({ele:n,name:e,f:t})=>{n.removeEventListener(e,t)})}return{bind:t,unbind:r}}({dragMove:t=>{e.emit(n+"-dragMove",t)},dragDrop:t=>{e.emit(n+"-dragDrop",t)}});a.bind();let d=Yg({attIdentify:t,containerOpacity:r,containerBackground:o,containerBorderWidth:i,containerBorderColor:l});_g[n]={eleIds:[],evg:e,oevg:a,pv:d,isInit:!1,isActive:!0}}return _g[n].eleIds.push(e),_g[n].evg}function Mg(n,e,t){let r=null;return ke(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(Kg(n,e)===t)return r=n,!1}),r}function Og(n,e,t){let r=null,o=jg(n);return o?(ke(function(n,e){let t=[];try{t=document.elementsFromPoint(n,e)}catch(n){console.log(n)}return t}(o.clientX,o.clientY),n=>{if(Kg(n,e)===t)return r=n,!1}),r):r}function Jg(n,e){let t=Kg(n,e);return t=tr(t),t}function Eg({gid:n,attGroup:e,attIndex:t,attIdentify:r,timeDragStartDelay:o,previewOpacity:i,previewDisabledOpacity:l}){let a=null,d=null,u=null,s=null;if(_g[n].isInit)return _g[n].evg;_g[n].isInit=!0;let c=_g[n].evg;c.on(n+"-dragStart",function({e:e,ele:i,from:u}){if(!_g[n].isActive)return;let s=Jg(i,t);if(null===s)return;a=s,d=i;let f={event:e,startInd:a,startEle:d,tarInd:a,tarEid:Kg(d,r)};c.emit(n+"-change",{mode:"start",...f}),c.emit(n+"-start",f);let g=jg(e);if(!g)return;setTimeout(()=>{null!==a&&(p.createPreview(d,g.clientX,g.clientY),p.setContainerStyle({opacity:l}))},o)}),c.on(n+"-dragMove",function({e:o,name:f,from:g}){if(!_g[n].isActive)return;let h=Mg(o,e,n);if(null===a)return;let m=jg(o);if(!m)return;function v(){let e={event:o,startInd:a,startEle:d,endInd:u,endEle:s,tarInd:u,tarEid:Kg(s,r)};c.emit(n+"-change",{mode:"leave",...e}),c.emit(n+"-leave",e),u=null,s=null,p.setContainerStyle({opacity:l})}if(!h)return void(null!==u&&v());let y=Jg(h,t);if(null===y)return;if(y===a)return void(null!==u&&v());if(y!==u)null!==u&&v(),function(e,t){u=e,s=t;let l={event:o,startInd:a,startEle:d,endInd:u,endEle:s,tarInd:u,tarEid:Kg(s,r)};c.emit(n+"-change",{mode:"enter",...l}),c.emit(n+"-enter",l),p.setContainerStyle({opacity:i})}(y,h);else{let e=function(n,e){if(!qo(n))return null;if(!Fo(n.clientX)||!Fo(n.clientY))return null;if(!ai(e))return null;let t=gs(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(m,h),t=0;e.w>0&&(t=e.x/e.w);let l=0;e.h>0&&(l=e.y/e.h),t>=0&&t<=1&&l>=0&&l<=1&&function(e,t,l){let f={event:o,startInd:a,startEle:d,endInd:u,endEle:s,tarInd:u,tarEid:Kg(s,r),...e,rx:t,ry:l};c.emit(n+"-change",{mode:"move",...f}),c.emit(n+"-move",f),p.setContainerStyle({opacity:i})}(e,t,l)}}),c.on(n+"-dragDrop",function({e:o,name:i,from:l}){if(p.removeDragPreview(),!_g[n].isActive)return;if(null===a)return;let f=Og(o,e,n);if(!f)return a=null,d=null,u=null,void(s=null);let g=Jg(f,t);if(null===g)return;(function(e,t){u=e,s=t;let i={event:o,startInd:a,startEle:d,endInd:u,endEle:s,tarInd:u,tarEid:Kg(s,r)};c.emit(n+"-change",{mode:"drop",...i}),c.emit(n+"-drop",i)})(g,f),a=null,d=null,u=null,s=null});let p=_g[n].pv}function Ug(n,e={}){if(!ai(n))return void console.log("ele is not a HTMLElement",n);let t=mn(e,"attIdentify",null);bn(t)||(t="dragid");let r=mn(e,"attIndex",null);bn(r)||(r="dragindex");let o=mn(e,"attGroup",null);bn(o)||(o="draggroup");let i=mn(e,"group",null);bn(i)||(i="group");let l=mn(e,"previewOpacity",null);Fo(l)||(l=.4);let a=mn(e,"previewDisabledOpacity",null);Fo(a)||(a=.2);let d=mn(e,"previewBackground",null);bn(d)||(d="white");let u=mn(e,"previewBorderWidth",null);Fo(u)||(u=1);let s=mn(e,"previewBorderColor",null);bn(s)||(s="#f26");let c=mn(e,"timeDragStartDelay",null);Fo(c)||(c=120);let p=`c${Qo(8)}`,f=i;n.setAttribute(o,f),n.setAttribute(t,p);let g=$g(f,p,{attIdentify:t,previewOpacity:l,previewBackground:d,previewBorderWidth:u,previewBorderColor:s}),h=function(n,e){let t=[];return{bind:function(){let r;r="mousedown";let o=function(t){e.dragStart({e:t,ele:n,name:"mousedown"})};n.addEventListener(r,o,!1),t.push({ele:n,name:r,f:o}),r="touchstart";let i=function(t){e.dragStart({e:t,ele:n,name:"touchstart"})};n.addEventListener(r,i,!1),t.push({ele:n,name:r,f:i}),r="touchmove";let l=function(n){e.dragMove({e:n,name:"touchmove"}),n.cancelable&&n.preventDefault()};n.addEventListener(r,l,!1),t.push({ele:n,name:r,f:l})},unbind:function(){ke(t,({ele:n,name:e,f:t})=>{n.removeEventListener(e,t)})}}}(n,{dragStart:n=>{g.emit(f+"-dragStart",n)},dragMove:n=>{g.emit(f+"-dragMove",n)}});h.bind(),Eg({gid:f,attGroup:o,attIndex:r,attIdentify:t,timeDragStartDelay:c,previewOpacity:l,previewDisabledOpacity:a});let m=rl();return g.on(i+"-change",n=>{n.tarEid===p&&m.emit("change",n)}),g.on(i+"-start",n=>{n.tarEid===p&&m.emit("start",n)}),g.on(i+"-move",n=>{n.tarEid===p&&m.emit("move",n)}),g.on(i+"-enter",n=>{n.tarEid===p&&m.emit("enter",n)}),g.on(i+"-leave",n=>{n.tarEid===p&&m.emit("leave",n)}),g.on(i+"-drop",n=>{n.tarEid===p&&m.emit("drop",n)}),m.setIsActive=function(n){_g[f].isActive=n},m.unbind=function(){h.unbind(),function(n,e){let t=_g[n],r=qi(t.eleIds);Qa(r,e),t.eleIds=r,0===r.length&&(t.oevg.unbind(),t.pv.clear(),delete _g[n])}(f,p)},m}function Qg(){let n={};function e(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}function t(t,r,o){let i=t.getAttribute("ev-dragdrop"),l=mn(r,"value");if(l=qo(l),!l)return;let a=mn(r,"value.group");if(!bn(a))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");let d=Ug(t,{group:a,attIdentify:mn(r,"value.attIdentify"),attGroup:mn(r,"value.attGroup"),attIndex:mn(r,"value.attIndex"),previewOpacity:mn(r,"value.previewOpacity"),previewDisabledOpacity:mn(r,"value.previewDisabledOpacity"),previewBackground:mn(r,"value.previewBackground"),previewBorderWidth:mn(r,"value.previewBorderWidth"),previewBorderColor:mn(r,"value.previewBorderColor"),timeDragStartDelay:mn(r,"value.timeDragStartDelay")});d.on("start",n=>{e(o,"domdragdrop",{evName:"start",...n})}),d.on("move",n=>{e(o,"domdragdrop",{evName:"move",...n})}),d.on("enter",n=>{e(o,"domdragdrop",{evName:"enter",...n})}),d.on("leave",n=>{e(o,"domdragdrop",{evName:"leave",...n})}),d.on("drop",n=>{e(o,"domdragdrop",{evName:"drop",...n})}),n[i]=d}function r(e){let t=e.getAttribute("ev-dragdrop");n[t]&&(n[t].unbind(),n[t]=null,delete n[t])}return{bind:function(n,e,r){let o=`r${Qo()}`;n.setAttribute("ev-dragdrop",o),t(n,e,r)},update:function(n,e,o){r(n),t(n,e,o)},unbind:function(n){r(n),n.setAttribute("ev-dragdrop",null)}}}function qg(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(!e(n[t],t,n))return!1;return!0}function nh(n,e){var t=!0;return Se(n,function(n,r,o){return t=!!e(n,r,o)}),t}function eh(n,e,t){var r=s(n)?qg:nh;return t&&ro(n,e,t)&&(e=void 0),r(n,kt(e))}const th={directives:{domresize:ol()},components:{WPanelScrollyCore:Df},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 rh=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)};rh._withStripped=!0;const oh=t({render:rh,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})},th,"data-v-1626f0ce",false,void 0,!1,o,void 0,void 0);const ih={directives:{domripple:Ga()},components:{WIcon:Ma},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=Ae(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){return`padding:${La(this.paddingStyle,{ext:{}})};`},effBackgroundColor:function(){return wo(this.backgroundColor)},effBackgroundColorHover:function(){return wo(this.backgroundColorHover)},effBackgroundActive:function(){return wo(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return wo(this.backgroundColorDisabled)},useBackgroundColor:function(){let n=this;return n.editable?n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor:n.effBackgroundColorDisabled},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},effTextActive:function(){return wo(this.textColorActive)},effTextColorDisabled:function(){return wo(this.textColorDisabled)},useTextColor:function(){let n=this;return n.editable?n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor:n.effTextColorDisabled},effIconColor:function(){return wo(this.iconColor)},effIconColorHover:function(){return wo(this.iconColorHover)},effIconActive:function(){return wo(this.iconColorActive)},effIconColorDisabled:function(){return wo(this.iconColorDisabled)},useIconColor:function(){let n=this;return n.editable?n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor:n.effIconColorDisabled},effDisabledColor:function(){return wo(this.disabledColor)}},methods:{clickItem:function(){let n=this;n.editable&&n.$emit("click",{icon:n.icon,text:n.text})}}};var lh=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)])};lh._withStripped=!0;const ah=t({render:lh,staticRenderFns:[]},function(n){n&&n("data-v-4e9461bf_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},ih,"data-v-4e9461bf",false,void 0,!1,o,void 0,void 0);var dh={directives:{domresize:ol()},components:{WPanelScrolly:oh,WListItem:ah},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!==So(this.items)&&eh(this.items,n=>vn(n))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,r=mn(e,"$refs.refHeader");ai(r)&&(t=r.offsetHeight);let o=0,i=mn(e,"$refs.refFooter");ai(i)&&(o=i.offsetHeight);let l=e.panelHeight-t-o;l>0&&e.listHeight!==l&&(e.listHeight=l)},getIcon:function(n){let e=this;return e.isObjValue?mn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return mn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Fs(n,e.itemActiveTrans)),t},getEditable:function(n){return mn(n,"editable",!0)},updateUseItems:function(){let n=this;(async function(){let e=[];if(bn(n.queryTrans))for(let t=0;t<So(n.items);t++){let r=n.items[t],o=!1;if(Be(n.funFilter))o=n.funFilter(r,t),ur(o)&&(o=await o);else{let e=Ot(n.queryTrans.toLowerCase()," "),t="";t=n.isObjValue?n.getText(r):Wl(r),t=t.toLowerCase();for(let n=0;n<So(e);n++){let r=e[n];if(t.indexOf(r)>=0){o=!0;break}}}o&&e.push(qi(r))}else e=qi(n.items);n.useItems=e})().catch(n=>{console.log(n)})},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let r=null;r=t.isObjValue?{...n}:n,t.$emit("click",r,e),t.$emit("update:itemActive",r)}}};const uh=dh;var sh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParams:n.changeParams,changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{style:"height:"+n.panelHeight+"px;"},[t("div",{ref:"refHeader"},[n._t("header")],2),n._v(" "),t("WPanelScrolly",{style:"height:"+n.listHeight+"px;"},n._l(n.useItems,function(e,r){return t("div",{key:r},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:!n.getActive(e)&&n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,r)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)}),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};sh._withStripped=!0;const ch=t({render:sh,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})},uh,"data-v-e0a8f594",false,void 0,!1,o,void 0,void 0);var ph={components:{},props:{dir:{type:String,default:"right"},iconSize:{type:Number,default:24},iconColor:{type:String,default:"grey"},iconDisabledColor:{type:String,default:"grey lighten-1"},iconBackgroundColor:{type:String,default:"transparent"},iconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},editable:{type:Boolean,default:!0}},data:function(){return{defIconSize:24}},computed:{useRotate:function(){return mn({left:180,right:0,top:270,bottom:90},this.dir,0)},useScale:function(){return this.iconSize/this.defIconSize},useIconColor:function(){let n=this;return n.editable?wo(n.iconColor):wo(n.iconDisabledColor)},useIconBackgroundColor:function(){return wo(this.iconBackgroundColor)},useIconBackgroundColorHover:function(){return wo(this.iconBackgroundColorHover)}},methods:{mouseenter:function(n){n.currentTarget.style.background=this.useIconBackgroundColorHover},mouseleave:function(n){n.currentTarget.style.background=this.useIconBackgroundColor}}};const fh=ph;var gh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.iconSize+"px; height:"+n.iconSize+"px; overflow:hidden;"},[t("div",{style:"transform:scale("+n.useScale+"); transform-origin:0% 0%;"},[t("div",{style:"position:relative; display:inline-block; width:"+n.defIconSize+"px; height:"+n.defIconSize+"px; user-select:none; 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:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[t("div",{staticClass:"cc",staticStyle:{height:"100%"}},[t("div",{style:"transition:all 0.1s; transform:rotate("+n.useRotate+"deg); transform-origin:50% 50%;"},[t("div",{staticClass:"cc circle",style:"background:"+n.useIconBackgroundColor+";",on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[t("div",{staticClass:"caretRight"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useIconColor,width:"11px",height:"11px",x:"0px",y:"0px",viewBox:"-70 0 475.346 415.346","xml:space":"preserve"}},[t("g",[t("path",{attrs:{d:"M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697 c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"}})])])])])])])]),n._v(" "),[t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto",opacity:"0.75"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-5px);"},[t("div",{style:"display:inline-block; width:24px; height:1px; border-top:2px solid #fff;"})])]),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto",opacity:"0.75"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-3px);"},[t("div",{style:"display:inline-block; width:24px; height:1px; border-top:2px solid "+n.useIconColor+";"})])])]],2)])])};gh._withStripped=!0;const hh=t({render:gh,staticRenderFns:[]},function(n){n&&n("data-v-1728797b_0",{source:"\n.caretRight[data-v-1728797b] {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\n}\n.cc[data-v-1728797b] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\n}\n.circle[data-v-1728797b] {\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    min-height: 22px;\r\n    max-width: 22px;\r\n    max-height: 22px;\r\n    border-radius: 50%;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WTreeIconToggle.vue"],names:[],mappings:";AA4LA;IACA,eAAA;IACA,iBAAA;IACA,qBAAA;AACA;AACA;IACA,aAAA;IACA,mBAAA;IACA,uBAAA;AACA;AACA;IACA,WAAA;IACA,YAAA;IACA,eAAA;IACA,gBAAA;IACA,eAAA;IACA,gBAAA;IACA,kBAAA;AACA",file:"WTreeIconToggle.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; width:${iconSize}px; height:${iconSize}px; overflow:hidden;`">\r\n        <div :style="`transform:scale(${useScale}); transform-origin:0% 0%;`">\r\n\r\n            <div\r\n                :style="`position:relative; display:inline-block; width:${defIconSize}px; height:${defIconSize}px; user-select:none; cursor:pointer; outline:none;`"\r\n                tabindex="0"\r\n                @keyup.enter="(v)=>{$emit(\'click\',v)}"\r\n                @click="(v)=>{$emit(\'click\',v)}"\r\n            >\r\n\r\n                \x3c!-- 三角形按鈕 --\x3e\r\n                <div\r\n                    class="cc"\r\n                    style="height:100%;"\r\n                >\r\n                    <div\r\n                        :style="`transition:all 0.1s; transform:rotate(${useRotate}deg); transform-origin:50% 50%;`"\r\n                    >\r\n\r\n                        <div\r\n                            class="cc circle"\r\n                            :style="`background:${useIconBackgroundColor};`"\r\n                            @mouseenter="mouseenter"\r\n                            @mouseleave="mouseleave"\r\n                        >\r\n                            <div\r\n                                class="caretRight"\r\n                            >\r\n                                <span style="display:flex;">\r\n                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" :fill="useIconColor" width="11px" height="11px" x="0px" y="0px" viewBox="-70 0 475.346 415.346" xml:space="preserve"><g><path d="M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697 c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"/></g></svg>\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n\r\n                \x3c!-- 禁用符號 --\x3e\r\n                <template>\r\n\r\n                    <div\r\n                        style="position:absolute; z-index:1; left:0px; top:0px; bottom:0; right:0; margin:auto; opacity:0.75;"\r\n                    >\r\n                        <div :style="`height:${defIconSize}px; transform:rotate(45deg) translateY(-5px);`" v-if="!editable">\r\n                            <div :style="`display:inline-block; width:24px; height:1px; border-top:2px solid #fff;`"></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div style="position:absolute; z-index:1; left:0px; top:0px; bottom:0; right:0; margin:auto; opacity:0.75;">\r\n                        <div :style="`height:${defIconSize}px; transform:rotate(45deg) translateY(-3px);`" v-if="!editable">\r\n                            <div :style="`display:inline-block; width:24px; height:1px; border-top:2px solid ${useIconColor};`"></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </template>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from \'lodash-es/get.js\'\r\nimport convertColor from \'../js/convertColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [dir=\'right\'] 輸入圖標朝向字串，可選\'right\'、\'bottom\'、\'left\'、\'top\'，預設\'right\'\r\n * @vue-prop {Number} [iconSize=24] 輸入顯隱icon按鈕高度數字，預設24\r\n * @vue-prop {String} [iconColor=\'grey\'] 輸入顯隱icon按鈕顏色字串，預設\'grey\'\r\n * @vue-prop {String} [iconDisabledColor=\'grey lighten-1\'] 輸入顯隱icon按鈕禁用時顏色字串，預設\'grey lighten-1\'\r\n * @vue-prop {String} [iconBackgroundColor=\'transparent\'] 輸入顯隱icon按鈕背景顏色字串，預設\'transparent\'\r\n * @vue-prop {String} [iconBackgroundColorHover=\'rgba(128,128,128,0.15)\'] 輸入滑鼠移入時顯隱icon按鈕背景顏色字串，預設\'rgba(128,128,128,0.15)\'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        dir: {\r\n            type: String,\r\n            default: \'right\',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        iconDisabledColor: {\r\n            type: String,\r\n            default: \'grey lighten-1\',\r\n        },\r\n        iconBackgroundColor: {\r\n            type: String,\r\n            default: \'transparent\',\r\n        },\r\n        iconBackgroundColorHover: {\r\n            type: String,\r\n            default: \'rgba(128,128,128,0.15)\',\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            defIconSize: 24,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        useRotate: function() {\r\n            //console.log(\'computed useRotate\')\r\n\r\n            let vo = this\r\n\r\n            let kp = {\r\n                left: 180,\r\n                right: 0,\r\n                top: 270,\r\n                bottom: 90,\r\n            }\r\n            return get(kp, vo.dir, 0)\r\n        },\r\n\r\n        useScale: function() {\r\n            return this.iconSize / this.defIconSize\r\n        },\r\n\r\n        useIconColor: function() {\r\n            //console.log(\'computed useIconColor\')\r\n\r\n            let vo = this\r\n\r\n            if (vo.editable) {\r\n                return convertColor(vo.iconColor)\r\n            }\r\n            return convertColor(vo.iconDisabledColor)\r\n        },\r\n\r\n        useIconBackgroundColor: function() {\r\n            //console.log(\'computed useIconBackgroundColor\')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.iconBackgroundColor)\r\n        },\r\n\r\n        useIconBackgroundColorHover: function() {\r\n            //console.log(\'computed useIconBackgroundColorHover\')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.iconBackgroundColorHover)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        mouseenter: function(e) {\r\n            //console.log(\'mouseenter\', e)\r\n\r\n            let vo = this\r\n\r\n            e.currentTarget.style.background = vo.useIconBackgroundColorHover\r\n\r\n        },\r\n\r\n        mouseleave: function(e) {\r\n            //console.log(\'mouseleave\', e)\r\n\r\n            let vo = this\r\n\r\n            e.currentTarget.style.background = vo.useIconBackgroundColor\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.caretRight {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\r\n}\r\n.cc {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.circle {\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    min-height: 22px;\r\n    max-width: 22px;\r\n    max-height: 22px;\r\n    border-radius: 50%;\r\n}\r\n</style>\r\n\r\n']},media:void 0})},fh,"data-v-1728797b",false,void 0,!1,o,void 0,void 0);const mh={components:{},props:{mode:{type:String,default:"unchecked"},iconSize:{type:Number,default:24},uncheckedColor:{type:String,default:"grey darken-2"},uncheckedDisabledColor:{type:String,default:"grey"},checkedColor:{type:String,default:"blue darken-3"},checkedDisabledColor:{type:String,default:"grey"},checkedPartiallyColor:{type:String,default:"blue darken-3"},checkedPartiallyDisabledColor:{type:String,default:"grey"},editable:{type:Boolean,default:!0}},data:function(){return{defIconSize:24}},computed:{useScale:function(){return this.iconSize/this.defIconSize},useDisabledColor:function(){let n=this;return"checked"===n.mode?wo(n.checkedDisabledColor):"unchecked"===n.mode?wo(n.uncheckedDisabledColor):wo(n.checkedPartiallyDisabledColor)},useUncheckedColor:function(){let n=this;return n.editable?wo(n.uncheckedColor):wo(n.uncheckedDisabledColor)},useCheckedColor:function(){let n=this;return n.editable?wo(n.checkedColor):wo(n.checkedDisabledColor)},useCheckedPartiallyColor:function(){let n=this;return n.editable?wo(n.checkedPartiallyColor):wo(n.checkedPartiallyDisabledColor)}},methods:{emitClick:function(n){this.editable&&this.$emit("click",n)}}};var vh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.iconSize+"px; height:"+n.iconSize+"px; overflow:hidden;"},[t("div",{style:"transform:scale("+n.useScale+"); transform-origin:0% 0%;"},[t("div",{style:"position:relative; display:inline-block; width:"+n.defIconSize+"px; height:"+n.defIconSize+"px; user-select:none; "+(n.editable?"cursor:pointer;":"")+" outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.emitClick.apply(null,arguments)},click:n.emitClick}},["unchecked"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useUncheckedColor,width:"24px",height:"24px",viewBox:"0 0 24 24"}},[t("path",{attrs:{d:"M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"}})])])]):n._e(),n._v(" "),"checked"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useCheckedColor,width:"24px",height:"24px",viewBox:"0 0 24 24"}},[t("path",{attrs:{d:"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}})])])]):n._e(),n._v(" "),"checkedPartially"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useCheckedPartiallyColor,width:"24px",height:"24px",viewBox:"0 0 24 24"}},[t("path",{attrs:{d:"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}})])])]):n._e(),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-3px);"},[t("div",{style:"display:inline-block; width:30px; height:2px; border-top:2px solid #fff;"})])]),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-1px);"},[t("div",{style:"display:inline-block; width:30px; height:2px; border-top:2px solid "+n.useDisabledColor+";"})])])])])])};vh._withStripped=!0;const yh=t({render:vh,staticRenderFns:[]},function(n){n&&n("data-v-709021b9_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTreeIconCheckbox.vue"},media:void 0})},mh,"data-v-709021b9",false,void 0,!1,o,void 0,void 0);let bh=Xf();var Ch={directives:{domdragdrop:Qg(),domripple:Ga()},components:{WDynamicList:_f,WButtonCircle:Fu,WButtonChip:Bu,WText:rc,WPopup:vs,WDialog:df,WListVertical:ch,WTreeIconToggle:hh,WTreeIconCheckbox:yh,Teleport:u},props:{data:{type:[Array,Object],default:()=>[]},viewHeightMax:{type:Number,default:400},defaultDisplayLevel:{type:Number,default:null},activable:{type:Boolean,default:!1},funActive:{type:Function,default:null},itemActive:{type:Object,default:()=>{}},selectable:{type:Boolean,default:!1},selections:{type:Array,default:()=>[]},keyPrimary:{type:String,default:"id"},keyText:{type:String,default:"text"},keyChildren:{type:String,default:"children"},keyLocked:{type:String,default:"locked"},paddingStyle:{type:Object,default:()=>({v:0,h:0})},indent:{type:Number,default:1},iconSize:{type:Number,default:24},iconToggleColor:{type:String,default:"grey"},iconToggleDisabledColor:{type:String,default:"grey lighten-1"},iconToggleBackgroundColor:{type:String,default:"transparent"},iconToggleBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},iconUncheckedColor:{type:String,default:"grey darken-2"},iconUncheckedDisabledColor:{type:String,default:"grey"},iconCheckedColor:{type:String,default:"blue darken-3"},iconCheckedDisabledColor:{type:String,default:"grey"},iconCheckedPartiallyColor:{type:String,default:"blue darken-3"},iconCheckedPartiallyDisabledColor:{type:String,default:"grey"},filterKeywords:{type:String,default:""},funFilter:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},statePaddingStyle:{type:Object,default:()=>({v:12,h:12})},defItemHeight:{type:Number,default:34},itemsPreload:{type:Number,default:5},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#d72"},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(255,167,38,0.2)"},itemRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},draggable:{type:Boolean,default:!1},dgTextDisabled:{type:String,default:"Can not drop here"},dgTextDisabledColor:{type:String,default:"#812"},dgTextDisabledPaddingLeft:{type:Number,default:15},dgTextDisabledFontSize:{type:String,default:"0.9rem"},dgTextDisabledBackgroundColor:{type:String,default:"rgba(255,220,240,0.6)"},dgInsertLineColor:{type:String,default:"#29f"},dgInsertBackgroundColor:{type:String,default:"rgba(80,150,255,0.15)"},dgBelongBackgroundColor:{type:String,default:"rgba(80,150,255,0.3)"},dgPreviewOpacity:{type:Number,default:1},dgPreviewDisabledOpacity:{type:Number,default:1},dgPreviewBorderWidth:{type:Number,default:0},dgPreviewBorderColor:{type:String,default:"#f26"},dgPreviewBackground:{type:String,default:"transparent"},operatable:{type:Boolean,default:!1},operateItemTextForRename:{type:String,default:"Rename"},operateItemTextForInsertBefore:{type:String,default:"Insert before"},operateItemTextForInsertChild:{type:String,default:"Insert child"},operateItemTextForInsertAfter:{type:String,default:"Insert after"},operateItemTextForDelete:{type:String,default:"Delete"},operateItemIconForRename:{type:String,default:Tl},operateItemIconForInsertBefore:{type:String,default:"M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z"},operateItemIconForInsertChild:{type:String,default:"M13,8V11H3V13H13V16L17,12L13,8M19,20H21V4H19V20Z"},operateItemIconForInsertAfter:{type:String,default:"M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z"},operateItemIconForDelete:{type:String,default:vl},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:150},operatePanelHeight:{type:Number,default:null},operateBtnTooltip:{type:String,default:"Operations"},operateBtnIconSize:{type:Number,default:22},operateBtnBackgroundColor:{type:String,default:"transparent"},operateBtnBackgroundColorHover:{type:String,default:"rgba(230,230,230,0.7)"},operateBtnBackgroundColorFocus:{type:String,default:"rgba(230,230,230,0.9)"},operateItemBackgroundColor:{type:String,default:"transparent"},operateItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},operateItemHeight:{type:Number,default:42},operateItemTextColor:{type:String,default:"#444"},operateItemTextColorHover:{type:String,default:"#222"},operateItemIconSize:{type:Number,default:22},operateItemIconColor:{type:String,default:"#444"},operateItemIconColorHover:{type:String,default:"#222"},funOperateItem:{type:Function,default:null},editorRenameContentBackgroundColor:{type:String,default:"white"},editorRenameFooterBackgroundColor:{type:String,default:"grey lighten-5"},editorRenameInputTextColor:{type:String,default:"grey darken-3"},editorRenameInputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},editorRenameInputTextBottomLineBorderColorHover:{type:String,default:"grey"},editorRenameInputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},editorRenameCancelBtnText:{type:String,default:"Cancel"},editorRenameCancelBtnTextColor:{type:String,default:"grey darken-3"},editorRenameCancelBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIcon:{type:String,default:bl},editorRenameCancelBtnIconSize:{type:Number,default:22},editorRenameCancelBtnIconColor:{type:String,default:"grey darken-1"},editorRenameCancelBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameCancelBtnBackgroundColor:{type:String,default:"white"},editorRenameCancelBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},editorRenameSaveBtnText:{type:String,default:"Save"},editorRenameSaveBtnTextColor:{type:String,default:"grey darken-3"},editorRenameSaveBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIcon:{type:String,default:Cl},editorRenameSaveBtnIconSize:{type:Number,default:22},editorRenameSaveBtnIconColor:{type:String,default:"grey darken-1"},editorRenameSaveBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameSaveBtnBackgroundColor:{type:String,default:"white"},editorRenameSaveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},show:{type:Boolean,default:!0}},data:function(){return{mdiDotsVertical:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z",dbc:Bf(),mmkey:Qo(),viewHeightMaxTrans:400,separation:3,defIconSize:24,selectionsTrans:[],filterKeywordsTrans:"",filterKeywordsTransTemp:"",filtering:!1,defaultDisplayLevelTrans:null,dgGroupKey:null,dgTipMode:"",dgTipLeft:0,dgTipTop:0,dgTipWidth:0,dgTipHeight:0,pkActive:"",pkHover:"",operateShow:!1,editorShow:!1,editorPm:null,editorRenameData:null,editorRenameItem:{},editorRenameInputText:""}},beforeDestroy:function(){let n=this;null!==n.mmkey&&bh.remove(n.mmkey)},watch:{data:{immediate:!0,deep:!0,handler(n){this.setData(n)}},selections:{immediate:!0,deep:!0,handler(n){this.updateSelections()}}},computed:{changeViewHeightMax:function(){let n=this;return Fo(n.viewHeightMax)&&(n.viewHeightMaxTrans=n.viewHeightMax),""},changeActiveItem:function(){let n=this,e=mn(n.itemActive,n.keyPrimary);return n.isKey(e)?n.pkActive=e:n.pkActive="",""},changeDefaultDisplayLevel:function(){return this.defaultDisplayLevelTrans=this.defaultDisplayLevel,""},useDraggableOrOperatable:function(){return this.draggable||this.operatable},changeDraggableAndOperatable:function(){let n=this;return n.useDraggableOrOperatable&&(n.defaultDisplayLevelTrans=null,n.filterKeywordsTrans=""),""},changeFilterKeyWords:function(){let n=this;return n.filterKeywordsTrans=n.filterKeywords,n.filterByKeywordsDebounce(),""},useItemHeightMin:function(){return Math.max(this.iconSize,this.defItemHeight)},useIndent:function(){let n=this;return n.indent*(n.defIconSize+2*n.separation)},usePadding:function(){return`padding:${La(this.paddingStyle)};`},useItemTextColor:function(){return wo(this.itemTextColor)},useItemBackgroundColor:function(){return wo(this.itemBackgroundColor)},useItemTextColorHover:function(){return wo(this.itemTextColorHover)},useItemBackgroundColorHover:function(){return wo(this.itemBackgroundColorHover)},useItemTextColorActive:function(){return wo(this.itemTextColorActive)},useItemBackgroundColorActive:function(){return wo(this.itemBackgroundColorActive)},useDgTextDisabledColor:function(){return wo(this.dgTextDisabledColor)},useDgTextDisabledBackgroundColor:function(){return wo(this.dgTextDisabledBackgroundColor)},useDgInsertLineColor:function(){return wo(this.dgInsertLineColor)},useDgInsertBackgroundColor:function(){return wo(this.dgInsertBackgroundColor)},uesDgBelongBackgroundColor:function(){return wo(this.dgBelongBackgroundColor)},operateItems:function(){let n=this;return[{key:"Rename",text:n.operateItemTextForRename,icon:n.operateItemIconForRename},{key:"InsertBefore",text:n.operateItemTextForInsertBefore,icon:n.operateItemIconForInsertBefore},{key:"InsertChild",text:n.operateItemTextForInsertChild,icon:n.operateItemIconForInsertChild},{key:"InsertAfter",text:n.operateItemTextForInsertAfter,icon:n.operateItemIconForInsertAfter},{key:"Delete",text:n.operateItemTextForDelete,icon:n.operateItemIconForDelete}]},useDraggable:function(){return this.draggable&&!this.operateShow},useEditorContentBackgroundColor:function(){return wo(this.editorRenameContentBackgroundColor)},useEditorFooterBackgroundColor:function(){return wo(this.editorRenameFooterBackgroundColor)}},methods:{getEmitData:function(n,e){return{event:n,ele:mn(n,"currentTarget",null),row:e.row,item:e.row.item,index:e.index}},updateViewHeightMaxTrans:function(n){let e=this;if(Fo(e.viewHeightMax))return;let t=mn(n,"height");Fo(t)&&(e.viewHeightMaxTrans=t)},getRowsFromData:async function(n){return Bt(await Gg(n,{bindKey:this.keyPrimary,bindChildren:this.keyChildren}),(n,e)=>({index:e,unfolding:!0,checked:"unchecked",item:n}))},setData:function(n){let e=this;(async function(){if(!Te(n)&&!vn(n)){return"data is not an array or object"}null!==e.mmkey&&bh.remove(e.mmkey),n=qi(n);let t=await e.getRowsFromData(n);bh.set(e.mmkey,t),await sr(()=>void 0!==e.$refs.wdl,{timeInterval:20}),e.$refs.wdl&&await e.$refs.wdl.setRows(t),e.defaultToggleItems(),e.updateSelections(),e.filterKeywordsTransTemp="",e.filterByKeywords()})().catch(n=>{console.log(n)})},getText:function(n){let e=mn(n,this.keyText,"");return e=Wl(e),e},getEditable:function(n){return!mn(n,this.keyLocked,!1)},isKey:function(n){return bn(n)||xn(n)},getUseActivable:function(n){let e=this;if(!e.activable)return!1;let t=!0;if(Be(e.funActive)&&(t=e.funActive(e.getEmitData({},n)),!kn(t)))throw new Error("funActive return value is not a boolean");return t},getTextColor:function(n){let e=this,t=mn(n,e.keyPrimary);return e.isKey(t)?e.isKey(e.pkActive)&&t===e.pkActive?e.useItemTextColorActive:e.isKey(e.pkHover)&&t===e.pkHover?e.useItemTextColorHover:e.useItemTextColor:e.useItemTextColor},getBackgroundColor:function(n){let e=this,t=mn(n,e.keyPrimary);return e.isKey(t)?e.isKey(e.pkActive)&&t===e.pkActive?e.useItemBackgroundColorActive:e.isKey(e.pkHover)&&t===e.pkHover?e.useItemBackgroundColorHover:e.useItemBackgroundColor:e.useItemBackgroundColor},mouseenterItem:function(n,e){let t=this,r=mn(e,"row.item"),o=mn(r,t.keyPrimary);t.isKey(o)&&(t.pkHover=o),t.$emit("mouseenter",t.getEmitData(n,e))},mouseleaveItem:function(n,e){let t=this;t.pkHover="",t.$emit("mouseleave",t.getEmitData(n,e))},clickItem:function(n,e){let t=this;if(t.activable)for(;;){let r=mn(e,"row.item"),o=!0;if(Be(t.funActive)&&(o=t.funActive(t.getEmitData(n,e))),!o)break;let i=mn(r,t.keyPrimary);if(!t.isKey(i))break;t.pkActive=i;let l={[t.keyPrimary]:i};t.$emit("update:itemActive",l);break}t.$emit("click",t.getEmitData(n,e))},updateSelections:function(){let n=this;(async function(){let e=[];if(!n.selectable)return;if(Fs(n.selectionsTrans,n.selections))return;await sr(()=>void 0!==n.$refs.wdl,{timeInterval:20});let t={fun:function(t){let r={};ke(t,(e,o)=>{let i=mn(e,`row.item.${n.keyPrimary}`);if(Sn(r,i))throw new Error(`Duplicate primary key[${n.keyPrimary}] in items`);r[i]=o,t[o].row.checked="unchecked"}),ke(qi(n.selections),o=>{let i=o[n.keyPrimary],l=r[i];if(rr(l)){let r=t[l].row.checked;"checked"!==r&&(r="checked",n.checkItemsCore(e,t,l,r))}})}};n.$refs.wdl&&await n.$refs.wdl.processItems(t),n.selectionsTrans=e,n.$emit("update:selections",qi(e))})().catch(n=>{console.log(n)})},addSelection:function(n,e){let t=this,r=mn(e,t.keyPrimary,null);if(null!==r){if(!pg(n,{[t.keyPrimary]:r})){let r={};ke(e,(n,e)=>{e!==t.keyChildren&&"level"!==e&&"nk"!==e&&"msg"!==e&&(r[e]=qi(n))}),n.push(r)}}},removeSelection:function(n,e){let t=this,r=mn(e,t.keyPrimary,null);if(null!==r){pg(n,{[t.keyPrimary]:r})&&function(n,e){var t=[];if(!n||!n.length)return t;var r=-1,o=[],i=n.length;for(e=kt(e);++r<i;){var l=n[r];e(l,r,n)&&(t.push(l),o.push(r))}bg(n,o)}(n,{[t.keyPrimary]:r})}},modifySelection:function(n,e,t,r){let o=this;e!==t&&("checked"===t?o.addSelection(n,r):o.removeSelection(n,r))},hasChildren:function(n){return this.getLevelDiff(n)>0},hasChildrenFromItems:function(n,e){return this.getLevelDiffFromItems(n,e)>0},getRows:function(){return bh.get(this.mmkey)},getLevelDiff:function(n){let e=bh.get(this.mmkey);return this.getLevelDiffFromRows(e,n)},getLevelDiffFromRows:function(n,e){let t=mn(n,`${e}.item.level`,null),r=mn(n,`${e+1}.item.level`,null);return this.calcLevelDiff(t,r)},getLevelDiffFromItems:function(n,e){let t=mn(n,`${e}.row.item.level`,null),r=mn(n,`${e+1}.row.item.level`,null);return this.calcLevelDiff(t,r)},calcLevelDiff:function(n,e){return Jt(n)&&Jt(e)?e-n:0},getLevel:function(n){return mn(n,"item.level",0)},toggleItemsCore:function(n,e,t){let r=this,o=[];function i(){for(let n=0;n<o.length;n++)if(!1===o[n])return!1;return!0}!function(e,t){n[e].row.unfolding=t,o.push(t)}(e,t),function(e){let t=mn(n,`${e}.row.item.level`,null);if(null!==t)for(let l=e+1;l<n.length;l++){let e=mn(n,`${l}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(t>=e)break;let a=i();n[l].displayShow=a;let d=r.getLevelDiffFromItems(n,l);if(d>0){let e=mn(n,`${l}.row.unfolding`,null);if(null===e)return void console.log("invalid unfoldingNow");o.push(e)}d<0&&(o=Ig(o,-d))}else console.log("invalid items[i].row.item.level")}(e)},unfoldingItemParentsCore:function(n,e){let t=this,r=1e20,o=[];for(let t=e;t>=0;t--){let e=mn(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(r>e){let i=mn(n,`${t}.row.index`,null);if(null===i)return void console.log("invalid items[i].row.index");o.push(i),r=e}if(0===r)break}o=Ef(o),o=Ig(o),ke(o,e=>{t.toggleItemsCore(n,e,!0)})},defaultToggleItems:function(){let n=this;(async function(){if(!Fo(n.defaultDisplayLevelTrans))return;if(!n.$refs.wdl)return;let e={fun:function(e){let t=tr(n.defaultDisplayLevelTrans);ke(e,(r,o)=>{r.row.item.level>=t&&r.row.unfolding&&n.toggleItemsCore(e,o,!1)})}};n.$refs.wdl&&await n.$refs.wdl.processItems(e)})().catch(n=>{console.log(n)})},toggleItemsAllCore:function(n,e,t=0){let r=this;t<0&&(t=0),t>0&&(e=!1),ke(n,(o,i)=>{o.row.item.level>=t&&o.row.unfolding!==e?r.toggleItemsCore(n,i,e):o.row.item.level<t&&o.row.unfolding!==!e&&r.toggleItemsCore(n,i,!e)})},toggleItemsAll:function(n,e=0){let t=this;(async function(){if(!t.$refs.wdl)return;let r={fun:function(r){t.toggleItemsAllCore(r,n,e)}};t.$refs.wdl&&await t.$refs.wdl.processItems(r)})().catch(n=>{console.log(n)})},toggleItems:function(n,e){let t=this;(async function(){if(!t.$refs.wdl)return;if(t.useDraggableOrOperatable)return;let r={fun:function(r){let o=mn(n,"index",null);if(null===o)return void console.log("invalid item.index");let i=mn(r,`${o}.row.unfolding`,null);null!==i?(kn(e)?(i=e,e&&t.unfoldingItemParentsCore(r,o)):(i=!i,i&&t.unfoldingItemParentsCore(r,o)),t.toggleItemsCore(r,o,i)):console.log("invalid unfolding")}};t.$refs.wdl&&await t.$refs.wdl.processItems(r)})().catch(n=>{console.log(n)})},toggleItemsByFun:async function(n){if(!Be(n))return;let e=n(this.getRows());ur(e)&&(e=await e);let t=mn(e,"row");if(!qo(t))return void console.log("invalid row",t);let r=mn(e,"toUnfolding");kn(r)||(r=null),this.toggleItems(t,r)},getAllParentIndex:function(n,e){let t=this,r=e,o=[];for(;;){let e=t.getParentIndex(n,r);if(null===e)break;o.push(e),r=e}return{inds:o,path:ar(Ef(o),"-")}},getParentIndex:function(n,e){let t=mn(n,`${e}.row.item.level`,null);if(null===t)return null;for(let r=e-1;r>=0;r--){let e=mn(n,`${r}.row.item.level`,null);if(null===e)return null;if(t>e)return r}return null},checkItemsCore:function(n,e,t,r){let o=this;!function(n,t,r){let i=e[t].row.checked;e[t].row.checked=r,o.modifySelection(n,i,r,e[t].row.item)}(n,t,r),function(n,t,r){if(o.hasChildrenFromItems(e,t)){let i=mn(e,`${t}.row.item.level`,null);if(null===i)return void console.log("invalid items[i].row.item.level");for(let l=t+1;l<e.length;l++){let t=mn(e,`${l}.row.item.level`,null);if(null===t)return void console.log("invalid items[i].row.item.level");if(i>=t)break;let a=e[l].row.checked;e[l].row.checked=r,o.modifySelection(n,a,r,e[l].row.item)}}}(n,t,r),function n(t,r){let i=o.getParentIndex(e,r);if(null===i)return;let l=mn(e,i,null),a=mn(l,"row.checked",""),d=function(n){let t=mn(e,`${n}.row.item.level`,null);if(null===t)return console.log("invalid items[i].row.item.level"),null;let r=[{ind:n,checked:mn(e,`${n}.row.checked`,"")}];for(let o=n-1;o>=0;o--){let n=mn(e,`${o}.row.item.level`,null);if(null===n)return void console.log("invalid items[i].row.item.level");if(t>n)break;t===n&&r.push({ind:o,checked:mn(e,`${o}.row.checked`,"")})}for(let o=n+1;o<e.length;o++){let n=mn(e,`${o}.row.item.level`,null);if(null===n)return void console.log("invalid items[i].row.item.level");if(t>n)break;t===n&&r.push({ind:o,checked:mn(e,`${o}.row.checked`,"")})}let o=So(r),i=0,l=0;return ke(r,n=>{"checked"===n.checked?i+=1:"unchecked"===n.checked&&(l+=1)}),i===o?"checked":l===o?"unchecked":"checkedPartially"}(r);if(a!==d){let r=e[i].row.checked;e[i].row.checked=d,o.modifySelection(t,r,d,e[i].row.item),n(t,i)}}(n,t)},checkItems:function(n){let e=this;(async function(){let t=qi(e.selectionsTrans);if(!e.$refs.wdl)return;let r={fun:function(r){let o=n.index,i=mn(r,`${o}.row.checked`,null);null!==i?(i="checked"===i?"unchecked":"checked",e.checkItemsCore(t,r,o,i)):console.log("invalid checked")}};e.$refs.wdl&&await e.$refs.wdl.processItems(r),e.selectionsTrans=t,e.$emit("update:selections",qi(t))})().catch(n=>{console.log(n)})},filterItemsCore:async function(n,e){let t=this,r=Be(e);if(!r&&t.useDraggableOrOperatable)return;if(!r&&t.filterKeywordsTransTemp===t.filterKeywordsTrans)return;t.filterKeywordsTransTemp=t.filterKeywordsTrans;let o=0;if(r||0!==So(t.filterKeywordsTrans)){let i=Ot(t.filterKeywordsTrans.toLowerCase()," "),l={};for(let a=0;a<n.length;a++){let d=!1;if(r)d=e(n[a].row.item),ur(d)&&(d=await d);else if(Be(t.funFilter))d=t.funFilter(n[a].row.item,i),ur(d)&&(d=await d);else{let e=t.getText(n[a].row.item);e=e.toLowerCase();for(let n=0;n<i.length;n++){let t=i[n];if(e.indexOf(t)>=0){d=!0;break}}}if(d){n[a].filterShow=!0;let e=t.getAllParentIndex(n,a);""!==e.path&&(Sn(l,e.path)||(ke(e.inds,e=>{n[e].filterShow=!0}),l[e.path]=e)),o++}else n[a].filterShow=!1}}else{for(let e=0;e<n.length;e++)n[e].filterShow=!0;o=n.length}return o},filterItems:function(n){let e=this;(async function(){if(!e.$refs.wdl)return;if(e.filtering)return;e.filtering=!0;let t=-1,r={fun:async function(r){t=await e.filterItemsCore(r,n)}};e.$refs.wdl.setSearchingResults(-1),e.$refs.wdl&&await e.$refs.wdl.processItems(r),e.$refs.wdl&&e.$refs.wdl.setSearchingResults(t),e.filtering=!1})().catch(n=>{console.log(n)})},filterByFun:function(n){this.filterItems(n)},filterByKeywords:function(){this.filterItems()},filterByKeywordsDebounce:function(){let n=this;n.dbc(()=>{n.filterByKeywords()})},deleteItem:function(n,e){if(0===So(e))throw new Error("invalid nk");if(1===So(e))Sg(n,e);else{let t=Ig(e),r=hg(e),o=mn(n,t,[]);Sg(o,[r])}},getPathInfors:function(n,e){let t=this,r=[];for(let o=0;o<So(e);o++){if(e[o]===t.keyChildren)continue;let i=[];for(let n=0;n<=o;n++)i.push(e[n]);let l=mn(n,i),a={};ke(l,(n,e)=>{if(e===t.keyChildren)return!0;a[e]=n}),r.push(a)}return r},dragItem:function(n,e,t,r){let o=this,i=bh.get(o.mmkey),l=qi(o.data),a=i[n],d=i[e],u=a.item.nk,s=d.item.nk,c=qi(mn(l,u)),p=o.getPathInfors(l,u),f=[],g=u,h=[];if("forward"===t&&o.deleteItem(l,u),"before"===r||"after"===r){let n,e=hg(s)[0];if(1===So(s))n=l;else{let e=Ig(s);n=mn(l,e,[])}"before"===r||"after"===r&&(e+=1),n.splice(e,0,c);let t=Ig(s);t=[...t,e],h=t,f=o.getPathInfors(l,t)}else if("belongto"===r){let n=[...s,o.keyChildren],e=mn(l,n,[]);e.push(c),tg(l,n,e);let t=[...n,So(e)-1];h=t,f=o.getPathInfors(l,t)}"backward"===t&&o.deleteItem(l,u),o.$nextTick(()=>{o.$emit("update:data",qi(l)),o.$emit("change-item",{from:"drag",mode:"move",dir:t,kind:r,nkOri:g,pathInforsOri:p,nkNew:h,pathInforsNew:f})})},getUseOperateItems:function(n){let e=this;if(!e.operatable)return[];let t=null;if(Be(e.funOperateItem)){let r=e.funOperateItem(e.getEmitData({},n));if(!kn(r)&&!Te(r))throw new Error("funOperateItem return value is not a boolean or an array");!0===r?t=e.operateItems:!1===r?t=[]:(t=[],ke(r,n=>{let r=pg(e.operateItems,{key:n});qo(r)&&t.push(r)}))}else t=e.operateItems;return t},getUseOperatable:function(n){return So(this.getUseOperateItems(n))>0},getOperatePanelHeight:function(n){let e=this,t="";if(xn(e.operatePanelHeight))t=`height:${e.operatePanelHeight}px;`;else if(bn(e.operatePanelHeight))t=`height:${e.operatePanelHeight};`;else if(xn(e.operateItemHeight)){let r=Et(e.operateItemHeight);t=`height:${So(e.getUseOperateItems(n))*r}px;`}return t},operateItem:async function(n,e,t){let r=this;await async function(){let o=bh.get(r.mmkey),i=qi(r.data),l=o[n],a=l.item.nk,d="",u=[],s=[],c=[],p=[];if("Delete"===e)d="self",c=a,u=r.getPathInfors(i,a),r.deleteItem(i,a),p=[],s=[];else if("Rename"===e){if(r.editorRenameData=i,r.editorRenameItem=mn(l,"item",{}),r.editorRenameInputText=mn(l,`item.${r.keyText}`,""),"save"!==await r.showEditor())return;d="self",c=a,u=r.getPathInfors(r.data,a),i=r.editorRenameData,p=c,s=r.getPathInfors(i,a)}else{if(!Be(t))throw new Error("invalid fun");let n=t();if(ur(n)&&(n=await n),"InsertBefore"===e)d="before";else if("InsertAfter"===e)d="after";else{if("InsertChild"!==e)throw new Error(`invalid mode[${e}]`);d="belongto"}let o=d;if("before"===o||"after"===o){c=[],u=[];let e,t=hg(a)[0];if(1===So(a))e=i;else{let n=Ig(a);e=mn(i,n,[])}"before"===o||"after"===o&&(t+=1),e.splice(t,0,n);let l=Ig(a);l=[...l,t],p=l,s=r.getPathInfors(i,l)}else if("belongto"===o){c=[],u=[];let e=[...a,r.keyChildren],t=mn(i,e,[]);t.push(n),tg(i,e,t);let o=[...e,So(t)-1];p=o,s=r.getPathInfors(i,o)}}r.$nextTick(()=>{r.$emit("update:data",qi(i));let n="";n="Delete"===e?"delete":"Rename"===e?"rename":"add",r.$emit("change-item",{from:"operate",mode:n,dir:"",kind:d,nkOri:c,pathInforsOri:u,nkNew:p,pathInforsNew:s})})}().catch(n=>{console.log(n)})},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Qo()}`),n.dgGroupKey},getDgOpt:function(){let n=this;return{group:n.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:n.dgPreviewOpacity,previewDisabledOpacity:n.dgPreviewDisabledOpacity,previewBorderWidth:n.dgPreviewBorderWidth,previewBorderColor:n.dgPreviewBorderColor,previewBackground:n.dgPreviewBackground,timeDragStartDelay:1}},isBelong:function(n,e){return So(n)>=So(e)&&function(n,e){let t=_u([So(n),So(e)]);return Fs(gg(n,t),gg(e,t))}(n,e)},dragdrop:function(n){let e=this;if("move"===n.evName){let t=bh.get(e.mmkey),r=t[n.startInd],o=t[n.endInd],i=e.isBelong(o.item.nk,r.item.nk),l=mn(n,"endEle.parentNode");if(!l.getAttribute)return void console.log("invalud ele.getAttribute",l);e.dgTipTop=Et(l.getAttribute("top")),e.dgTipLeft=0,e.dgTipWidth=l.offsetWidth,e.dgTipHeight=l.offsetHeight,i?e.dgTipMode="disabled":n.ry<=.3?e.dgTipMode="lineTop":n.ry>=.7?e.dgTipMode="lineBottom":n.ry>.3&&n.ry<.7?e.dgTipMode="block":e.dgTipMode=""}else if("leave"===n.evName)e.dgTipMode="";else if("drop"===n.evName){if(n.startInd===n.endInd)return void(e.dgTipMode="");if(""===e.dgTipMode)return;let t,r;if(n.startInd<n.endInd)t="backward";else{if(!(n.startInd>n.endInd))throw new Error("invalid modeDir");t="forward"}if("disabled"===e.dgTipMode)e.dgTipMode="";else if("lineTop"===e.dgTipMode)r="before";else if("lineBottom"===e.dgTipMode)r="after";else{if("block"!==e.dgTipMode)throw console.log("dgTipMode",e.dgTipMode),new Error("invalid dgTipMode");r="belongto"}if(""===e.dgTipMode)return;e.dgTipMode="",e.dragItem(n.startInd,n.endInd,t,r)}},clickOperateItem:function(n){n.operateItem=this.operateItem,this.$emit("click-operate-item",n)},setDataByPathAndValue:function(n,e,t){tg(n,e,t),this.setData(n)},saveRename:function(){let n=this,e=[...mn(n.editorRenameItem,"nk",[]),n.keyText],t=n.editorRenameInputText;tg(n.editorRenameData,e,t),n.editorPm.resolve("save"),n.editorShow=!1},cancelEditor:function(){this.editorPm.resolve("cancel"),this.editorShow=!1},showEditor:async function(){let n=In();return this.editorShow=!0,this.editorPm=n,n},operateDisableEvent:function(n,e){this.operateShow||n.stopPropagation()},operateDisplayEvent:function(n){let e=this;e.operateShow="show"===n},updateOperateShow:function(n){this.operateShow=n}}};const xh=Ch;var Sh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{position:"relative",overflow:"hidden"},attrs:{changeViewHeightMax:n.changeViewHeightMax,changeActiveItem:n.changeActiveItem,changeDefaultDisplayLevel:n.changeDefaultDisplayLevel,changeDraggableAndOperatable:n.changeDraggableAndOperatable,changeFilterKeyWords:n.changeFilterKeyWords}},[t("WDynamicList",{ref:"wdl",attrs:{viewHeightMax:n.viewHeightMaxTrans,itemMinHeight:n.defItemHeight,itemsPreload:n.itemsPreload,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,statePaddingStyle:n.statePaddingStyle,show:n.show},on:{render:function(e){n.$emit("render",e)},"change-view-items":function(e){n.updateOperateShow(!1),n.$emit("change-view-items",e)},"change-height-of-items":function(e){n.updateViewHeightMaxTrans(e),n.$emit("change-height-of-items",e)}},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.useDraggable?n.getDgOpt():null,expression:"useDraggable?getDgOpt():null"},{name:"domripple",rawName:"v-domripple",value:{color:n.itemRippleColor},expression:"{color:itemRippleColor}"}],key:"wt-"+e.index,style:"\n                    transition:all 0.3s; "+(n.draggable?"user-select:none;":"")+"\n                    "+(n.getUseActivable(e)?"cursor:pointer;":"")+"\n                    color:"+n.getTextColor(e.row.item)+";\n                    background:"+n.getBackgroundColor(e.row.item)+";\n                ",attrs:{dragindex:e.index,draggable:"false"},on:{domdragdrop:n.dragdrop,mouseenter:function(t){n.mouseenterItem(t,e)},mouseleave:function(t){n.mouseleaveItem(t,e)},click:function(t){n.clickItem(t,e)}}},[t("div",{style:"position:relative; display:table; "+n.usePadding},[t("div",{style:"display:table-cell; vertical-align:top;"},[n._t("head",null,{index:e.index,data:e.row.item,row:e.row})],2),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+n.getLevel(e.row)*n.useIndent+"px;"}),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+2*n.separation+"px;"}),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+n.separation+"px;"},[n.hasChildren(e.index)?t("div",{style:"min-height:"+n.useItemHeightMin+"px; display:flex; align-items:center; justify-content:center;"},[t("WTreeIconToggle",{attrs:{dir:e.row.unfolding?"bottom":"right",iconSize:n.iconSize,iconColor:n.iconToggleColor,iconDisabledColor:n.iconToggleDisabledColor,iconBackgroundColor:n.iconToggleBackgroundColor,iconBackgroundColorHover:n.iconToggleBackgroundColorHover,editable:!n.useDraggableOrOperatable},on:{click:function(t){return t.stopPropagation(),n.toggleItems(e.row,null)}}})],1):t("div",{style:"min-height:"+n.useItemHeightMin+"px; padding-right:"+n.iconSize+"px;"})]),n._v(" "),n.selectable?t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+3*n.separation+"px;"},[t("div",{style:"min-height:"+n.useItemHeightMin+"px; display:flex; align-items:center; justify-content:center;"},[t("WTreeIconCheckbox",{attrs:{mode:e.row.checked,iconSize:n.iconSize,editable:n.getEditable(e.row.item),uncheckedColor:n.iconUncheckedColor,uncheckedDisabledColor:n.iconUncheckedDisabledColor,checkedColor:n.iconCheckedColor,checkedDisabledColor:n.iconCheckedDisabledColor,checkedPartiallyColor:n.iconCheckedPartiallyColor,checkedPartiallyDisabledColor:n.iconCheckedPartiallyDisabledColor},on:{click:function(t){return n.checkItems(e.row)}}})],1)]):n._e(),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; width:100%;"},[n._t("item",function(){return[t("div",{style:"min-height:"+n.useItemHeightMin+"px; display:flex; align-items:center;"},[n._v("\n                                "+n._s(n.getText(e.row.item))+"\n                            ")])]},{index:e.index,data:e.row.item,row:e.row,keyPrimary:n.keyPrimary,keyText:n.keyText,keyChildren:n.keyChildren,setDataByPathAndValue:n.setDataByPathAndValue,isHover:n.pkHover===e.row.item[n.keyPrimary],isActive:n.pkActive===e.row.item[n.keyPrimary]})],2),n._v(" "),n.getUseOperatable(e)?t("div",{style:"position:absolute; top:"+(n.useItemHeightMin-(n.operateBtnIconSize+4))/2+"px; right:8px;",on:{mousedown:function(e){n.operateDisableEvent(e,"mousedown")},touchstart:function(e){n.operateDisableEvent(e,"touchstart")},click:function(e){n.operateDisableEvent(e,"click")}}},[t("WPopup",{attrs:{isolated:!0,displayType:"line"},on:{show:function(e){return n.operateDisplayEvent("show")},hide:function(e){return n.operateDisplayEvent("hide")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{v:2,h:2},icon:n.mdiDotsVertical,iconSize:n.operateBtnIconSize,backgroundColor:n.operateBtnBackgroundColor,backgroundColorHover:n.operateBtnBackgroundColorHover,backgroundColorFocus:n.operateBtnBackgroundColorFocus,shadow:!1,tooltip:n.operateBtnTooltip}})]},proxy:!0},{key:"content",fn:function(r){return[t("WListVertical",{style:n.getOperatePanelHeight(e)+" width:"+n.operatePanelWidth+"px;",attrs:{items:n.getUseOperateItems(e),itemTextFontSize:"0.8rem",enableActive:!1,paddingStyle:n.operateItemPaddingStyle,itemBackgroundColor:n.operateItemBackgroundColor,itemBackgroundColorHover:n.operateItemBackgroundColorHover,itemTextColor:n.operateItemTextColor,itemTextColorHover:n.operateItemTextColorHover,itemIconSize:n.operateItemIconSize,itemIconColor:n.operateItemIconColor,itemIconColorHover:n.operateItemIconColorHover},on:{click:function(t){r.funHide(),n.clickOperateItem({opItem:t,rowItem:e})},mousedown:function(n){n.stopPropagation()}}})]}}],null,!0)})],1):n._e()])])]}}],null,!0)}),n._v(" "),""!==n.dgTipMode?t("div",{style:"position:absolute; z-index:1; pointer-events:none; left:"+n.dgTipLeft+"px; top:"+n.dgTipTop+"px;"},["lineTop"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgInsertBackgroundColor+"; border-top:1px solid "+n.useDgInsertLineColor+";"})]:"lineBottom"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgInsertBackgroundColor+"; border-bottom:1px solid "+n.useDgInsertLineColor+";"})]:"block"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.uesDgBelongBackgroundColor+";"})]:"disabled"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgTextDisabledBackgroundColor+";"},[t("div",{style:"height:"+n.dgTipHeight+"px; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useDgTextDisabledColor+"; padding-left:"+n.dgTextDisabledPaddingLeft+"px; font-size:"+n.dgTextDisabledFontSize+";"},[n._v("\n                        "+n._s(n.dgTextDisabled)+"\n                    ")])])])]:n._e()],2):n._e(),n._v(" "),t("Teleport",{attrs:{to:"body"}},[t("WDialog",{attrs:{show:n.editorShow,minWidth:300,maxWidth:300},on:{"update:show":function(e){n.editorShow=e}},scopedSlots:n._u([{key:"panel",fn:function(){return[t("div",{style:"padding:20px; border-bottom:1px solid #ddd; background:"+n.useEditorContentBackgroundColor+";"},[t("div",{staticStyle:{width:"100%"}},[t("WText",{attrs:{textColor:n.editorRenameInputTextColor,bottomLineBorderColor:n.editorRenameInputTextBottomLineBorderColor,bottomLineBorderColorHover:n.editorRenameInputTextBottomLineBorderColorHover,bottomLineBorderColorFocus:n.editorRenameInputTextBottomLineBorderColorFocus},on:{enter:n.saveRename},model:{value:n.editorRenameInputText,callback:function(e){n.editorRenameInputText=e},expression:"editorRenameInputText"}})],1)]),n._v(" "),t("div",{style:"padding:10px; background:"+n.useEditorFooterBackgroundColor+"; display:flex; justify-content:flex-end;"},[t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.editorRenameCancelBtnIcon,iconColor:n.editorRenameCancelBtnIconColor,iconColorHover:n.editorRenameCancelBtnIconColorHover,iconSize:n.editorRenameCancelBtnIconSize,text:n.editorRenameCancelBtnText,textColor:n.editorRenameCancelBtnTextColor,textColorHover:n.editorRenameCancelBtnTextColorHover,backgroundColor:n.editorRenameCancelBtnBackgroundColor,backgroundColorHover:n.editorRenameCancelBtnBackgroundColorHover,rippleColor:n.editorRenameCancelBtnIconRippleColor},on:{click:n.cancelEditor}}),n._v(" "),t("div",{staticStyle:{"padding-left":"10px"}}),n._v(" "),t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.editorRenameSaveBtnIcon,iconColor:n.editorRenameSaveBtnIconColor,iconColorHover:n.editorRenameSaveBtnIconColorHover,iconSize:n.editorRenameSaveBtnIconSize,text:n.editorRenameSaveBtnText,textColor:n.editorRenameSaveBtnTextColor,textColorHover:n.editorRenameSaveBtnTextColorHover,backgroundColor:n.editorRenameSaveBtnBackgroundColor,backgroundColorHover:n.editorRenameSaveBtnBackgroundColorHover,rippleColor:n.editorRenameSaveBtnIconRippleColor},on:{click:n.saveRename}})],1)]},proxy:!0}])})],1)],1)};Sh._withStripped=!0;const Ih=t({render:Sh,staticRenderFns:[]},function(n){n&&n("data-v-553dd77b_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTree.vue"},media:void 0})},xh,"data-v-553dd77b",false,void 0,!1,o,void 0,void 0);var wh={directives:{domresize:ol()},components:{WIcon:Ma,WTree:Ih,WListVertical:ch,WDrawer:vf,WButtonChip:Bu,WButtonCircle:Fu},props:{items:{type:Array,default:()=>[]},bindRoot:{type:String,default:"root"},funSortTree:{type:Function,default:null},showTree:{type:Boolean,default:!0},defaultShowTreeFirst:{type:Boolean,default:!0},treeWidth:{type:Number,default:250},treeWidthMin:{type:Number,default:null},treeWidthMax:{type:Number,default:null},treeAfloat:{type:Boolean,default:!1},treeDefItemHeight:{type:Number,default:30},treeDefaultDisplayLevel:{type:Number,default:null},treePaddingStyle:{type:Object,default:()=>({v:0,h:0})},treeIndent:{type:Number,default:.7},treeItemTextFontSize:{type:String,default:"0.85rem"},treeItemTextColor:{type:String,default:"#444"},treeItemTextColorHover:{type:String,default:"#222"},treeItemTextColorActive:{type:String,default:"#000"},treeFolderIcon:{type:String,default:Sl},treeFolderIconSize:{type:Number,default:20},treeFolderIconColor:{type:String,default:"#888"},treeFolderIconColorHover:{type:String,default:"#777"},treeFolderIconColorActive:{type:String,default:"#666"},treeItemBackgroundColor:{type:String,default:"transparent"},treeItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},treeItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},treeItemRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},treeBackgroundColor:{type:String,default:"#fff"},treeDrawerBarSize:{type:Number,default:2},treeDrawerBarColor:{type:String,default:"#ddd"},treeToggleIconSize:{type:Number,default:24},treeToggleIconColor:{type:String,default:"grey"},treeToggleIconDisabledColor:{type:String,default:"grey lighten-1"},treeToggleIconBackgroundColor:{type:String,default:"transparent"},treeToggleIconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},lineBetweenPathAndListWidth:{type:Number,default:1},lineBetweenPathAndListColor:{type:String,default:"#ddd"},listDefItemHeight:{type:Number,default:30},listPaddingStyle:{type:Object,default:()=>({v:0,h:6})},listItemTextFontSize:{type:String,default:"0.85rem"},listItemTextColor:{type:String,default:"#444"},listItemTextColorHover:{type:String,default:"#222"},listItemTextColorActive:{type:String,default:"#000"},listFolderIcon:{type:String,default:Sl},listFileIcon:{type:String,default:"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"},listItemIconSize:{type:Number,default:22},listItemIconColor:{type:String,default:"#888"},listItemIconColorHover:{type:String,default:"#777"},listItemIconColorActive:{type:String,default:"#666"},listItemBackgroundColor:{type:String,default:"transparent"},listItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},listItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},listItemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},listBackgroundColor:{type:String,default:"#fff"},btnDisplayTreeIconShow:{type:String,default:"M17,12L12,17V14H8V10H12V7L17,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconHide:{type:String,default:"M7,12L12,7V10H16V14H12V17L7,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconSize:{type:Number,default:20},btnDisplayTreeIconColor:{type:String,default:"grey darken-1"},btnDisplayTreeIconColorHover:{type:String,default:"grey darken-2"},btnDisplayTreeIconColorFocus:{type:String,default:"grey darken-3"},btnDisplayTreeBackgroundColor:{type:String,default:"transparent"},btnDisplayTreeBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.3)"},btnDisplayTreeBackgroundColorFocus:{type:String,default:"rgba(180,180,180,0.3)"},pathBtnTextColor:{type:String,default:"#444"},pathBtnTextColorHover:{type:String,default:"#222"},pathBtnTextFontSize:{type:String,default:"0.85rem"},pathBtnBackgroundColor:{type:String,default:"transparent"},pathBtnBackgroundColorHover:{type:String,default:"rgb(236,236,236)"},pathSepIcon:{type:String,default:"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"},pathSepIconColor:{type:String,default:"#888"},pathSepIconSize:{type:Number,default:18},pathBackgroundColor:{type:String,default:"#fff"},noSelectedText:{type:String,default:"No selected folder"},draggable:{type:Boolean,default:!1},dgTextDisabled:{type:String,default:"Can not drop here"},dgTextDisabledColor:{type:String,default:"#812"},dgTextDisabledPaddingLeft:{type:Number,default:15},dgTextDisabledFontSize:{type:String,default:"0.9rem"},dgTextDisabledBackgroundColor:{type:String,default:"rgba(255,220,240,0.6)"},dgInsertLineColor:{type:String,default:"#29f"},dgInsertBackgroundColor:{type:String,default:"rgba(80,150,255,0.15)"},dgBelongBackgroundColor:{type:String,default:"rgba(80,150,255,0.3)"},dgPreviewOpacity:{type:Number,default:1},dgPreviewDisabledOpacity:{type:Number,default:1},dgPreviewBorderWidth:{type:Number,default:0},dgPreviewBorderColor:{type:String,default:"#f26"},dgPreviewBackground:{type:String,default:"transparent"},operatable:{type:Boolean,default:!1},operateItemTextForRename:{type:String,default:"Rename"},operateItemTextForInsertChild:{type:String,default:"Create sub folder"},operateItemTextForDelete:{type:String,default:"Delete folder"},operateItemIconForRename:{type:String,default:Tl},operateItemIconForInsertChild:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z"},operateItemIconForDelete:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z"},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:170},operatePanelHeight:{type:Number,default:null},operateBtnTooltip:{type:String,default:"Operations"},operateBtnBackgroundColor:{type:String,default:"transparent"},operateBtnBackgroundColorHover:{type:String,default:"rgba(230,230,230,0.7)"},operateBtnBackgroundColorFocus:{type:String,default:"rgba(230,230,230,0.9)"},operateItemBackgroundColor:{type:String,default:"transparent"},operateItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},operateItemHeight:{type:Number,default:42},operateItemTextColor:{type:String,default:"#444"},operateItemTextColorHover:{type:String,default:"#222"},operateItemIconSize:{type:Number,default:22},operateItemIconColor:{type:String,default:"#444"},operateItemIconColorHover:{type:String,default:"#222"},editorRenameContentBackgroundColor:{type:String,default:"white"},editorRenameFooterBackgroundColor:{type:String,default:"grey lighten-5"},editorRenameInputTextColor:{type:String,default:"grey darken-3"},editorRenameInputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},editorRenameInputTextBottomLineBorderColorHover:{type:String,default:"grey"},editorRenameInputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},editorRenameCancelBtnText:{type:String,default:"Cancel"},editorRenameCancelBtnTextColor:{type:String,default:"grey darken-3"},editorRenameCancelBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIcon:{type:String,default:bl},editorRenameCancelBtnIconSize:{type:Number,default:22},editorRenameCancelBtnIconColor:{type:String,default:"grey darken-1"},editorRenameCancelBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameCancelBtnBackgroundColor:{type:String,default:"white"},editorRenameCancelBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},editorRenameSaveBtnText:{type:String,default:"Save"},editorRenameSaveBtnTextColor:{type:String,default:"grey darken-3"},editorRenameSaveBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIcon:{type:String,default:Cl},editorRenameSaveBtnIconSize:{type:Number,default:22},editorRenameSaveBtnIconColor:{type:String,default:"grey darken-1"},editorRenameSaveBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameSaveBtnBackgroundColor:{type:String,default:"white"},editorRenameSaveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"}},data:function(){return{panelWidth:0,panelHeight:0,pathHeight:0,showTreeTrans:!0,treeWidthTrans:200,itemsTrans:[],kpPath:null,treeItemsFolder:null,treeItems:null,treeItemActive:null,pathInfors:[],listItems:[],listItemActive:null}},computed:{changeShowTree:function(){return this.showTreeTrans=this.showTree,""},changeTreeWidth:function(){return this.treeWidthTrans=this.treeWidth,""},changeItems:function(){return this.convertItems(this.items),""},useTreeItemHeightMin:function(){return Math.max(this.treeToggleIconSize,this.treeDefItemHeight)},effTreeBackgroundColor:function(){return wo(this.treeBackgroundColor)},effListBackgroundColor:function(){return wo(this.listBackgroundColor)},effPathBackgroundColor:function(){return wo(this.pathBackgroundColor)},effLineBetweenPathAndListColor:function(){return wo(this.lineBetweenPathAndListColor)},effTreeFolderIconColor:function(){return wo(this.treeFolderIconColor)},effTreeFolderIconColorHover:function(){return wo(this.treeFolderIconColorHover)},effTreeFolderIconColorActive:function(){return wo(this.treeFolderIconColorActive)},useTreeItemTextFontSize:function(){let n=this.treeItemTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},useListItemTextFontSize:function(){let n=this.listItemTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},effListItemIconColor:function(){return wo(this.listItemIconColor)},effListItemIconColorHover:function(){return wo(this.listItemIconColorHover)},effListItemIconColorActive:function(){return wo(this.listItemIconColorActive)},usePathBtnTextFontSize:function(){let n=this.pathBtnTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},effPathBtnTextColor:function(){return wo(this.pathBtnTextColor)},listHeight:function(){return this.panelHeight-this.pathHeight},btnDisplayTreeInDrawerHeightMin:function(){let n=La(this.treePaddingStyle,{returnObj:!0}),e=n.top,t=n.bottom;return this.treeDefItemHeight+e+t}},methods:{resizePanel:function(n){this.panelWidth=n.snew.offsetWidth,this.panelHeight=n.snew.offsetHeight},resizePath:function(n){this.pathHeight=n.snew.offsetHeight},soryItems:function(n,e,t){let r=this;return n=function(n,e={}){if(!Ya(n))return[];if(1===So(n))return n;let t=mn(e,"localeCompare");kn(t)||(t=!1);let r=mn(e,"returnIndex");kn(r)||(r=!1);let o=mn(e,"compareKey",null),i=null;i=t?eg:ng;let l,a=Qf(n);if(""===a)return[];if("obj"===a){if(!bn(o))return[];let a=Bt(n,(n,e)=>mn(n,o,"")),d=Qf(a);if("num"!==d&&"str"!==d)return[];{t&&(d="files");let o=i(qf(a,d,e),!0);l=r?o:Bt(o,e=>n[e])}}else"num"!==a&&"str"!==a||(t&&(a="files"),l=i(qf(n,a,e),r));return l}(n,{compareKey:"text",localeCompare:!0}),Be(r.funSortTree)&&(n=r.funSortTree(n)),n},showTreeFirstFolder:function(){let n=this.bindRoot;this.triggerClickTreeFolderById(n)},convertItems:function(){let n=this;(async function(){let e=fg(n.items,{bindRoot:n.bindRoot,soryItems:n.soryItems});n.itemsTrans=e.fpsNormalize,n.treeItemsFolder=e.treeItemsFolder,n.treeItems=e.treeItems,n.kpPath=e.kpPath,n.defaultShowTreeFirst&&n.showTreeFirstFolder()})().catch(n=>{console.log(n)})},emitShowTreeDelay:function(n){let e=this;setTimeout(()=>{e.emitShowTree(n)},1)},emitShowTree:function(n){this.showTreeTrans=n,this.$emit("update:showTree",n)},emitDrawerWidth:function(n){this.treeWidthTrans=n,this.$emit("update:treeWidth",n)},getTreeFolderIconColor:function(n){let e=this,t=mn(n,"isHover");kn(t)||(t=!1);let r=mn(n,"isActive");return kn(r)||(r=!1),r?e.effTreeFolderIconColorActive:t?e.effTreeFolderIconColorHover:e.effTreeFolderIconColor},getListItemIconColor:function(n){let e=this,t=mn(n,"isHover");kn(t)||(t=!1);let r=mn(n,"isActive");return kn(r)||(r=!1),r?e.effListItemIconColorActive:t?e.effListItemIconColorHover:e.effListItemIconColor},listFolder:function(n){let e=this,t=Bt(n,n=>{let t="",r="";return"folder"===n._type?(t=n.text,r=e.listFolderIcon):(t=n.text,r=e.listFileIcon),{text:t,icon:r,data:n}});e.listItems=t},displayFolderById:function(n,e){let t=this,r=t.kpPath[n],o=mn(t.treeItems,r),i=`${r}.children`,l=mn(t.treeItems,i);t.listFolder(l);let a=mn(o,"pathInfors",[]);t.pathInfors=a},ckTreeFolder:function(n){let e=this,t=mn(n,"data",null),r=mn(n,"data.id","");e.displayFolderById(r,"ckTreeFolder"),e.$emit("click-folder",{from:"tree",item:t}),e.$emit("click",{type:"folder",from:"tree",item:t}),e.$nextTick(()=>{e.listItemActive=null})},ckListItem:function(n){let e=this,t=mn(n,"item.data",null),r=mn(n,"item.data.id","");"folder"===mn(n,"item.data._type","")?(e.displayFolderById(r,"ckListItem"),e.$emit("click-folder",{from:"list",item:t}),e.$emit("click",{type:"folder",from:"list",item:t}),setTimeout(()=>{e.treeItemActive=null,e.listItemActive=null},300)):(e.$emit("click-file",{from:"list",item:t}),e.$emit("click",{type:"file",from:"list",item:t}))},ckPathFolder:function(n){let e=this,t=mn(n,"id","");e.displayFolderById(t,"ckPathFolder"),e.$emit("click-folder",{from:"path",item:n}),e.$emit("click",{type:"folder",from:"path",item:n}),e.$nextTick(()=>{e.treeItemActive=null,e.listItemActive=null})},toggleTreeFoldersByFun:function(n){return this.$refs.wt.toggleItemsByFun(n)},toggleTreeFoldersAll:function(n,e){return this.$refs.wt.toggleItemsAll(n,e)},triggerClickTreeFolderById:function(n){let e={data:{id:n}};this.ckTreeFolder(e),this.treeItemActive={id:n}},triggerClickTreeFolderByFun:async function(n){let e=this;if(!Be(n))return;let t=[];ke(e.kpPath,n=>{let r=mn(e.treeItems,n,"");t.push(r)});let r=n({treeItemsFolder:e.treeItemsFolder,treeItems:e.treeItems,kpPath:e.kpPath,treeItemsSpread:t});ur(r)&&(r=await r);let o=mn(r,"id");bn(o)?e.triggerClickTreeFolderById(o):console.log("invalid id",o)},useFunOperateItem:function(n){let e=["Rename","InsertChild","Delete"];return mn(n,"item.id","")===this.bindRoot&&(e=["InsertChild"]),e},changeData:function(n){},changeItem:function(n){let e=this,t=n=>{let e=So(n)-1;if(e<1)throw new Error(`n1${e} < 1`);let t=e-1;if(t<0)throw new Error(`n2${t} < 0`);let r=mn(n,e,{}),o=mn(r,"text","");if(!bn(o))throw new Error("node.text is not a string");let i=mn(n,t,{}),l="/"+ar([...mn(i,"ts",[]),o],"/");return{...r,type:"folder",path:l}},r=[];if("add"===n.mode){if("belongto"!==n.kind)throw console.log(n),new Error(`kind[${n.kind}] is not supported`);let o=t(n.pathInforsNew);r=qi(e.itemsTrans),r.push(o)}else if("delete"===n.mode){let o=t(n.pathInforsOri),i=So(o.path),l=qi(e.itemsTrans);r=[],ke(l,n=>{Al(n.path,i)!==o.path&&r.push(n)})}else if("move"===n.mode||"rename"===n.mode){let t=n.pathInforsOri,o=n.pathInforsNew,i="/"+ar(Bt(t,"text"),"/"),l=So(i),a="/"+ar(Bt(o,"text"),"/");r=qi(e.itemsTrans),r=Bt(r,n=>{if(Al(n.path,l)===i){let e=ir(n.path,l);n.path=a+e}return n})}r=(n=>{let t=So(e.bindRoot)+1;return n=Bt(n,n=>(n.path=ir(n.path,t),n))})(r),e.$emit("update:items",r),e.$emit("change-item",n)},clickOperateItem:function(n){this.$emit("click-operate-item",n)}}};const kh=wh;var Th=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeShowTree:n.changeShowTree,changeTreeWidth:n.changeTreeWidth,changeItems:n.changeItems},on:{domresize:n.resizePanel}},[t("WDrawer",{style:"width:"+n.panelWidth+"px; height:"+n.panelHeight+"px;",attrs:{afloat:n.treeAfloat,drawerWidth:n.treeWidthTrans,drawerWidthMin:n.treeWidthMin,drawerWidthMax:n.treeWidthMax,dragDrawerWidth:!0,drawerBarColor:n.treeDrawerBarColor,drawerBarSize:n.treeDrawerBarSize,value:n.showTreeTrans},on:{input:n.emitShowTree,"update:drawerWidth":n.emitDrawerWidth},scopedSlots:n._u([{key:"drawer",fn:function(e){return[t("div",{style:"position:relative; height:100%; background:"+n.effTreeBackgroundColor+";"},[t("WTree",{ref:"wt",style:"width:"+e.width+"px; min-width:"+e.width+"px;",attrs:{viewHeightMax:n.panelHeight,defItemHeight:n.treeDefItemHeight,defaultDisplayLevel:n.treeDefaultDisplayLevel,data:n.treeItemsFolder,activable:!0,itemActive:n.treeItemActive,paddingStyle:n.treePaddingStyle,indent:n.treeIndent,iconSize:n.treeToggleIconSize,iconToggleColor:n.treeToggleIconColor,iconToggleDisabledColor:n.treeToggleIconDisabledColor,iconToggleBackgroundColor:n.treeToggleIconBackgroundColor,iconToggleBackgroundColorHover:n.treeToggleIconBackgroundColorHover,itemTextColor:n.treeItemTextColor,itemTextColorHover:n.treeItemTextColorHover,itemTextColorActive:n.treeItemTextColorActive,itemBackgroundColor:n.treeItemBackgroundColor,itemBackgroundColorHover:n.treeItemBackgroundColorHover,itemBackgroundColorActive:n.treeItemBackgroundColorActive,itemRippleColor:n.treeItemRippleColor,draggable:n.draggable,dgTextDisabled:n.dgTextDisabled,dgTextDisabledColor:n.dgTextDisabledColor,dgTextDisabledPaddingLeft:n.dgTextDisabledPaddingLeft,dgTextDisabledFontSize:n.dgTextDisabledFontSize,dgTextDisabledBackgroundColor:n.dgTextDisabledBackgroundColor,dgInsertLineColor:n.dgInsertLineColor,dgInsertBackgroundColor:n.dgInsertBackgroundColor,dgBelongBackgroundColor:n.dgBelongBackgroundColor,dgPreviewOpacity:n.dgPreviewOpacity,dgPreviewDisabledOpacity:n.dgPreviewDisabledOpacity,dgPreviewBorderWidth:n.dgPreviewBorderWidth,dgPreviewBorderColor:n.dgPreviewBorderColor,dgPreviewBackground:n.dgPreviewBackground,operatable:n.operatable,operateItemTextForRename:n.operateItemTextForRename,_operateItemTextForInsertBefore:"operateItemTextForInsertBefore",operateItemTextForInsertChild:n.operateItemTextForInsertChild,_operateItemTextForInsertAfter:"operateItemTextForInsertAfter",operateItemTextForDelete:n.operateItemTextForDelete,operateItemIconForRename:n.operateItemIconForRename,_operateItemIconForInsertBefore:"operateItemIconForInsertBefore",operateItemIconForInsertChild:n.operateItemIconForInsertChild,_operateItemIconForInsertAfter:"operateItemIconForInsertAfter",operateItemIconForDelete:n.operateItemIconForDelete,operateItemPaddingStyle:n.operateItemPaddingStyle,operatePanelWidth:n.operatePanelWidth,operatePanelHeight:n.operatePanelHeight,operateBtnTooltip:n.operateBtnTooltip,operateBtnBackgroundColor:n.operateBtnBackgroundColor,operateBtnBackgroundColorHover:n.operateBtnBackgroundColorHover,operateBtnBackgroundColorFocus:n.operateBtnBackgroundColorFocus,operateItemBackgroundColor:n.operateItemBackgroundColor,operateItemBackgroundColorHover:n.operateItemBackgroundColorHover,operateItemHeight:n.operateItemHeight,operateItemTextColor:n.operateItemTextColor,operateItemTextColorHover:n.operateItemTextColorHover,operateItemIconSize:n.operateItemIconSize,operateItemIconColor:n.operateItemIconColor,operateItemIconColorHover:n.operateItemIconColorHover,funOperateItem:n.useFunOperateItem,editorRenameContentBackgroundColor:n.editorRenameContentBackgroundColor,editorRenameFooterBackgroundColor:n.editorRenameFooterBackgroundColor,editorRenameInputTextColor:n.editorRenameInputTextColor,editorRenameInputTextBottomLineBorderColor:n.editorRenameInputTextBottomLineBorderColor,editorRenameInputTextBottomLineBorderColorHover:n.editorRenameInputTextBottomLineBorderColorHover,editorRenameInputTextBottomLineBorderColorFocus:n.editorRenameInputTextBottomLineBorderColorFocus,editorRenameCancelBtnText:n.editorRenameCancelBtnText,editorRenameCancelBtnTextColor:n.editorRenameCancelBtnTextColor,editorRenameCancelBtnTextColorHover:n.editorRenameCancelBtnTextColorHover,editorRenameCancelBtnIcon:n.editorRenameCancelBtnIcon,editorRenameCancelBtnIconSize:n.editorRenameCancelBtnIconSize,editorRenameCancelBtnIconColor:n.editorRenameCancelBtnIconColor,editorRenameCancelBtnIconColorHover:n.editorRenameCancelBtnIconColorHover,editorRenameCancelBtnIconRippleColor:n.editorRenameCancelBtnIconRippleColor,editorRenameCancelBtnBackgroundColor:n.editorRenameCancelBtnBackgroundColor,editorRenameCancelBtnBackgroundColorHover:n.editorRenameCancelBtnBackgroundColorHover,editorRenameSaveBtnText:n.editorRenameSaveBtnText,editorRenameSaveBtnTextColor:n.editorRenameSaveBtnTextColor,editorRenameSaveBtnTextColorHover:n.editorRenameSaveBtnTextColorHover,editorRenameSaveBtnIcon:n.editorRenameSaveBtnIcon,editorRenameSaveBtnIconSize:n.editorRenameSaveBtnIconSize,editorRenameSaveBtnIconColor:n.editorRenameSaveBtnIconColor,editorRenameSaveBtnIconColorHover:n.editorRenameSaveBtnIconColorHover,editorRenameSaveBtnIconRippleColor:n.editorRenameSaveBtnIconRippleColor,editorRenameSaveBtnBackgroundColor:n.editorRenameSaveBtnBackgroundColor,editorRenameSaveBtnBackgroundColorHover:n.editorRenameSaveBtnBackgroundColorHover,_render:"render"},on:{"update:data":[function(e){n.treeItemsFolder=e},n.changeData],"update:itemActive":function(e){n.treeItemActive=e},"update:item-active":function(e){n.treeItemActive=e},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{style:n.useTreeItemTextFontSize+" min-height:"+n.treeDefItemHeight+"px; line-height:"+n.treeDefItemHeight+"px;"},[n._t("folder-item",function(){return[t("div",{style:"display:flex;"},[t("div",{style:"height:"+n.treeDefItemHeight+"px; padding-right:4px; display:flex; align-items:center;",on:{click:function(t){return n.ckTreeFolder(e)}}},[t("WIcon",{attrs:{icon:n.treeFolderIcon,color:n.getTreeFolderIconColor(e),colorHover:n.getTreeFolderIconColor(e),size:n.treeFolderIconSize}})],1),n._v(" "),t("div",{style:"cursor:pointer; user-select:none;",on:{click:function(t){return n.ckTreeFolder(e)}}},[n._v("\n                                        "+n._s(e.data.text)+"\n                                    ")])])]},{item:Object.assign({},e.data,{icon:n.treeFolderIcon,iconColor:n.getTreeFolderIconColor(e),iconSize:n.treeFolderIconSize}),isHover:e.isHover,isActive:e.isActive,funClickFolderItem:function(){n.ckTreeFolder(e)}})],2)]}}],null,!0)}),n._v(" "),n.showTreeTrans?t("div",{style:"position:absolute; top:"+(n.useTreeItemHeightMin-(n.btnDisplayTreeIconSize+4))/2+"px; right:"+(8+(n.operatable?n.btnDisplayTreeIconSize+4:0))+"px;"},[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1):n._e()],1)]}},{key:"content",fn:function(e){return[t("div",{style:"height:100%; overflow:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"width:"+e.width+"px; min-width:"+e.width+"px; border-bottom:"+n.lineBetweenPathAndListWidth+"px solid "+n.effLineBetweenPathAndListColor+"; background:"+n.effPathBackgroundColor+";",on:{domresize:n.resizePath}},[t("div",{style:"padding-left:5px; display:flex; align-items:flex-start;"},[n.showTreeTrans?n._e():t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-right:2px; display:flex; align-items:center;"},[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1),n._v(" "),0===n.pathInfors.length?t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-left:4px; color:"+n.effPathBtnTextColor+"; "+n.usePathBtnTextFontSize+" display:flex; align-items:center;"},[n._v("\n                            "+n._s(n.noSelectedText)+"\n                        ")]):n._e(),n._v(" "),t("div",{style:"display:flex; flex-wrap:wrap;"},n._l(n.pathInfors,function(e,r){return t("div",{key:"kpi-"+r,style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px;"},[t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; display:flex; align-items:center;"},[t("WIcon",{attrs:{icon:n.pathSepIcon,color:n.pathSepIconColor,colorHover:n.pathSepIconColor,size:n.pathSepIconSize}}),n._v(" "),t("WButtonChip",{attrs:{paddingStyle:{h:6,v:0},borderWidth:{},borderRadius:4,shadow:!1,text:e.name,textColor:n.pathBtnTextColor,textColorHover:n.pathBtnTextColorHover,_textColorActive:"pathBtnTextColorActive",textFontSize:n.pathBtnTextFontSize,_icon:"pathSepIcon",_iconColor:"pathSepIconColor",_iconSize:"pathSepIconSize",backgroundColor:n.pathBtnBackgroundColor,backgroundColorHover:n.pathBtnBackgroundColorHover,_backgroundColorActive:"pathBtnBackgroundColorActive"},on:{click:function(t){return n.ckPathFolder(e)}}})],1)])}),0)])]),n._v(" "),t("div",{style:"height:"+n.listHeight+"px; background:"+n.effListBackgroundColor+";"},[t("WListVertical",{style:"width:"+e.width+"px; min-width:"+e.width+"px; height:"+n.listHeight+"px;",attrs:{items:n.listItems,itemActive:n.listItemActive,itemCursorPointer:!1,paddingStyle:n.listPaddingStyle,itemBackgroundColor:n.listItemBackgroundColor,itemBackgroundColorHover:n.listItemBackgroundColorHover,itemBackgroundColorActive:n.listItemBackgroundColorActive,itemTextColor:n.listItemTextColor,itemTextColorHover:n.listItemTextColorHover,itemTextColorActive:n.listItemTextColorActive,itemIconSize:n.listItemIconSize,_itemIconColor:"listItemIconColor",_itemIconColorHover:"listItemIconColorHover",_itemIconColorActive:"listItemIconColorActive",itemRippleColor:n.listItemRippleColor,_click:"ckListItem","_v-if":"listItems.length>0"},on:{"update:itemActive":function(e){n.listItemActive=e},"update:item-active":function(e){n.listItemActive=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n._t("list-head",null,{items:n.listItems})]},proxy:!0},{key:"item",fn:function(e){return[t("div",{style:"position:relative; "+n.useListItemTextFontSize+" min-height:"+n.listDefItemHeight+"px; line-height:"+n.listDefItemHeight+"px;"},[n._t("list-item",function(){return[t("div",{style:"display:flex;"},[t("div",{style:"height:"+n.listDefItemHeight+"px; padding-right:4px; display:flex; align-items:center; cursor:pointer;",on:{click:function(t){return n.ckListItem(e)}}},[t("WIcon",{attrs:{icon:e.item.icon,color:n.getListItemIconColor(e),colorHover:n.getListItemIconColor(e),size:n.listItemIconSize}})],1),n._v(" "),n._t("list-item-text-left",null,{item:e.item,isHover:e.isHover,isActive:e.isActive}),n._v(" "),t("div",{style:"cursor:pointer; user-select:none;",on:{click:function(t){return n.ckListItem(e)}}},[n._v("\n                                            "+n._s(e.item.text)+"\n                                        ")]),n._v(" "),n._t("list-item-text-right",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]},{item:Object.assign({},e.item,{iconColor:n.getListItemIconColor(e),iconSize:n.listItemIconSize}),isHover:e.isHover,isActive:e.isActive,funClickListItem:function(){n.ckListItem(e)}}),n._v(" "),t("div",{style:"position:absolute; top:0px; right:0px;"},[n._t("list-item-cover",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2),n._v(" "),n._t("list-item-sub",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]}},{key:"footer",fn:function(){return[n._t("list-foot",null,{items:n.listItems})]},proxy:!0}],null,!0)})],1)])]}}])})],1)};Th._withStripped=!0;const Bh=t({render:Th,staticRenderFns:[]},function(n){n&&n("data-v-23417630_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WExplorer.vue"},media:void 0})},kh,"data-v-23417630",false,void 0,!1,o,void 0,void 0);const Hh={components:{},props:{},data:function(){return{mouseEnter:!1}},computed:{},methods:{}};var Ah=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",{on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[n._t("default",null,{isHover:n.mouseEnter})],2)};Ah._withStripped=!0;const Wh=t({render:Ah,staticRenderFns:[]},function(n){n&&n("data-v-203dff40_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupBaggageItem.vue"},media:void 0})},Hh,"data-v-203dff40",false,void 0,!1,o,void 0,void 0);const Fh={components:{WGroupBaggageItem:Wh},props:{items:{type:Array,default:()=>[]},keyTag:{type:String,default:"tag"},keyText:{type:String,default:"text"},connLineZoneWidth:{type:Number,default:120},connLineWidth:{type:Number,default:1},connLineColor:{type:String,default:"#ccc"},tagDistBetweenTopAndBaseline:{type:Number,default:24},tagTextFontSize:{type:String,default:"0.7rem"},tagTextColor:{type:String,default:"#444"},tagTextColorHover:{type:String,default:"#222"},tagBorderRadius:{type:Number,default:4},tagBorderWidth:{type:Number,default:1},tagBorderColor:{type:String,default:"#fff"},tagBorderColorHover:{type:String,default:"#ccc"},tagBackgroundColor:{type:String,default:"#e5e5e5"},tagBackgroundColorHover:{type:String,default:"#d8d8d8"},tagPaddingStyle:{type:Object,default:()=>({v:1,h:5})},tagClickable:{type:Boolean,default:!1},contentShiftTopFromBaseline:{type:Number,default:11},contentTextFontSize:{type:String,default:"0.85rem"},contentTextColor:{type:String,default:"#444"},contentTextColorHover:{type:String,default:"#222"},contentBorderRadius:{type:Number,default:4},contentBorderWidth:{type:Number,default:1},contentBorderColor:{type:String,default:"#ddd"},contentBorderColorHover:{type:String,default:"#cccccc"},contentBackgroundColor:{type:String,default:"#fff"},contentBackgroundColorHover:{type:String,default:"#f2f2f2"},contentPaddingStyle:{type:Object,default:()=>({v:1,h:5})},contentClickable:{type:Boolean,default:!1}},data:function(){return{}},computed:{effConnLineColor:function(){return wo(this.connLineColor)},effTagTextColor:function(){return wo(this.tagTextColor)},effTagTextColorHover:function(){return wo(this.tagTextColorHover)},effTagBorderColor:function(){return wo(this.tagBorderColor)},effTagBorderColorHover:function(){return wo(this.tagBorderColorHover)},effTagBackgroundColor:function(){return wo(this.tagBackgroundColor)},effTagBackgroundColorHover:function(){return wo(this.tagBackgroundColorHover)},useTagPaddingStyle:function(){return`padding:${La(this.tagPaddingStyle)};`},usetTagTextFontSize:function(){let n=this.tagTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},effContentTextColor:function(){return wo(this.contentTextColor)},effContentTextColorHover:function(){return wo(this.contentTextColorHover)},effContentBorderColor:function(){return wo(this.contentBorderColor)},effContentBorderColorHover:function(){return wo(this.contentBorderColorHover)},effContentBackgroundColor:function(){return wo(this.contentBackgroundColor)},effContentBackgroundColorHover:function(){return wo(this.contentBackgroundColorHover)},useContentPaddingStyle:function(){return`padding:${La(this.contentPaddingStyle)};`},usetContentTextFontSize:function(){let n=this.contentTextFontSize;return n=Ae(n,";",""),`font-size:${n};`}},methods:{getStyleWidth:function(n){return Fo(n)?`width:${n}px; min-width:${n}px; max-width:${n}px;`:""},getTag:function(n){return mn(n,this.keyTag,"")},getText:function(n){return mn(n,this.keyText,"")},ckTag:function(n,e){let t=this;t.tagClickable&&(t.$emit("click-tag",{ev:n,item:e}),t.$emit("click",{from:"tag",ev:n,item:e}))},ckContent:function(n,e){let t=this;t.contentClickable&&(t.$emit("click-content",{ev:n,item:e}),t.$emit("click",{from:"contnet",ev:n,item:e}))}}};var Zh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""},n._l(n.items,function(e,r){return t("div",{key:"kt-"+r,style:"position:relative; _background:#dab78b;"},[t("div",{style:"display:flex; align-items:stretch;"},[t("div",[t("div",{style:"height:"+n.tagDistBetweenTopAndBaseline+"px; display:flex; align-items:stretch;"},[t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" height:"+n.tagDistBetweenTopAndBaseline+"px; border-right:"+n.connLineWidth+"px solid "+n.effConnLineColor+";"}),n._v(" "),t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" height:"+n.tagDistBetweenTopAndBaseline+"px; border-bottom:"+n.connLineWidth+"px solid "+n.effConnLineColor+";"})]),n._v(" "),t("div",{style:"height:calc( 100% - "+n.tagDistBetweenTopAndBaseline+"px ); display:flex; align-items:stretch;"},[t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" border-right:"+n.connLineWidth+"px solid "+(r===n.items.length-1?"transparent":n.effConnLineColor)+";"}),n._v(" "),t("div",{style:""+n.getStyleWidth(n.connLineZoneWidth/2)})])]),n._v(" "),t("div",{staticStyle:{width:"100%"}},[t("div",{style:"padding-top:"+(n.tagDistBetweenTopAndBaseline-n.contentShiftTopFromBaseline)+"px;"},[t("WGroupBaggageItem",{style:n.contentClickable?"cursor:pointer;":"",nativeOn:{click:function(t){return function(t){n.ckContent(t,e)}.apply(null,arguments)}},scopedSlots:n._u([{key:"default",fn:function(r){var o=r.isHover;return[t("div",{style:"transition:all 0.3s; "+n.useContentPaddingStyle+" "+n.usetContentTextFontSize+" color:"+(o?n.effContentTextColorHover:n.effContentTextColor)+"; border-radius:"+n.contentBorderRadius+"px; background:"+(o?n.effContentBackgroundColorHover:n.effContentBackgroundColor)+"; border:"+n.contentBorderWidth+"px solid "+(o?n.effContentBorderColorHover:n.effContentBorderColor)+";"},[n._t("text",function(){return[n._v("\n                                    "+n._s(n.getText(e))+"\n                                ")]},{item:e,isHover:o})],2)]}}],null,!0)})],1),n._v(" "),n._t("text-sub",null,{item:e})],2)]),n._v(" "),t("div",{style:"position:absolute; left:"+n.connLineZoneWidth/2+"px; top:"+n.tagDistBetweenTopAndBaseline+"px;"},[t("WGroupBaggageItem",{style:"transform:translate(-50%, -50%); "+(n.tagClickable?"cursor:pointer;":""),nativeOn:{click:function(t){return function(t){n.ckTag(t,e)}.apply(null,arguments)}},scopedSlots:n._u([{key:"default",fn:function(r){var o=r.isHover;return[t("div",{style:"transition:all 0.3s; "+n.useTagPaddingStyle+" "+n.usetTagTextFontSize+" color:"+(o?n.effTagTextColorHover:n.effTagTextColor)+"; border-radius:"+n.tagBorderRadius+"px; background:"+(o?n.effTagBackgroundColorHover:n.effTagBackgroundColor)+"; border:"+n.tagBorderWidth+"px solid "+(o?n.effTagBorderColorHover:n.effTagBorderColor)+";"},[n._t("tag",function(){return[n._v("\n                            "+n._s(n.getTag(e))+"\n                        ")]},{item:e,isHover:o})],2)]}}],null,!0)})],1)])}),0)};Zh._withStripped=!0;const Xh=t({render:Zh,staticRenderFns:[]},function(n){n&&n("data-v-992f831a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupBaggage.vue"},media:void 0})},Fh,"data-v-992f831a",false,void 0,!1,o,void 0,void 0);const Rh={directives:{domdragdrop:Qg()},props:{value:{type:Array,default:()=>[]},itemStyleInline:{type:Boolean,default:!0},keyBinder:{type:Function,default:null},draggable:{type:Boolean,default:!0}},data:function(){return{itemsTrans:[],dgGroupKey:null}},computed:{changeValue:function(){return this.itemsTrans=this.value,""},isObjValue:function(){return 0!==So(this.itemsTrans)&&eh(this.itemsTrans,n=>vn(n))}},methods:{getForKey:function(n){let e=this,t=null;return t=Be(e.keyBinder)?e.keyBinder(n):e.isObjValue?Tf(n):n,t},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Qo()}`),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},dragdrop:function(n){let e=this;if("drop"===n.evName){let{startInd:t,endInd:r}=n;if(t===r)return;let o=qi(e.itemsTrans);if(t>r){let n=Sg(o,t)[0];o.splice(r,0,n)}else{let n=qi(o[t]);o.splice(r+1,0,n),Sg(o,t)}e.$nextTick(()=>{e.$emit("input",o)})}e.$nextTick(()=>{e.$emit("dragdrop",n)})}}};var Vh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,function(e,r){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.draggable?n.getDgOpt():null,expression:"draggable?getDgOpt():null"}],key:n.getForKey(e),staticClass:"WGroupDragdrop-Trans",style:"display:"+(n.itemStyleInline?"inline-block":"block")+"; user-select:none;",attrs:{dragindex:r,draggable:"false"},on:{domdragdrop:n.dragdrop}},[n._t("default",null,{item:e,index:r})],2)]})],2)],1)};Vh._withStripped=!0;const Ph=t({render:Vh,staticRenderFns:[]},function(n){n&&n("data-v-c444ef32_0",{source:"\n.WGroupDragdrop-Trans[data-v-c444ef32] { /* 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\\WGroupDragdrop.vue"],names:[],mappings:";AA2NA,yCAAA,8BAAA;IACA,oBAAA;AACA",file:"WGroupDragdrop.vue",sourcesContent:["<template>\r\n    <div :changeValue=\"changeValue\">\r\n        <transition-group>\r\n            <template v-for=\"(item,kitem) in itemsTrans\">\r\n                <div\r\n                    class=\"WGroupDragdrop-Trans\"\r\n                    :style=\"`display:${itemStyleInline?'inline-block':'block'}; user-select:none;`\"\r\n                    :key=\"getForKey(item)\"\r\n                    :dragindex=\"kitem\"\r\n                    v-domdragdrop=\"draggable?getDgOpt():null\"\r\n                    @domdragdrop=\"dragdrop\"\r\n                    draggable=\"false\"\r\n                >\r\n\r\n                    <slot\r\n                        :item=\"item\"\r\n                        :index=\"kitem\"\r\n                    ></slot>\r\n\r\n                </div>\r\n            </template>\r\n        </transition-group>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport cloneDeep from 'lodash-es/cloneDeep.js'\nimport every from 'lodash-es/every.js'\nimport pullAt from 'lodash-es/pullAt.js'\nimport size from 'lodash-es/size.js'\nimport genID from 'wsemi/src/genID.mjs'\r\nimport o2j from 'wsemi/src/o2j.mjs'\r\nimport isobj from 'wsemi/src/isobj.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport domDragDrop from '../js/domDragDrop.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]\r\n * @vue-prop {Boolean} [itemStyleInline=true] 輸入項目之display樣式是否使用行內樣式，true為'inline-block'而false為'block'，預設true\r\n * @vue-prop {Function} [keyBinder=null] 輸入由項目取得唯一識別碼(key)函數，預設項目為物件就序列化成為字串再作為key，反之就是用項目值作為key。函數會輸入項目物件或值，回傳需為字串。keyBinder預設null\r\n * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domdragdrop: domDragDrop(),\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        itemStyleInline: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        keyBinder: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        draggable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            itemsTrans: [],\r\n            dgGroupKey: null,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //save itemsTrans\r\n            vo.itemsTrans = vo.value\r\n\r\n            return ''\r\n        },\r\n\r\n        isObjValue: function() {\r\n            //console.log('computed isObjValue')\r\n\r\n            let vo = this\r\n\r\n            //check, 因every([])=true\r\n            if (size(vo.itemsTrans) === 0) {\r\n                return false\r\n            }\r\n            return every(vo.itemsTrans, (v) => {\r\n                return isobj(v)\r\n            })\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        getForKey: function(item) {\r\n            //console.log('methods getForKey', item)\r\n\r\n            let vo = this\r\n\r\n            let k = null\r\n            if (isfun(vo.keyBinder)) {\r\n                k = vo.keyBinder(item)\r\n            }\r\n            else {\r\n                k = vo.isObjValue ? o2j(item) : item\r\n            }\r\n\r\n            return k\r\n        },\r\n\r\n        getDgGroupKey: function() {\r\n            //console.log('methods getDgGroupKey')\r\n\r\n            let vo = this\r\n\r\n            //dgGroupKey\r\n            if (vo.dgGroupKey === null) {\r\n                vo.dgGroupKey = `r${genID()}`\r\n            }\r\n\r\n            return vo.dgGroupKey\r\n        },\r\n\r\n        getDgOpt: function() {\r\n            //console.log('methods getDgOpt')\r\n\r\n            let vo = this\r\n\r\n            //opt, 使用vue directive初始化時於mounted之前就需要group值, 此代表此組件內可互相拖曳之DOM群組識別碼, 故通過function自動取得group\r\n            let opt = {\r\n                group: vo.getDgGroupKey(),\r\n                //attIdentify\r\n                attIndex: 'dragindex',\r\n                attGroup: 'draggroup',\r\n                previewOpacity: 1,\r\n                previewDisabledOpacity: 0.5,\r\n                previewBorderWidth: 0,\r\n                //previewBorderColor\r\n                previewBackground: 'transparent',\r\n                timeDragStartDelay: 1,\r\n            }\r\n\r\n            return opt\r\n        },\r\n\r\n        dragdrop: function(msg) {\r\n            // console.log('methods dragdrop', msg)\r\n\r\n            let vo = this\r\n\r\n            if (msg.evName === 'drop') {\r\n\r\n                //startInd, endInd\r\n                let { startInd, endInd } = msg\r\n\r\n                //check\r\n                if (startInd === endInd) {\r\n                    return\r\n                }\r\n\r\n                //cloneDeep\r\n                let itemsNew = cloneDeep(vo.itemsTrans)\r\n\r\n                //move\r\n                if (startInd > endInd) { //往前拖曳, 先移除原始拖曳項目, 再於放下位置插入該拖曳項目\r\n\r\n                    //pullAt\r\n                    let src = pullAt(itemsNew, startInd)[0]\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd, 0, src) //拖曳項目是要放在目標項目之前, 故不能+1\r\n\r\n                }\r\n                else { //往後拖曳, 先複製原始拖曳項目, 並於放下位置插入, 再刪除原始拖曳項目\r\n\r\n                    //cloneDeep\r\n                    let src = cloneDeep(itemsNew[startInd])\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd + 1, 0, src) //拖曳項目是要放在目標項目之後, 故需要+1\r\n\r\n                    //pullAt\r\n                    pullAt(itemsNew, startInd)\r\n\r\n                }\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                })\r\n\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('dragdrop', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WGroupDragdrop-Trans { /* transition-group必須使用class */\r\n    transition: all 0.5s;\r\n}\r\n</style>\r\n"]},media:void 0})},Rh,"data-v-c444ef32",false,void 0,!1,o,void 0,void 0);var zh={components:{WButtonCircle:Fu},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,Object],default:null},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},dir:{type:String,default:"horizontal"},iconColor:{type:String,default:"#222"},iconColorHover:{type:String,default:"#444"},iconColorFocus:{type:String,default:"#666"},iconColorActive:{type:String,default:"#333"},iconSize:{type:Number,default:22},borderWidth:{type:Number,default:0},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"#f2f2f2"},backgroundColorHover:{type:String,default:"#eaeaea"},backgroundColorFocus:{type:String,default:"#e2e2e2"},backgroundColorActive:{type:String,default:"#cecece"},seplineWidth:{type:Number,default:1},seplineColor:{type:String,default:"#ddd"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},editable:{type:Boolean,default:!0}},data:function(){return{get:mn,itemsTrans:[]}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=qi(n.items),t=Bt(e,e=>{let t=function(e){let t;return t=n.multiCheck?Zs(n.value,e):Fs(e,n.value),t}(e);return{active:t,hover:!1}}),r=Bt(e,(n,e)=>{let r={data:n},o=t[e];return r.ia=o,r.active=o.active,r.hover=!1,r});return n.itemsTrans=r,""},useFlexDirection:function(){return"horizontal"===this.dir?"row":"column"},useSeplineStype:function(){let n=this,e="";return e="horizontal"===n.dir?`height:100%; border-left:${n.seplineWidth}px solid ${n.useSeplineColor};`:`width:100%; border-top:${n.seplineWidth}px solid ${n.useSeplineColor};`,e},useSeplineColor:function(){return wo(this.seplineColor)},useShadow:function(){let n=this;return n.shadow&&bn(n.shadowStyle)?"box-shadow:"+function(n,e,t){let r=lo(n=Ae(n,"}","{"),"{");return r=Bt(r,n=>{if(n.indexOf(e)>=0){let e=Ot(n,"=")[1];return e=xn(e)?Et(e):.2,function(n,e){let t=wo(n),r=Ra.toRgba(t);return r.a=e,Ra.toRgbaString(r)}(t,e)}return n}),ar(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""}},methods:{getBorderRadiusStyle:function(n){let e=So(this.itemsTrans)-1,t={};return"horizontal"===this.dir?(0===n&&(t={...t,topLeft:!0,bottomLeft:!0}),n===e&&(t={...t,topRight:!0,bottomRight:!0})):(0===n&&(t={...t,topLeft:!0,topRight:!0}),n===e&&(t={...t,bottomLeft:!0,bottomRight:!0})),t},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=qi(e.value);if(n.active){let e=[];ke(t,t=>{Fs(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 Lh=zh;var Nh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},[t("div",{style:"display:inline-block; border-radius:"+n.borderRadius+"px; "+n.useShadow},[t("div",{style:"display:flex; flex-direction:"+n.useFlexDirection+";"},[n._l(n.itemsTrans,function(e,r){return[t("div",{key:"kitem-"+r,style:"display:flex; flex-direction:"+n.useFlexDirection+"; align-items:stretch;"},[r>0?t("div",{style:""+n.useSeplineStype}):n._e(),n._v(" "),t("WButtonCircle",{key:r,attrs:{tooltip:n.get(e,"data."+n.keyTooltip),icon:n.get(e,"data."+n.keyIcon),iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorFocus:n.iconColorFocus,iconColorActive:n.iconColorActive,iconSize:n.iconSize,borderWidth:n.borderWidth,borderRadius:n.borderRadius,borderRadiusStyle:n.getBorderRadiusStyle(r),borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,backgroundColorActive:n.backgroundColorActive,tooltipBorderRadius:n.tooltipBorderRadius,tooltipPaddingStyle:n.tooltipPaddingStyle,tooltipTextFontSize:n.tooltipTextFontSize,tooltipTextColor:n.tooltipTextColor,tooltipBackgroundColor:n.tooltipBackgroundColor,rippleColor:n.rippleColor,paddingStyle:n.paddingStyle,shadow:!1,_shadowStyle:"shadowStyle",editable:n.editable,disabledColor:"rgba(255,255,255,0.4)",active:e.active},on:{click:function(t){return n.toggleState(e)}}})],1)]})],2)])])};Nh._withStripped=!0;const Dh=t({render:Nh,staticRenderFns:[]},function(n){n&&n("data-v-848ff9d4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupIconCheck.vue"},media:void 0})},Lh,"data-v-848ff9d4",false,void 0,!1,o,void 0,void 0);const Gh={components:{WGroupIconCheck:Dh},props:{items:{type:Array,default:()=>[]},value:{type:[Array,Object],default:null},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},dir:{type:String,default:"horizontal"},iconColor:{type:String,default:"#222"},iconColorHover:{type:String,default:"#444"},iconColorFocus:{type:String,default:"#666"},iconColorActive:{type:String,default:"#333"},iconSize:{type:Number,default:22},borderWidth:{type:Number,default:0},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"#f2f2f2"},backgroundColorHover:{type:String,default:"#eaeaea"},backgroundColorFocus:{type:String,default:"#e2e2e2"},backgroundColorActive:{type:String,default:"#cecece"},seplineWidth:{type:Number,default:1},seplineColor:{type:String,default:"#ddd"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var jh=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupIconCheck",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem})]}}],null,!0)},"WGroupIconCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};jh._withStripped=!0;const Kh=t({render:jh,staticRenderFns:[]},function(n){n&&n("data-v-0c54f846_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupIconRadio.vue"},media:void 0})},Gh,"data-v-0c54f846",false,void 0,!1,o,void 0,void 0);const Yh={components:{WPopup:vs,WTextCore:nc,WDynamicList:_f,WIcon:Ma},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:wl},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 So(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return vn(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)},useItemBackgroundColor:function(){return wo(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return wo(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},useItemTextColor:function(){return wo(this.itemTextColor)},useItemTextColorHover:function(){return wo(this.itemTextColorHover)},useItemPadding:function(){return`padding:${La(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return wo(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return vn(n)?n[e.keyText]:n},selectText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(n,e){this.editable&&this.triggerAll({focused:n},"updateFocused")},updateShowPanel:function(n,e){this.editable&&this.triggerAll({showPanel:n,focused:n},"updateShowPanel")},updateValue:function(n){let e=this;e.editable&&(e.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(n,e){let t=this;t.editable&&(t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"),t.triggerAll({showPanel:!1,focused:!1},"clickItem"))},triggerEvent:function(n,e,t,r){let o=this;o.editable&&o.$nextTick(()=>{o.$emit(n,e,t)})},triggerAll:function(n,e){let t=this;if(!t.editable)return;let r=mn(n,"showPanel",null),o=mn(n,"focused",null);setTimeout(()=>{kn(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),kn(r)&&t.showPanelTrans!==r&&(So(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,null,"triggerAll"))},20)}}};var _h=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)})};_h._withStripped=!0;const $h=t({render:_h,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})},Yh,"data-v-102853a6",false,void 0,!1,o,void 0,void 0);const Mh={directives:{domresize:ol()},components:{WShellEllipse:_s,WTextSuggestCore:$h},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=La(e.paddingStyle,{returnObj:!0}).bottom-2,r=mn(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return vn(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick(()=>{e.$emit("update:focused",n)})},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick(()=>{e.$emit("update:showPanel",n)})}}};var Oh=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)};Oh._withStripped=!0;const Jh=t({render:Oh,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})},Mh,"data-v-70d0e212",false,void 0,!1,o,void 0,void 0);var Eh={directives:{domdragdrop:Qg()},components:{WButtonChip:Bu,WTextSuggest:Jh},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:kl},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:kl},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:mn,o2j:Tf,mdiPlusCircle:kl,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userInput:""}},computed:{changeValue:function(){let n=this;return n.itemsTrans=qi(n.value),n.itemActiveTrans=qi(n.valueActive),""},isObjValue:function(){return 0!==So(this.itemsTrans)&&eh(this.itemsTrans,n=>vn(n))},useMode:function(){let n=this,e="";return e="auto"===n.addMode?n.isObjValue?"button":"input":"button"===n.addMode?"button":"input",e},isDraggable:function(){return this.draggable&&this.editable},useMarginStyle:function(){return`margin:${La(this.marginStyle)};`}},methods:{getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Qo()}`),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},getColor:function(n,e){let t=this,r=null;return t.enableColorsFromItem&&t.isObjValue&&(r=mn(n,e,null)),r||(r=mn(t,e,null)),r},isActive:function(n){return!!this.enableActive&&Fs(this.itemActiveTrans,n)},dragdrop:function(n){let e=this;if("drop"===n.evName){let{startInd:t,endInd:r}=n;if(t===r)return;let o=qi(e.itemsTrans);if(t>r){let n=Sg(o,t)[0];o.splice(r,0,n)}else{let n=qi(o[t]);o.splice(r+1,0,n),Sg(o,t)}e.$nextTick(()=>{e.$emit("input",o)})}},getSuggestText:function(n){let e=this;return vn(n)?n[e.keySuggestText]:n},clickChip:function(n,e,t){let r=this;r.$nextTick(()=>{r.enableActive&&r.$emit("update:valueActive",e);let o={...n,item:e,kitem:t};r.$emit("click",o)})},clickAddBtn:function(){let n=this;if("button"===n.useMode)n.$nextTick(()=>{n.$emit("click-add",null)});else{if(""===Mt(n.userInput))return;if(n.addWhenInputByOutside||n.isObjValue)n.$nextTick(()=>{n.$emit("click-add",n.userInput),n.userInput=""});else{if(So(Xo(n.itemsTrans,e=>Fs(e,n.userInput)))>=1)return void n.$nextTick(()=>{n.$emit("error","duplicate values"),n.userInput=""});n.$nextTick(()=>{n.itemsTrans.push(Mt(n.userInput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userInput),n.userInput=""})}}},pull:function(n,e){let t=[];return ke(n,(n,r)=>{r!==e&&t.push(n)}),t},clickRemoveBtn:function(n,e){let t=this;t.enableCloseEventOnly?t.$nextTick(()=>{let r={item:n,kitem:e};t.$emit("click-close",r)}):t.$nextTick(()=>{if(t.closeWithInterceptor){let r=In(),o={item:n,kitem:e,pm:r};t.$emit("click-close",o),r.then(()=>{t.enableActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let r=t.pull(t.itemsTrans,e);t.$emit("input",r)}).catch(n=>{})}else{let r={item:n,kitem:e};t.$emit("click-close",r),t.enableActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let o=t.pull(t.itemsTrans,e);t.$emit("input",o)}})}}};const Uh=Eh;var Qh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,function(e,r){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.isDraggable?n.getDgOpt():null,expression:"isDraggable?getDgOpt():null"}],key:""+(n.isObjValue?n.o2j(e):e),staticClass:"WGroupTags-Trans",staticStyle:{display:"inline-block"},attrs:{dragindex:r,draggable:"false"},on:{domdragdrop:n.dragdrop}},[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{text:n.isObjValue?n.get(e,""+n.keyText):e,tooltip:n.isObjValue?n.get(e,""+n.keyTooltip):null,icon:n.isObjValue?n.get(e,""+n.keyIcon):n.icon,iconColor:n.getColor(e,"iconColor"),iconColorHover:n.getColor(e,"iconColorHover"),iconColorActive:n.getColor(e,"iconColorActive"),iconSize:n.iconSize,progColor:n.getColor(e,"progColor"),progBackgroundColor:n.getColor(e,"progBackgroundColor"),textColor:n.getColor(e,"textColor"),textColorHover:n.getColor(e,"textColorHover"),textColorActive:n.getColor(e,"textColorActive"),textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.getColor(e,"borderColor"),borderColorHover:n.getColor(e,"borderColorHover"),borderColorActive:n.getColor(e,"borderColorActive"),backgroundColor:n.getColor(e,"backgroundColor"),backgroundColorHover:n.getColor(e,"backgroundColorHover"),backgroundColorActive:n.getColor(e,"backgroundColorActive"),shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,active:n.isActive(e),close:n.editable&&n.editableClose,editable:n.editable},on:{click:function(t){n.clickChip(t,e,r)},"click-close":function(t){return n.clickRemoveBtn(e,r)}}},[n._t("item",null,{item:e,kitem:r,active:n.isActive(e)})],2)],1)]})],2),n._v(" "),n.enableNodata&&0===n.itemsTrans.length?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{_key:"",text:n.nodata,tooltip:n.nodata,icon:n.icon,iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,_close:"editable && editableClose",editable:!0,_click:"(msg)=>{clickChip(msg,item,kitem)}","_click-close":"clickRemoveBtn(item,kitem)"}},[n._t("item",null,{item:null,kitem:null,active:!1})],2)]:n._e(),n._v(" "),n.editable&&n.editableInput?t("div",{style:"display:inline-block; vertical-align:middle;"},[n._t("input",function(){return["button"===n.useMode?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{icon:n.addButtonIcon,iconColor:n.addButtonIconColor,iconColorHover:n.addButtonIconColorHover,text:n.addButtonText,textColor:n.addButtonTextColor,textColorHover:n.addButtonTextColorHover,backgroundColor:n.addButtonBackgroundColor,backgroundColorHover:n.addButtonBackgroundColorHover,tooltip:n.addButtonTooltip,paddingStyle:{v:3,h:12},_shiftLeft:"shiftLeft",_shiftRight:"shiftRight"},on:{click:n.clickAddBtn}})]:[t("WTextSuggest",{style:n.useMarginStyle+" width:"+n.inputTextWidth+"px;",attrs:{expansionIconColor:n.inputExpansionIconColor,keyText:n.inputKeyText,textFontSize:n.inputTextFontSize,textColor:n.inputTextColor,itemTextColor:n.suggectItemTextColor,itemTextColorHover:n.suggectItemTextColorHover,itemFontSize:n.suggectItemFontSize,itemBackgroundColor:n.suggectItemBackgroundColor,itemBackgroundColorHover:n.suggectItemBackgroundColorHover,shadow:!1,borderColor:n.inputTextBorderColor,borderColorHover:n.inputTextBorderColorHover,borderColorFocus:n.inputTextBorderColorFocus,backgroundColor:n.inputTextBackgroundColor,backgroundColorHover:n.inputTextBackgroundColorHover,backgroundColorFocus:n.inputTextBackgroundColorFocus,showExpansionIcon:!1,rightIcon:n.inputTextButtonIcon,rightIconColor:n.inputTextButtonColor,rightIconColorHover:n.inputTextButtonColorHover,rightIconColorFocus:n.inputTextButtonColorFocus,rightIconTooltip:n.inputTextButtonTooltip,items:n.suggests,placeholder:n.placeholder,noResultsText:n.noResultsText},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)};Qh._withStripped=!0;const qh=t({render:Qh,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})},Uh,"data-v-38e0b664",false,void 0,!1,o,void 0,void 0);var nm={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts-more.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/boost-canvas.js","base:w-highcharts"]},options:{type:Object,default:()=>{}},scale:{type:Number,default:3},render:{type:Function,default:null}},data:function(){return{picw:0,pich:0,b64:""}},mounted:function(){br(this.pathItems).then(n=>{if("loaded"!==n){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt())}})},watch:{options:{immediate:!0,deep:!0,handler(n){let e=this;e.picw=0,e.pich=0,e.b64="",e.plot()}}},computed:{isEff:function(){return qo(this.options)},isGenDone:function(){return""!==this.b64}},methods:{plot:function(){let n=this;(async function(){if(await sr(()=>void 0!==n.$el),!n.isEff)return;if(n.isGenDone)return;let e=mn(n,"$el.offsetWidth"),t=mn(n,"$el.offsetHeight");if(!Fo(e)||!Fo(t))return;if(e<=0||t<=0||n.scale<=0)return;if(!Be(n.render))return void console.log("render is not a function");let r=n.render,o=await r(e,t,n.scale,n.options);n.picw=e,n.pich=t,n.b64=o})().catch(e=>{console.log(e),n.$emit("error",e)})}}};const em=nm;var tm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.isEff&&!n.isGenDone?t("WIconLoading"):n._e(),n._v(" "),n.isGenDone?t("img",{ref:"pic",style:"width:"+n.picw+"px; height:"+n.pich+"px;",attrs:{src:n.b64}}):n._e()],1)};tm._withStripped=!0;const rm=t({render:tm,staticRenderFns:[]},function(n){n&&n("data-v-2fdcb3cc_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsBitmapDyn.vue"},media:void 0})},em,"data-v-2fdcb3cc",false,void 0,!1,o,void 0,void 0);const om={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts-more.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/boost-canvas.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js","base:w-highcharts"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt());let t=window.VueHighcharts;t.default&&(t=t.default),xr().use(t,{Highcharts:n})}n.cmpName="Highcharts"})},computed:{},methods:{}};var im=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};im._withStripped=!0;const lm=t({render:im,staticRenderFns:[]},function(n){n&&n("data-v-c1d82c8a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})},om,"data-v-c1d82c8a",false,void 0,!1,o,void 0,void 0);const am={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts-more.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/annotations.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js","base:w-highcharts"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt());let t=window.VueHighcharts;t.default&&(t=t.default),xr().use(t)}n.cmpName="Highstock"})},computed:{},methods:{}};var dm=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};dm._withStripped=!0;const um=t({render:dm,staticRenderFns:[]},function(n){n&&n("data-v-c6f8d758_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighstockVueDyn.vue"},media:void 0})},am,"data-v-c6f8d758",false,void 0,!1,o,void 0,void 0);var sm=4294967295,cm=Math.min;function pm(n,e){if((n=zn(n))<1||n>9007199254740991)return[];var t=sm,r=cm(n,sm);e=we(e),n-=sm;for(var o=Kn(r,e);++t<n;)e(t);return o}function fm(n,e,t){(void 0!==t&&!$(n[e],t)||void 0===t&&!(e in n))&&vi(n,e,t)}function gm(n,e){if(("constructor"!==e||"function"!=typeof n[e])&&"__proto__"!=e)return n[e]}function hm(n,e,t,r,o,i,l){var a=gm(n,t),d=gm(e,t),u=l.get(d);if(u)fm(n,t,u);else{var c,p=i?i(a,d,t+"",n,e,l):void 0,f=void 0===p;if(f){var g=s(d),h=!g&&qn(d),m=!g&&!h&&se(d);p=d,g||h||m?s(a)?p=a:S(c=a)&&be(c)?p=Ai(a):h?(f=!1,p=Hi(d,!0)):m?(f=!1,p=Li(d,!0)):p=[]:li(d)||Jn(d)?(p=a,Jn(a)?p=function(n){return Ci(n,Ii(n))}(a):B(a)&&!H(a)||(p=Ki(d))):f=!1}f&&(l.set(d,p),o(p,d,r,i,l),l.delete(d)),fm(n,t,p)}}function mm(n,e,t,r,o){n!==e&&jn(e,function(i,l){if(o||(o=new We),B(i))hm(n,e,l,t,mm,r,o);else{var a=r?r(gm(n,l),i,l+"",n,e,o):void 0;void 0===a&&(a=i),fm(n,l,a)}},Ii)}var vm,ym=(vm=function(n,e,t){mm(n,e,t)},Oo(function(n,e){var t=-1,r=e.length,o=r>1?e[r-1]:void 0,i=r>2?e[2]:void 0;for(o=vm.length>3&&"function"==typeof o?(r--,o):void 0,i&&ro(e[0],e[1],i)&&(o=r<3?void 0:o,r=1),n=Object(n);++t<r;){var l=e[t];l&&vm(n,l,t,o)}return n})),bm=ym;async function Cm(n,e=null,t={}){let r=!0,o=null,i=In();qo(t)||(t={});let l=mn(t,"disTouchMoveToHide",null);if(rr(l)||(l=4),l=tr(l),!ai(n))return i.reject("eleImg is not a HTMLElement"),i;if(o=n,null!==e){if(!ai(e))return i.reject("eleGroup is not a HTMLElement"),i;r=!1,o=e}if(!r){let n=So(e.querySelectorAll("img"));if(0===n)return i.reject("eleGroup does not contain any img"),i;1===n&&(r=!0)}let a={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};r||(a=function(){let n={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};return n.navbar=!0,n.toolbar.prev=4,n.toolbar.next=4,n}()),a=bm(a,qi(t)),a.shown=function(){(async()=>{let n=null;await sr(()=>(n=u.viewer,ai(n)));let e=!1,t=0,r=0,o=0;n.addEventListener("touchstart",n=>{let o=n.touches[0];t=o.clientX,r=o.clientY,((n,e)=>{let t=document.elementsFromPoint(n,e).find(n=>"IMG"===n.tagName);if(!ai(t))return!0;let r=t?.classList?.contains("viewer-move");return!r})(t,r)&&(e=!0)},{passive:!1}),n.addEventListener("touchmove",n=>{if(!e)return;let i=n.touches[0],l=i.clientX,a=i.clientY,d=l-t,u=a-r,s=Math.sqrt(d*d+u*u);o+=s,t=i.clientX,r=i.clientY},{passive:!1}),n.addEventListener("touchend",n=>{e&&(o<l&&(n.preventDefault(),n.stopPropagation(),u.hide(!0)),e=!1,o=0)},{passive:!1}),n.addEventListener("touchcancel",n=>{e=!1,o=0})})().catch(n=>{console.log(n)})};let d=!1;a.hide=function(){d||(d=!0,u.hide(!0))},a.hidden=function(){u.destroy(),i.resolve("close")};let u=new(0,Cr().Viewer)(o,a);return u.show(),i}async function xm(n,e=null,t={},r){return Ya(r)||(r=["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]),await hr(r),Cm(n,e,t)}function Sm(n=0,e=!1){return new function(n,e){let t=null;rr(n)||(n=0),n=tr(n),wn(e)||(e=!1);let r=function(n=0){let e=0,t=[];Js(n)&&(n=0),n=tr(n);let r=rl();return r.get=function(){return t.length>0?(e+=1,t.splice(0,1)[0]):null},r.cb=function(){e-=1,e<0&&(e=0),t.length>0&&r.emit("message",t)},r.push=function(o){t.push(o),(n<=0||e<n)&&r.emit("message",t)},r.clear=function(){e=0,t=[]},r}(n);return r.on("message",async function(n){let e=r.get();if(!e)return;await cr(1);let t,o=mn(e,"id"),i=mn(e,"fun"),l=mn(e,"input");t=Be(i)?await Hf(i)(...l):{state:"error",msg:"fun is not a function"},r.emit(o,t),r.cb()}),function(n,...o){let i=In(),l=Qo();t=l;let a={id:l,fun:n,input:o};return r.push(a),r.once(l,n=>{e?l===t?"success"===n.state?i.resolve(n.msg):i.reject(n.msg):i.reject({reason:"cancelled"}):"success"===n.state?i.resolve(n.msg):i.reject(n.msg)}),i}}(n,e)}let Im=!1;var wm={directives:{domresize:ol()},components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageWidth:{type:Number,default:300},imageWidthSoft:{type:Number,default:null},colNum:{type:Number,default:null},space:{type:Number,default:15},imageStyle:{type:Object,default:()=>{}},arrangeWhenFinish:{type:Boolean,default:!1},numParallel:{type:Number,default:5},opt:{type:Object,default:()=>{}}},data:function(){return{dbc:Bf(),loading:!0,first:!1,widthPanel:0,heightPanel:0,imageCols:[],imageLocs:[],useImageStyle:{},uesImageWidth:0,imagesRes:[]}},mounted:function(){let n=this;br(n.pathItems).then(e=>{n.loading=!1})},computed:{changeImages:function(){let n=this.images;return this.refreshDebounce({images:n}),""},changeStyle:function(){let n=this,e=n.widthPanel,t=n.imageWidth,r=n.imageStyle,o=n.colNum,i=n.space;return n.refreshDebounce({widthPanel:e,imageWidth:t,imageStyle:r,colNum:o,space:i}),""}},methods:{resize:function(n){let e=this,t=mn(e,"$el.offsetWidth",0);Im||e.widthPanel!==t&&(e.widthPanel=t)},getImgSize:function(n,e){let t=In(),r=`g${Qo()}`,o=document.createElement("img");o.src=n,o.style.maxWidth=`${e}px`;let i=document.createElement("div");return i.id=`img-${r}`,i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.opacity=0,i.style.overflow="hidden",i.appendChild(o),document.body.appendChild(i),o.onload=function(){t.resolve({src:n,id:r,w:o.clientWidth,h:o.clientHeight,err:null}),Na(i)},o.onerror=function(e){t.reject({src:n,w:0,h:0,err:e}),Na(i)},t},getImgsSize:function(n,e){let t=this,r=rl(),o=Sm(t.numParallel);t.imagesRes=[];let i=-1;return ke(t.images,(l,a)=>{o(t.getImgSize,l,n).then(n=>{i++;let o=i;t.arrangeWhenFinish&&(o=a);let l={...n,name:(d=n.src,d.split("\\").pop().split("/").pop()),ind:o,evKey:e};var d;t.imagesRes[o]=l,r.emit("get",l)}).catch(n=>{console.log(n)})}),r},refreshDebounce:function(){let n=this;n.dbc(()=>{n.refresh()})},refresh:function(){let n=this,e=null,t=null;if(Fo(n.imageWidthSoft)&&n.imageWidthSoft>0)t=(n.widthPanel+n.space)/(n.imageWidthSoft+n.space),t=Math.floor(t),t=Math.max(t,1),e=(n.widthPanel-n.space*(t-1))/t;else if(dr(n.colNum))t=tr(n.colNum),e=(n.widthPanel-(t-1)*n.space)/t,e=Math.floor(e);else if(Fo(n.imageWidth)&&n.imageWidth>0){e=n.imageWidth;let r=n.widthPanel+n.space;r=Math.max(r,0);let o=e+n.space;o=Math.max(o,1),t=Math.floor(r/o)}else console.log("invalid colNum or imageWidth or imageWidthSoft",n.colNum,n.imageWidth,n.imageWidthSoft),t=4,e=300;n.uesImageWidth=e;let r={...n.imageStyle,"max-width":`${e}px`,"user-select":"none",cursor:"pointer",outline:"none"};function o(){n.imageCols=Bt(pm(t),()=>[]),n.imageLocs=Bt(pm(t),()=>0)}function i(e){if(!Te(n.imageCols))return;let t=function(){let e=n.imageLocs[0],t=0;return ke(n.imageLocs,(n,r)=>{e>n&&(e=n,t=r)}),t}();try{n.imageCols[t].push(e),n.imageLocs[t]+=e.h+n.space+53}catch(n){}}function l(){o(),ke(n.imagesRes,n=>{i(n)})}n.useImageStyle=r,n.first?l():function(){let t=In();o();let r=Qo(),a=So(n.images),d=n.getImgsSize(e,r),u=0;d.on("get",e=>{e.evKey===r&&(i(e),u++,u>=a&&(n.first=!0,n.arrangeWhenFinish&&l(),t.resolve()))})}()},showImg:function(n,e){let t=this;Im=!0,xm(n.currentTarget,null,t.opt,t.pathItems).finally(()=>{Im=!1}),t.$emit("click",e)}}};const km=wm;var Tm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeImages:n.changeImages,changeStyle:n.changeStyle},on:{domresize:n.resize}},[t("div",{staticStyle:{"margin-top":"-1px",height:"1px"}}),n._v(" "),n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},n._l(n.imageCols,function(e,r){return t("div",{key:"c-"+r,style:"display:table-cell; vertical-align:top; margin:0; padding-left:"+(r>0?n.space:0)+"px;"},n._l(e,function(e,r){return t("div",{key:"kimg-"+r,class:n.first?"":"fadeIn",style:"margin:"+(r>0?n.space:0)+"px 0 0 0; width:"+n.uesImageWidth+"px; user-select:none; outline:none;",attrs:{tabindex:"0"}},[t("div",{style:"display:flex;"},[t("img",{style:n.useImageStyle,attrs:{src:e.src},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:function(t){n.showImg(t,e)}.apply(null,arguments)},click:function(t){n.showImg(t,e)}}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(0,0,0,0.65)",padding:"5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.8rem",color:"#fff"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.name}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(200,200,200,0.5)",padding:"3px 5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.7rem",opacity:"0.75"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.src}})])])}),0)}),0)],1)};Tm._withStripped=!0;const Bm=t({render:Tm,staticRenderFns:[]},function(n){n&&n("data-v-a8c18788_0",{source:"\n.inp[data-v-a8c18788] {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\n}\n.inp[data-v-a8c18788]:focus {\r\n    outline: none;\n}\n.fadeIn[data-v-a8c18788] {\r\n    animation: aniFadeIn-data-v-a8c18788 0.3s;\n}\n@keyframes aniFadeIn-data-v-a8c18788\r\n{\nfrom {opacity: 0;}\nto {opacity: 1}\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WImageCascadingDyn.vue"],names:[],mappings:";AAolBA;IACA,aAAA;IACA,YAAA;IACA,iBAAA;IACA,WAAA;IACA,SAAA;IACA,UAAA;IACA,cAAA;IACA,uBAAA;IACA,kBAAA;AACA;AACA;IACA,aAAA;AACA;AACA;IACA,yCAAA;AACA;AACA;;AAEA,MAAA,UAAA,CAAA;AACA,IAAA,UAAA;AACA",file:"WImageCascadingDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeImages=\"changeImages\"\r\n        :changeStyle=\"changeStyle\"\r\n        v-domresize\r\n        @domresize=\"resize\"\r\n    >\r\n\r\n        \x3c!-- 初始化無圖片時先撐開寬度 --\x3e\r\n        <div style=\"margin-top:-1px; height:1px;\"></div>\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div :style=\"`${loading?'heigh:0px; max-height:0px; overflow-y:hidden;':''}`\">\r\n\r\n            <div\r\n                :style=\"`display:table-cell; vertical-align:top; margin:0; padding-left:${kimgs>0?space:0}px;`\"\r\n                :key=\"`c-${kimgs}`\"\r\n                v-for=\"(imgs,kimgs) in imageCols\"\r\n            >\r\n\r\n                <div\r\n                    :class=\"`${first?'':'fadeIn'}`\"\r\n                    :style=\"`margin:${kimg>0?space:0}px 0 0 0; width:${uesImageWidth}px; user-select:none; outline:none;`\"\r\n                    tabindex=\"0\"\r\n                    :key=\"`kimg-${kimg}`\"\r\n                    v-for=\"(img,kimg) in imgs\"\r\n                >\r\n\r\n                    <div :style=\"`display:flex;`\">\r\n                        <img\r\n                            :style=\"useImageStyle\"\r\n                            :src=\"img.src\"\r\n                            @keyup.enter=\"(e)=>{showImg(e,img)}\"\r\n                            @click=\"(e)=>{showImg(e,img)}\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(0,0,0,0.65); padding:5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.8rem; color:#fff;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.name\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(200,200,200,0.5); padding:3px 5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.7rem; opacity:0.75;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.src\"\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 each from 'lodash-es/each.js'\r\nimport map from 'lodash-es/map.js'\r\nimport get from 'lodash-es/get.js'\r\nimport times from 'lodash-es/times.js'\r\nimport size from 'lodash-es/size.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport importResExt from '../js/importResExt.mjs'\r\nimport domShowImagesDyn from 'wsemi/src/domShowImagesDyn.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport cint from 'wsemi/src/cint.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport pmQueue from 'wsemi/src/pmQueue.mjs'\r\nimport domRemove from 'wsemi/src/domRemove.mjs'\r\nimport evem from 'wsemi/src/evem.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//showViewer, 得要跨組件共用, 因彈出viewer會影響全部組件\r\nlet showViewer = false\r\n\r\n\r\nfunction getFileName(str) {\r\n    return str.split('\\\\').pop().split('/').pop()\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入viewerjs組件js與css檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {Array} [images=[]] 輸入圖片網址陣列，預設[]\r\n * @vue-prop {Number} [imageWidth=300] 輸入圖片寬度數字，單位為px，預設300\r\n * @vue-prop {Number} [imageWidthSoft=null] 輸入自動計算最小需滿足的圖片寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [colNum=null] 輸入組件寬度圖片欄位(水平向有幾張圖片)數量數字，預設null\r\n * @vue-prop {Number} [space=15] 輸入圖片間間距長度數字，單位為px，預設15\r\n * @vue-prop {Object} [imageStyle={}] 輸入圖片style物件，預設{}\r\n * @vue-prop {Object} [arrangeWhenFinish=false] 輸入是否於圖片載入完畢時依照原本圖片順序排序布林值，預設false\r\n * @vue-prop {Number} [numParallel=5] 輸入同時載入圖片數量數字，預設5\r\n * @vue-prop {Object} [opt={}] 輸入viewerjs設定物件，預設使用optOne或optMuti，若img僅一個則使用optOne，反之使用optMuti\r\n * @vue-prop {Boolean} [multiple=false] 輸入\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [ //預設值詳見 wsemi/src/domShowImagesDyn.mjs, 因此處有預載, 故所使用viewerjs的版本得相同\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css',\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js',\r\n            ],\r\n        },\r\n        images: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        imageWidth: {\r\n            type: Number,\r\n            default: 300,\r\n        },\r\n        imageWidthSoft: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        colNum: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        imageStyle: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        arrangeWhenFinish: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        numParallel: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        opt: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            loading: true,\r\n            first: false,\r\n\r\n            widthPanel: 0,\r\n            heightPanel: 0,\r\n            imageCols: [],\r\n            imageLocs: [],\r\n            useImageStyle: {},\r\n            uesImageWidth: 0,\r\n\r\n            imagesRes: [],\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        //importResExt\r\n        importResExt(vo.pathItems)\r\n            .then((res) => {\r\n                //console.log('res', res)\r\n\r\n                //loading\r\n                vo.loading = false\r\n\r\n            })\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeImages: function() {\r\n            // console.log('computed changeImages')\r\n\r\n            let vo = this\r\n\r\n            let images = vo.images\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ images })\r\n\r\n            return ''\r\n        },\r\n\r\n        changeStyle: function() {\r\n            // console.log('computed changeStyle')\r\n\r\n            let vo = this\r\n\r\n            //for trigger\r\n            let widthPanel = vo.widthPanel\r\n            let imageWidth = vo.imageWidth\r\n            let imageStyle = vo.imageStyle\r\n            let colNum = vo.colNum\r\n            let space = vo.space\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ widthPanel, imageWidth, imageStyle, colNum, space })\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resize: function(msg) {\r\n            // console.log('methods resize', msg)\r\n\r\n            let vo = this\r\n\r\n            //widthPanel\r\n            let widthPanel = get(vo, '$el.offsetWidth', 0)\r\n\r\n            //check, 因開啟viewer會改變視窗尺寸, 進而觸發resize, 會導致觸發changeStyle並重算圖片, 故得使用showViewer判斷是否為開啟viewer狀態, 避免重算圖片\r\n            if (showViewer) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.widthPanel === widthPanel) {\r\n                return\r\n            }\r\n\r\n            //save\r\n            vo.widthPanel = widthPanel\r\n\r\n        },\r\n\r\n        getImgSize: function(src, uesImageWidth) {\r\n            //console.log('methods getImgSize', src, uesImageWidth)\r\n\r\n            // let vo = this\r\n\r\n            //pm\r\n            let pm = genPm()\r\n\r\n            //id\r\n            let id = `g${genID()}`\r\n\r\n            //img\r\n            let img = document.createElement('img')\r\n            img.src = src\r\n            img.style.maxWidth = `${uesImageWidth}px`\r\n\r\n            //div\r\n            let div = document.createElement('div')\r\n            div.id = `img-${id}`\r\n            div.style.position = 'absolute'\r\n            div.style.width = 0\r\n            div.style.height = 0\r\n            div.style.opacity = 0\r\n            div.style.overflow = 'hidden'\r\n            div.appendChild(img)\r\n\r\n            //body\r\n            document.body.appendChild(div)\r\n\r\n            //onload\r\n            img.onload = function() {\r\n                // setTimeout(() => {\r\n                //     pm.resolve({\r\n                //         src,\r\n                //         id,\r\n                //         w: img.clientWidth,\r\n                //         h: img.clientHeight,\r\n                //         err: null,\r\n                //     })\r\n                //     domRemove(div)\r\n                // }, random(10, 2500))\r\n                pm.resolve({\r\n                    src,\r\n                    id,\r\n                    w: img.clientWidth,\r\n                    h: img.clientHeight,\r\n                    err: null,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            //onerror\r\n            img.onerror = function(err) {\r\n                pm.reject({\r\n                    src,\r\n                    w: 0,\r\n                    h: 0,\r\n                    err,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            return pm\r\n        },\r\n\r\n        getImgsSize: function(uesImageWidth, evKey) {\r\n            //console.log('methods getImgsSize', uesImageWidth, evKey)\r\n\r\n            let vo = this\r\n\r\n            //ev\r\n            let ev = evem()\r\n\r\n            //pmQueue\r\n            let pmq = pmQueue(vo.numParallel) //1次取得numParallel個圖片\r\n\r\n            //getImgSize\r\n            vo.imagesRes = []\r\n            let j = -1\r\n            each(vo.images, (src, k) => {\r\n                pmq(vo.getImgSize, src, uesImageWidth)\r\n                    .then((r) => {\r\n                        j++\r\n\r\n                        //ind\r\n                        let ind = j\r\n                        if (vo.arrangeWhenFinish) { //需依照原始順序排序\r\n                            ind = k\r\n                        }\r\n\r\n                        //o\r\n                        let o = {\r\n                            ...r,\r\n                            name: getFileName(r.src),\r\n                            ind,\r\n                            evKey,\r\n                        }\r\n\r\n                        //save imagesRes\r\n                        vo.imagesRes[ind] = o\r\n\r\n                        //emit\r\n                        ev.emit('get', o)\r\n\r\n                    })\r\n                    .catch((err) => {\r\n                        console.log(err)\r\n                    })\r\n            })\r\n\r\n            return ev\r\n        },\r\n\r\n        refreshDebounce: function() {\r\n            //console.log('methods refreshDebounce')\r\n\r\n            let vo = this\r\n\r\n            //dbc\r\n            vo.dbc(() => {\r\n\r\n                //refresh\r\n                vo.refresh()\r\n\r\n            })\r\n\r\n        },\r\n\r\n        refresh: function() {\r\n            // console.log('methods refresh')\r\n\r\n            let vo = this\r\n\r\n            //uesImageWidth, colNum\r\n            let uesImageWidth = null\r\n            let colNum = null\r\n            if (isNumber(vo.imageWidthSoft) && vo.imageWidthSoft > 0) {\r\n                // console.log('優先使用imageWidthSoft計算colNum與imageWidth')\r\n\r\n                //colNum\r\n                colNum = (vo.widthPanel + vo.space) / (vo.imageWidthSoft + vo.space)\r\n                colNum = Math.floor(colNum)\r\n                colNum = Math.max(colNum, 1)\r\n                // console.log('colNum', colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - vo.space * (colNum - 1)) / colNum\r\n                // console.log('uesImageWidth', uesImageWidth)\r\n\r\n            }\r\n            else if (ispint(vo.colNum)) {\r\n                // console.log('次先使用colNum計算imageWidth')\r\n\r\n                //colNum\r\n                colNum = cint(vo.colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - (colNum - 1) * vo.space) / colNum\r\n                uesImageWidth = Math.floor(uesImageWidth)\r\n\r\n            }\r\n            else if (isNumber(vo.imageWidth) && vo.imageWidth > 0) {\r\n                // console.log('最後使用imageWidth計算colNum')\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = vo.imageWidth\r\n\r\n                //colNum\r\n                let wa = vo.widthPanel + vo.space\r\n                wa = Math.max(wa, 0)\r\n                let wis = uesImageWidth + vo.space\r\n                wis = Math.max(wis, 1)\r\n                colNum = Math.floor(wa / wis)\r\n\r\n            }\r\n            else {\r\n                console.log('invalid colNum or imageWidth or imageWidthSoft', vo.colNum, vo.imageWidth, vo.imageWidthSoft)\r\n                colNum = 4\r\n                uesImageWidth = 300\r\n            }\r\n            vo.uesImageWidth = uesImageWidth\r\n\r\n            //useImageStyle\r\n            let useImageStyle = {\r\n                ...vo.imageStyle,\r\n                'max-width': `${uesImageWidth}px`,\r\n                'user-select': 'none',\r\n                'cursor': 'pointer',\r\n                'outline': 'none',\r\n            }\r\n            vo.useImageStyle = useImageStyle\r\n\r\n            function getMinHeightCol() {\r\n                let hmin = vo.imageLocs[0]\r\n                let ihmin = 0\r\n                each(vo.imageLocs, (v, i) => {\r\n                    if (hmin > v) {\r\n                        hmin = v\r\n                        ihmin = i\r\n                    }\r\n                })\r\n                return ihmin\r\n            }\r\n\r\n            function resetImageColsAndLocs() {\r\n                vo.imageCols = map(times(colNum), () => {\r\n                    return []\r\n                })\r\n                vo.imageLocs = map(times(colNum), () => {\r\n                    return 0\r\n                })\r\n            }\r\n\r\n            function pushImage(img) {\r\n\r\n                //check, 開發階段可能hot reload組件導致出現上一輪事件\r\n                if (!isarr(vo.imageCols)) {\r\n                    return\r\n                }\r\n\r\n                //getMinHeightCol\r\n                let i = getMinHeightCol()\r\n\r\n                try {\r\n\r\n                    //push\r\n                    vo.imageCols[i].push(img)\r\n\r\n                    //update\r\n                    vo.imageLocs[i] += img.h + vo.space + (29 + 24) //29是圖名區高度, 24是位址區高度\r\n\r\n                }\r\n                catch (err) { }\r\n\r\n            }\r\n\r\n            function build() {\r\n\r\n                //pm\r\n                let pm = genPm()\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //evKey\r\n                let evKey = genID()\r\n\r\n                //num\r\n                let num = size(vo.images)\r\n\r\n                //getImgsSize\r\n                let ev = vo.getImgsSize(uesImageWidth, evKey)\r\n\r\n                //pushImage\r\n                let n = 0\r\n                ev.on('get', (img) => {\r\n                    // console.log('get', img)\r\n\r\n                    //check\r\n                    if (img.evKey !== evKey) {\r\n                        return\r\n                    }\r\n\r\n                    //pushImage\r\n                    pushImage(img)\r\n\r\n                    //check\r\n                    n++\r\n                    if (n >= num) {\r\n\r\n                        //first\r\n                        vo.first = true\r\n\r\n                        //arrange\r\n                        if (vo.arrangeWhenFinish) {\r\n                            arrange()\r\n                        }\r\n\r\n                        //resolve\r\n                        pm.resolve()\r\n\r\n                    }\r\n\r\n                })\r\n\r\n                return pm\r\n            }\r\n\r\n            function arrange() {\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //pushImage\r\n                each(vo.imagesRes, (img) => {\r\n                    pushImage(img)\r\n                })\r\n\r\n            }\r\n\r\n            if (!vo.first) {\r\n                // console.log('build')\r\n                build()\r\n            }\r\n            else {\r\n                // console.log('arrange')\r\n                arrange()\r\n            }\r\n\r\n        },\r\n\r\n        showImg: function(e, img) {\r\n            // console.log('methods showImg', e, img)\r\n\r\n            let vo = this\r\n\r\n            //showViewer\r\n            showViewer = true\r\n\r\n            //domShowImagesDyn\r\n            domShowImagesDyn(e.currentTarget, null, vo.opt, vo.pathItems)\r\n                .finally(() => {\r\n\r\n                    //showViewer\r\n                    showViewer = false\r\n\r\n                })\r\n\r\n            //emit\r\n            vo.$emit('click', img)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.inp {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\r\n}\r\n.inp:focus {\r\n    outline: none;\r\n}\r\n.fadeIn {\r\n    animation: aniFadeIn 0.3s;\r\n}\r\n@keyframes aniFadeIn\r\n{\r\n    from {opacity: 0;}\r\n    to {opacity: 1}\r\n}\r\n</style>\r\n"]},media:void 0})},km,"data-v-a8c18788",false,void 0,!1,o,void 0,void 0);var Hm={components:{WIconLoading:Bo},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},numRetryMax:{type:Number,default:10}},data:function(){return{ev:null,showed:!1,loaded:!1,useWidth:0,useHeight:0,useUrl:"",numRetry:0,t:null}},mounted:function(){let n=this;n.ev=Pf(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;clearTimeout(n.t);try{n.ev.dispose()}catch(n){}},computed:{changeUrl:function(){let n=this;return n.loaded=!1,n.numRetry=0,n.useUrl=n.url,""},changeSize:function(){let n=this,e=n.width,t=n.height,r=n.ratio;return xn(e)&&xn(t)?(e=Math.max(Et(e),0),t=Math.max(Et(t),0),n.useWidth=e,n.useHeight=t):xn(e)&&xn(r)?(e=Math.max(Et(e),0),r=Math.max(Et(r),0),t=e/r,n.useWidth=e,n.useHeight=t):xn(t)&&xn(r)?(t=Math.max(Et(t),0),r=Math.max(Et(r),0),e=t*r,n.useWidth=e,n.useHeight=t):console.log("width, height and ratio, at least two of the three parameters must be provided"),""}},methods:{onLoad:function(n){this.numRetry=0,this.loaded=!0},onError:function(n){let e=this;e.loaded=!1,e.numRetry>=e.numRetryMax?console.log(`url[${e.url}] can not load`):(e.useUrl="",clearTimeout(e.t),e.t=setTimeout(()=>{e.numRetry++,console.log(`url[${e.url}] reload n=${e.numRetry}...`),e.useUrl=e.url},2e3))},ckImg:function(n){let e=this.url,t=n.target;this.$emit("click",{url:e,ele:t})}}};const Am=Hm;var Wm=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:{changeUrl:n.changeUrl,changeSize:n.changeSize}},[n.showed&&n.loaded?n._e():t("WIconLoading"),n._v(" "),n.useUrl&&n.showed?t("img",{style:"width:"+n.useWidth+"px; height:"+n.useHeight+"px; opacity:"+(n.loaded?1:0)+";",attrs:{src:n.useUrl},on:{load:n.onLoad,error:n.onError,click:n.ckImg}}):n._e()],1)};Wm._withStripped=!0;const Fm=t({render:Wm,staticRenderFns:[]},function(n){n&&n("data-v-dd2bacee_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},Am,"data-v-dd2bacee",false,void 0,!1,o,void 0,void 0);var Zm={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageStyle:{type:Object,default:()=>{}},opt:{type:Object,default:()=>{}},multiple:{type:Boolean,default:!1}},data:function(){return{loading:!0}},mounted:function(){let n=this;br(n.pathItems).then(e=>{n.loading=!1,n.$nextTick(()=>{ke(mn(n,"$refs.wiv",[]),(n,e)=>{di(n,{duration:200,delay:100*e})})})})},computed:{useImageStyle:function(){return bm({margin:"5px"},this.imageStyle)}},methods:{showImg:function(n){let e=this,t=null;e.multiple&&(t=e.$refs.wig),xm(n.currentTarget,t,e.opt,e.pathItems).catch(n=>{console.log(n)})}}};const Xm=Zm;var Rm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{ref:"wig",style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},n._l(n.images,function(e,r){return t("div",{key:r,ref:"wiv",refInFor:!0,staticStyle:{display:"inline-block",opacity:"0","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.showImg.apply(null,arguments)},click:n.showImg}},[t("img",{style:n.useImageStyle,attrs:{src:e}})])}),0)],1)};Rm._withStripped=!0;const Vm=t({render:Rm,staticRenderFns:[]},function(n){n&&n("data-v-c213bc2c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageViewerDyn.vue"},media:void 0})},Xm,"data-v-c213bc2c",false,void 0,!1,o,void 0,void 0);var Pm={components:{},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object]},keyText:{type:String,default:"text"},arrange:{type:String,default:"vertical"},inputSize:{type:Number,default:16},inputShiftTop:{type:Number,default:0},textColor:{type:String,default:"#222"},textColorHover:{type:String,default:"#888"},textColorActive:{type:String,default:"#222"},textColorDisabled:{type:String,default:"#666"},textFontSize:{type:String,default:"0.85rem"},paddingStyle:{type:Object,default:()=>({top:0,bottom:0,left:0,right:0})},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0}},data:function(){return{get:mn,itemsTrans:[],dataActive:null}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=qi(n.items),t=Bt(e,e=>{let t=function(e){let t;return t=n.multiCheck?Zs(n.value,e):Fs(e,n.value),t}(e);return t}),r=[],o=[];return ke(e,(n,e)=>{let i={data:n},l=`id-${e}`;i.id=l;let a=t[e];i.active=a,i.hover=!1,r.push(i),a&&o.push(l)}),n.multiCheck||(o=o[0]),n.itemsTrans=r,n.dataActive=o,""},usePadding:function(){return`padding:${La(this.paddingStyle,{ext:{}})};`},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},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},effTextColorActive:function(){return wo(this.textColorActive)},effTextColorDisabled:function(){return wo(this.textColorDisabled)}},methods:{getText:function(n){return mn(n,`data.${this.keyText}`)||mn(n,"data")},getTextColor:function(n,e){let t=this;return t.editable?n.active?t.effTextColorActive:n.hover?t.effTextColorHover:t.effTextColor:t.effTextColorDisabled},mouseenter:function(n,e){let t=this;ke(t.itemsTrans,(n,r)=>{t.itemsTrans[r].hover=r===e})},mouseleave:function(n,e){let t=this;ke(t.itemsTrans,(n,e)=>{t.itemsTrans[e].hover=!1})},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=qi(e.value);if(n.active){let e=[];ke(t,t=>{Fs(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 zm=Pm;var Lm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},n._l(n.itemsTrans,function(e,r){return t("div",{key:r,style:("vertical"===n.arrange?"":"display:inline-block;")+" "+n.usePadding},[t("div",{style:"display:inline-block; transition:all 0.3s; color:"+n.getTextColor(e,r)+";",on:{mouseenter:function(t){return n.mouseenter(e,r)},mouseleave:function(t){return n.mouseleave(e,r)},click:function(t){return n.toggleState(e)}}},[t("div",{style:"display:flex; "+n.useVerticalAlign+";"},[t("div",{style:"display:flex; align-items:center; height:"+(n.inputSize+n.inputShiftTop)+"px; padding-top:"+n.inputShiftTop+"px;"},["checkbox"==(n.multiCheck?"checkbox":"radio")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:"checkbox"},domProps:{value:e.id,checked:Array.isArray(n.dataActive)?n._i(n.dataActive,e.id)>-1:n.dataActive},on:{change:function(t){var r=n.dataActive,o=t.target,i=!!o.checked;if(Array.isArray(r)){var l=e.id,a=n._i(r,l);o.checked?a<0&&(n.dataActive=r.concat([l])):a>-1&&(n.dataActive=r.slice(0,a).concat(r.slice(a+1)))}else n.dataActive=i}}}):"radio"==(n.multiCheck?"checkbox":"radio")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:"radio"},domProps:{value:e.id,checked:n._q(n.dataActive,e.id)},on:{change:function(t){n.dataActive=e.id}}}):t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:n.multiCheck?"checkbox":"radio"},domProps:{value:e.id,value:n.dataActive},on:{input:function(e){e.target.composing||(n.dataActive=e.target.value)}}})]),n._v(" "),t("div",{style:""},[n._t("default",function(){return[t("div",{style:"margin:0px 0px 0px 5px; "+n.useTextFontSize+" cursor:pointer;"},[n._v("\n                            "+n._s(n.getText(e))+"\n                        ")])]},{item:e,kitem:r,isHover:e.hover,isActive:e.active})],2)])])])}),0)};Lm._withStripped=!0;const Nm=t({render:Lm,staticRenderFns:[]},function(n){n&&n("data-v-a7e2ed94_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WInputCheckbox.vue"},media:void 0})},zm,void 0,false,void 0,!1,o,void 0,void 0);const Dm={components:{WInputCheckbox:Nm},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object]},keyText:{type:String,default:"text"},arrange:{type:String,default:"vertical"},inputSize:{type:Number,default:16},inputShiftTop:{type:Number,default:0},textColor:{type:String,default:"#222"},textColorHover:{type:String,default:"#888"},textColorActive:{type:String,default:"#222"},textColorDisabled:{type:String,default:"#666"},textFontSize:{type:String,default:"0.85rem"},paddingStyle:{type:Object,default:()=>({top:0,bottom:0,left:0,right:0})},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var Gm=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WInputCheckbox",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}}],null,!0)},"WInputCheckbox",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};Gm._withStripped=!0;const jm=t({render:Gm,staticRenderFns:[]},function(n){n&&n("data-v-70041149_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WInputRadio.vue"},media:void 0})},Dm,"data-v-70041149",false,void 0,!1,o,void 0,void 0),Km="function"==typeof Buffer,Ym="function"==typeof TextDecoder?new TextDecoder:void 0,_m=("function"==typeof TextEncoder&&new TextEncoder,Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=")),$m=(()=>{let n={};return _m.forEach((e,t)=>n[e]=t),n})(),Mm=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,Om=String.fromCharCode.bind(String),Jm="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):n=>new Uint8Array(Array.prototype.slice.call(n,0)),Em=n=>n.replace(/[^A-Za-z0-9\+\/]/g,""),Um=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,Qm=n=>{switch(n.length){case 4:var e=((7&n.charCodeAt(0))<<18|(63&n.charCodeAt(1))<<12|(63&n.charCodeAt(2))<<6|63&n.charCodeAt(3))-65536;return Om((e>>>10)+55296)+Om(56320+(1023&e));case 3:return Om((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return Om((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},qm="function"==typeof atob?n=>atob(Em(n)):Km?n=>Buffer.from(n,"base64").toString("binary"):n=>{if(n=n.replace(/\s+/g,""),!Mm.test(n))throw new TypeError("malformed base64.");let e,t,r;n+="==".slice(2-(3&n.length));let o=[];for(let i=0;i<n.length;)e=$m[n.charAt(i++)]<<18|$m[n.charAt(i++)]<<12|(t=$m[n.charAt(i++)])<<6|(r=$m[n.charAt(i++)]),64===t?o.push(Om(e>>16&255)):64===r?o.push(Om(e>>16&255,e>>8&255)):o.push(Om(e>>16&255,e>>8&255,255&e));return o.join("")},nv=Km?n=>Jm(Buffer.from(n,"base64")):n=>Jm(qm(n).split("").map(n=>n.charCodeAt(0))),ev=Km?n=>Buffer.from(n,"base64").toString("utf8"):Ym?n=>Ym.decode(nv(n)):n=>(n=>n.replace(Um,Qm))(qm(n)),tv=n=>ev((n=>Em(n.replace(/[-_]/g,n=>"-"==n?"+":"/")))(n));var rv={exports:{}};!function(n){var e=Object.prototype.hasOwnProperty,t="~";function r(){}function o(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,r,i,l){if("function"!=typeof r)throw new TypeError("The listener must be a function");var a=new o(r,i||n,l),d=t?t+e:e;return n._events[d]?n._events[d].fn?n._events[d]=[n._events[d],a]:n._events[d].push(a):(n._events[d]=a,n._eventsCount++),n}function l(n,e){0===--n._eventsCount?n._events=new r:delete n._events[e]}function a(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(t=!1)),a.prototype.eventNames=function(){var n,r,o=[];if(0===this._eventsCount)return o;for(r in n=this._events)e.call(n,r)&&o.push(t?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(n)):o},a.prototype.listeners=function(n){var e=t?t+n:n,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var o=0,i=r.length,l=new Array(i);o<i;o++)l[o]=r[o].fn;return l},a.prototype.listenerCount=function(n){var e=t?t+n:n,r=this._events[e];return r?r.fn?1:r.length:0},a.prototype.emit=function(n,e,r,o,i,l){var a=t?t+n:n;if(!this._events[a])return!1;var d,u,s=this._events[a],c=arguments.length;if(s.fn){switch(s.once&&this.removeListener(n,s.fn,void 0,!0),c){case 1:return s.fn.call(s.context),!0;case 2:return s.fn.call(s.context,e),!0;case 3:return s.fn.call(s.context,e,r),!0;case 4:return s.fn.call(s.context,e,r,o),!0;case 5:return s.fn.call(s.context,e,r,o,i),!0;case 6:return s.fn.call(s.context,e,r,o,i,l),!0}for(u=1,d=new Array(c-1);u<c;u++)d[u-1]=arguments[u];s.fn.apply(s.context,d)}else{var p,f=s.length;for(u=0;u<f;u++)switch(s[u].once&&this.removeListener(n,s[u].fn,void 0,!0),c){case 1:s[u].fn.call(s[u].context);break;case 2:s[u].fn.call(s[u].context,e);break;case 3:s[u].fn.call(s[u].context,e,r);break;case 4:s[u].fn.call(s[u].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(c-1);p<c;p++)d[p-1]=arguments[p];s[u].fn.apply(s[u].context,d)}}return!0},a.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},a.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},a.prototype.removeListener=function(n,e,r,o){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return l(this,i),this;var a=this._events[i];if(a.fn)a.fn!==e||o&&!a.once||r&&a.context!==r||l(this,i);else{for(var d=0,u=[],s=a.length;d<s;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&u.push(a[d]);u.length?this._events[i]=1===u.length?u[0]:u:l(this,i)}return this},a.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&l(this,e)):(this._events=new r,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=t,a.EventEmitter=a,n.exports=a}(rv);var ov=function(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}(rv.exports);let iv;!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;let n=tv("CgoKInVzZSBzdHJpY3QiO3ZhciB0PUFycmF5LmlzQXJyYXkscj0ib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsJiZnbG9iYWwuT2JqZWN0PT09T2JqZWN0JiZnbG9iYWwsZT0ib2JqZWN0Ij09dHlwZW9mIHNlbGYmJnNlbGYmJnNlbGYuT2JqZWN0PT09T2JqZWN0JiZzZWxmLG49cnx8ZXx8RnVuY3Rpb24oInJldHVybiB0aGlzIikoKSxvPW4uU3ltYm9sLHU9T2JqZWN0LnByb3RvdHlwZSxpPXUuaGFzT3duUHJvcGVydHksYz11LnRvU3RyaW5nLGE9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDt2YXIgZj1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO3ZhciBsPW8/by50b1N0cmluZ1RhZzp2b2lkIDA7ZnVuY3Rpb24gcyh0KXtyZXR1cm4gbnVsbD09dD92b2lkIDA9PT10PyJbb2JqZWN0IFVuZGVmaW5lZF0iOiJbb2JqZWN0IE51bGxdIjpsJiZsIGluIE9iamVjdCh0KT9mdW5jdGlvbih0KXt2YXIgcj1pLmNhbGwodCxhKSxlPXRbYV07dHJ5e3RbYV09dm9pZCAwO3ZhciBuPSEwfWNhdGNoKHQpe312YXIgbz1jLmNhbGwodCk7cmV0dXJuIG4mJihyP3RbYV09ZTpkZWxldGUgdFthXSksb30odCk6ZnVuY3Rpb24odCl7cmV0dXJuIGYuY2FsbCh0KX0odCl9ZnVuY3Rpb24gcCh0KXtyZXR1cm4gbnVsbCE9dCYmIm9iamVjdCI9PXR5cGVvZiB0fWZ1bmN0aW9uIGIodCl7cmV0dXJuInN5bWJvbCI9PXR5cGVvZiB0fHxwKHQpJiYiW29iamVjdCBTeW1ib2xdIj09cyh0KX12YXIgdj0vXC58XFsoPzpbXltcXV0qfChbIiddKSg/Oig/IVwxKVteXFxdfFxcLikqP1wxKVxdLyx5PS9eXHcqJC87ZnVuY3Rpb24gaChyLGUpe2lmKHQocikpcmV0dXJuITE7dmFyIG49dHlwZW9mIHI7cmV0dXJuISgibnVtYmVyIiE9biYmInN5bWJvbCIhPW4mJiJib29sZWFuIiE9biYmbnVsbCE9ciYmIWIocikpfHwoeS50ZXN0KHIpfHwhdi50ZXN0KHIpfHxudWxsIT1lJiZyIGluIE9iamVjdChlKSl9ZnVuY3Rpb24gZCh0KXt2YXIgcj10eXBlb2YgdDtyZXR1cm4gbnVsbCE9dCYmKCJvYmplY3QiPT1yfHwiZnVuY3Rpb24iPT1yKX1mdW5jdGlvbiBqKHQpe2lmKCFkKHQpKXJldHVybiExO3ZhciByPXModCk7cmV0dXJuIltvYmplY3QgRnVuY3Rpb25dIj09cnx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09cnx8IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iPT1yfHwiW29iamVjdCBQcm94eV0iPT1yfXZhciBnLF89blsiX19jb3JlLWpzX3NoYXJlZF9fIl0sTz0oZz0vW14uXSskLy5leGVjKF8mJl8ua2V5cyYmXy5rZXlzLklFX1BST1RPfHwiIikpPyJTeW1ib2woc3JjKV8xLiIrZzoiIjt2YXIgdz1GdW5jdGlvbi5wcm90b3R5cGUudG9TdHJpbmc7ZnVuY3Rpb24gbSh0KXtpZihudWxsIT10KXt0cnl7cmV0dXJuIHcuY2FsbCh0KX1jYXRjaCh0KXt9dHJ5e3JldHVybiB0KyIifWNhdGNoKHQpe319cmV0dXJuIiJ9dmFyIEE9L15cW29iamVjdCAuKz9Db25zdHJ1Y3RvclxdJC8seD1GdW5jdGlvbi5wcm90b3R5cGUsUz1PYmplY3QucHJvdG90eXBlLFA9eC50b1N0cmluZyx6PVMuaGFzT3duUHJvcGVydHksRT1SZWdFeHAoIl4iK1AuY2FsbCh6KS5yZXBsYWNlKC9bXFxeJC4qKz8oKVtcXXt9fF0vZywiXFwkJiIpLnJlcGxhY2UoL2hhc093blByb3BlcnR5fChmdW5jdGlvbikuKj8oPz1cXFwoKXwgZm9yIC4rPyg/PVxcXF0pL2csIiQxLio/IikrIiQiKTtmdW5jdGlvbiBJKHQpe3JldHVybiEoIWQodCl8fChyPXQsTyYmTyBpbiByKSkmJihqKHQpP0U6QSkudGVzdChtKHQpKTt2YXIgcn1mdW5jdGlvbiBOKHQscil7dmFyIGU9ZnVuY3Rpb24odCxyKXtyZXR1cm4gbnVsbD09dD92b2lkIDA6dFtyXX0odCxyKTtyZXR1cm4gSShlKT9lOnZvaWQgMH12YXIgVD1OKE9iamVjdCwiY3JlYXRlIik7dmFyICQ9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTt2YXIgQz1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIEYodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19ZnVuY3Rpb24gTSh0LHIpe3JldHVybiB0PT09cnx8dCE9dCYmciE9cn1mdW5jdGlvbiBVKHQscil7Zm9yKHZhciBlPXQubGVuZ3RoO2UtLTspaWYoTSh0W2VdWzBdLHIpKXJldHVybiBlO3JldHVybi0xfUYucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1UP1QobnVsbCk6e30sdGhpcy5zaXplPTB9LEYucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgcj10aGlzLmhhcyh0KSYmZGVsZXRlIHRoaXMuX19kYXRhX19bdF07cmV0dXJuIHRoaXMuc2l6ZS09cj8xOjAscn0sRi5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX187aWYoVCl7dmFyIGU9clt0XTtyZXR1cm4iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI9PT1lP3ZvaWQgMDplfXJldHVybiAkLmNhbGwocix0KT9yW3RdOnZvaWQgMH0sRi5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX187cmV0dXJuIFQ/dm9pZCAwIT09clt0XTpDLmNhbGwocix0KX0sRi5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQscil7dmFyIGU9dGhpcy5fX2RhdGFfXztyZXR1cm4gdGhpcy5zaXplKz10aGlzLmhhcyh0KT8wOjEsZVt0XT1UJiZ2b2lkIDA9PT1yPyJfX2xvZGFzaF9oYXNoX3VuZGVmaW5lZF9fIjpyLHRoaXN9O3ZhciBrPUFycmF5LnByb3RvdHlwZS5zcGxpY2U7ZnVuY3Rpb24gQih0KXt2YXIgcj0tMSxlPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrcjxlOyl7dmFyIG49dFtyXTt0aGlzLnNldChuWzBdLG5bMV0pfX1CLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189W10sdGhpcy5zaXplPTB9LEIucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fLGU9VShyLHQpO3JldHVybiEoZTwwKSYmKGU9PXIubGVuZ3RoLTE/ci5wb3AoKTprLmNhbGwocixlLDEpLC0tdGhpcy5zaXplLCEwKX0sQi5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX18sZT1VKHIsdCk7cmV0dXJuIGU8MD92b2lkIDA6cltlXVsxXX0sQi5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3JldHVybiBVKHRoaXMuX19kYXRhX18sdCk+LTF9LEIucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPXRoaXMuX19kYXRhX18sbj1VKGUsdCk7cmV0dXJuIG48MD8oKyt0aGlzLnNpemUsZS5wdXNoKFt0LHJdKSk6ZVtuXVsxXT1yLHRoaXN9O3ZhciBEPU4obiwiTWFwIik7ZnVuY3Rpb24gUih0LHIpe3ZhciBlLG4sbz10Ll9fZGF0YV9fO3JldHVybigic3RyaW5nIj09KG49dHlwZW9mKGU9cikpfHwibnVtYmVyIj09bnx8InN5bWJvbCI9PW58fCJib29sZWFuIj09bj8iX19wcm90b19fIiE9PWU6bnVsbD09PWUpP29bInN0cmluZyI9PXR5cGVvZiByPyJzdHJpbmciOiJoYXNoIl06by5tYXB9ZnVuY3Rpb24gTCh0KXt2YXIgcj0tMSxlPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrcjxlOyl7dmFyIG49dFtyXTt0aGlzLnNldChuWzBdLG5bMV0pfX1MLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuc2l6ZT0wLHRoaXMuX19kYXRhX189e2hhc2g6bmV3IEYsbWFwOm5ldyhEfHxCKSxzdHJpbmc6bmV3IEZ9fSxMLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9Uih0aGlzLHQpLmRlbGV0ZSh0KTtyZXR1cm4gdGhpcy5zaXplLT1yPzE6MCxyfSxMLnByb3RvdHlwZS5nZXQ9ZnVuY3Rpb24odCl7cmV0dXJuIFIodGhpcyx0KS5nZXQodCl9LEwucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gUih0aGlzLHQpLmhhcyh0KX0sTC5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQscil7dmFyIGU9Uih0aGlzLHQpLG49ZS5zaXplO3JldHVybiBlLnNldCh0LHIpLHRoaXMuc2l6ZSs9ZS5zaXplPT1uPzA6MSx0aGlzfTtmdW5jdGlvbiBWKHQscil7aWYoImZ1bmN0aW9uIiE9dHlwZW9mIHR8fG51bGwhPXImJiJmdW5jdGlvbiIhPXR5cGVvZiByKXRocm93IG5ldyBUeXBlRXJyb3IoIkV4cGVjdGVkIGEgZnVuY3Rpb24iKTt2YXIgZT1mdW5jdGlvbigpe3ZhciBuPWFyZ3VtZW50cyxvPXI/ci5hcHBseSh0aGlzLG4pOm5bMF0sdT1lLmNhY2hlO2lmKHUuaGFzKG8pKXJldHVybiB1LmdldChvKTt2YXIgaT10LmFwcGx5KHRoaXMsbik7cmV0dXJuIGUuY2FjaGU9dS5zZXQobyxpKXx8dSxpfTtyZXR1cm4gZS5jYWNoZT1uZXcoVi5DYWNoZXx8TCksZX1WLkNhY2hlPUw7dmFyIEssVyxxLEc9L1teLltcXV0rfFxbKD86KC0/XGQrKD86XC5cZCspPyl8KFsiJ10pKCg/Oig/IVwyKVteXFxdfFxcLikqPylcMilcXXwoPz0oPzpcLnxcW1xdKSg/OlwufFxbXF18JCkpL2csSD0vXFwoXFwpPy9nLEo9KEs9ZnVuY3Rpb24odCl7dmFyIHI9W107cmV0dXJuIDQ2PT09dC5jaGFyQ29kZUF0KDApJiZyLnB1c2goIiIpLHQucmVwbGFjZShHLGZ1bmN0aW9uKHQsZSxuLG8pe3IucHVzaChuP28ucmVwbGFjZShILCIkMSIpOmV8fHQpfSkscn0sVz1WKEssZnVuY3Rpb24odCl7cmV0dXJuIDUwMD09PXEuc2l6ZSYmcS5jbGVhcigpLHR9KSxxPVcuY2FjaGUsVyksUT1KO2Z1bmN0aW9uIFgodCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGgsbz1BcnJheShuKTsrK2U8bjspb1tlXT1yKHRbZV0sZSx0KTtyZXR1cm4gb312YXIgWT1vP28ucHJvdG90eXBlOnZvaWQgMCxaPVk/WS50b1N0cmluZzp2b2lkIDA7ZnVuY3Rpb24gdHQocil7aWYoInN0cmluZyI9PXR5cGVvZiByKXJldHVybiByO2lmKHQocikpcmV0dXJuIFgocix0dCkrIiI7aWYoYihyKSlyZXR1cm4gWj9aLmNhbGwocik6IiI7dmFyIGU9cisiIjtyZXR1cm4iMCI9PWUmJjEvcj09LTEvMD8iLTAiOmV9ZnVuY3Rpb24gcnQocixlKXtyZXR1cm4gdChyKT9yOmgocixlKT9bcl06UShmdW5jdGlvbih0KXtyZXR1cm4gbnVsbD09dD8iIjp0dCh0KX0ocikpfWZ1bmN0aW9uIGV0KHQpe2lmKCJzdHJpbmciPT10eXBlb2YgdHx8Yih0KSlyZXR1cm4gdDt2YXIgcj10KyIiO3JldHVybiIwIj09ciYmMS90PT0tMS8wPyItMCI6cn1mdW5jdGlvbiBudCh0LHIpe2Zvcih2YXIgZT0wLG49KHI9cnQocix0KSkubGVuZ3RoO251bGwhPXQmJmU8bjspdD10W2V0KHJbZSsrXSldO3JldHVybiBlJiZlPT1uP3Q6dm9pZCAwfWZ1bmN0aW9uIG90KHQscixlKXt2YXIgbj1udWxsPT10P3ZvaWQgMDpudCh0LHIpO3JldHVybiB2b2lkIDA9PT1uP2U6bn1mdW5jdGlvbiB1dCh0KXtyZXR1cm4iW29iamVjdCBTdHJpbmddIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBpdCh0KXtyZXR1cm4hKCF1dCh0KXx8IiI9PT10KX1mdW5jdGlvbiBjdCh0KXtyZXR1cm4iW29iamVjdCBPYmplY3RdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBhdCh0KXtpZihjdCh0KSl7Zm9yKGxldCByIGluIHQpcmV0dXJuITA7cmV0dXJuITF9cmV0dXJuITF9ZnVuY3Rpb24gZnQodCl7cmV0dXJuIltvYmplY3QgQXJyYXldIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBsdCh0KXtyZXR1cm4gdCE9dH1mdW5jdGlvbiBzdCh0KXtyZXR1cm4hIWZ1bmN0aW9uKHQpe3JldHVybiJbb2JqZWN0IFVuZGVmaW5lZF0iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfSh0KXx8KCEhZnVuY3Rpb24odCl7cmV0dXJuIltvYmplY3QgTnVsbF0iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfSh0KXx8KCEhZnVuY3Rpb24odCl7aWYoY3QodCkpe2ZvcihsZXQgciBpbiB0KXJldHVybiExO3JldHVybiEwfXJldHVybiExfSh0KXx8KCEhZnVuY3Rpb24odCl7cmV0dXJuISghdXQodCl8fCIiIT09dCl9KHQpfHwoISFmdW5jdGlvbih0KXtyZXR1cm4hIWZ0KHQpJiYwPT09dC5sZW5ndGh9KHQpfHwhIWx0KHQpKSkpKX1mdW5jdGlvbiBwdCh0KXtyZXR1cm4hIWZ0KHQpJiYoMCE9PXQubGVuZ3RoJiYoMSE9PXQubGVuZ3RofHwhc3QodFswXSkpKX1mdW5jdGlvbiBidCh0KXtyZXR1cm4hMD09PShyPXQpfHwhMT09PXJ8fHAocikmJiJbb2JqZWN0IEJvb2xlYW5dIj09cyhyKTt2YXIgcn1mdW5jdGlvbiB2dCh0KXt2YXIgcj10aGlzLl9fZGF0YV9fPW5ldyBCKHQpO3RoaXMuc2l6ZT1yLnNpemV9dnQucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1uZXcgQix0aGlzLnNpemU9MH0sdnQucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fLGU9ci5kZWxldGUodCk7cmV0dXJuIHRoaXMuc2l6ZT1yLnNpemUsZX0sdnQucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5nZXQodCl9LHZ0LnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uaGFzKHQpfSx2dC5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQscil7dmFyIGU9dGhpcy5fX2RhdGFfXztpZihlIGluc3RhbmNlb2YgQil7dmFyIG49ZS5fX2RhdGFfXztpZighRHx8bi5sZW5ndGg8MTk5KXJldHVybiBuLnB1c2goW3Qscl0pLHRoaXMuc2l6ZT0rK2Uuc2l6ZSx0aGlzO2U9dGhpcy5fX2RhdGFfXz1uZXcgTChuKX1yZXR1cm4gZS5zZXQodCxyKSx0aGlzLnNpemU9ZS5zaXplLHRoaXN9O2Z1bmN0aW9uIHl0KHQpe3ZhciByPS0xLGU9bnVsbD09dD8wOnQubGVuZ3RoO2Zvcih0aGlzLl9fZGF0YV9fPW5ldyBMOysrcjxlOyl0aGlzLmFkZCh0W3JdKX1mdW5jdGlvbiBodCh0LHIpe2Zvcih2YXIgZT0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aDsrK2U8bjspaWYocih0W2VdLGUsdCkpcmV0dXJuITA7cmV0dXJuITF9ZnVuY3Rpb24gZHQodCxyKXtyZXR1cm4gdC5oYXMocil9eXQucHJvdG90eXBlLmFkZD15dC5wcm90b3R5cGUucHVzaD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5zZXQodCwiX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyIpLHRoaXN9LHl0LnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uaGFzKHQpfTtmdW5jdGlvbiBqdCh0LHIsZSxuLG8sdSl7dmFyIGk9MSZlLGM9dC5sZW5ndGgsYT1yLmxlbmd0aDtpZihjIT1hJiYhKGkmJmE+YykpcmV0dXJuITE7dmFyIGY9dS5nZXQodCksbD11LmdldChyKTtpZihmJiZsKXJldHVybiBmPT1yJiZsPT10O3ZhciBzPS0xLHA9ITAsYj0yJmU/bmV3IHl0OnZvaWQgMDtmb3IodS5zZXQodCxyKSx1LnNldChyLHQpOysrczxjOyl7dmFyIHY9dFtzXSx5PXJbc107aWYobil2YXIgaD1pP24oeSx2LHMscix0LHUpOm4odix5LHMsdCxyLHUpO2lmKHZvaWQgMCE9PWgpe2lmKGgpY29udGludWU7cD0hMTticmVha31pZihiKXtpZighaHQocixmdW5jdGlvbih0LHIpe2lmKCFkdChiLHIpJiYodj09PXR8fG8odix0LGUsbix1KSkpcmV0dXJuIGIucHVzaChyKX0pKXtwPSExO2JyZWFrfX1lbHNlIGlmKHYhPT15JiYhbyh2LHksZSxuLHUpKXtwPSExO2JyZWFrfX1yZXR1cm4gdS5kZWxldGUodCksdS5kZWxldGUocikscH12YXIgZ3Q9bi5VaW50OEFycmF5O2Z1bmN0aW9uIF90KHQpe3ZhciByPS0xLGU9QXJyYXkodC5zaXplKTtyZXR1cm4gdC5mb3JFYWNoKGZ1bmN0aW9uKHQsbil7ZVsrK3JdPVtuLHRdfSksZX1mdW5jdGlvbiBPdCh0KXt2YXIgcj0tMSxlPUFycmF5KHQuc2l6ZSk7cmV0dXJuIHQuZm9yRWFjaChmdW5jdGlvbih0KXtlWysrcl09dH0pLGV9dmFyIHd0PW8/by5wcm90b3R5cGU6dm9pZCAwLG10PXd0P3d0LnZhbHVlT2Y6dm9pZCAwO2Z1bmN0aW9uIEF0KHQscil7Zm9yKHZhciBlPS0xLG49ci5sZW5ndGgsbz10Lmxlbmd0aDsrK2U8bjspdFtvK2VdPXJbZV07cmV0dXJuIHR9ZnVuY3Rpb24geHQocixlLG4pe3ZhciBvPWUocik7cmV0dXJuIHQocik/bzpBdChvLG4ocikpfWZ1bmN0aW9uIFN0KCl7cmV0dXJuW119dmFyIFB0PU9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUsenQ9T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyxFdD16dD9mdW5jdGlvbih0KXtyZXR1cm4gbnVsbD09dD9bXToodD1PYmplY3QodCksZnVuY3Rpb24odCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGgsbz0wLHU9W107KytlPG47KXt2YXIgaT10W2VdO3IoaSxlLHQpJiYodVtvKytdPWkpfXJldHVybiB1fSh6dCh0KSxmdW5jdGlvbihyKXtyZXR1cm4gUHQuY2FsbCh0LHIpfSkpfTpTdCxJdD1FdDtmdW5jdGlvbiBOdCh0KXtyZXR1cm4gcCh0KSYmIltvYmplY3QgQXJndW1lbnRzXSI9PXModCl9dmFyIFR0PU9iamVjdC5wcm90b3R5cGUsJHQ9VHQuaGFzT3duUHJvcGVydHksQ3Q9VHQucHJvcGVydHlJc0VudW1lcmFibGUsRnQ9TnQoZnVuY3Rpb24oKXtyZXR1cm4gYXJndW1lbnRzfSgpKT9OdDpmdW5jdGlvbih0KXtyZXR1cm4gcCh0KSYmJHQuY2FsbCh0LCJjYWxsZWUiKSYmIUN0LmNhbGwodCwiY2FsbGVlIil9O3ZhciBNdD0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLFV0PU10JiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsa3Q9VXQmJlV0LmV4cG9ydHM9PT1NdD9uLkJ1ZmZlcjp2b2lkIDAsQnQ9KGt0P2t0LmlzQnVmZmVyOnZvaWQgMCl8fGZ1bmN0aW9uKCl7cmV0dXJuITF9LER0PS9eKD86MHxbMS05XVxkKikkLztmdW5jdGlvbiBSdCh0LHIpe3ZhciBlPXR5cGVvZiB0O3JldHVybiEhKHI9bnVsbD09cj85MDA3MTk5MjU0NzQwOTkxOnIpJiYoIm51bWJlciI9PWV8fCJzeW1ib2wiIT1lJiZEdC50ZXN0KHQpKSYmdD4tMSYmdCUxPT0wJiZ0PHJ9ZnVuY3Rpb24gTHQodCl7cmV0dXJuIm51bWJlciI9PXR5cGVvZiB0JiZ0Pi0xJiZ0JTE9PTAmJnQ8PTkwMDcxOTkyNTQ3NDA5OTF9dmFyIFZ0PXt9O2Z1bmN0aW9uIEt0KHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gdChyKX19VnRbIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPVZ0WyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1WdFsiW29iamVjdCBJbnQ4QXJyYXldIl09VnRbIltvYmplY3QgSW50MTZBcnJheV0iXT1WdFsiW29iamVjdCBJbnQzMkFycmF5XSJdPVZ0WyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09VnRbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09VnRbIltvYmplY3QgVWludDE2QXJyYXldIl09VnRbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsVnRbIltvYmplY3QgQXJndW1lbnRzXSJdPVZ0WyJbb2JqZWN0IEFycmF5XSJdPVZ0WyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPVZ0WyJbb2JqZWN0IEJvb2xlYW5dIl09VnRbIltvYmplY3QgRGF0YVZpZXddIl09VnRbIltvYmplY3QgRGF0ZV0iXT1WdFsiW29iamVjdCBFcnJvcl0iXT1WdFsiW29iamVjdCBGdW5jdGlvbl0iXT1WdFsiW29iamVjdCBNYXBdIl09VnRbIltvYmplY3QgTnVtYmVyXSJdPVZ0WyJbb2JqZWN0IE9iamVjdF0iXT1WdFsiW29iamVjdCBSZWdFeHBdIl09VnRbIltvYmplY3QgU2V0XSJdPVZ0WyJbb2JqZWN0IFN0cmluZ10iXT1WdFsiW29iamVjdCBXZWFrTWFwXSJdPSExO3ZhciBXdD0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLHF0PVd0JiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsR3Q9cXQmJnF0LmV4cG9ydHM9PT1XdCYmci5wcm9jZXNzLEh0PWZ1bmN0aW9uKCl7dHJ5e3ZhciB0PXF0JiZxdC5yZXF1aXJlJiZxdC5yZXF1aXJlKCJ1dGlsIikudHlwZXM7cmV0dXJuIHR8fEd0JiZHdC5iaW5kaW5nJiZHdC5iaW5kaW5nKCJ1dGlsIil9Y2F0Y2godCl7fX0oKSxKdD1IdCYmSHQuaXNUeXBlZEFycmF5LFF0PUp0P0t0KEp0KTpmdW5jdGlvbih0KXtyZXR1cm4gcCh0KSYmTHQodC5sZW5ndGgpJiYhIVZ0W3ModCldfSxYdD1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIFl0KHIsZSl7dmFyIG49dChyKSxvPSFuJiZGdChyKSx1PSFuJiYhbyYmQnQociksaT0hbiYmIW8mJiF1JiZRdChyKSxjPW58fG98fHV8fGksYT1jP2Z1bmN0aW9uKHQscil7Zm9yKHZhciBlPS0xLG49QXJyYXkodCk7KytlPHQ7KW5bZV09cihlKTtyZXR1cm4gbn0oci5sZW5ndGgsU3RyaW5nKTpbXSxmPWEubGVuZ3RoO2Zvcih2YXIgbCBpbiByKSFlJiYhWHQuY2FsbChyLGwpfHxjJiYoImxlbmd0aCI9PWx8fHUmJigib2Zmc2V0Ij09bHx8InBhcmVudCI9PWwpfHxpJiYoImJ1ZmZlciI9PWx8fCJieXRlTGVuZ3RoIj09bHx8ImJ5dGVPZmZzZXQiPT1sKXx8UnQobCxmKSl8fGEucHVzaChsKTtyZXR1cm4gYX12YXIgWnQ9T2JqZWN0LnByb3RvdHlwZTtmdW5jdGlvbiB0cih0KXt2YXIgcj10JiZ0LmNvbnN0cnVjdG9yO3JldHVybiB0PT09KCJmdW5jdGlvbiI9PXR5cGVvZiByJiZyLnByb3RvdHlwZXx8WnQpfWZ1bmN0aW9uIHJyKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB0KHIoZSkpfX12YXIgZXI9cnIoT2JqZWN0LmtleXMsT2JqZWN0KSxucj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIG9yKHQpe2lmKCF0cih0KSlyZXR1cm4gZXIodCk7dmFyIHI9W107Zm9yKHZhciBlIGluIE9iamVjdCh0KSluci5jYWxsKHQsZSkmJiJjb25zdHJ1Y3RvciIhPWUmJnIucHVzaChlKTtyZXR1cm4gcn1mdW5jdGlvbiB1cih0KXtyZXR1cm4gbnVsbCE9dCYmTHQodC5sZW5ndGgpJiYhaih0KX1mdW5jdGlvbiBpcih0KXtyZXR1cm4gdXIodCk/WXQodCk6b3IodCl9ZnVuY3Rpb24gY3IodCl7cmV0dXJuIHh0KHQsaXIsSXQpfXZhciBhcj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBmcj1OKG4sIkRhdGFWaWV3IiksbHI9TihuLCJQcm9taXNlIiksc3I9TihuLCJTZXQiKSxwcj1OKG4sIldlYWtNYXAiKSxicj0iW29iamVjdCBNYXBdIix2cj0iW29iamVjdCBQcm9taXNlXSIseXI9IltvYmplY3QgU2V0XSIsaHI9IltvYmplY3QgV2Vha01hcF0iLGRyPSJbb2JqZWN0IERhdGFWaWV3XSIsanI9bShmciksZ3I9bShEKSxfcj1tKGxyKSxPcj1tKHNyKSx3cj1tKHByKSxtcj1zOyhmciYmbXIobmV3IGZyKG5ldyBBcnJheUJ1ZmZlcigxKSkpIT1kcnx8RCYmbXIobmV3IEQpIT1icnx8bHImJm1yKGxyLnJlc29sdmUoKSkhPXZyfHxzciYmbXIobmV3IHNyKSE9eXJ8fHByJiZtcihuZXcgcHIpIT1ocikmJihtcj1mdW5jdGlvbih0KXt2YXIgcj1zKHQpLGU9IltvYmplY3QgT2JqZWN0XSI9PXI/dC5jb25zdHJ1Y3Rvcjp2b2lkIDAsbj1lP20oZSk6IiI7aWYobilzd2l0Y2gobil7Y2FzZSBqcjpyZXR1cm4gZHI7Y2FzZSBncjpyZXR1cm4gYnI7Y2FzZSBfcjpyZXR1cm4gdnI7Y2FzZSBPcjpyZXR1cm4geXI7Y2FzZSB3cjpyZXR1cm4gaHJ9cmV0dXJuIHJ9KTt2YXIgQXI9bXIseHI9IltvYmplY3QgQXJndW1lbnRzXSIsU3I9IltvYmplY3QgQXJyYXldIixQcj0iW29iamVjdCBPYmplY3RdIix6cj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIEVyKHIsZSxuLG8sdSxpKXt2YXIgYz10KHIpLGE9dChlKSxmPWM/U3I6QXIociksbD1hP1NyOkFyKGUpLHM9KGY9Zj09eHI/UHI6Zik9PVByLHA9KGw9bD09eHI/UHI6bCk9PVByLGI9Zj09bDtpZihiJiZCdChyKSl7aWYoIUJ0KGUpKXJldHVybiExO2M9ITAscz0hMX1pZihiJiYhcylyZXR1cm4gaXx8KGk9bmV3IHZ0KSxjfHxRdChyKT9qdChyLGUsbixvLHUsaSk6ZnVuY3Rpb24odCxyLGUsbixvLHUsaSl7c3dpdGNoKGUpe2Nhc2UiW29iamVjdCBEYXRhVmlld10iOmlmKHQuYnl0ZUxlbmd0aCE9ci5ieXRlTGVuZ3RofHx0LmJ5dGVPZmZzZXQhPXIuYnl0ZU9mZnNldClyZXR1cm4hMTt0PXQuYnVmZmVyLHI9ci5idWZmZXI7Y2FzZSJbb2JqZWN0IEFycmF5QnVmZmVyXSI6cmV0dXJuISh0LmJ5dGVMZW5ndGghPXIuYnl0ZUxlbmd0aHx8IXUobmV3IGd0KHQpLG5ldyBndChyKSkpO2Nhc2UiW29iamVjdCBCb29sZWFuXSI6Y2FzZSJbb2JqZWN0IERhdGVdIjpjYXNlIltvYmplY3QgTnVtYmVyXSI6cmV0dXJuIE0oK3QsK3IpO2Nhc2UiW29iamVjdCBFcnJvcl0iOnJldHVybiB0Lm5hbWU9PXIubmFtZSYmdC5tZXNzYWdlPT1yLm1lc3NhZ2U7Y2FzZSJbb2JqZWN0IFJlZ0V4cF0iOmNhc2UiW29iamVjdCBTdHJpbmddIjpyZXR1cm4gdD09cisiIjtjYXNlIltvYmplY3QgTWFwXSI6dmFyIGM9X3Q7Y2FzZSJbb2JqZWN0IFNldF0iOnZhciBhPTEmbjtpZihjfHwoYz1PdCksdC5zaXplIT1yLnNpemUmJiFhKXJldHVybiExO3ZhciBmPWkuZ2V0KHQpO2lmKGYpcmV0dXJuIGY9PXI7bnw9MixpLnNldCh0LHIpO3ZhciBsPWp0KGModCksYyhyKSxuLG8sdSxpKTtyZXR1cm4gaS5kZWxldGUodCksbDtjYXNlIltvYmplY3QgU3ltYm9sXSI6aWYobXQpcmV0dXJuIG10LmNhbGwodCk9PW10LmNhbGwocil9cmV0dXJuITF9KHIsZSxmLG4sbyx1LGkpO2lmKCEoMSZuKSl7dmFyIHY9cyYmenIuY2FsbChyLCJfX3dyYXBwZWRfXyIpLHk9cCYmenIuY2FsbChlLCJfX3dyYXBwZWRfXyIpO2lmKHZ8fHkpe3ZhciBoPXY/ci52YWx1ZSgpOnIsZD15P2UudmFsdWUoKTplO3JldHVybiBpfHwoaT1uZXcgdnQpLHUoaCxkLG4sbyxpKX19cmV0dXJuISFiJiYoaXx8KGk9bmV3IHZ0KSxmdW5jdGlvbih0LHIsZSxuLG8sdSl7dmFyIGk9MSZlLGM9Y3IodCksYT1jLmxlbmd0aDtpZihhIT1jcihyKS5sZW5ndGgmJiFpKXJldHVybiExO2Zvcih2YXIgZj1hO2YtLTspe3ZhciBsPWNbZl07aWYoIShpP2wgaW4gcjphci5jYWxsKHIsbCkpKXJldHVybiExfXZhciBzPXUuZ2V0KHQpLHA9dS5nZXQocik7aWYocyYmcClyZXR1cm4gcz09ciYmcD09dDt2YXIgYj0hMDt1LnNldCh0LHIpLHUuc2V0KHIsdCk7Zm9yKHZhciB2PWk7KytmPGE7KXt2YXIgeT10W2w9Y1tmXV0saD1yW2xdO2lmKG4pdmFyIGQ9aT9uKGgseSxsLHIsdCx1KTpuKHksaCxsLHQscix1KTtpZighKHZvaWQgMD09PWQ/eT09PWh8fG8oeSxoLGUsbix1KTpkKSl7Yj0hMTticmVha312fHwodj0iY29uc3RydWN0b3IiPT1sKX1pZihiJiYhdil7dmFyIGo9dC5jb25zdHJ1Y3RvcixnPXIuY29uc3RydWN0b3I7aj09Z3x8ISgiY29uc3RydWN0b3IiaW4gdCl8fCEoImNvbnN0cnVjdG9yImluIHIpfHwiZnVuY3Rpb24iPT10eXBlb2YgaiYmaiBpbnN0YW5jZW9mIGomJiJmdW5jdGlvbiI9PXR5cGVvZiBnJiZnIGluc3RhbmNlb2YgZ3x8KGI9ITEpfXJldHVybiB1LmRlbGV0ZSh0KSx1LmRlbGV0ZShyKSxifShyLGUsbixvLHUsaSkpfWZ1bmN0aW9uIElyKHQscixlLG4sbyl7cmV0dXJuIHQ9PT1yfHwobnVsbD09dHx8bnVsbD09cnx8IXAodCkmJiFwKHIpP3QhPXQmJnIhPXI6RXIodCxyLGUsbixJcixvKSl9ZnVuY3Rpb24gTnIodCl7cmV0dXJuIHQ9PXQmJiFkKHQpfWZ1bmN0aW9uIFRyKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiBudWxsIT1lJiYoZVt0XT09PXImJih2b2lkIDAhPT1yfHx0IGluIE9iamVjdChlKSkpfX1mdW5jdGlvbiAkcih0KXt2YXIgcj1mdW5jdGlvbih0KXtmb3IodmFyIHI9aXIodCksZT1yLmxlbmd0aDtlLS07KXt2YXIgbj1yW2VdLG89dFtuXTtyW2VdPVtuLG8sTnIobyldfXJldHVybiByfSh0KTtyZXR1cm4gMT09ci5sZW5ndGgmJnJbMF1bMl0/VHIoclswXVswXSxyWzBdWzFdKTpmdW5jdGlvbihlKXtyZXR1cm4gZT09PXR8fGZ1bmN0aW9uKHQscixlLG4pe3ZhciBvPWUubGVuZ3RoLHU9byxpPSFuO2lmKG51bGw9PXQpcmV0dXJuIXU7Zm9yKHQ9T2JqZWN0KHQpO28tLTspe3ZhciBjPWVbb107aWYoaSYmY1syXT9jWzFdIT09dFtjWzBdXTohKGNbMF1pbiB0KSlyZXR1cm4hMX1mb3IoOysrbzx1Oyl7dmFyIGE9KGM9ZVtvXSlbMF0sZj10W2FdLGw9Y1sxXTtpZihpJiZjWzJdKXtpZih2b2lkIDA9PT1mJiYhKGEgaW4gdCkpcmV0dXJuITF9ZWxzZXt2YXIgcz1uZXcgdnQ7aWYobil2YXIgcD1uKGYsbCxhLHQscixzKTtpZighKHZvaWQgMD09PXA/SXIobCxmLDMsbixzKTpwKSlyZXR1cm4hMX19cmV0dXJuITB9KGUsdCxyKX19ZnVuY3Rpb24gQ3IodCxyKXtyZXR1cm4gbnVsbCE9dCYmciBpbiBPYmplY3QodCl9ZnVuY3Rpb24gRnIocixlKXtyZXR1cm4gbnVsbCE9ciYmZnVuY3Rpb24ocixlLG4pe2Zvcih2YXIgbz0tMSx1PShlPXJ0KGUscikpLmxlbmd0aCxpPSExOysrbzx1Oyl7dmFyIGM9ZXQoZVtvXSk7aWYoIShpPW51bGwhPXImJm4ocixjKSkpYnJlYWs7cj1yW2NdfXJldHVybiBpfHwrK28hPXU/aTohISh1PW51bGw9PXI/MDpyLmxlbmd0aCkmJkx0KHUpJiZSdChjLHUpJiYodChyKXx8RnQocikpfShyLGUsQ3IpfWZ1bmN0aW9uIE1yKHQpe3JldHVybiB0fWZ1bmN0aW9uIFVyKHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gbnVsbD09cj92b2lkIDA6clt0XX19ZnVuY3Rpb24ga3IodCl7cmV0dXJuIGgodCk/VXIoZXQodCkpOmZ1bmN0aW9uKHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gbnQocix0KX19KHQpfWZ1bmN0aW9uIEJyKHIpe3JldHVybiJmdW5jdGlvbiI9PXR5cGVvZiByP3I6bnVsbD09cj9Ncjoib2JqZWN0Ij09dHlwZW9mIHI/dChyKT8oZT1yWzBdLG49clsxXSxoKGUpJiZOcihuKT9UcihldChlKSxuKTpmdW5jdGlvbih0KXt2YXIgcj1vdCh0LGUpO3JldHVybiB2b2lkIDA9PT1yJiZyPT09bj9Gcih0LGUpOklyKG4sciwzKX0pOiRyKHIpOmtyKHIpO3ZhciBlLG59dmFyIERyLFJyPWZ1bmN0aW9uKHQscixlKXtmb3IodmFyIG49LTEsbz1PYmplY3QodCksdT1lKHQpLGk9dS5sZW5ndGg7aS0tOyl7dmFyIGM9dVtEcj9pOisrbl07aWYoITE9PT1yKG9bY10sYyxvKSlicmVha31yZXR1cm4gdH07dmFyIExyPWZ1bmN0aW9uKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUsbil7aWYobnVsbD09ZSlyZXR1cm4gZTtpZighdXIoZSkpcmV0dXJuIHQoZSxuKTtmb3IodmFyIG89ZS5sZW5ndGgsdT1yP286LTEsaT1PYmplY3QoZSk7KHI/dS0tOisrdTxvKSYmITEhPT1uKGlbdV0sdSxpKTspO3JldHVybiBlfX0oZnVuY3Rpb24odCxyKXtyZXR1cm4gdCYmUnIodCxyLGlyKX0pLFZyPUxyO2Z1bmN0aW9uIEtyKHQscil7dmFyIGU9LTEsbj11cih0KT9BcnJheSh0Lmxlbmd0aCk6W107cmV0dXJuIFZyKHQsZnVuY3Rpb24odCxvLHUpe25bKytlXT1yKHQsbyx1KX0pLG59dmFyIFdyPUFycmF5LnByb3RvdHlwZS5qb2luO3ZhciBxcj1VcigibGVuZ3RoIiksR3I9UmVnRXhwKCJbXFx1MjAwZFxcdWQ4MDAtXFx1ZGZmZlxcdTAzMDAtXFx1MDM2ZlxcdWZlMjAtXFx1ZmUyZlxcdTIwZDAtXFx1MjBmZlxcdWZlMGVcXHVmZTBmXSIpO3ZhciBIcj0iXFx1ZDgwMC1cXHVkZmZmIixKcj0iWyIrSHIrIl0iLFFyPSJbXFx1MDMwMC1cXHUwMzZmXFx1ZmUyMC1cXHVmZTJmXFx1MjBkMC1cXHUyMGZmXSIsWHI9IlxcdWQ4M2NbXFx1ZGZmYi1cXHVkZmZmXSIsWXI9IlteIitIcisiXSIsWnI9Iig/OlxcdWQ4M2NbXFx1ZGRlNi1cXHVkZGZmXSl7Mn0iLHRlPSJbXFx1ZDgwMC1cXHVkYmZmXVtcXHVkYzAwLVxcdWRmZmZdIixyZT0iKD86IitRcisifCIrWHIrIikiKyI/IixlZT0iW1xcdWZlMGVcXHVmZTBmXT8iLG5lPWVlK3JlKygiKD86XFx1MjAwZCg/OiIrW1lyLFpyLHRlXS5qb2luKCJ8IikrIikiK2VlK3JlKyIpKiIpLG9lPSIoPzoiK1tZcitRcisiPyIsUXIsWnIsdGUsSnJdLmpvaW4oInwiKSsiKSIsdWU9UmVnRXhwKFhyKyIoPz0iK1hyKyIpfCIrb2UrbmUsImciKTtmdW5jdGlvbiBpZSh0KXtyZXR1cm4gZnVuY3Rpb24odCl7cmV0dXJuIEdyLnRlc3QodCl9KHQpP2Z1bmN0aW9uKHQpe2Zvcih2YXIgcj11ZS5sYXN0SW5kZXg9MDt1ZS50ZXN0KHQpOykrK3I7cmV0dXJuIHJ9KHQpOnFyKHQpfWZ1bmN0aW9uIGNlKHIpe2lmKG51bGw9PXIpcmV0dXJuIDA7aWYodXIocikpcmV0dXJuInN0cmluZyI9PXR5cGVvZihlPXIpfHwhdChlKSYmcChlKSYmIltvYmplY3QgU3RyaW5nXSI9PXMoZSk/aWUocik6ci5sZW5ndGg7dmFyIGUsbj1BcihyKTtyZXR1cm4iW29iamVjdCBNYXBdIj09bnx8IltvYmplY3QgU2V0XSI9PW4/ci5zaXplOm9yKHIpLmxlbmd0aH1mdW5jdGlvbiBhZSh0LHIpe2Zvcih2YXIgZT0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aDsrK2U8biYmITEhPT1yKHRbZV0sZSx0KTspO3JldHVybiB0fXZhciBmZT1mdW5jdGlvbigpe3RyeXt2YXIgdD1OKE9iamVjdCwiZGVmaW5lUHJvcGVydHkiKTtyZXR1cm4gdCh7fSwiIix7fSksdH1jYXRjaCh0KXt9fSgpLGxlPWZlO2Z1bmN0aW9uIHNlKHQscixlKXsiX19wcm90b19fIj09ciYmbGU/bGUodCxyLHtjb25maWd1cmFibGU6ITAsZW51bWVyYWJsZTohMCx2YWx1ZTplLHdyaXRhYmxlOiEwfSk6dFtyXT1lfXZhciBwZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGJlKHQscixlKXt2YXIgbj10W3JdO3BlLmNhbGwodCxyKSYmTShuLGUpJiYodm9pZCAwIT09ZXx8ciBpbiB0KXx8c2UodCxyLGUpfWZ1bmN0aW9uIHZlKHQscixlLG4pe3ZhciBvPSFlO2V8fChlPXt9KTtmb3IodmFyIHU9LTEsaT1yLmxlbmd0aDsrK3U8aTspe3ZhciBjPXJbdV0sYT1uP24oZVtjXSx0W2NdLGMsZSx0KTp2b2lkIDA7dm9pZCAwPT09YSYmKGE9dFtjXSksbz9zZShlLGMsYSk6YmUoZSxjLGEpfXJldHVybiBlfXZhciB5ZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGhlKHQpe2lmKCFkKHQpKXJldHVybiBmdW5jdGlvbih0KXt2YXIgcj1bXTtpZihudWxsIT10KWZvcih2YXIgZSBpbiBPYmplY3QodCkpci5wdXNoKGUpO3JldHVybiByfSh0KTt2YXIgcj10cih0KSxlPVtdO2Zvcih2YXIgbiBpbiB0KSgiY29uc3RydWN0b3IiIT1ufHwhciYmeWUuY2FsbCh0LG4pKSYmZS5wdXNoKG4pO3JldHVybiBlfWZ1bmN0aW9uIGRlKHQpe3JldHVybiB1cih0KT9ZdCh0LCEwKTpoZSh0KX12YXIgamU9Im9iamVjdCI9PXR5cGVvZiBleHBvcnRzJiZleHBvcnRzJiYhZXhwb3J0cy5ub2RlVHlwZSYmZXhwb3J0cyxnZT1qZSYmIm9iamVjdCI9PXR5cGVvZiBtb2R1bGUmJm1vZHVsZSYmIW1vZHVsZS5ub2RlVHlwZSYmbW9kdWxlLF9lPWdlJiZnZS5leHBvcnRzPT09amU/bi5CdWZmZXI6dm9pZCAwLE9lPV9lP19lLmFsbG9jVW5zYWZlOnZvaWQgMDt2YXIgd2U9cnIoT2JqZWN0LmdldFByb3RvdHlwZU9mLE9iamVjdCksbWU9T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scz9mdW5jdGlvbih0KXtmb3IodmFyIHI9W107dDspQXQocixJdCh0KSksdD13ZSh0KTtyZXR1cm4gcn06U3QsQWU9bWU7ZnVuY3Rpb24geGUodCl7cmV0dXJuIHh0KHQsZGUsQWUpfXZhciBTZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIFBlKHQpe3ZhciByPW5ldyB0LmNvbnN0cnVjdG9yKHQuYnl0ZUxlbmd0aCk7cmV0dXJuIG5ldyBndChyKS5zZXQobmV3IGd0KHQpKSxyfXZhciB6ZT0vXHcqJC87dmFyIEVlPW8/by5wcm90b3R5cGU6dm9pZCAwLEllPUVlP0VlLnZhbHVlT2Y6dm9pZCAwO2Z1bmN0aW9uIE5lKHQscixlKXt2YXIgbixvPXQuY29uc3RydWN0b3I7c3dpdGNoKHIpe2Nhc2UiW29iamVjdCBBcnJheUJ1ZmZlcl0iOnJldHVybiBQZSh0KTtjYXNlIltvYmplY3QgQm9vbGVhbl0iOmNhc2UiW29iamVjdCBEYXRlXSI6cmV0dXJuIG5ldyBvKCt0KTtjYXNlIltvYmplY3QgRGF0YVZpZXddIjpyZXR1cm4gZnVuY3Rpb24odCxyKXt2YXIgZT1yP1BlKHQuYnVmZmVyKTp0LmJ1ZmZlcjtyZXR1cm4gbmV3IHQuY29uc3RydWN0b3IoZSx0LmJ5dGVPZmZzZXQsdC5ieXRlTGVuZ3RoKX0odCxlKTtjYXNlIltvYmplY3QgRmxvYXQzMkFycmF5XSI6Y2FzZSJbb2JqZWN0IEZsb2F0NjRBcnJheV0iOmNhc2UiW29iamVjdCBJbnQ4QXJyYXldIjpjYXNlIltvYmplY3QgSW50MTZBcnJheV0iOmNhc2UiW29iamVjdCBJbnQzMkFycmF5XSI6Y2FzZSJbb2JqZWN0IFVpbnQ4QXJyYXldIjpjYXNlIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIjpjYXNlIltvYmplY3QgVWludDE2QXJyYXldIjpjYXNlIltvYmplY3QgVWludDMyQXJyYXldIjpyZXR1cm4gZnVuY3Rpb24odCxyKXt2YXIgZT1yP1BlKHQuYnVmZmVyKTp0LmJ1ZmZlcjtyZXR1cm4gbmV3IHQuY29uc3RydWN0b3IoZSx0LmJ5dGVPZmZzZXQsdC5sZW5ndGgpfSh0LGUpO2Nhc2UiW29iamVjdCBNYXBdIjpjYXNlIltvYmplY3QgU2V0XSI6cmV0dXJuIG5ldyBvO2Nhc2UiW29iamVjdCBOdW1iZXJdIjpjYXNlIltvYmplY3QgU3RyaW5nXSI6cmV0dXJuIG5ldyBvKHQpO2Nhc2UiW29iamVjdCBSZWdFeHBdIjpyZXR1cm4gZnVuY3Rpb24odCl7dmFyIHI9bmV3IHQuY29uc3RydWN0b3IodC5zb3VyY2UsemUuZXhlYyh0KSk7cmV0dXJuIHIubGFzdEluZGV4PXQubGFzdEluZGV4LHJ9KHQpO2Nhc2UiW29iamVjdCBTeW1ib2xdIjpyZXR1cm4gbj10LEllP09iamVjdChJZS5jYWxsKG4pKTp7fX19dmFyIFRlPU9iamVjdC5jcmVhdGUsJGU9ZnVuY3Rpb24oKXtmdW5jdGlvbiB0KCl7fXJldHVybiBmdW5jdGlvbihyKXtpZighZChyKSlyZXR1cm57fTtpZihUZSlyZXR1cm4gVGUocik7dC5wcm90b3R5cGU9cjt2YXIgZT1uZXcgdDtyZXR1cm4gdC5wcm90b3R5cGU9dm9pZCAwLGV9fSgpLENlPSRlO3ZhciBGZT1IdCYmSHQuaXNNYXAsTWU9RmU/S3QoRmUpOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiYiW29iamVjdCBNYXBdIj09QXIodCl9O3ZhciBVZT1IdCYmSHQuaXNTZXQsa2U9VWU/S3QoVWUpOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiYiW29iamVjdCBTZXRdIj09QXIodCl9LEJlPSJbb2JqZWN0IEFyZ3VtZW50c10iLERlPSJbb2JqZWN0IEZ1bmN0aW9uXSIsUmU9IltvYmplY3QgT2JqZWN0XSIsTGU9e307ZnVuY3Rpb24gVmUocixlLG4sbyx1LGkpe3ZhciBjLGE9MSZlLGY9MiZlLGw9NCZlO2lmKG4mJihjPXU/bihyLG8sdSxpKTpuKHIpKSx2b2lkIDAhPT1jKXJldHVybiBjO2lmKCFkKHIpKXJldHVybiByO3ZhciBzPXQocik7aWYocyl7aWYoYz1mdW5jdGlvbih0KXt2YXIgcj10Lmxlbmd0aCxlPW5ldyB0LmNvbnN0cnVjdG9yKHIpO3JldHVybiByJiYic3RyaW5nIj09dHlwZW9mIHRbMF0mJlNlLmNhbGwodCwiaW5kZXgiKSYmKGUuaW5kZXg9dC5pbmRleCxlLmlucHV0PXQuaW5wdXQpLGV9KHIpLCFhKXJldHVybiBmdW5jdGlvbih0LHIpe3ZhciBlPS0xLG49dC5sZW5ndGg7Zm9yKHJ8fChyPUFycmF5KG4pKTsrK2U8bjspcltlXT10W2VdO3JldHVybiByfShyLGMpfWVsc2V7dmFyIHA9QXIociksYj1wPT1EZXx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09cDtpZihCdChyKSlyZXR1cm4gZnVuY3Rpb24odCxyKXtpZihyKXJldHVybiB0LnNsaWNlKCk7dmFyIGU9dC5sZW5ndGgsbj1PZT9PZShlKTpuZXcgdC5jb25zdHJ1Y3RvcihlKTtyZXR1cm4gdC5jb3B5KG4pLG59KHIsYSk7aWYocD09UmV8fHA9PUJlfHxiJiYhdSl7aWYoYz1mfHxiP3t9OmZ1bmN0aW9uKHQpe3JldHVybiJmdW5jdGlvbiIhPXR5cGVvZiB0LmNvbnN0cnVjdG9yfHx0cih0KT97fTpDZSh3ZSh0KSl9KHIpLCFhKXJldHVybiBmP2Z1bmN0aW9uKHQscil7cmV0dXJuIHZlKHQsQWUodCkscil9KHIsZnVuY3Rpb24odCxyKXtyZXR1cm4gdCYmdmUocixkZShyKSx0KX0oYyxyKSk6ZnVuY3Rpb24odCxyKXtyZXR1cm4gdmUodCxJdCh0KSxyKX0ocixmdW5jdGlvbih0LHIpe3JldHVybiB0JiZ2ZShyLGlyKHIpLHQpfShjLHIpKX1lbHNle2lmKCFMZVtwXSlyZXR1cm4gdT9yOnt9O2M9TmUocixwLGEpfX1pfHwoaT1uZXcgdnQpO3ZhciB2PWkuZ2V0KHIpO2lmKHYpcmV0dXJuIHY7aS5zZXQocixjKSxrZShyKT9yLmZvckVhY2goZnVuY3Rpb24odCl7Yy5hZGQoVmUodCxlLG4sdCxyLGkpKX0pOk1lKHIpJiZyLmZvckVhY2goZnVuY3Rpb24odCxvKXtjLnNldChvLFZlKHQsZSxuLG8scixpKSl9KTt2YXIgeT1zP3ZvaWQgMDoobD9mP3hlOmNyOmY/ZGU6aXIpKHIpO3JldHVybiBhZSh5fHxyLGZ1bmN0aW9uKHQsbyl7eSYmKHQ9cltvPXRdKSxiZShjLG8sVmUodCxlLG4sbyxyLGkpKX0pLGN9TGVbQmVdPUxlWyJbb2JqZWN0IEFycmF5XSJdPUxlWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPUxlWyJbb2JqZWN0IERhdGFWaWV3XSJdPUxlWyJbb2JqZWN0IEJvb2xlYW5dIl09TGVbIltvYmplY3QgRGF0ZV0iXT1MZVsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09TGVbIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPUxlWyJbb2JqZWN0IEludDhBcnJheV0iXT1MZVsiW29iamVjdCBJbnQxNkFycmF5XSJdPUxlWyJbb2JqZWN0IEludDMyQXJyYXldIl09TGVbIltvYmplY3QgTWFwXSJdPUxlWyJbb2JqZWN0IE51bWJlcl0iXT1MZVtSZV09TGVbIltvYmplY3QgUmVnRXhwXSJdPUxlWyJbb2JqZWN0IFNldF0iXT1MZVsiW29iamVjdCBTdHJpbmddIl09TGVbIltvYmplY3QgU3ltYm9sXSJdPUxlWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09TGVbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09TGVbIltvYmplY3QgVWludDE2QXJyYXldIl09TGVbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsTGVbIltvYmplY3QgRXJyb3JdIl09TGVbRGVdPUxlWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7ZnVuY3Rpb24gS2UodCl7cmV0dXJuIFZlKHQsNSl9ZnVuY3Rpb24gV2UodCl7bGV0IHI9ITE7aWYoaXQodCkpcj0haXNOYU4oTnVtYmVyKHQpKTtlbHNlIGlmKGZ1bmN0aW9uKHQpe3JldHVybiJbb2JqZWN0IE51bWJlcl0iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfSh0KSl7aWYobHQodCkpcmV0dXJuITE7cj0hMH1yZXR1cm4gcn1mdW5jdGlvbiBxZSh0KXtpZighaXQodCkmJiFXZSh0KSYmIWIodCkpcmV0dXJuIiI7bGV0IHI9IiI7dHJ5e3I9U3RyaW5nKHQpfWNhdGNoKHQpe310cnl7cj10LnRvU3RyaW5nKCl9Y2F0Y2godCl7fXJldHVybiByfXZhciBHZT1NYXRoLmNlaWwsSGU9TWF0aC5tYXg7dmFyIEplPS9ccy87dmFyIFFlPS9eXHMrLztmdW5jdGlvbiBYZSh0KXtyZXR1cm4gdD90LnNsaWNlKDAsZnVuY3Rpb24odCl7Zm9yKHZhciByPXQubGVuZ3RoO3ItLSYmSmUudGVzdCh0LmNoYXJBdChyKSk7KTtyZXR1cm4gcn0odCkrMSkucmVwbGFjZShRZSwiIik6dH12YXIgWWU9L15bLStdMHhbMC05YS1mXSskL2ksWmU9L14wYlswMV0rJC9pLHRuPS9eMG9bMC03XSskL2kscm49cGFyc2VJbnQ7dmFyIGVuPTEvMDtmdW5jdGlvbiBubih0KXtyZXR1cm4gdD8odD1mdW5jdGlvbih0KXtpZigibnVtYmVyIj09dHlwZW9mIHQpcmV0dXJuIHQ7aWYoYih0KSlyZXR1cm4gTmFOO2lmKGQodCkpe3ZhciByPSJmdW5jdGlvbiI9PXR5cGVvZiB0LnZhbHVlT2Y/dC52YWx1ZU9mKCk6dDt0PWQocik/cisiIjpyfWlmKCJzdHJpbmciIT10eXBlb2YgdClyZXR1cm4gMD09PXQ/dDordDt0PVhlKHQpO3ZhciBlPVplLnRlc3QodCk7cmV0dXJuIGV8fHRuLnRlc3QodCk/cm4odC5zbGljZSgyKSxlPzI6OCk6WWUudGVzdCh0KT9OYU46K3R9KHQpKT09PWVufHx0PT09LTEvMD8xNzk3NjkzMTM0ODYyMzE1N2UyOTIqKHQ8MD8tMToxKTp0PT10P3Q6MDowPT09dD90OjB9dmFyIG9uPWZ1bmN0aW9uKHQpe3JldHVybiBmdW5jdGlvbihyLGUsbil7cmV0dXJuIG4mJiJudW1iZXIiIT10eXBlb2YgbiYmZnVuY3Rpb24odCxyLGUpe2lmKCFkKGUpKXJldHVybiExO3ZhciBuPXR5cGVvZiByO3JldHVybiEhKCJudW1iZXIiPT1uP3VyKGUpJiZSdChyLGUubGVuZ3RoKToic3RyaW5nIj09biYmciBpbiBlKSYmTShlW3JdLHQpfShyLGUsbikmJihlPW49dm9pZCAwKSxyPW5uKHIpLHZvaWQgMD09PWU/KGU9cixyPTApOmU9bm4oZSksZnVuY3Rpb24odCxyLGUsbil7Zm9yKHZhciBvPS0xLHU9SGUoR2UoKHItdCkvKGV8fDEpKSwwKSxpPUFycmF5KHUpO3UtLTspaVtuP3U6KytvXT10LHQrPWU7cmV0dXJuIGl9KHIsZSxuPXZvaWQgMD09PW4/cjxlPzE6LTE6bm4obiksdCl9fSgpLHVuPW9uO2Z1bmN0aW9uIGNuKHQscj1udWxsLGU9e30pe2oocil8fChyPXQ9PnQpO2xldCBuPW90KGUsImZvcmNlIiwhMSk7cmV0dXJuIGJ0KG4pfHwobj0hMSksZnVuY3Rpb24odCxyLGU9ITEpe2xldCBuPVtdO2lmKCFmdCh0KSYmIWN0KHQpKXJldHVybiByKHQsbnVsbCxbXSk7ZnVuY3Rpb24gbyh0KXtpZihmdCh0KSlyZXR1cm4gdW4oY2UodCkpO2lmKGN0KHQpKXtsZXQgcj1PYmplY3QuZ2V0T3duUHJvcGVydHlOYW1lcyh0KSxuPW51bGw7cmV0dXJuIGUmJihuPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHModCkpLGZ0KHIpfHwocj1bXSksZnQobil8fChuPVtdKSxbLi4uciwuLi5uXX1yZXR1cm4gdH1yZXR1cm4gZnVuY3Rpb24gdChlLHUpe2lmKGZ0KGUpKXJldHVybiBvKGUpLm1hcChvPT57bGV0IHU9ZVtvXSxpPUtlKG4pO3JldHVybiBuLnB1c2gobyksdT1yKHUsbyxpKSx1PXQodSksbi5wb3AoKSx1fSk7aWYoY3QoZSkpe2xldCB1PW8oZSksaT17fTtyZXR1cm4gdS5tYXAobz0+e2xldCB1PWVbb10sYz1LZShuKTtuLnB1c2gobyksdT1yKHUsbyxjKSx1PXQodSksbi5wb3AoKSxpW29dPXV9KSxpfXJldHVybiBlfSh0KX0odCxyLG4pfWZ1bmN0aW9uIGFuKHIsZT17fSl7aWYoIWF0KHIpJiYhcHQocikpcmV0dXJuW107bGV0IG49b3QoZSwiYmluZEtleSIsbnVsbCk7aXQobil8fChuPSJpZCIpO2xldCBvPW90KGUsImJpbmRQYXJlbnQiLG51bGwpO2l0KG8pfHwobz0icGFyZW50SWQiKTtsZXQgdT1vdChlLCJiaW5kQmVsb25nIixudWxsKTtpdCh1KXx8KHU9ImtleSIpO2xldCBpPW90KGUsImJpbmRUZXh0IixudWxsKTtpdChpKXx8KGk9InRleHQiKTtsZXQgYz1vdChlLCJiaW5kVHlwZSIsbnVsbCk7aXQoYyl8fChjPSJ0eXBlIik7bGV0IGE9b3QoZSwiYmluZE51bU9mQ2hpbHJlbiIsbnVsbCk7ZnVuY3Rpb24gZihyLGUpe3ZhciBuLG87dmFyIHUsaTtyZXR1cm4gcj1LZShyKSxvPXQ9PmIodCk/cWUodCk6dCxyPSh0KG49cik/WDpLcikobixCcihvKSksYihlKSYmKGU9cWUoZSkpLChpdChlKXx8V2UoZSkpJiZyLnB1c2goZSksaT0iLSIsbnVsbD09KHU9cik/IiI6V3IuY2FsbCh1LGkpfWl0KGEpfHwoYT0ibnVtT2ZDaGlscmVuIik7bGV0IGw9W107cmV0dXJuIGNuKHIsKHQscixlKT0+e2xldCBiPWYoZSxyKSx2PWYoZSxudWxsKSx5PSJub2RlIjtjdCh0KT95PSJvYmplY3QiOmZ0KHQpJiYoeT0iYXJyYXkiKTtsZXQgaD17W25dOmIsW29dOnYsW2NdOnl9O2lmKChpdChyKXx8ZnVuY3Rpb24odCl7cmV0dXJuIm51bWJlciI9PXR5cGVvZiB0fHxwKHQpJiYiW29iamVjdCBOdW1iZXJdIj09cyh0KX0ocikpJiYoaFt1XT1yKSxjdCh0KXx8ZnQodCl8fChoW2ldPXQpLGN0KHQpfHxmdCh0KSl7bGV0IHI9bnVsbDtjdCh0KT9yPWNlKGlyKHQpKTpmdCh0KSYmKHI9Y2UodCkpLGhbYV09cn1yZXR1cm4gbC5wdXNoKGgpLHR9LHtmb3JjZTohMH0pLGx9ZnVuY3Rpb24gZm4ocixlKXt2YXIgbjtyZXR1cm4odChyKT9hZTpWcikociwiZnVuY3Rpb24iPT10eXBlb2Yobj1lKT9uOk1yKX1mdW5jdGlvbiBsbih0LHIsZSl7cmV0dXJuIG51bGw9PXQ/dDpmdW5jdGlvbih0LHIsZSxuKXtpZighZCh0KSlyZXR1cm4gdDtmb3IodmFyIG89LTEsdT0ocj1ydChyLHQpKS5sZW5ndGgsaT11LTEsYz10O251bGwhPWMmJisrbzx1Oyl7dmFyIGE9ZXQocltvXSksZj1lO2lmKCJfX3Byb3RvX18iPT09YXx8ImNvbnN0cnVjdG9yIj09PWF8fCJwcm90b3R5cGUiPT09YSlyZXR1cm4gdDtpZihvIT1pKXt2YXIgbD1jW2FdO3ZvaWQgMD09PShmPW4/bihsLGEsYyk6dm9pZCAwKSYmKGY9ZChsKT9sOlJ0KHJbbysxXSk/W106e30pfWJlKGMsYSxmKSxjPWNbYV19cmV0dXJuIHR9KHQscixlKX1mdW5jdGlvbiBzbih0LHIpe3JldHVybiByLmxlbmd0aDwyP3Q6bnQodCxmdW5jdGlvbih0LHIsZSl7dmFyIG49LTEsbz10Lmxlbmd0aDtyPDAmJihyPS1yPm8/MDpvK3IpLChlPWU+bz9vOmUpPDAmJihlKz1vKSxvPXI+ZT8wOmUtcj4+PjAscj4+Pj0wO2Zvcih2YXIgdT1BcnJheShvKTsrK248bzspdVtuXT10W24rcl07cmV0dXJuIHV9KHIsMCwtMSkpfXZhciBwbj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGJuKHQscil7dmFyIGU9LTEsbj0ocj1ydChyLHQpKS5sZW5ndGg7aWYoIW4pcmV0dXJuITA7Zm9yKDsrK2U8bjspe3ZhciBvPWV0KHJbZV0pO2lmKCJfX3Byb3RvX18iPT09byYmIXBuLmNhbGwodCwiX19wcm90b19fIikpcmV0dXJuITE7aWYoKCJjb25zdHJ1Y3RvciI9PT1vfHwicHJvdG90eXBlIj09PW8pJiZlPG4tMSlyZXR1cm4hMX12YXIgdT1zbih0LHIpO3JldHVybiBudWxsPT11fHxkZWxldGUgdVtldChmdW5jdGlvbih0KXt2YXIgcj1udWxsPT10PzA6dC5sZW5ndGg7cmV0dXJuIHI/dFtyLTFdOnZvaWQgMH0ocikpXX12YXIgdm49RnVuY3Rpb24ucHJvdG90eXBlLHluPU9iamVjdC5wcm90b3R5cGUsaG49dm4udG9TdHJpbmcsZG49eW4uaGFzT3duUHJvcGVydHksam49aG4uY2FsbChPYmplY3QpO2Z1bmN0aW9uIGduKHQpe3JldHVybiBmdW5jdGlvbih0KXtpZighcCh0KXx8IltvYmplY3QgT2JqZWN0XSIhPXModCkpcmV0dXJuITE7dmFyIHI9d2UodCk7aWYobnVsbD09PXIpcmV0dXJuITA7dmFyIGU9ZG4uY2FsbChyLCJjb25zdHJ1Y3RvciIpJiZyLmNvbnN0cnVjdG9yO3JldHVybiJmdW5jdGlvbiI9PXR5cGVvZiBlJiZlIGluc3RhbmNlb2YgZSYmaG4uY2FsbChlKT09am59KHQpP3ZvaWQgMDp0fXZhciBfbj1vP28uaXNDb25jYXRTcHJlYWRhYmxlOnZvaWQgMDtmdW5jdGlvbiBPbihyKXtyZXR1cm4gdChyKXx8RnQocil8fCEhKF9uJiZyJiZyW19uXSl9ZnVuY3Rpb24gd24odCxyLGUsbixvKXt2YXIgdT0tMSxpPXQubGVuZ3RoO2ZvcihlfHwoZT1Pbiksb3x8KG89W10pOysrdTxpOyl7dmFyIGM9dFt1XTtyPjAmJmUoYyk/cj4xP3duKGMsci0xLGUsbixvKTpBdChvLGMpOm58fChvW28ubGVuZ3RoXT1jKX1yZXR1cm4gb31mdW5jdGlvbiBtbih0KXtyZXR1cm4obnVsbD09dD8wOnQubGVuZ3RoKT93bih0LDEpOltdfXZhciBBbj1NYXRoLm1heDt2YXIgeG49bGU/ZnVuY3Rpb24odCxyKXtyZXR1cm4gbGUodCwidG9TdHJpbmciLHtjb25maWd1cmFibGU6ITAsZW51bWVyYWJsZTohMSx2YWx1ZTooZT1yLGZ1bmN0aW9uKCl7cmV0dXJuIGV9KSx3cml0YWJsZTohMH0pO3ZhciBlfTpNcixTbj14bixQbj1EYXRlLm5vdzt2YXIgem49ZnVuY3Rpb24odCl7dmFyIHI9MCxlPTA7cmV0dXJuIGZ1bmN0aW9uKCl7dmFyIG49UG4oKSxvPTE2LShuLWUpO2lmKGU9bixvPjApe2lmKCsrcj49ODAwKXJldHVybiBhcmd1bWVudHNbMF19ZWxzZSByPTA7cmV0dXJuIHQuYXBwbHkodm9pZCAwLGFyZ3VtZW50cyl9fShTbiksRW49em47dmFyIEluPWZ1bmN0aW9uKHQpe3JldHVybiBFbihmdW5jdGlvbih0LHIsZSl7cmV0dXJuIHI9QW4odm9pZCAwPT09cj90Lmxlbmd0aC0xOnIsMCksZnVuY3Rpb24oKXtmb3IodmFyIG49YXJndW1lbnRzLG89LTEsdT1BbihuLmxlbmd0aC1yLDApLGk9QXJyYXkodSk7KytvPHU7KWlbb109bltyK29dO289LTE7Zm9yKHZhciBjPUFycmF5KHIrMSk7KytvPHI7KWNbb109bltvXTtyZXR1cm4gY1tyXT1lKGkpLGZ1bmN0aW9uKHQscixlKXtzd2l0Y2goZS5sZW5ndGgpe2Nhc2UgMDpyZXR1cm4gdC5jYWxsKHIpO2Nhc2UgMTpyZXR1cm4gdC5jYWxsKHIsZVswXSk7Y2FzZSAyOnJldHVybiB0LmNhbGwocixlWzBdLGVbMV0pO2Nhc2UgMzpyZXR1cm4gdC5jYWxsKHIsZVswXSxlWzFdLGVbMl0pfXJldHVybiB0LmFwcGx5KHIsZSl9KHQsdGhpcyxjKX19KHQsdm9pZCAwLG1uKSx0KyIiKX0oZnVuY3Rpb24odCxyKXt2YXIgZT17fTtpZihudWxsPT10KXJldHVybiBlO3ZhciBuPSExO3I9WChyLGZ1bmN0aW9uKHIpe3JldHVybiByPXJ0KHIsdCksbnx8KG49ci5sZW5ndGg+MSkscn0pLHZlKHQseGUodCksZSksbiYmKGU9VmUoZSw3LGduKSk7Zm9yKHZhciBvPXIubGVuZ3RoO28tLTspYm4oZSxyW29dKTtyZXR1cm4gZX0pLE5uPUluO2Z1bmN0aW9uIFRuKHQscj17fSl7bGV0IGU9IiRsZXZlbCIsbj0iJHBhcmVudHMiO2lmKCFwdCh0KSlyZXR1cm5bXTtsZXQgbz1vdChyLCJiaW5kS2V5IixudWxsKTtpdChvKXx8KG89ImlkIik7bGV0IHU9b3QociwiYmluZFBhcmVudCIsbnVsbCk7aXQodSl8fCh1PSJwYXJlbnRJZCIpO2xldCBpPW90KHIsImJpbmRDaGlsZHJlbiIsbnVsbCk7aXQoaSl8fChpPSJjaGlsZHJlbiIpO2xldCBjPW90KHIsInNhdmVFeHRQcm9wcyIsbnVsbCk7YnQoYyl8fChjPSExKSx0PWZ1bmN0aW9uKHQpe2xldCByPVtdO2Z1bmN0aW9uIGkoaSl7bGV0IGM9W107Zm4odCwodCxhKT0+e2xldCBmPW90KHQsdSksbD1vdChpLG8pO2lmKGYmJmwmJmY9PT1sKXtsZXQgdT1vdChpLG4sW10pO3U9S2UodSksdS5wdXNoKGlbb10pLHIucHVzaCh7W2VdOmlbZV0rMSxbbl06dSwuLi50fSl9ZWxzZSBjLnB1c2godCl9KSx0PWN9aWYodD1LZSh0KSxmdW5jdGlvbigpe2xldCBvPVtdO2ZuKHQsKHQsaSk9PntzdCh0W3VdKT9yLnB1c2goe1tlXTowLFtuXTpbXSwuLi50fSk6by5wdXNoKHQpfSksdD1vfSgpLDA9PT1yLmxlbmd0aClyZXR1cm4gcjtsZXQgYz0tMTtmb3IoO2MrPTEsIShjPnIubGVuZ3RoLTEpOyl7aWYoaShyW2NdKSwwPT09dC5sZW5ndGgpYnJlYWt9cmV0dXJuIHJ9KHQpO2xldCBhPWZ1bmN0aW9uKHQpe2xldCByPVtdO2Z1bmN0aW9uIGEodCl7cmV0dXJuIGM/dDpObih0LFtlLG5dKX1sZXQgZj17fTtyZXR1cm4gZm4odCwobixjKT0+e2lmKDA9PT1uW2VdKXtsZXQgdD1hKG4pO3IucHVzaCh0KSxmW25bb11dPVtjXX1lbHNle2xldCBlPWZ1bmN0aW9uKHIpe2ZvcihsZXQgZT0wO2U8dC5sZW5ndGg7ZSsrKXtsZXQgbj10W2VdO2lmKHJbdV09PT1uW29dKXJldHVybiBufXJldHVybiBudWxsfShuKTtpZihudWxsIT09ZSl7bGV0IHQ9ZltlW29dXTt0PVsuLi50LGldO2xldCB1PW90KHIsdCxbXSksYz1hKG4pO3UucHVzaChjKSxmW25bb11dPVsuLi50LHUubGVuZ3RoLTFdLGxuKHIsdCx1KX1lbHNlIGNvbnNvbGUubG9nKGBjYW4gbm90IGZpbmQgcGFyZW50IGZvciAke290KG4sdSl9YCl9fSkscn0odCk7cmV0dXJuIGF9bGV0IGNvbnZlcnRUb1RyZWVXaz1hc3luYyBmdW5jdGlvbih0LHI9e30pe3JldHVybiBmdW5jdGlvbih0LHI9e30pe2lmKCFhdCh0KSYmIXB0KHQpKXJldHVybltdO2xldCBlPW90KHIsImJpbmRLZXkiLG51bGwpO2l0KGUpfHwoZT0iaWQiKTtsZXQgbj1vdChyLCJiaW5kUGFyZW50IixudWxsKTtpdChuKXx8KG49InBhcmVudElkIik7bGV0IG89b3QociwiYmluZFRleHQiLG51bGwpO2l0KG8pfHwobz0idGV4dCIpO2xldCB1PW90KHIsImJpbmRDaGlsZHJlbiIsbnVsbCk7aXQodSl8fCh1PSJjaGlsZHJlbiIpO2xldCBpPW90KHIsImJpbmRUeXBlIixudWxsKTtpdChpKXx8KGk9InR5cGUiKTtsZXQgYz1vdChyLCJiaW5kTnVtT2ZDaGlscmVuIixudWxsKTtpdChjKXx8KGM9Im51bU9mQ2hpbHJlbiIpO2xldCBhPW90KHIsImJpbmRSb290IixudWxsKTtpdChhKXx8KGE9InJvb3QiKTtsZXQgZj1vdChyLCJzYXZlRXh0UHJvcHMiLG51bGwpO3JldHVybiBidChmKXx8KGY9ITEpLGl0KGEpJiYodD17W2FdOnR9KSxUbihhbih0LHtiaW5kS2V5OmUsYmluZFBhcmVudDpuLGJpbmRUZXh0Om8sYmluZFR5cGU6aSxiaW5kTnVtT2ZDaGlscmVuOmN9KSx7YmluZEtleTplLGJpbmRQYXJlbnQ6bixiaW5kQ2hpbGRyZW46dSxzYXZlRXh0UHJvcHM6Zn0pfSh0LHIpfTsKCgpsZXQgaW5zdGFuY2UgPSBudWxsCmZ1bmN0aW9uIGluaXQoaW5wdXQpewoKICAgIC8vaW5pdAogICAgbGV0IHIKICAgIAogICAgICAgIHIgPSB7CiAgICAgICAgICAgIG1haW46IGNvbnZlcnRUb1RyZWVXawogICAgICAgIH0KICAgICAgICAKCiAgICAvL29uCiAgICAKCiAgICAvL3NhdmUKICAgIGluc3RhbmNlID0gcgoKfQoKZnVuY3Rpb24gc2VuZE1lc3NhZ2UoZGF0YSkgewogICAgCiAgICAgICAgc2VsZi5wb3N0TWVzc2FnZShkYXRhKQogICAgICAgIAp9Cgphc3luYyBmdW5jdGlvbiBydW4oZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciBydW4nLGRhdGEpCgogICAgLy9tb2RlCiAgICBsZXQgbW9kZSA9IGRhdGEubW9kZQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgIT09ICdpbml0JyAmJiBtb2RlICE9PSAnY2FsbCcpewogICAgICAgIHJldHVybgogICAgfQoKICAgIC8vaW5pdAogICAgaWYobW9kZSA9PT0gJ2luaXQnKXsKICAgICAgICAKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL3R5cGUKICAgICAgICAgICAgbGV0IHR5cGUgPSBkYXRhLnR5cGUKCiAgICAgICAgICAgIC8vaW5wdXQKICAgICAgICAgICAgbGV0IGlucHV0ID0gZGF0YS5pbnB1dAogICAgCiAgICAgICAgICAgIC8vaW5zdGFuY2UKICAgICAgICAgICAgaWYodHlwZSA9PT0gJ2Z1bmN0aW9uJyl7CiAgICAgICAgICAgICAgICBpbml0KC4uLmlucHV0KQogICAgICAgICAgICB9CiAgICAgICAgICAgIGVsc2UgaWYodHlwZSA9PT0gJ29iamVjdCcpewogICAgICAgICAgICAgICAgaW5zdGFuY2UgPSBjb252ZXJ0VG9UcmVlV2sKICAgICAgICAgICAgfQoKICAgICAgICB9CiAgICAgICAgY2F0Y2goZXJyKXsKICAgICAgICAKICAgICAgICAgICAgLy9zZW5kTWVzc2FnZQogICAgICAgICAgICBsZXQgcmVzID0gewogICAgICAgICAgICAgICAgbW9kZTogJ2VtaXQnLAogICAgICAgICAgICAgICAgZXZOYW1lOiAnZXJyb3InLAogICAgICAgICAgICAgICAgbXNnOiBlcnIsCiAgICAgICAgICAgIH0KICAgICAgICAgICAgc2VuZE1lc3NhZ2UocmVzKQoKICAgICAgICB9CiAgICAgICAgICAgIAogICAgfQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgPT09ICdjYWxsJyl7CiAgICAgICAgbGV0IHN0YXRlID0gJycKICAgICAgICBsZXQgbXNnID0gbnVsbAoKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL2Z1bgogICAgICAgICAgICBsZXQgZnVuID0gaW5zdGFuY2VbZGF0YS5mdW5dCgogICAgICAgICAgICAvL2lucHV0CiAgICAgICAgICAgIGxldCBpbnB1dCA9IGRhdGEuaW5wdXQKCiAgICAgICAgICAgIC8vZXhlYwogICAgICAgICAgICBhd2FpdCBmdW4oLi4uaW5wdXQpCiAgICAgICAgICAgICAgICAudGhlbigoc3VjKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgc3RhdGU9J3N1Y2Nlc3MnCiAgICAgICAgICAgICAgICAgICAgbXNnPXN1YwogICAgICAgICAgICAgICAgfSkKICAgICAgICAgICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgc3RhdGU9J2Vycm9yJwogICAgICAgICAgICAgICAgICAgIG1zZz1lcnIKICAgICAgICAgICAgICAgIH0pCgogICAgICAgIH0KICAgICAgICBjYXRjaChlcnIpewogICAgICAgICAgICBzdGF0ZSA9ICdlcnJvcicKICAgICAgICAgICAgbXNnID0gZXJyCiAgICAgICAgfQogICAgICAgIAogICAgICAgIC8vc2VuZE1lc3NhZ2UKICAgICAgICBsZXQgcmVzID0gewogICAgICAgICAgICBtb2RlOiAncmV0dXJuJywKICAgICAgICAgICAgaWQ6IGRhdGEuaWQsCiAgICAgICAgICAgIGZ1bjogZGF0YS5mdW4sCiAgICAgICAgICAgIHN0YXRlLAogICAgICAgICAgICBtc2csCiAgICAgICAgfQogICAgICAgIHNlbmRNZXNzYWdlKHJlcykKCiAgICB9Cgp9CgpmdW5jdGlvbiByZWN2TWVzc2FnZShkYXRhKSB7CiAgICAvLyBjb25zb2xlLmxvZygnaW5uZXIgd29ya2VyIHJlY3Y6JywgZGF0YSkKCiAgICAvL2RhdGFSZWN2CiAgICBsZXQgZGF0YVJlY3YgPSBkYXRhCgogICAgLy9ydW4KICAgIHJ1bihkYXRhUmVjdikKCn0KCgogICAgICAgIHNlbGYub25tZXNzYWdlID0gZnVuY3Rpb24gKGUpIHsKICAgICAgICAgICAgcmVjdk1lc3NhZ2UoZS5kYXRhKQogICAgICAgIH0KICAgICAgICAKCnRyeXsKICAgIHByb2Nlc3Mub24oJ3VuaGFuZGxlZFJlamVjdGlvbicsIChlcnIpID0+IHsKICAgICAgICBjb25zb2xlLmxvZygnaW5uZXI6dW5oYW5kbGVkUmVqZWN0aW9uJywgZXJyKQogICAgfSkKICAgIHByb2Nlc3Mub24oJ3VuY2F1Z2h0RXhjZXB0aW9uJywgKGVycikgPT4gewogICAgICAgIGNvbnNvbGUubG9nKCdpbm5lcjp1bmNhdWdodEV4Y2VwdGlvbicsIGVycikKICAgIH0pCiAgICBwcm9jZXNzLm9uKCd1bmNhdWdodEV4Y2VwdGlvbk1vbml0b3InLCAoZXJyKSA9PiB7CiAgICAgICAgY29uc29sZS5sb2coJ2lubmVyOnVuY2F1Z2h0RXhjZXB0aW9uTW9uaXRvcicsIGVycikKICAgIH0pCn0KY2F0Y2goZXJyKXt9Cgo=");function e(){let e=new ov,t=function(n){try{let e=new Blob([n]),t=window.URL||window.webkitURL;return new Worker(t.createObjectURL(e))}catch(n){o(n)}}(n);if(!t)return o("invalid worker"),null;function r(){let n=function(){let n,e,t=new Promise(function(){n=arguments[0],e=arguments[1]});return t.resolve=n,t.reject=e,t}(),r=function(n=10){let e=[],t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),r=t.length;for(let o=0;o<n;o++)e[o]=t[0|Math.random()*r];return e.join("")}(),o={mode:"call",id:r,fun:"main",input:[...arguments]};return t.postMessage(o),e.once(r,e=>{"success"===e.state?n.resolve(e.msg):n.reject(e.msg)}),n}function o(n){e.emit("error",n)}return t.onmessage=function(n){!function(n){let t=n,r=t.mode;"emit"!==r&&"return"!==r||("emit"===r&&e.emit(t.evName,t.msg),"return"===r&&e.emit(t.id,t))}(n.data)},t.onerror=o,t.onmessageerror=function(n){o(n.data)},function(){let n={mode:"init",type:"function",input:[...arguments]};t.postMessage(n)}([...arguments]),e.main=r,e.main=r,e.terminate=function(){t?(t.terminate(),t=void 0):o("worker has been terminated")},e}iv=async function(){let n=[...arguments],t=e();return await t.main(...n).finally(()=>{t.terminate()})}}();try{process.on("unhandledRejection",n=>{console.log("outer:unhandledRejection",n)}),process.on("uncaughtException",n=>{console.log("outer:uncaughtException",n)}),process.on("uncaughtExceptionMonitor",n=>{console.log("outer:uncaughtExceptionMonitor",n)})}catch(Km){}var lv=iv,av={components:{WTree:Ih},props:{data:{type:[Array,Object],default:()=>{}},viewHeightMax:{type:Number,default:400},defaultDisplayLevel:{type:Number,default:null},indent:{type:Number,default:1},iconSize:{type:Number,default:24},iconToggleColor:{type:String,default:"grey"},iconToggleBackgroundColor:{type:String,default:"transparent"},iconToggleBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},filterKeywords:{type:String,default:""},funFilter:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},keyColor:{type:String,default:"grey darken-2"},keyNumbersColor:{type:String,default:"grey lighten-1"},numColor:{type:String,default:"indigo accent-2"},strColor:{type:String,default:"orange accent-2"},bolColor:{type:String,default:"light-green lighten-1"},funColor:{type:String,default:"purple accent-2"},defaultColor:{type:String,default:"grey darken-4"},rippleColor:{type:String,default:"rgba(200,200,200,0.4)"},show:{type:Boolean,default:!0}},data:function(){return{lockFromSetData:!1,useColors:{},root:"___root___",lineNumberWidth:0}},watch:{data:{immediate:!0,deep:!0,handler(n){this.setData(n)}}},computed:{changeColors:function(){return this.convertColors(),""},useItemHeightMin:function(){return`min-height:${Math.max(this.iconSize,this.defItemHeight)}px;`}},methods:{convertColors:function(){let n=this;if(qo(n.useColors))return;let e={numColor:wo(n.numColor),strColor:wo(n.strColor),bolColor:wo(n.bolColor),funColor:wo(n.funColor),defaultColor:wo(n.defaultColor),keyColor:wo(n.keyColor),keyNumbersColor:wo(n.keyNumbersColor)};n.useColors=e},parseData:async function(n){return await lv(n,{bindRoot:this.root})},setData:function(n){let e=this;(async function(){if(e.lockFromSetData=!0,!Te(n)&&!vn(n)){return"data is not an array or object"}e.convertColors(),n=qi(n);let t=await e.parseData(n);await sr(()=>void 0!==e.$refs.wt,{timeInterval:20}),e.$refs.wt&&await e.$refs.wt.setData(t),e.getLineNumberWidth()})().catch(n=>{console.log(n)}).finally(()=>{e.lockFromSetData=!1})},getLineNumberWidth:function(){let n=this;(async function(){if(await sr(()=>void 0!==n.$refs.wt,{timeInterval:20}),!n.$refs.wt)return;let e=So(n.$refs.wt.getRows()),t=8*(Math.ceil(Math.log10(e))+.5);n.lineNumberWidth=t})().catch(n=>{console.log(n)})},genBlock:function(n){let e="";return"object"===n.type?e=`{${n.numOfChilren}}`:"array"===n.type&&(e=`[${n.numOfChilren}]`),e},getKey:function(n){let e="";return(bn(n.key)||Fo(n.key))&&(e=n.key),e===this.root&&(e=""),e},getType:function(n){let e="";return"node"!==n.type&&(e=n.type),e},getText:function(n){let e="";return"node"===n.type&&(e=n.text),e},getTextTypeColor:function(n){let e=this,t=e.useColors.defaultColor;if("node"===n.type){let r="";Fo(n.text)?r="numColor":yn(n.text)?r="strColor":kn(n.text)?r="bolColor":Be(n.text)&&(r="funColor"),Sn(e.useColors,r)&&(t=e.useColors[r])}return t},toggleItemsByFun:function(n){return this.$refs.wt.toggleItemsByFun(n)},toggleItemsAll:function(n){return this.$refs.wt.toggleItemsAll(n)}}};const dv=av;var uv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("WTree",{ref:"wt",attrs:{viewHeightMax:n.viewHeightMax,defaultDisplayLevel:n.defaultDisplayLevel,indent:n.indent,iconSize:n.iconSize,iconToggleColor:n.iconToggleColor,iconToggleBackgroundColor:n.iconToggleBackgroundColor,iconToggleBackgroundColorHover:n.iconToggleBackgroundColorHover,itemRippleColor:n.rippleColor,filterKeywords:n.filterKeywords,funFilter:n.funFilter,loadingText:n.loadingText,noResultsText:n.lockFromSetData?"":n.noResultsText,searchingText:n.searchingText,defItemHeight:n.defItemHeight,itemsPreload:n.itemsPreload,show:n.show},on:{"change-view-items":function(e){n.$emit("change-view-items",e)},"change-height-of-items":function(e){n.$emit("change-height-of-items",e)}},scopedSlots:n._u([{key:"head",fn:function(e){return[t("div",{style:n.useItemHeightMin+" min-width:"+n.lineNumberWidth+"px; display:flex; align-items:center; justify-content:end;"},[t("div",{style:"font-size:0.8rem; padding-top:1px; color:#f26; user-select:none;"},[n._v(n._s(e.index+1))])])]}},{key:"item",fn:function(e){return[t("div",{style:n.useItemHeightMin+" display:flex; align-items:center;"},[t("div",{staticStyle:{display:"flex"}},[""!==n.getKey(e.data)?t("div",{style:"padding-right:5px; color:"+n.useColors.keyColor+";"},[n._v("\n                        "+n._s(n.getKey(e.data))+":\n                    ")]):n._e(),n._v(" "),""!==n.getType(e.data)?t("div",{style:"padding-right:3px; color:"+n.useColors.keyColor+";"},[n._v("\n                        "+n._s(n.getType(e.data))+"\n                    ")]):n._e(),n._v(" "),t("div",{style:"color:"+n.getTextTypeColor(e.data)+";"},[n._v("\n                        "+n._s(n.getText(e.data))+"\n                    ")])]),n._v(" "),t("div",{style:"padding-left:5px; color:"+n.useColors.keyNumbersColor+";"},[n._v("\n                    "+n._s(n.genBlock(e.data))+"\n                ")])])]}}])}),n._v(" "),n.lockFromSetData?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):n._e()],1)};uv._withStripped=!0;const sv=t({render:uv,staticRenderFns:[]},function(n){n&&n("data-v-c689f0ec_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WJsonView.vue"},media:void 0})},dv,"data-v-c689f0ec",false,void 0,!1,o,void 0,void 0);const cv={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["base:w-leaflet-vue"]},opt:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-leaflet-vue"];n.default&&(n=n.default),xr().component("w-leaflet-vue",n)}n.cmpName="w-leaflet-vue"})},computed:{},methods:{}};var pv=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt},scopedSlots:n._u([{key:"contour-tooltip",fn:function(e){return[n._t("contour-tooltip",null,null,e)]}},{key:"contour-popup",fn:function(e){return[n._t("contour-popup",null,null,e)]}},{key:"geojson-tooltip",fn:function(e){return[n._t("geojson-tooltip",null,null,e)]}},{key:"geojson-popup",fn:function(e){return[n._t("geojson-popup",null,null,e)]}},{key:"polygon-tooltip",fn:function(e){return[n._t("polygon-tooltip",null,null,e)]}},{key:"polygon-popup",fn:function(e){return[n._t("polygon-popup",null,null,e)]}},{key:"polyline-tooltip",fn:function(e){return[n._t("polyline-tooltip",null,null,e)]}},{key:"polyline-popup",fn:function(e){return[n._t("polyline-popup",null,null,e)]}},{key:"point-tooltip",fn:function(e){return[n._t("point-tooltip",null,null,e)]}},{key:"point-popup",fn:function(e){return[n._t("point-popup",null,null,e)]}}],null,!0)})};pv._withStripped=!0;const fv=t({render:pv,staticRenderFns:[]},function(n){n&&n("data-v-105093e4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLeafletVueDyn.vue"},media:void 0})},cv,"data-v-105093e4",false,void 0,!1,o,void 0,void 0);var gv={components:{WIcon:Ma},props:{levels:{type:Array,default:()=>[]},value:{type:Number,default:null},keyColor:{type:String,default:"color"},keyLow:{type:String,default:"low"},keyUp:{type:String,default:"up"},keyDelimiter:{type:String,default:"delimiter"},keyText:{type:String,default:"text"},spaceForGrade:{type:Number,default:5},spaceForText:{type:Number,default:5},tickDig:{type:Number,default:null},gradeSize:{type:Number,default:18},gradeTextFontSize:{type:String,default:"0.75rem"},gradeTextColor:{type:String,default:"#444"},arrowColor:{type:String,default:"#666"},arrowSize:{type:Number,default:10}},data:function(){return{get:mn,mdiTriangleDown:"M1 3H23L12 22"}},computed:{useGradeTextFontSize:function(){let n=this.gradeTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},useGradeTextColor:function(){return wo(this.gradeTextColor)},indValue:function(){let n=this,e=-1;return ke(n.levels,(t,r)=>{let o=Et(mn(t,n.keyLow,0)),i=Et(mn(t,n.keyUp,0));if(o<=n.value&&n.value<=i)return e=r,!1}),e}},methods:{getColor:function(n){return wo(n)},getTick:function(n){let e=this;return xn(n)&&(n=Et(n)),rr(e.tickDig)&&(n=oc(n,e.tickDig)),n}}};const hv=gv;var mv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""},[t("table",{staticStyle:{"border-collapse":"collapse"}},[t("tbody",n._l(n.levels,function(e,r){return t("tr",{key:"klevel-"+r},[t("td",{style:"width:"+n.arrowSize+"px;"},[n.indValue===r?t("div",{style:"transform:rotate(-90deg);"},[t("WIcon",{attrs:{icon:n.mdiTriangleDown,color:n.arrowColor,colorHover:n.arrowColor,size:n.arrowSize}})],1):n._e()]),n._v(" "),t("td",{style:"background:"+n.getColor(n.get(e,n.keyColor,"transparent"))+"; width:"+n.gradeSize+"px; height:"+n.gradeSize+"px;"}),n._v(" "),t("td",{style:"padding-left:"+n.spaceForGrade+"px; text-align:right; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("low",function(){return[n._v("\n                        "+n._s(n.getTick(n.get(e,n.keyLow,"")))+"\n                    ")]},{klevel:r,level:e})],2),n._v(" "),t("td",{style:"padding:0px 2px; text-align:center; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("delimiter",function(){return[n._v("\n                        "+n._s(n.get(e,n.keyDelimiter,""))+"\n                    ")]},{klevel:r,level:e})],2),n._v(" "),t("td",{style:"text-align:left; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("up",function(){return[n._v("\n                        "+n._s(n.getTick(n.get(e,n.keyUp,"")))+"\n                    ")]},{klevel:r,level:e})],2),n._v(" "),t("td",{style:"padding-left:"+n.spaceForText+"px; text-align:left; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("text",function(){return[n._v("\n                        "+n._s(n.get(e,n.keyText,""))+"\n                    ")]},{klevel:r,level:e})],2)])}),0)])])};mv._withStripped=!0;const vv=t({render:mv,staticRenderFns:[]},function(n){n&&n("data-v-6d9e8008_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLevelGrade.vue"},media:void 0})},hv,"data-v-6d9e8008",false,void 0,!1,o,void 0,void 0);var yv={directives:{domresize:ol()},components:{WCheckbox:Vu,WText:rc,WListVertical:ch},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"},keyPickForObjItem:{type:String,default:""},paddingStyle:{type:Object,default:()=>({v:6,h:8})},spaceBetweenCheckboxAndContent:{type:Number,default:8},itemTextFontSize:{type:String,default:"1.0rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(200,200,200,0.4)"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#000"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:18},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"#000"},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},itemCheckIconIconSize:{type:Number,default:18},itemCheckIconCheckedIcon:{type:String,default:fl},itemCheckIconCheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconCheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorDisabled:{type:String,default:"grey"},itemCheckIconUncheckedIcon:{type:String,default:pl},itemCheckIconUncheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconUncheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorDisabled:{type:String,default:"grey"},enableQuery:{type:Boolean,default:!1},query:{type:String,default:""},queryKeysPickForObjItem:{type:Array,default:()=>["text"]},queryPaddingStyle:{type:Object,default:()=>({v:0,h:0})},queryBorderRadius:{type:Number,default:30},queryShadow:{type:Boolean,default:!1},queryTextFontSize:{type:String,default:"1.0rem"},queryTextColor:{type:String,default:"black"},queryTextAlign:{type:String,default:"left"},queryIcon:{type:String,default:xl},queryIconSize:{type:Number,default:18},queryIconColor:{type:String,default:"blue"},queryIconColorHover:{type:String,default:"blue darken-1"},queryIconColorFocus:{type:String,default:"blue darken-1"},queryIconTooltip:{type:String,default:""},queryIconShiftOuter:{type:Number,default:0},queryIconShiftInner:{type:Number,default:5},queryBackgroundColor:{type:String,default:"transparent"},queryBackgroundColorHover:{type:String,default:"transparent"},queryBackgroundColorFocus:{type:String,default:"transparent"},queryBorderColor:{type:String,default:"transparent"},queryBorderColorHover:{type:String,default:"transparent"},queryBorderColorFocus:{type:String,default:"transparent"},queryBottomLineBorderColor:{type:String,default:"grey lighten-1"},queryBottomLineBorderColorHover:{type:String,default:"grey"},queryBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},queryBottomLineBorderWidth:{type:Number,default:1},queryBottomLineBorderWidthHover:{type:Number,default:1},queryBottomLineBorderWidthFocus:{type:Number,default:2},queryPlaceholder:{type:String,default:"Keywords"},queryHeight:{type:Number,default:28},queryFocused:{type:Boolean,default:!1},queryPanelPaddingStyle:{type:Object,default:()=>({v:10,h:10})},querySepLineColor:{type:String,default:"#ddd"},querySepLineWidth:{type:Number,default:1}},data:function(){return{panelHeight:0,itemsTrans:[],kpCheck:{},queryTrans:"",queryFocusedTrans:!1}},computed:{changeValue:function(){return this.modifyItems(this.value),""},changeQuery:function(){let n=this;return n.queryTrans=n.query,n.queryFocusedTrans=n.queryFocused,""},isObjValue:function(){return 0!==So(this.items)&&eh(this.items,n=>vn(n))},useQueryPanelPaddingStyle:function(){return`padding:${La(this.queryPanelPaddingStyle)};`},effSepLineColor:function(){return wo(this.querySepLineColor)}},methods:{resize:function(n){this.panelHeight=n.snew.offsetHeight},getItem:function(n){let e=this,t=null;return t=e.isObjValue&&bn(e.keyPickForObjItem)?mn(n,e.keyPickForObjItem):n,t},getKeyFromItemAndInd:function(n,e){let t=this.getItem(n);return qo(t)&&(t=JSON.stringify(t),t=Al(t,20)),`${e}|${t}`},getKeyFromItem:function(n){let e=this,t=null;return ke(e.items,(r,o)=>{if(Fs(r,n))return t=e.getKeyFromItemAndInd(n,o),!1}),t},judgeItem:function(n,e){let t=this.getItem(n),r=null;return r=this.multiCheck?Zs(e,t):Fs(e,t),r},queryFunFilter:function(n,e){let t=this;if(!bn(t.queryTrans))return!0;let r=null;if(t.isObjValue)if(Ya(t.queryKeysPickForObjItem)){let e=[];ke(t.queryKeysPickForObjItem,t=>{let r=mn(n,`data.${t}`);e.push(r)}),r=ar(e,"|")}else r=Tf(n);else r=Wl(n);r=r.toLowerCase();let o=Ot(t.queryTrans.toLowerCase()," "),i=!1;return ke(o,n=>{if(r.indexOf(n)>=0)return i=!0,!1}),i},modifyItems:function(n){let e=this,t=null,r={};ke(e.items,(o,i)=>{let l=e.getKeyFromItemAndInd(o,i),a=e.judgeItem(o,n);r[l]=a,a&&(t=l)}),e.multiCheck||null===t||(ke(r,(n,e)=>{r[e]=!1}),r[t]=!0);let o=Bt(e.items,(n,t)=>{let r=n;e.isObjValue&&(r=mn(n,e.keyText,""));let o="";e.isObjValue&&(o=mn(n,e.keyIcon,""));let i=!0;return e.isObjValue&&(i=mn(n,"editable",!0)),{[e.keyText]:r,[e.keyIcon]:o,editable:i,data:n}});e.itemsTrans=o,e.kpCheck=r},clickItem:function(n,e){let t=this;if(!t.getEditable(n))return;let r=qi(t.kpCheck),o=t.getKeyFromItem(n);t.multiCheck?r[o]=!r[o]:r[e]||(ke(r,(n,e)=>{r[e]=!1}),r[o]=!0);let i=[];ke(t.items,(n,e)=>{let o=t.getKeyFromItemAndInd(n,e);if(!r[o])return!0;let l=t.getItem(n);i.push(l)}),t.multiCheck||(i=mn(i,0,null)),t.kpCheck=r,t.$emit("click",{check:r[o],item:qi(t.items[e]),kitem:e}),t.$emit("input",i)},modifyQuery:function(){let n=this;n.modifyItems(n.value),n.$emit("update:query",n.queryTrans)},modifyQueryFocused:function(n){this.$emit("update:queryFocused",n)},getCheck:function(n){let e=this.getKeyFromItem(n);return this.kpCheck[e]},getEditable:function(n){return mn(n,"editable",!0)}}};const bv=yv;var Cv=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,changeQuery:n.changeQuery},on:{domresize:n.resize}},[t("WListVertical",{style:"height:"+n.panelHeight+"px;",attrs:{items:n.itemsTrans,enableActive:!0,_itemActive:"itemActive",keyText:n.keyText,keyIcon:n.keyIcon,paddingStyle:n.paddingStyle,itemTextFontSize:n.itemTextFontSize,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemBackgroundColorActive:n.itemBackgroundColorActive,itemBackgroundColorDisabled:n.itemBackgroundColorDisabled,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemTextColorActive:n.itemTextColorActive,itemTextColorDisabled:n.itemTextColorDisabled,itemIconSize:n.itemIconSize,itemIconColor:n.itemIconColor,itemIconColorHover:n.itemIconColorHover,itemIconColorActive:n.itemIconColorActive,itemIconColorDisabled:n.itemIconColorDisabled,itemRippleColor:n.itemRippleColor,itemDisabledColor:n.itemDisabledColor,itemCursorPointer:n.itemCursorPointer,query:n.queryTrans,funFilter:n.queryFunFilter},on:{click:function(e,t){n.clickItem(e.data,t)}},scopedSlots:n._u([{key:"header",fn:function(){return[n._t("header"),n._v(" "),n.enableQuery?[t("div",{style:""+n.useQueryPanelPaddingStyle},[t("WText",{attrs:{paddingStyle:n.queryPaddingStyle,borderRadius:n.queryBorderRadius,shadow:n.queryShadow,textFontSize:n.queryTextFontSize,textColor:n.queryTextColor,textAlign:n.queryTextAlign,leftIcon:n.queryIcon,leftIconSize:n.queryIconSize,leftIconColor:n.queryIconColor,leftIconColorHover:n.queryIconColorHover,leftIconColorFocus:n.queryIconColorFocus,leftIconTooltip:n.queryIconTooltip,_rightIcon:"queryRightIcon",_rightIconSize:"queryRightIconSize",_rightIconColor:"queryRightIconColor",_rightIconColorHover:"queryRightIconColorHover",_rightIconColorFocus:"queryRightIconColorFocus",_rightIconTooltip:"queryRightIconTooltip",iconShiftOuter:n.queryIconShiftOuter,iconShiftInner:n.queryIconShiftInner,backgroundColor:n.queryBackgroundColor,backgroundColorHover:n.queryBackgroundColorHover,backgroundColorFocus:n.queryBackgroundColorFocus,borderColor:n.queryBorderColor,borderColorHover:n.queryBorderColorHover,borderColorFocus:n.queryBorderColorFocus,bottomLineBorderColor:n.queryBottomLineBorderColor,bottomLineBorderColorHover:n.queryBottomLineBorderColorHover,bottomLineBorderColorFocus:n.queryBottomLineBorderColorFocus,bottomLineBorderWidth:n.queryBottomLineBorderWidth,bottomLineBorderWidthHover:n.queryBottomLineBorderWidthHover,bottomLineBorderWidthFocus:n.queryBottomLineBorderWidthFocus,placeholder:n.queryPlaceholder,height:n.queryHeight,focused:n.queryFocused,editable:!0},on:{enter:n.modifyQuery,change:n.modifyQuery,input:n.modifyQuery,"update:focused":n.modifyQueryFocused},model:{value:n.queryTrans,callback:function(e){n.queryTrans=e},expression:"queryTrans"}})],1),n._v(" "),t("div",{style:"border-top:"+n.querySepLineWidth+"px solid "+n.effSepLineColor+";"})]:n._e()]},proxy:!0},{key:"item-left",fn:function(e){return[t("WCheckbox",{attrs:{iconSize:n.itemCheckIconIconSize,checkedIcon:n.itemCheckIconCheckedIcon,checkedIconColor:e.isActive?n.itemCheckIconCheckedIconColorActive:e.isHover?n.itemCheckIconCheckedIconColorHover:n.itemCheckIconCheckedIconColor,checkedIconColorHover:e.isActive?n.itemCheckIconCheckedIconColorActive:n.itemCheckIconCheckedIconColorHover,checkedIconColorDisabled:n.itemCheckIconCheckedIconColorDisabled,uncheckedIcon:n.itemCheckIconUncheckedIcon,uncheckedIconColor:e.isActive?n.itemCheckIconUncheckedIconColorActive:e.isHover?n.itemCheckIconUncheckedIconColorHover:n.itemCheckIconUncheckedIconColor,uncheckedIconColorHover:e.isActive?n.itemCheckIconUncheckedIconColorActive:n.itemCheckIconUncheckedIconColorHover,uncheckedIconColorDisabled:n.itemCheckIconUncheckedIconColorDisabled,editable:n.getEditable(e.item.data),value:n.getCheck(e.item.data)}}),n._v(" "),t("div",{style:"padding-right:"+n.spaceBetweenCheckboxAndContent+"px;"})]}},{key:"item-content",fn:function(e){return[n._t("item-content",null,{item:e.item.data,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}},{key:"footer",fn:function(){return[n._t("footer")]},proxy:!0}],null,!0)})],1)};Cv._withStripped=!0;const xv=t({render:Cv,staticRenderFns:[]},function(n){n&&n("data-v-e8b246a2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListCheck.vue"},media:void 0})},bv,"data-v-e8b246a2",false,void 0,!1,o,void 0,void 0);var Sv={directives:{domripple:Ga()},components:{WIcon:Ma},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:()=>({v:10,h:12})},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},expansionIcon:{type:String,default:wl},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"#aaa"},expansionIconColorHover:{type:String,default:"#888"},expansionIconColorActive:{type:String,default:"rgba(255,255,255,0.8)"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"}},data:function(){return{obstructMutation:!1,mouseEnter:!1,heightContent:""}},computed:{changeActive:function(){return this.updateHeightContent(this.active),""},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){return`padding:${La(this.paddingStyle,{ext:{}})};`},effBackgroundColor:function(){return wo(this.backgroundColor)},effBackgroundColorHover:function(){return wo(this.backgroundColorHover)},effBackgroundActive:function(){return wo(this.backgroundColorActive)},useBackgroundColor:function(){let n=this;return n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},effTextActive:function(){return wo(this.textColorActive)},useTextColor:function(){let n=this;return n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor},effIconColor:function(){return wo(this.iconColor)},effIconColorHover:function(){return wo(this.iconColorHover)},effIconActive:function(){return wo(this.iconColorActive)},useIconColor:function(){let n=this;return n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor},effExpansionIconColor:function(){return wo(this.expansionIconColor)},effExpansionIconColorHover:function(){return wo(this.expansionIconColorHover)},effExpansionIconColorActive:function(){return wo(this.expansionIconColorActive)},useExpansionIconColor:function(){let n=this;return n.active?n.effExpansionIconColorActive:n.mouseEnter?n.effExpansionIconColorHover:n.effExpansionIconColor},useRotateDeg:function(){return this.active?180:0}},methods:{updateHeightContent:function(){let n=this;(async function(){for(let e=1;e<=5;e++)setTimeout(()=>{n.obstructMutation=!n.obstructMutation},100*e);if(n.active){if(n.active){n.$el||await sr(()=>void 0!==n.$el,{timeInterval:10});let e=mn(n,"$refs.rct.clientHeight");Fo(e)&&(n.heightContent=`height:${e}px;`)}}else n.heightContent=""})().catch(n=>{console.log(n)})},getIcon:function(n){return mn(n,"icon","")},getText:function(n){if(""===mn(n,"text",""))return n},clickItem:function(n,e){let t=this;return t.$emit("update:active",!t.active),t.$emit("click",{icon:n,text:e}),""}}};const Iv=Sv;var wv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeActive:n.changeActive}},[t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"transition:all 0.3s; "+n.usePadding+" background:"+n.useBackgroundColor+"; cursor:pointer;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:function(e){return n.clickItem(n.icon,n.text)}}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-right":"4px"}},[t("div",{style:"transition:all 0.3s; transform:rotate("+(n.useRotateDeg+90)+"deg); cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.useExpansionIconColor,colorHover:n.useExpansionIconColor,size:n.expansionIconSize}})],1)]),n._v(" "),n._t("header",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",{style:"transition:all 0.3s; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n                    "+n._s(n.text)+"\n                ")])]},{isHover:n.mouseEnter,isActive:n.active})],2)]),n._v(" "),t("div",{class:"ct "+(n.active?"ct-show":"ct-hide"),style:""+n.heightContent},[t("div",{ref:"rct"},[n._t("content",null,{isHover:n.mouseEnter,isActive:n.active})],2)]),n._v(" "),t("div",{staticStyle:{position:"relative",height:"0px",overflow:"hidden"}},[n.obstructMutation?t("div",{staticStyle:{position:"absolute",left:"0px",top:"0px",height:"0px"}}):n._e()])])};wv._withStripped=!0;const kv=t({render:wv,staticRenderFns:[]},function(n){n&&n("data-v-42f356a8_0",{source:"\n.ct[data-v-42f356a8] {\r\n    transition: height 0.5s, opacity 0.5s ease-out;\n}\n.ct-hide[data-v-42f356a8] {\r\n    overflow: hidden;\r\n    height: 0px;\r\n    opacity: 0;\n}\n.ct-show[data-v-42f356a8] {\r\n    opacity: 1;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WListExpandItem.vue"],names:[],mappings:";AAicA;IACA,8CAAA;AACA;AACA;IACA,gBAAA;IACA,WAAA;IACA,UAAA;AACA;AACA;IACA,UAAA;AACA",file:"WListExpandItem.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeActive=\"changeActive\"\r\n    >\r\n\r\n        \x3c!-- header --\x3e\r\n        <div\r\n            :style=\"`transition:all 0.3s; ${usePadding} background:${useBackgroundColor}; cursor:pointer;`\"\r\n            v-domripple=\"{color:rippleColor}\"\r\n            @mouseenter=\"mouseEnter=true\"\r\n            @mouseleave=\"mouseEnter=false\"\r\n            @click=\"clickItem(icon,text)\"\r\n        >\r\n            <div style=\"display:flex; align-items:center;\">\r\n\r\n                <div style=\"margin-right:4px;\">\r\n                    <div :style=\"`transition:all 0.3s; transform:rotate(${useRotateDeg+90}deg); cursor:pointer;`\">\r\n                        <WIcon\r\n                            :icon=\"expansionIcon\"\r\n                            :color=\"useExpansionIconColor\"\r\n                            :colorHover=\"useExpansionIconColor\"\r\n                            :size=\"expansionIconSize\"\r\n                        ></WIcon>\r\n                    </div>\r\n                </div>\r\n\r\n                <slot\r\n                    name=\"header\"\r\n                    :isHover=\"mouseEnter\"\r\n                    :isActive=\"active\"\r\n                >\r\n\r\n                    <WIcon\r\n                        style=\"margin-right:8px;\"\r\n                        :icon=\"icon\"\r\n                        :color=\"useIconColor\"\r\n                        :colorHover=\"useIconColor\"\r\n                        :size=\"iconSize\"\r\n                        v-if=\"hasIcon\"\r\n                    ></WIcon>\r\n\r\n                    <div :style=\"`transition:all 0.3s; color:${useTextColor}; ${useTextFontSize}`\">\r\n                        {{text}}\r\n                    </div>\r\n\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        \x3c!-- content --\x3e\r\n        <div :class=\"`ct ${active?'ct-show':'ct-hide'}`\" :style=\"`${heightContent}`\">\r\n            <div ref=\"rct\">\r\n\r\n                <slot\r\n                    name=\"content\"\r\n                    :isHover=\"mouseEnter\"\r\n                    :isActive=\"active\"\r\n                >\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div style=\"position:relative; height:0px; overflow:hidden;\">\r\n            <div style=\"position:absolute; left:0px; top:0px; height:0px;\" v-if=\"obstructMutation\">\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlay } from '@mdi/js'\r\nimport get from 'lodash-es/get.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport domRipple from '../js/domRipple.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [text=''] 輸入文字字串，預設''\r\n * @vue-prop {String} [textFontSize='1rem'] 輸入文字字型大小字串，預設'1rem'\r\n * @vue-prop {Boolean} [active=false] 輸入是否為主動模式布林值，預設false\r\n * @vue-prop {Object} [paddingStyle={v:10,h:12}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:12}\r\n * @vue-prop {String} [backgroundColor='white'] 輸入背景顏色字串，預設'white'\r\n * @vue-prop {String} [backgroundColorHover='rgba(200,200,200,0.2)'] 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)'\r\n * @vue-prop {String} [backgroundColorActive='orange lighten-1'] 輸入主動模式時背景顏色字串，預設'orange lighten-1'\r\n * @vue-prop {String} [textColor='#444'] 輸入文字顏色字串，預設'#444'\r\n * @vue-prop {String} [textColorHover='#222'] 輸入滑鼠移入時文字顏色字串，預設'#222'\r\n * @vue-prop {String} [textColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'\r\n * @vue-prop {String} [icon=''] 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {Number} [iconSize=22] 輸入左側圖標之尺寸數字，單位px，預設22\r\n * @vue-prop {String} [iconColor='#444'] 輸入圖標顏色字串，預設'#444'\r\n * @vue-prop {String} [iconColorHover='#222'] 輸入滑鼠移入時圖標顏色字串，預設'#222'\r\n * @vue-prop {String} [iconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'\r\n * @vue-prop {String} [expansionIcon=mdiPlay] 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay)\r\n * @vue-prop {Number} [expansionIconSize=18] 輸入顯隱圖標尺寸數字，單位為px，預設18\r\n * @vue-prop {String} [expansionIconColor='#aaa'] 輸入顯隱圖標顏色字串，預設'#aaa'\r\n * @vue-prop {String} [expansionIconColorHover='#888'] 輸入滑鼠移入時顯隱圖標顏色字串，預設'#888'\r\n * @vue-prop {String} [expansionIconColorActive='rgba(255,255,255,0.8)'] 輸入主動模式時顯隱圖標顏色字串，預設'rgba(255,255,255,0.8)'\r\n * @vue-prop {String} [rippleColor='rgba(255,255,255,0.4)'] 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)'\r\n */\r\nexport default {\r\n    directives: {\r\n        domripple: domRipple(),\r\n    },\r\n    components: {\r\n        WIcon,\r\n    },\r\n    props: {\r\n        text: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '1rem',\r\n        },\r\n        active: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 10,\r\n                    h: 12,\r\n                }\r\n            },\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'rgba(200,200,200,0.2)',\r\n        },\r\n        backgroundColorActive: {\r\n            type: String,\r\n            default: 'orange lighten-1',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        textColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 22,\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        iconColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        iconColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        expansionIcon: {\r\n            type: String,\r\n            default: mdiPlay,\r\n        },\r\n        expansionIconSize: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        expansionIconColor: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        expansionIconColorHover: {\r\n            type: String,\r\n            default: '#888',\r\n        },\r\n        expansionIconColorActive: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.8)',\r\n        },\r\n        rippleColor: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.4)',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            obstructMutation: false,\r\n            mouseEnter: false,\r\n            heightContent: '',\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeActive: function() {\r\n            let vo = this\r\n            vo.updateHeightContent(vo.active)\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        hasIcon: function() {\r\n            let vo = this\r\n            return vo.icon !== ''\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, { ext: {} })\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        effBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColor)\r\n        },\r\n\r\n        effBackgroundColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColorHover)\r\n        },\r\n\r\n        effBackgroundActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColorActive)\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effBackgroundActive\r\n            }\r\n            return vo.mouseEnter ? vo.effBackgroundColorHover : vo.effBackgroundColor\r\n        },\r\n\r\n        effTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColor)\r\n        },\r\n\r\n        effTextColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorHover)\r\n        },\r\n\r\n        effTextActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorActive)\r\n        },\r\n\r\n        useTextColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effTextActive\r\n            }\r\n            return vo.mouseEnter ? vo.effTextColorHover : vo.effTextColor\r\n        },\r\n\r\n        effIconColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColor)\r\n        },\r\n\r\n        effIconColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColorHover)\r\n        },\r\n\r\n        effIconActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColorActive)\r\n        },\r\n\r\n        useIconColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effIconActive\r\n            }\r\n            return vo.mouseEnter ? vo.effIconColorHover : vo.effIconColor\r\n        },\r\n\r\n        effExpansionIconColor: function() {\r\n            //console.log('computed effExpansionIconColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColor)\r\n        },\r\n\r\n        effExpansionIconColorHover: function() {\r\n            //console.log('computed effExpansionIconColorHover')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColorHover)\r\n        },\r\n\r\n        effExpansionIconColorActive: function() {\r\n            //console.log('computed effExpansionIconColorActive')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColorActive)\r\n        },\r\n\r\n        useExpansionIconColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effExpansionIconColorActive\r\n            }\r\n            return vo.mouseEnter ? vo.effExpansionIconColorHover : vo.effExpansionIconColor\r\n        },\r\n\r\n        useRotateDeg: function() {\r\n            //console.log('computed useRotateDeg')\r\n\r\n            let vo = this\r\n\r\n            return vo.active ? 180 : 0\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        updateHeightContent: function() {\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //於WPanelScrolly內容區使用顯隱動畫時, 因瀏覽器之內容區高度會先更新完畢, 而transition動畫結束時間較慢, 導致WPanelScrolly內容區無法算得實際高度而導致出現遮蔽情況\r\n                //於指定時間(n*s=500ms需與class ct內設定transition時間長度一致)內反覆變更元素顯隱, 藉此刺激WPanelScrolly內mutation事件, 使能進行重算內容區高度\r\n                let n = 5\r\n                let s = 100\r\n                for (let i = 1; i <= n; i++) {\r\n                    setTimeout(() => {\r\n                        vo.obstructMutation = !vo.obstructMutation\r\n                        // console.log('obstructMutation', vo.obstructMutation)\r\n                    }, i * s)\r\n                }\r\n\r\n                if (!vo.active) {\r\n                    //隱藏內容\r\n\r\n                    //clear\r\n                    vo.heightContent = ''\r\n\r\n                }\r\n                else if (vo.active) {\r\n                    //顯示內容\r\n\r\n                    if (!vo.$el) {\r\n\r\n                        //wait $el\r\n                        await waitFun(() => {\r\n                            // console.log('waitFun try', vo.text)\r\n                            return vo.$el !== undefined\r\n                        }, { timeInterval: 10 })\r\n                        // console.log('waitFun finish', vo.text)\r\n\r\n                    }\r\n\r\n                    //h\r\n                    let h = get(vo, '$refs.rct.clientHeight')\r\n                    // console.log(h, vo.text)\r\n\r\n                    //update\r\n                    if (isNumber(h)) {\r\n\r\n                        //heightContent\r\n                        vo.heightContent = `height:${h}px;`\r\n\r\n                    }\r\n\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        getIcon: function(item) {\r\n            return get(item, 'icon', '')\r\n        },\r\n\r\n        getText: function(item) {\r\n            let t = get(item, 'text', '')\r\n            if (t === '') {\r\n                return item\r\n            }\r\n        },\r\n\r\n        clickItem: function(icon, text) {\r\n            // console.log('methods clickItem', icon, text)\r\n\r\n            let vo = this\r\n\r\n            //emit\r\n            vo.$emit('update:active', !vo.active)\r\n\r\n            //emit\r\n            vo.$emit('click', { icon, text })\r\n\r\n            return ''\r\n        },\r\n\r\n    }\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ct {\r\n    transition: height 0.5s, opacity 0.5s ease-out;\r\n}\r\n.ct-hide {\r\n    overflow: hidden;\r\n    height: 0px;\r\n    opacity: 0;\r\n}\r\n.ct-show {\r\n    opacity: 1;\r\n}\r\n</style>\r\n"]},media:void 0})},Iv,"data-v-42f356a8",false,void 0,!1,o,void 0,void 0);var Tv={directives:{domresize:ol()},components:{WPanelScrolly:oh,WListExpandItem:kv},props:{items:{type:Array,default:()=>[]},activeMode:{type:String,default:"one"},itemActive:{type:[String,Object,Array],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyDsp:{type:String,default:"dsp"},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"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemExpansionIcon:{type:String,default:wl},itemExpansionIconSize:{type:Number,default:18},itemExpansionIconColor:{type:String,default:"grey"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"}},data:function(){return{panelHeight:0,listHeight:0,itemActiveTrans:null}},computed:{changeItemActive:function(){return this.itemActiveTrans=this.itemActive,""},isObjValue:function(){return 0!==So(this.items)&&eh(this.items,n=>vn(n))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,r=mn(e,"$refs.refHeader");ai(r)&&(t=r.offsetHeight);let o=0,i=mn(e,"$refs.refFooter");ai(i)&&(o=i.offsetHeight);let l=e.panelHeight-t-o;l>0&&e.listHeight!==l&&(e.listHeight=l)},getIcon:function(n){let e=this;return e.isObjValue?mn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return mn(n,e.keyText,"")}return n},getDsp:function(n){let e=this;if(e.isObjValue){return mn(n,e.keyDsp,"")}return n},getActive:function(n){let e=this,t=!1;return"one"===e.activeMode?t=Fs(n,e.itemActiveTrans):"multi"===e.activeMode&&ke(e.itemActiveTrans,e=>{if(t=Fs(n,e),t)return!1}),t},updateItemActive:function(n,e,t){let r=this,o=qi(r.itemActiveTrans);!n&&e?"one"===r.activeMode?o=t:"multi"===r.activeMode&&o.push(qi(t)):n&&!e&&function(){if("one"===r.activeMode)o=null;else if("multi"===r.activeMode){let n=[];ke(o,e=>{Fs(t,e)||n.push(e)}),o=n}}(),r.itemActiveTrans=o,r.$nextTick(()=>{r.$emit("update:itemActive",qi(o))})},getSlotItem(n,e){let t=null;return t=this.isObjValue?{...n,...e}:{item:n,...e},t},ckItem:function(n){let e=this;e.$nextTick(()=>{e.$emit("click",qi(n))})}}};const Bv=Tv;var Hv=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",{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.items,function(e,r){return t("div",{key:r},[t("WListExpandItem",{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,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,expansionIcon:n.itemExpansionIcon,expansionIconSize:n.itemExpansionIconSize,expansionIconColor:n.itemExpansionIconColor,rippleColor:n.itemRippleColor},on:{"update:active":function(t){n.updateItemActive(n.getActive(e),t,e)},click:function(t){return n.ckItem(e)}},scopedSlots:n._u([{key:"header",fn:function(t){return[n._t("item-header",null,{item:n.getSlotItem(e,t)})]}},{key:"content",fn:function(r){return[n._t("item-content",function(){return[t("div",{staticStyle:{padding:"10px","font-size":"0.9rem"}},[n._v("\n                                "+n._s(n.getDsp(e))+"\n                            ")])]},{item:n.getSlotItem(e,r)})]}}],null,!0)})],1)}),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};Hv._withStripped=!0;const Av=t({render:Hv,staticRenderFns:[]},function(n){n&&n("data-v-09bb4758_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListExpand.vue"},media:void 0})},Bv,"data-v-09bb4758",false,void 0,!1,o,void 0,void 0);var Wv={directives:{domresize:ol()},components:{WListItem:ah},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!==So(this.items)&&eh(this.items,n=>vn(n))},effBorderBottomColor:function(){return wo(this.borderBottomColor)}},methods:{resize:function(n){this.updateBorderBottom()},getIcon:function(n){let e=this;return e.isObjValue?mn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return mn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Fs(n,e.itemActiveTrans)),t},getEditable:function(n){return mn(n,"editable",!0)},updateBorderBottom:function(){let n=this;if(null==n.itemActiveTrans)return;let e=0,t=[];ke(mn(n,"$refs.wli",[]),(r,o)=>{let i=r,l=mn(i,"clientWidth",0),a=mn(i,"clientHeight",0),d=e,u=l,s=a;o>0&&n.space>0&&(d+=n.space,u-=n.space),t.push({left:d,bottom:0,width:u,heiht:s}),e+=l});let r=-1;if(ke(n.items,(e,t)=>{if(Fs(e,n.itemActiveTrans))return r=t,!1}),-1===r)return;let o=t[r];n.borderBottomLeft=o.left,n.borderBottomWidth=o.width},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let r=null;r=t.isObjValue?{...n}:n,t.$emit("click",r,e),t.$emit("update:itemActive",r)}}};const Fv=Wv;var Zv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[n.borderBottom?t("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+n.borderBottomLeft+"px; padding-left:"+n.borderBottomWidth+"px; border-bottom:"+n.borderBottomSize+"px solid "+n.effBorderBottomColor+";"}):n._e(),n._v(" "),n._l(n.items,function(e,r){return t("div",{key:r},[t("div",{ref:"wli",refInFor:!0,style:n.space>0&&r>0?"padding-left:"+n.space+"px;":""},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,borderRadius:n.itemBorderRadius,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:!n.getActive(e)&&n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,r)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)])})],2)])};Zv._withStripped=!0;const Xv=t({render:Zv,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})},Fv,"data-v-3256149a",false,void 0,!1,o,void 0,void 0);const Rv={components:{WListCheck:xv},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyPickForObjItem:{type:String,default:""},paddingStyle:{type:Object,default:()=>({v:6,h:8})},spaceBetweenCheckboxAndContent:{type:Number,default:8},itemTextFontSize:{type:String,default:"1.0rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(200,200,200,0.4)"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#000"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:18},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"#000"},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},itemCheckIconIconSize:{type:Number,default:18},itemCheckIconCheckedIcon:{type:String,default:cl},itemCheckIconCheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconCheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorDisabled:{type:String,default:"grey"},itemCheckIconUncheckedIcon:{type:String,default:"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,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"},itemCheckIconUncheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconUncheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorDisabled:{type:String,default:"grey"},enableQuery:{type:Boolean,default:!1},query:{type:String,default:""},queryKeysPickForObjItem:{type:Array,default:()=>["text"]},queryPaddingStyle:{type:Object,default:()=>({v:0,h:0})},queryBorderRadius:{type:Number,default:30},queryShadow:{type:Boolean,default:!1},queryTextFontSize:{type:String,default:"1.0rem"},queryTextColor:{type:String,default:"black"},queryTextAlign:{type:String,default:"left"},queryIcon:{type:String,default:xl},queryIconSize:{type:Number,default:18},queryIconColor:{type:String,default:"blue"},queryIconColorHover:{type:String,default:"blue darken-1"},queryIconColorFocus:{type:String,default:"blue darken-1"},queryIconTooltip:{type:String,default:""},queryIconShiftOuter:{type:Number,default:0},queryIconShiftInner:{type:Number,default:5},queryBackgroundColor:{type:String,default:"transparent"},queryBackgroundColorHover:{type:String,default:"transparent"},queryBackgroundColorFocus:{type:String,default:"transparent"},queryBorderColor:{type:String,default:"transparent"},queryBorderColorHover:{type:String,default:"transparent"},queryBorderColorFocus:{type:String,default:"transparent"},queryBottomLineBorderColor:{type:String,default:"grey lighten-1"},queryBottomLineBorderColorHover:{type:String,default:"grey"},queryBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},queryBottomLineBorderWidth:{type:Number,default:1},queryBottomLineBorderWidthHover:{type:Number,default:1},queryBottomLineBorderWidthFocus:{type:Number,default:2},queryPlaceholder:{type:String,default:"Keywords"},queryHeight:{type:Number,default:28},queryFocused:{type:Boolean,default:!1},queryPanelPaddingStyle:{type:Object,default:()=>({v:10,h:10})},querySepLineColor:{type:String,default:"#ddd"},querySepLineWidth:{type:Number,default:1}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var Vv=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WListCheck",n._g(n._b({scopedSlots:n._u([{key:"header",fn:function(){return[n._t("header")]},proxy:!0},{key:"item-content",fn:function(e){return[n._t("item-content",null,{item:e.item,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}},{key:"footer",fn:function(){return[n._t("footer")]},proxy:!0}],null,!0)},"WListCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};Vv._withStripped=!0;const Pv=t({render:Vv,staticRenderFns:[]},function(n){n&&n("data-v-3167aed6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListRadio.vue"},media:void 0})},Rv,"data-v-3167aed6",false,void 0,!1,o,void 0,void 0);var zv={directives:{domresize:ol()},components:{WIcon:Ma},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 wo(this.avatarIconColor)},useAvatarBorderColor:function(){return wo(this.avatarBorderColor)},useAvatarBackgroundColor:function(){return wo(this.avatarBackgroundColor)},useHeaderVerticalAlign:function(){let n="";return n="bottom"===this.headerVerticalAlign?"flex-end":"center"===this.headerVerticalAlign?"center":"flex-start",n},useHeaderTextColor:function(){return wo(this.headerTextColor)},useSubHeaderTextColor:function(){return wo(this.subHeaderTextColor)},useSepLineColor:function(){return wo(this.sepLineColor)},useContentBackgroundColor:function(){return wo(this.contentBackgroundColor)}},methods:{resizeAvatar:function(n){this.avatarWidth=n.snew.offsetWidth,this.avatarHeight=n.snew.offsetHeight}}};const Lv=zv;var Nv=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)])])])};Nv._withStripped=!0;const Dv=t({render:Nv,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})},Lv,"data-v-6d959c2e",false,void 0,!1,o,void 0,void 0);const Gv={directives:{domresize:ol()},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(){return`padding:${La(this.paddingStyle,{ext:{}})};`},useHeaderTextColor:function(){return wo(this.headerTextColor)},useHeaderBackgroundColor:function(){return wo(this.headerBackgroundColor)},useContentBackgroundColor:function(){return wo(this.contentBackgroundColor)},useContentPadding:function(){let n=this;return xn(n.contentPadding)?`${n.contentPadding}px`:n.contentPadding}},methods:{updateHeaderHeight:function(n){this.headerHeight=n.snew.offsetHeight,this.$emit("resize",n)}}};var jv=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)])])])};jv._withStripped=!0;const Kv=t({render:jv,staticRenderFns:[]},function(n){n&&n("data-v-e4a43672_0",{source:"\n.shadow[data-v-e4a43672] {\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-e4a43672] {\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: {} })\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})},Gv,"data-v-e4a43672",false,void 0,!1,o,void 0,void 0);const Yv={directives:{domresize:ol()},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=Gp(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 wo(this.barColor)},useBarBorderColor:function(){return wo(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;Fo(e.leftWidthMin)&&t<e.leftWidthMin&&(n=e.leftWidthMin/e.panelWidth),Fo(e.leftWidthMax)&&t>e.leftWidthMax&&(n=e.leftWidthMax/e.panelWidth);let r=(1-n)*e.panelWidth;Fo(e.rightWidthMin)&&r<e.rightWidthMin&&(n=-(e.rightWidthMin/e.panelWidth-1)),Fo(e.rightWidthMax)&&r>e.rightWidthMax&&(n=-(e.rightWidthMax/e.panelWidth-1))}return n},dragBar:function({clientX:n}){let e=this,t=e.$el.getBoundingClientRect(),r=n,o=e.$el.offsetWidth,i=0;o>0&&(i=(r-t.left)/o),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};var _v=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)])])};_v._withStripped=!0;const $v=t({render:_v,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})},Yv,"data-v-38174f87",false,void 0,!1,o,void 0,void 0);var Mv={directives:{domresize:ol()},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=Gp(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 wo(this.barColor)},useBarBorderColor:function(){return wo(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;Fo(e.topHeightMin)&&t<e.topHeightMin&&(n=e.topHeightMin/e.panelHeight),Fo(e.topHeightMax)&&t>e.topHeightMax&&(n=e.topHeightMax/e.panelHeight);let r=(1-n)*e.panelHeight;Fo(e.bottomHeightMin)&&r<e.bottomHeightMin&&(n=-(e.bottomHeightMin/e.panelHeight-1)),Fo(e.bottomHeightMax)&&r>e.bottomHeightMax&&(n=-(e.bottomHeightMax/e.panelHeight-1))}return n},dragBar:function({clientY:n}){let e=this,t=e.$el.getBoundingClientRect(),r=n,o=e.$el.offsetHeight,i=0;o>0&&(i=(r-t.top)/o),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};const Ov=Mv;var Jv=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)])])};Jv._withStripped=!0;const Ev=t({render:Jv,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})},Ov,"data-v-357f2c2f",false,void 0,!1,o,void 0,void 0);const Uv={directives:{domresize:ol(),dommutation:Rf()},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=mn(n,"$refs.tar");if(ai(e)){let t=e.getBoundingClientRect();n.width===t.width&&n.height===t.height||(n.width=t.width,n.height=t.height)}}}};var Qv=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)])])])])};Qv._withStripped=!0;const qv=t({render:Qv,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})},Uv,"data-v-a28c5d42",false,void 0,!1,o,void 0,void 0);const ny={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"]=wo(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"]=wo(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",r="0 0";return n.hasHeader||(t=`${n.borderRadius}px ${n.borderRadius}px`),n.hasFooter||(r=`${n.borderRadius}px ${n.borderRadius}px`),e["border-radius"]=`${t} ${r}`,e},useFooterStyle:function(){let n=this,e={};return e.padding=`${n.padding}px`,e["border-top"]="1px solid #ddd",e["background-color"]=wo(n.footerBackgroundColor),e["border-radius"]=`0 0 ${n.borderRadius}px ${n.borderRadius}px`,e}},methods:{}};var ey=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()])};ey._withStripped=!0;const ty=t({render:ey,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})},ny,"data-v-59d58b7f",false,void 0,!1,o,void 0,void 0);const ry={components:{WPopup:vs,WText:rc,WButtonChip:Bu,WIcon:Ma},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:gl},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=Ae(n,";",""),`font-size:${n};`},useTitleColor:function(){return wo(this.titleColor)},useHeaderBackgroundColor:function(){return wo(this.headerBackgroundColor)},useContentBackgroundColor:function(){return wo(this.contentBackgroundColor)},useFooterBackgroundColor:function(){return wo(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 oy=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)])]}}])})};oy._withStripped=!0;const iy=t({render:oy,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})},ry,"data-v-f4b7cba6",false,void 0,!1,o,void 0,void 0);var ly={components:{WIcon:Ma},props:{value:{type:Number,default:0},decimal:{type:Number,default:1},title:{type:String,default:""},titleTextColor:{type:String,default:"grey darken-2"},titleTextFontSize:{type:String,default:"0.85rem"},height:{type:Number,default:4},borderRadius:{type:Number,default:5},progColor:{type:String,default:"lime accent-4"},progBackgroundColor:{type:String,default:"light-green lighten-5"},iconSize:{type:Number,default:20},iconWaiting:{type:String,default:Il},iconFinish:{type:String,default:sl},iconWaitingColor:{type:String,default:"grey"},iconFinishColor:{type:String,default:"green"},enableIconWaiting:{type:Boolean,default:!0},enableIconFinish:{type:Boolean,default:!0},valueTextColor:{type:String,default:"grey darken-2"},valueTextFontSize:{type:String,default:"0.85rem"},enableContinuous:{type:Boolean,default:!1},continuousIncrease:{type:Number,default:12},continuousPeriod:{type:Number,default:100}},data:function(){return{mdiCheck:sl,mdiOrbitVariant:Il,timer:null,continuousFirst:!0,continuousRatio:0,continuousShiftX:0,continuousWidth:0}},beforeDestroy:function(){let n=this;null!==n.timer&&(clearInterval(n.timer),n.timer=null)},computed:{changeContinuous:function(){let n=this;return n.enableContinuous?n.runContinuous():n.destroyContinuous(),""},hasTitle:function(){return bn(this.title)},status:function(){return this.value<=0?"waiting":this.value>=100?"finish":"running"},useProg:function(){let n=this.value;return n=Math.max(n,0),n=Math.min(n,100),n=this.digValue(n),n},useTitleTextFontSize:function(){let n=this.titleTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},useBorderRadius:function(){return`border-radius:${this.borderRadius}px;`},useProgColor:function(){return wo(this.progColor)},useProgBackgroundColor:function(){return wo(this.progBackgroundColor)},useTitleTextColor:function(){return wo(this.titleTextColor)},useIconWaitingColor:function(){return wo(this.iconWaitingColor)},useIconFinishColor:function(){return wo(this.iconFinishColor)},useValueTextColor:function(){return wo(this.valueTextColor)},useValueTextFontSize:function(){let n=this.valueTextFontSize;return n=Ae(n,";",""),`font-size:${n};`}},methods:{digValue:function(n){return oc(n,this.decimal)},runContinuous:function(){let n=this;null===n.timer&&(n.timer=setInterval(()=>{n.continuousRatio+=n.continuousIncrease,n.continuousFirst=!1,n.continuousRatio>=100+n.continuousIncrease&&(n.continuousFirst=!0,n.continuousRatio=-n.continuousIncrease),n.continuousShiftX=(n=>{let e=(n/=100)<.5?4*n*n*n:1-Math.pow(-2*n+2,3)/2;return e=Math.max(Math.min(e,1),0),e*=100,e})(n.continuousRatio),n.continuousWidth=(n=>{n-=50,n*=2,n/=100,n=Math.max(Math.min(n,1),-1);let e=1*Math.exp(-2*n**2);return e=Math.max(Math.min(e,1),0),e-=.1353352832366127,e*=1.1565176427496657,e*=100,e})(n.continuousRatio)},n.continuousPeriod))},destroyContinuous:function(){let n=this;null!==n.timer&&(clearInterval(n.timer),n.timer=null)}}};const ay=ly;var dy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeContinuous:n.changeContinuous}},[n.hasTitle?t("div",{style:"color:"+n.useTitleTextColor+"; "+n.useTitleTextFontSize+";"},[n._v("\n        "+n._s(n.title)+"\n    ")]):n._e(),n._v(" "),n.enableContinuous?n._e():t("div",{style:"display:flex; align-items:center;"},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:"+n.height+"px;"},[t("div",{style:"background:"+n.useProgBackgroundColor+"; height:"+n.height+"px;"},[t("div",{style:"background:"+n.useProgColor+"; width:"+n.useProg+"%; height:"+n.height+"px;"})])]),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}},[n.enableIconWaiting&&"waiting"===n.status||n.enableIconFinish&&"finish"===n.status?t("WIcon",{attrs:{icon:"waiting"===n.status?n.iconWaiting:n.iconFinish,color:"waiting"===n.status?n.useIconWaitingColor:n.useIconFinishColor,colorHover:"waiting"===n.status?n.useIconWaitingColor:n.useIconFinishColor,size:n.iconSize}}):t("div",{style:"color:"+n.useValueTextColor+"; "+n.useValueTextFontSize+";"},[t("div",[n._v(n._s(n.useProg)+"%")])])],1)]),n._v(" "),n.enableContinuous?t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:"+n.height+"px;"},[t("div",{style:"position:relative; background:"+n.useProgBackgroundColor+"; height:"+n.height+"px;"},[t("div",{style:"position:absolute; transition:all "+(n.continuousFirst?0:n.continuousPeriod)+"ms linear; left:"+n.continuousShiftX+"%; top:0px; background:"+n.useProgColor+"; width:"+n.continuousWidth+"%; height:"+n.height+"px;"})])]):n._e()])};dy._withStripped=!0;const uy=t({render:dy,staticRenderFns:[]},function(n){n&&n("data-v-a175a682_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WProgressBar.vue"},media:void 0})},ay,"data-v-a175a682",false,void 0,!1,o,void 0,void 0);const sy={components:{WTooltip:Iu},props:{text:{type:String,default:""},value:{type:Number,default:0},color:{type:String,default:"rgba(100,100,100,0.8)"},trackColor:{type:String,default:"rgba(150,150,150,0.4)"},size:{type:Number,default:120},width:{type:Number,default:6},textColor:{type:String,default:"#666"},tooltip:{type:String,default:""},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)"}},data:function(){return{}},mounted:function(){},computed:{radius:function(){return this.size/2-this.width/2},sizeHalf:function(){return this.size/2},widthOuter:function(){return 1*this.width},widthInner:function(){return this.width},progSdAll:function(){return 2*Math.PI*this.radius},progSdNow:function(){let n=this.value;return n<0&&(n=0),n>100&&(n=100),(100-n)/100*this.progSdAll},valueStyle:function(){let n=this,e=n.size/5.4,t=(n.size-26)/94*.25+.75;return{color:n.useColor,"font-size":e+"pt",transform:`scale(${t})`}},textStyle:function(){let n=this.size/12;return{color:this.useTextColor,"font-size":n+"pt",transform:"scale(1.2)"}},useColor:function(){return wo(this.color)},useTrackColor:function(){return wo(this.trackColor)},useTextColor:function(){return wo(this.textColor)},hasTooltop:function(){return bn(this.tooltip)}},methods:{clickBtn:function(){let n=this;n.$nextTick(()=>{n.$emit("click")})}}};var cy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"}},[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; width:"+n.size+"px; height:"+n.size+"px;"},[t("svg",{style:"transform-origin:radius; transform:rotate(-90deg);",attrs:{width:n.size,height:n.size,viewPort:"0 0 "+n.size+" "+n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg"}},[t("circle",{attrs:{r:n.radius,cx:n.sizeHalf,cy:n.sizeHalf,fill:"transparent","stroke-dasharray":n.progSdAll,"stroke-dashoffset":0,stroke:n.useTrackColor,"stroke-width":n.widthOuter}}),n._v(" "),t("circle",{staticStyle:{transition:"all 0.6s ease-in-out"},attrs:{r:n.radius,cx:n.sizeHalf,cy:n.sizeHalf,fill:"transparent","stroke-dasharray":n.progSdAll,"stroke-dashoffset":n.progSdNow,stroke:n.useColor,"stroke-width":n.widthInner}})]),n._v(" "),t("div",{style:"position:absolute; top:50%; left:50%; width:"+n.size+"px; height:"+n.size+"px;"},[t("div",{staticStyle:{"text-align":"center",transform:"translate(-50%,-50%)"}},[t("div",{style:[n.valueStyle]},[n._v(n._s(n.value)+"%")]),n._v(" "),t("div",{style:[n.textStyle]},[n._v(n._s(n.text))])])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n            "+n._s(n.tooltip)+"\n        ")]},proxy:!0}])})],1)};cy._withStripped=!0;const py=t({render:cy,staticRenderFns:[]},function(n){n&&n("data-v-6b1a9a7c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WProgressCircle.vue"},media:void 0})},sy,"data-v-6b1a9a7c",false,void 0,!1,o,void 0,void 0);const fy={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.min.js","https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.min.css","base:w-quill-vue"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-quill-vue"];n.default&&(n=n.default),xr().component("w-quill-vue",n)}n.cmpName="w-quill-vue"})},computed:{},methods:{}};var gy=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};gy._withStripped=!0;const hy=t({render:gy,staticRenderFns:[]},function(n){n&&n("data-v-213166c6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WQuillVueDyn.vue"},media:void 0})},fy,"data-v-213166c6",false,void 0,!1,o,void 0,void 0);var my={components:{WPopup:vs},props:{items:{type:Array,default:()=>[]},width:{type:Number,default:230},height:{type:Number,default:600},paddingStyle:{type:Object,default:()=>({top:10,right:0,bottom:10,left:50})},keyValueStart:{type:String,default:"valueStart"},keyValueEnd:{type:String,default:"valueEnd"},keyText:{type:String,default:"text"},valueMin:{type:Number,default:null},valueMax:{type:Number,default:null},title:{type:String,default:""},titleColor:{type:String,default:"#444"},titleFontSize:{type:String,default:"1rem"},titleShift:{type:Number,default:null},alignStart:{type:String,default:"left"},alignEnd:{type:String,default:"right"},funFormatTickValue:{type:Function,default:null},axisColor:{type:String,default:"#666"},tickColor:{type:String,default:"#666"},tickSize:{type:Number,default:5},tickLabelColor:{type:String,default:"#666"},tickLabelFontSize:{type:String,default:"0.7rem"},segmentBackgroundType:{type:String,default:"color"},segmentBackgroundColor:{type:String,default:"#FFB74D"},funSegmentBackgroundColor:{type:Function,default:null},segmentBackgroundImage:{type:String,default:""},funSegmentBackgroundImage:{type:Function,default:null},segmentBackgroundImageSize:{type:String,default:"75%"},segmentBorderColor:{type:[String,Object],default:"#FB8C00"},funSegmentBorderColor:{type:Function,default:null},segmentSize:{type:Number,default:6},textWithPopup:{type:Boolean,default:!1},textFontSize:{type:String,default:"0.7rem"},textColor:{type:String,default:"#222"},textBackgroundColor:{type:String,default:"#ddd"},textTriangularSize:{type:Number,default:15},textTriangularRatio:{type:Number,default:1.5},textShift:{type:Number,default:null},textCanClick:{type:Boolean,default:!1},segmentCanClick:{type:Boolean,default:!1}},data:function(){return{}},computed:{paddingFormat:function(){return La(this.paddingStyle,{returnObj:!0})},paddingTop:function(){return mn(this,"paddingFormat.top",0)},paddingRight:function(){return mn(this,"paddingFormat.right",0)},paddingBottom:function(){return mn(this,"paddingFormat.bottom",0)},paddingLeft:function(){return mn(this,"paddingFormat.left",0)},plotWidth:function(){let n=this,e=n.width-n.paddingLeft-n.paddingRight;return e=Math.max(e,0),e},plotHeight:function(){let n=this,e=n.height-n.paddingTop-n.paddingBottom;return e=Math.max(e,0),e},useTextTriangularSizeHalf:function(){return this.textTriangularSize/this.textTriangularRatio},useAlignStart:function(){let n=this.alignStart;return"left"!==n&&"right"!==n&&(n="left"),n},useAlignEnd:function(){let n=this.alignEnd;return"left"!==n&&"right"!==n&&(n="right"),n},useItemsOri:function(){let n=this,e=[];return ke(n.items,(t,r)=>{let o=mn(t,n.keyValueStart,"");xn(o)||console.log(`value[${o}] at items[${r}].${n.keyValueStart} is not a number`),o=Et(o);let i=mn(t,n.keyValueEnd,"");xn(i)||console.log(`value[${i}] at items[${r}].${n.keyValueEnd} is not a number`),i=Et(i);let l=mn(t,n.keyText,"");bn(l)||(l=""),e.push({valueStart:o,valueEnd:i,text:l,data:t})}),e},vsve:function(){return[...Bt(this.useItemsOri,"valueStart"),...Bt(this.useItemsOri,"valueEnd")]},useValueMin:function(){let n=this;return Fo(n.valueMin)?n.valueMin:_u(n.vsve)},useValueMax:function(){let n=this;return Fo(n.valueMax)?n.valueMax:Mu(n.vsve)},userValueRange:function(){return this.useValueMax-this.useValueMin},useItems:function(){let n=this,e=[];return ke(n.useItemsOri,t=>{let r=t.valueStart;r=Math.min(Math.max(r,n.useValueMin),n.useValueMax);let o=t.valueEnd;o=Math.min(Math.max(o,n.useValueMin),n.useValueMax),e.push({...t,valueStart:r,valueEnd:o})}),e},useLabels:function(){let n=this,e=[];ke(n.useItems,t=>{e.push({value:t.valueStart,align:n.useAlignStart}),e.push({value:t.valueEnd,align:n.useAlignEnd})});let t={value:n.useValueMin,align:n.useAlignStart},r={value:n.useValueMax,align:n.useAlignEnd};e=[t,...e,r];let o=ug(e,"value"),i=[];return ke(o,(n,e)=>{if(1===So(n))i.push(n[0]);else{let t=ug(n,"align");if(t=ef(t),1===So(t))i.push(t[0][0]);else{let n={value:e,align:"left"};i.push(n)}}}),e=i,e},useLabelsLocs:function(){let n=this,e=Bt(n.useLabels,e=>{let t=n.convertValueToY(e.value),r=e.value;return Be(n.funFormatTickValue)&&(r=n.funFormatTickValue(e.value)),{y:t,align:e.align,label:r}});return e},useSamplesLocs:function(){let n=this,e=n.useValueMax-n.useValueMin,t=Bt(n.useItems,t=>{let r=(t.valueStart-n.useValueMin)/e*n.plotHeight,o=(t.valueEnd-n.useValueMin)/e*n.plotHeight;return{y:r,yc:(r+o)/2,height:o-r,text:t.text,data:t.data}});return t},useTitleColor:function(){return wo(this.titleColor)},useAxisColor:function(){return wo(this.axisColor)},useTickColor:function(){return wo(this.tickColor)},useTickLabelColor:function(){return wo(this.tickLabelColor)},useSegmentCursor:function(){return this.segmentCanClick?"cursor:pointer;":""},useTitleShift:function(){let n=this;return Fo(n.titleShift)?n.titleShift:12-n.paddingLeft},useTickOuter:function(){let n=this.tickSize;return n+=4,n},useTextShift:function(){let n=this;if(Fo(n.textShift))return n.textShift;let e=1+n.segmentSize/2;return"right"!==n.useAlignStart&&"right"!==n.useAlignEnd||(e+=n.paddingLeft),e},useTextWidthMax:function(){let n=this.plotWidth-this.useTextShift-14.4-1;return n=Math.max(n,0),n},useTextColor:function(){return wo(this.textColor)},useTextBackgroundColor:function(){return wo(this.textBackgroundColor)},useTextCursor:function(){return this.textWithPopup||this.textCanClick?"cursor:pointer;":""}},methods:{convertValueToY:function(n){let e=this;return(n-e.useValueMin)/e.userValueRange*e.plotHeight},getLabelShift:function(n){let e="";return"left"===n&&(e="-100% - "),`${e}${this.useTickOuter}px`},getSegmentBackground:function(n){let e=this,t="";if("color"===e.segmentBackgroundType)t=`background:${e.getSegmentBackgroundColor(n)};`;else{if("image"!==e.segmentBackgroundType)throw new Error(`segmentBackgroundType[${e.segmentBackgroundType}] need to set 'color' or 'image'`);{let r=e.segmentBackgroundImageSize;r=Ae(r,";",""),t=`background-image:url('${e.getSegmentBackgroundImage(n)}'); background-size:${r}; background-repeat:repeat;`}}return t},getSegmentBackgroundColor:function(n){let e=this,t=wo(e.segmentBackgroundColor);if(Be(e.funSegmentBackgroundColor)){let r=mn(e,`useItems.${n}.data`,{});t=e.funSegmentBackgroundColor(r)}return t},getSegmentBackgroundImage:function(n){let e=this,t=e.segmentBackgroundImage;if(Be(e.funSegmentBackgroundImage)){let r=mn(e,`useItems.${n}.data`,{});t=e.funSegmentBackgroundImage(r)}return t},getSegmentBorder:function(n){let e,t=this,r=e=>{let r=wo(e);if(Be(t.funSegmentBorderColor)){let e=mn(t,`useItems.${n}.data`,{});r=t.funSegmentBorderColor(e)}return r};if(vn(t.segmentBorderColor)){let n=za(t.segmentBorderColor,{def:"",type:"text"});e=`border-left:1px solid ${r(n.left)}; border-right:1px solid ${r(n.right)}; border-top:1px solid ${r(n.top)}; border-bottom:1px solid ${r(n.bottom)};`}else e=`border:1px solid ${r(t.segmentBorderColor)};`;return e},clickText:function(n,e){if(!this.textCanClick)return;let t={ev:n,item:e};this.$emit("click-text",t)},clickSegment:function(n,e){if(!this.segmentCanClick)return;let t={ev:n,item:e};this.$emit("click-segment",t)}}};const vy=my;var yy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"width:"+n.width+"px; height:"+n.height+"px; box-sizing:border-box;"},[t("div",{style:"padding:"+n.paddingTop+"px "+n.paddingRight+"px "+n.paddingBottom+"px "+n.paddingLeft+"px;"},[t("div",{style:"position:relative; width:"+n.plotWidth+"px; height:"+n.plotHeight+"px; border-left:1px solid "+n.useAxisColor+";"},[n.title?t("div",{style:"position:absolute; top:50%; left:0%; color:"+n.useTitleColor+"; font-size:"+n.titleFontSize+"; text-align:center; transform-origin:center; transform:translate(-50%,-50%) rotate(-90deg) translateY("+n.useTitleShift+"px);"},[t("div",[n._v(n._s(n.title))])]):n._e(),n._v(" "),n._l(n.useLabelsLocs,function(e,r){return t("div",{key:"label"+r,style:"position:absolute; top:"+e.y+"px; left:0px; transform:translate( calc( "+n.getLabelShift(e.align)+" ), -50% );"},[t("div",{style:"color:"+n.useTickLabelColor+"; font-size:"+n.tickLabelFontSize+";"},[n._v("\n                    "+n._s(e.label)+"\n                ")])])}),n._v(" "),n._l(n.useLabelsLocs,function(e,r){return t("div",{key:"tick"+r,style:"position:absolute; top:"+e.y+"px; left:-"+n.tickSize+"px;"},[t("div",{style:"width:"+(2*n.tickSize+1)+"px; border-top:1px solid "+n.useTickColor+";"})])}),n._v(" "),n._l(n.useSamplesLocs,function(e,r){return t("div",{key:"sample-block"+r,style:"position:absolute; top:"+e.y+"px; left:-"+n.segmentSize/2+"px; width:"+n.segmentSize+"px; height:"+e.height+"px; "+n.getSegmentBackground(r)+" "+n.getSegmentBorder(r)+" "+n.useSegmentCursor,on:{click:function(t){n.clickSegment(t,e.data)}}})}),n._v(" "),t("div",{style:"position:absolute; top:0px; left:0px; transform:translateX(-"+n.paddingLeft+"px);"},[n._t("support-left",null,{convertValueToY:n.convertValueToY})],2),n._v(" "),t("div",{style:"position:absolute; top:0px; left:"+n.useTickOuter+"px;"},[n._t("support-right",null,{convertValueToY:n.convertValueToY})],2),n._v(" "),n._l(n.useSamplesLocs,function(e,r){return t("div",{key:"sample-text"+r,style:"position:absolute; top:"+e.yc+"px; left:"+n.useTextShift+"px;"},[t("div",{staticStyle:{position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"-50%",left:"0px",height:"100%"}},[t("div",{staticStyle:{display:"flex","align-items":"center",height:"100%"}},[n._t("text",function(){return[n.textWithPopup?[t("div",{style:"display:flex;"},[t("WPopup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"display:flex; "+n.useTextCursor,on:{click:function(t){n.clickText(t,e.data)}}},[t("div",{style:"width:0; height:0; border-top:"+n.useTextTriangularSizeHalf+"px solid transparent; border-right:"+n.useTextTriangularSizeHalf*n.textTriangularRatio+"px solid "+n.useTextBackgroundColor+"; border-bottom:"+n.useTextTriangularSizeHalf+"px solid transparent;"}),n._v(" "),t("div",{style:"padding-right:5px; max-width:"+n.useTextWidthMax+"px; box-sizing:border-box; background:"+n.useTextBackgroundColor+";"},[t("div",{style:"height:100%; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useTextColor+"; font-size:"+n.textFontSize+"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;",attrs:{title:e.text}},[n._v("\n                                                                "+n._s(e.text)+"\n                                                            ")])])])])]},proxy:!0},{key:"content",fn:function(){return[n._t("text-popup",null,{item:e.data,index:r})]},proxy:!0}],null,!0)})],1)]:[t("div",{style:"display:flex; "+n.useTextCursor,on:{click:function(t){n.clickText(t,e.data)}}},[t("div",{style:"width:0; height:0; border-top:"+n.useTextTriangularSizeHalf+"px solid transparent; border-right:"+n.useTextTriangularSizeHalf*n.textTriangularRatio+"px solid "+n.useTextBackgroundColor+"; border-bottom:"+n.useTextTriangularSizeHalf+"px solid transparent;"}),n._v(" "),t("div",{style:"padding-right:5px; max-width:"+n.useTextWidthMax+"px; box-sizing:border-box; background:"+n.useTextBackgroundColor+";"},[t("div",{style:"height:100%; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useTextColor+"; font-size:"+n.textFontSize+"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;",attrs:{title:e.text}},[n._v("\n                                                    "+n._s(e.text)+"\n                                                ")])])])])]]},{item:e.data,index:r})],2)])])])})],2)])])};yy._withStripped=!0;const by=t({render:yy,staticRenderFns:[]},function(n){n&&n("data-v-748005d6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WSegmentsVertical.vue"},media:void 0})},vy,"data-v-748005d6",false,void 0,!1,o,void 0,void 0);var Cy={props:{value:{type:[Boolean,String],default:!1},text:{type:String,default:""},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textFontSize:{type:String,default:"0.85rem"},switchSize:{type:Number,default:24},checkedSwitchCircleColor:{type:String,default:"blue darken-3"},checkedSwitchCircleColorHover:{type:String,default:"blue darken-2"},checkedSwitchCircleColorDisabled:{type:String,default:"grey"},uncheckedSwitchCircleColor:{type:String,default:"#fafafa"},uncheckedSwitchCircleColorHover:{type:String,default:"#fff"},uncheckedSwitchCircleColorDisabled:{type:String,default:"#bababa"},checkedSwitchBarColor:{type:String,default:"#74a4d9"},checkedSwitchBarColorHover:{type:String,default:"#8bb3df"},checkedSwitchBarColorDisabled:{type:String,default:"#ececec"},uncheckedSwitchBarColor:{type:String,default:"#c5c5c5"},uncheckedSwitchBarColorHover:{type:String,default:"#ccc"},uncheckedSwitchBarColorDisabled:{type:String,default:"#ececec"},editable:{type:Boolean,default:!0}},data:function(){return{hoverTrans:!1,dh:4,b:!1}},computed:{changeParam:function(){let n=this,e=n.value;return kn(e)?n.b=e:n.b="y"===e,""},heightCir:function(){return this.switchSize-this.dh},widthCir:function(){return this.heightCir},heightBar:function(){return this.switchSize/24*14},widthBar:function(){return this.switchSize/24*36},heightToogle:function(){return Math.max(this.heightCir,this.heightBar)},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},useTextColor:function(){let n,e=this;return e.editable?(n=e.hoverTrans?e.effTextColorHover:e.effTextColor,n):e.effTextColor},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},effCheckedSwitchCircleColor:function(){return wo(this.checkedSwitchCircleColor)},effCheckedSwitchCircleColorHover:function(){return wo(this.checkedSwitchCircleColorHover)},effCheckedSwitchCircleColorDisabled:function(){return wo(this.checkedSwitchCircleColorDisabled)},useCheckedSwitchCircleColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedSwitchCircleColorHover:n.effCheckedSwitchCircleColor:n.effCheckedSwitchCircleColorDisabled},effUncheckedSwitchCircleColor:function(){return wo(this.uncheckedSwitchCircleColor)},effUncheckedSwitchCircleColorHover:function(){return wo(this.uncheckedSwitchCircleColorHover)},effUncheckedSwitchCircleColorDisabled:function(){return wo(this.uncheckedSwitchCircleColorDisabled)},useUncheckedSwitchCircleColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedSwitchCircleColorHover:n.effUncheckedSwitchCircleColor:n.effUncheckedSwitchCircleColorDisabled},useSwitchCircleColor:function(){let n=this;return n.b?n.useCheckedSwitchCircleColor:n.useUncheckedSwitchCircleColor},effCheckedSwitchBarColor:function(){return wo(this.checkedSwitchBarColor)},effCheckedSwitchBarColorHover:function(){return wo(this.checkedSwitchBarColorHover)},effCheckedSwitchBarColorDisabled:function(){return wo(this.checkedSwitchBarColorDisabled)},useCheckedSwitchBarColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedSwitchBarColorHover:n.effCheckedSwitchBarColor:n.effCheckedSwitchBarColorDisabled},effUncheckedSwitchBarColor:function(){return wo(this.uncheckedSwitchBarColor)},effUncheckedSwitchBarColorHover:function(){return wo(this.uncheckedSwitchBarColorHover)},effUncheckedSwitchBarColorDisabled:function(){return wo(this.uncheckedSwitchBarColorDisabled)},useUncheckedSwitchBarColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedSwitchBarColorHover:n.effUncheckedSwitchBarColor:n.effUncheckedSwitchBarColorDisabled},useSwitchBarColor:function(){let n=this;return n.b?n.useCheckedSwitchBarColor:n.useUncheckedSwitchBarColor}},methods:{toogleValue:function(){let n=this;if(!n.editable)return;let e=n.b;e=!e;let t=null;kn(n.value)?(t=!1,e&&(t=!0)):(t="n",e&&(t="y")),n.$nextTick(()=>{n.$emit("input",t)})}}};const xy=Cy;var Sy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; "+(n.editable?"cursor:pointer;":""),attrs:{changeParam:n.changeParam},on:{click:n.toogleValue,mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{style:"width:"+n.widthBar+"px; height:"+n.heightToogle+"px;"},[t("div",{style:"position:relative;"},[t("div",{staticClass:"ts",style:"position:absolute; top:"+(1+(n.heightToogle-n.heightBar)/2)+"px; left:0px; width:"+n.widthBar+"px; height:"+n.heightBar+"px; border-radius:8px; background:"+n.useSwitchBarColor+";"}),n._v(" "),t("div",{staticClass:"ts bs",style:"position:absolute; top:"+(1+(n.heightToogle-n.heightCir)/2)+"px; left:"+(n.b?n.widthBar-n.widthCir:0)+"px; width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; background:"+n.useSwitchCircleColor+";"})])]),n._v(" "),""!==n.text?t("div",{staticClass:"ts",style:"text-transform:none; padding-left:5px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._t("text",function(){return[n._v("\n                "+n._s(n.text)+"\n            ")]},{text:n.text})],2):n._e()])])};Sy._withStripped=!0;const Iy=t({render:Sy,staticRenderFns:[]},function(n){n&&n("data-v-1f87a8f2_0",{source:"\n.ts[data-v-1f87a8f2] {\r\n    transition:all 0.3s;\n}\n.bs[data-v-1f87a8f2] {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WSwitch.vue"],names:[],mappings:";AA0XA;IACA,mBAAA;AACA;AACA;IACA,kHAAA;AACA",file:"WSwitch.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`display:inline-block; ${editable?'cursor:pointer;':''}`\"\r\n        :changeParam=\"changeParam\"\r\n        @click=\"toogleValue\"\r\n        @mouseenter=\"hoverTrans=true;$emit('mouseenter',$event)\"\r\n        @mouseleave=\"hoverTrans=false;$emit('mouseleave',$event)\"\r\n    >\r\n\r\n        <div style=\"display:flex; align-items:center;\">\r\n\r\n            <div :style=\"`width:${widthBar}px; height:${heightToogle}px;`\">\r\n                <div :style=\"`position:relative;`\">\r\n\r\n                    \x3c!-- 文字會稍微偏下故top+1 --\x3e\r\n                    <div class=\"ts\" :style=\"`position:absolute; top:${1+(heightToogle-heightBar)/2}px; left:0px; width:${widthBar}px; height:${heightBar}px; border-radius:8px; background:${useSwitchBarColor};`\">\r\n                    </div>\r\n\r\n                    \x3c!-- 文字會稍微偏下故top+1 --\x3e\r\n                    <div class=\"ts bs\" :style=\"`position:absolute; top:${1+(heightToogle-heightCir)/2}px; left:${ b ? widthBar-widthCir : 0 }px; width:${widthCir}px; height:${heightCir}px; border-radius:50%; background:${useSwitchCircleColor};`\">\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"ts\" :style=\"`text-transform:none; padding-left:5px; color:${useTextColor}; ${useTextFontSize}`\" v-if=\"text!==''\">\r\n                <slot\r\n                    name=\"text\"\r\n                    :text=\"text\"\r\n                >\r\n                    {{text}}\r\n                </slot>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport isbol from 'wsemi/src/isbol.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean|String} [value=false] 輸入是否狀態的布林值或字串，可接受true或false，或是'y'或'n'，預設false\r\n * @vue-prop {String} [text=''] 輸入文字字串，預設''\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} [textFontSize='0.85rem'] 輸入文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {Number} [switchSize=24] 輸入切換器大小，單位為px，預設24\r\n * @vue-prop {String} [checkedSwitchCircleColor='blue darken-3'] 輸入可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'blue darken-3'\r\n * @vue-prop {String} [checkedSwitchCircleColorHover='blue darken-2'] 輸入滑鼠移入時可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'blue darken-2'\r\n * @vue-prop {String} [checkedSwitchCircleColorDisabled='grey'] 輸入不可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'grey'\r\n * @vue-prop {String} [uncheckedSwitchCircleColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#8ad'\r\n * @vue-prop {String} [uncheckedSwitchCircleColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#9bd'\r\n * @vue-prop {String} [uncheckedSwitchCircleColorDisabled='#bababa'] 輸入不可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#bababa'\r\n * @vue-prop {String} [checkedSwitchBarColor='#74a4d9'] 輸入可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [checkedSwitchBarColorHover='#8bb3df'] 輸入滑鼠移入時可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#8bb3df'\r\n * @vue-prop {String} [checkedSwitchBarColorDisabled='grey'] 輸入不可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'grey'\r\n * @vue-prop {String} [uncheckedSwitchBarColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#8ad'\r\n * @vue-prop {String} [uncheckedSwitchBarColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#9bd'\r\n * @vue-prop {String} [uncheckedSwitchBarColorDisabled='#ececec'] 輸入不可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#ececec'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    props: {\r\n        value: {\r\n            type: [Boolean, String],\r\n            default: false,\r\n        },\r\n        text: {\r\n            type: String,\r\n            default: '',\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        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        switchSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        checkedSwitchCircleColor: {\r\n            type: String,\r\n            default: 'blue darken-3',\r\n        },\r\n        checkedSwitchCircleColorHover: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        checkedSwitchCircleColorDisabled: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        uncheckedSwitchCircleColor: {\r\n            type: String,\r\n            default: '#fafafa',\r\n        },\r\n        uncheckedSwitchCircleColorHover: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        uncheckedSwitchCircleColorDisabled: {\r\n            type: String,\r\n            default: '#bababa',\r\n        },\r\n        checkedSwitchBarColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        checkedSwitchBarColorHover: {\r\n            type: String,\r\n            default: '#8bb3df',\r\n        },\r\n        checkedSwitchBarColorDisabled: {\r\n            type: String,\r\n            default: '#ececec',\r\n        },\r\n        uncheckedSwitchBarColor: {\r\n            type: String,\r\n            default: '#c5c5c5',\r\n        },\r\n        uncheckedSwitchBarColorHover: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        uncheckedSwitchBarColorDisabled: {\r\n            type: String,\r\n            default: '#ececec',\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            hoverTrans: false,\r\n\r\n            dh: 4,\r\n\r\n            b: false,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //value for trigger\r\n            let value = vo.value\r\n\r\n            //b\r\n            if (isbol(value)) {\r\n                vo.b = value\r\n            }\r\n            else {\r\n                vo.b = (value === 'y')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        heightCir: function() { // heightCir: 20,\r\n            let vo = this\r\n            return vo.switchSize - vo.dh\r\n        },\r\n\r\n        widthCir: function() { // widthCir: 20,\r\n            let vo = this\r\n            return vo.heightCir\r\n        },\r\n\r\n        heightBar: function() { // heightBar: 14,\r\n            let vo = this\r\n            return vo.switchSize / 24 * 14\r\n        },\r\n\r\n        widthBar: function() { // widthBar: 36,\r\n            let vo = this\r\n            return vo.switchSize / 24 * 36\r\n        },\r\n\r\n        heightToogle: function() {\r\n            let vo = this\r\n            return Math.max(vo.heightCir, vo.heightBar)\r\n        },\r\n\r\n        effTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColor)\r\n        },\r\n\r\n        effTextColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorHover)\r\n        },\r\n\r\n        useTextColor: function() {\r\n            let vo = this\r\n            let r\r\n            if (!vo.editable) {\r\n                return vo.effTextColor\r\n            }\r\n            r = vo.hoverTrans ? vo.effTextColorHover : vo.effTextColor\r\n            return r\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        effCheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColor)\r\n        },\r\n\r\n        effCheckedSwitchCircleColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColorHover)\r\n        },\r\n\r\n        effCheckedSwitchCircleColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColorDisabled)\r\n        },\r\n\r\n        useCheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effCheckedSwitchCircleColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effCheckedSwitchCircleColorHover : vo.effCheckedSwitchCircleColor\r\n        },\r\n\r\n        effUncheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColor)\r\n        },\r\n\r\n        effUncheckedSwitchCircleColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColorHover)\r\n        },\r\n\r\n        effUncheckedSwitchCircleColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColorDisabled)\r\n        },\r\n\r\n        useUncheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effUncheckedSwitchCircleColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effUncheckedSwitchCircleColorHover : vo.effUncheckedSwitchCircleColor\r\n        },\r\n\r\n        useSwitchCircleColor: function() {\r\n            let vo = this\r\n            return vo.b ? vo.useCheckedSwitchCircleColor : vo.useUncheckedSwitchCircleColor\r\n        },\r\n\r\n        effCheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColor)\r\n        },\r\n\r\n        effCheckedSwitchBarColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColorHover)\r\n        },\r\n\r\n        effCheckedSwitchBarColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColorDisabled)\r\n        },\r\n\r\n        useCheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effCheckedSwitchBarColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effCheckedSwitchBarColorHover : vo.effCheckedSwitchBarColor\r\n        },\r\n\r\n        effUncheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColor)\r\n        },\r\n\r\n        effUncheckedSwitchBarColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColorHover)\r\n        },\r\n\r\n        effUncheckedSwitchBarColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColorDisabled)\r\n        },\r\n\r\n        useUncheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effUncheckedSwitchBarColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effUncheckedSwitchBarColorHover : vo.effUncheckedSwitchBarColor\r\n        },\r\n\r\n        useSwitchBarColor: function() {\r\n            let vo = this\r\n            return vo.b ? vo.useCheckedSwitchBarColor : vo.useUncheckedSwitchBarColor\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        toogleValue: function () {\r\n            // console.log('methods toogleValue')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //toogle\r\n            let b = vo.b\r\n            b = !b\r\n\r\n            //value\r\n            let value = null\r\n            if (isbol(vo.value)) {\r\n                value = false\r\n                if (b) {\r\n                    value = true\r\n                }\r\n            }\r\n            else {\r\n                value = 'n'\r\n                if (b) {\r\n                    value = 'y'\r\n                }\r\n            }\r\n\r\n            //nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s;\r\n}\r\n.bs {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\r\n}\r\n</style>\r\n"]},media:void 0})},xy,"data-v-1f87a8f2",false,void 0,!1,o,void 0,void 0);function wy(n,e){return function(n,e,t){for(var r=-1,o=n.length,i=e.length,l={};++r<o;){var a=r<i?e[r]:void 0;t(l,n[r],a)}return l}(n||[],e||[],bi)}function ky(n,e=""){if(!Ya(n))return{};if(Ya(e))return So(n)===So(e)?wy(n,e):{};let t=[];for(let r=0;r<So(n);r++)t.push(qi(e));return wy(n,t)}function Ty(n,e,t=""){if(!Ya(n))return[];if(!Ya(e))return[];let r=Bt(n,n=>function(n,e,t=""){if(!Ya(e))return{};let r={};return ke(e,function(e){r[e]=mn(n,e,t)}),r}(n,e,t));return r}const By={directives:{domresize:ol()},components:{WButtonCircle:Fu,WPopup:vs,WText:rc,WButtonChip:Bu,WAggridVueDyn:Wo},props:{pathItems:{type:Array},language:{type:String,default:"en"},enableInfor:{type:Boolean,default:!0},name:{type:String,default:""},description:{type:String,default:""},inforPaddingStyle:{type:Object,default:()=>({v:0,h:0})},enableMenu:{type:Boolean,default:!0},menuPaddingStyle:{type:Object,default:()=>({v:3,h:3})},menuBackgroundColor:{type:String,default:"transparent"},sortColIds:{type:[String,Array],default:""},hideIds:{type:[String,Array],default:""},fixIds:{type:[String,Array],default:""},checkId:{type:String,default:""},removeIdsWhenDownload:{type:[String,Array],default:""},funGetLtdtHookWhenDownload:{type:Function,default:null},funGetMatHookWhenDownload:{type:Function,default:null},enableHeadWhenDownload:{type:Boolean,default:!1},fileNameWhenDownload:{type:String,default:"data.xlsx"},sheetNameWhenDownload:{type:String,default:"data"},editable:{type:Boolean,default:!1},textLabelDataName:{type:String,default:"Data name:"},textPlaceholderDataName:{type:String,default:"Please enter data name"},textLabelDataDescription:{type:String,default:"Data description:"},textPlaceholderDataDescription:{type:String,default:"Please enter data description"},tooltipAddRow:{type:String,default:"add new row"},tooltipDeleteSelectedRows:{type:String,default:"delete selected rows"},tooltipDownloadExcelFile:{type:String,default:"download data to Excel file"},tooltipDownloadExcelFileForDisplay:{type:String,default:"download filtered data to Excel file"},tooltipUploadExcelFile:{type:String,default:"upload data to Excel file"},successMsgFromAddRow:{type:String,default:"add row successfully"},errorMsgFromAddRow:{type:String,default:"can not add row"},errorMsgFromRemoveRow:{type:String,default:"can not remove selected rows"},successMsgFromUploadData:{type:String,default:"upload data successfully"},errorMsgFromUploadData:{type:String,default:"can not upload data"},errorMsgFromUploadEmptyData:{type:String,default:"no effective data"},successMsgFromDownloadData:{type:String,default:"download data successfully"},errorMsgFromDownloadData:{type:String,default:"can not download data"},errorMsgFromNoName:{type:String,default:"no data name"},errorMsgFromNoData:{type:String,default:"no data"},uploadModeTitle:{type:String,default:"Choose mode of upload:"},uploadModeTextForReplace:{type:String,default:"Replace"},uploadModeTextForAppend:{type:String,default:"Append"},opt:{type:Object,default:null}},data:function(){return{mdiDownload:"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z",mdiMonitorArrowDown:"M21 16H3V4H21M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H8V22H16V20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2M16 10H13V6H11V10H8L12 14L16 10",mdiUpload:"M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z",mdiDeleteForever:"M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8.46,11.88L9.87,10.47L12,12.59L14.12,10.47L15.53,11.88L13.41,14L15.53,16.12L14.12,17.53L12,15.41L9.88,17.53L8.47,16.12L10.59,14L8.46,11.88M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z",mdiTextBoxPlusOutline:"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z",tableHeight:1,showPickUploadMode:!1,paramsTemp:null,nameTrans:"",descriptionTrans:"",rowsSelect:[],useOpt:null,nameTemp:"",descriptionTemp:"",rowsTemp:[],isFilter:!1}},computed:{changeParamsForInfor:function(){let n=this,e=n.name,t=n.description;return n.nameTrans=Mt(n.name),n.descriptionTrans=Mt(n.description),n.nameTemp=Mt(n.name),n.descriptionTemp=Mt(n.description),n.___changeParamsForInfor___={name:e,description:t},""},changeParamsForTable:function(){let n=this,e={rows:mn(n,"opt.rows"),hideIds:n.hideIds,fixIds:n.fixIds,checkId:n.checkId,editable:n.editable};return Fs(n.paramsTemp,e)||(n.genOpt(),n.paramsTemp=qi(e)),""},kpUploadModeItems:function(){return{replace:this.uploadModeTextForReplace,append:this.uploadModeTextForAppend}},useKeys:function(){let n=this,e=[];return Ya(mn(n,"opt.keys"))?e=mn(n,"opt.keys"):Ya(mn(n,"opt.rows"))&&(e=Ce(mn(n,"rows.0",{}))),e},useKpHead:function(){let n,e=this;return qo(mn(e,"opt.kpHead"))?n=mn(e,"opt.kpHead"):(n={},ke(e.useKeys,e=>{n[e]=e})),n},hasEffRows:function(){return So(mn(this,"useOpt.rows",[]))>0},hasEffUseOpt:function(){return null!==this.useOpt},hasEffNameAndDesp:function(){return""!==this.nameTrans||""!==this.descriptionTrans},hasEffLabelNameAndDesp:function(){return""!==this.textLabelDataName||""!==this.textLabelDataDescription},useInforPadding:function(){return`padding:${La(this.inforPaddingStyle)};`},useMenuPaddingStyle:function(){return`padding:${La(this.menuPaddingStyle)};`},useMenuBackgroundColor:function(){return wo(this.menuBackgroundColor)}},methods:{domresize:function(n){let e=this,t=0,r=mn(e,"$el.offsetHeight",0),o=mn(e,"$refs.menu.offsetHeight");r>0&&o>0&&(t=r-o),t=Math.max(t,200),e.tableHeight=t},default:function(){let n=this;n.tableHeight=200,n.rowsSelect=[],n.useOpt=null,n.rowsTemp=[]},genOpt:function(){let n=this;if(0===So(n.useKeys))return void n.default();let e=null;if(e=Te(mn(n,"opt.rows"))?qi(mn(n,"opt.rows")):[ky(n.useKeys)],bn(n.sortColIds))try{e=Jo(e,n.sortColIds)}catch(n){console.log(n)}else Ya(n.sortColIds)&&ke(n.sortColIds,n=>{try{e=Jo(e,n)}catch(n){console.log(n)}});n.rowsTemp=qi(e);let t={defCellAlighH:"left",...n.opt,language:n.language,rows:e,keys:n.useKeys,defCellEditable:n.editable,kpHead:n.useKpHead,rowChecked:function(e){n.rowsSelect=e,Be(mn(n.opt,"rowChecked"))&&n.opt.rowChecked(e)},filterChange:function(e){let t=mn(e,"isFilter",!1);n.isFilter=t,Be(mn(n.opt,"filterChange"))&&n.opt.filterChange(e)}};if(bn(n.hideIds)?t.kpHeadHide=ky([n.hideIds],!0):Ya(n.hideIds)&&(t.kpHeadHide=ky(n.hideIds,!0)),bn(n.fixIds)?t.kpHeadFixLeft=ky([n.fixIds],!0):Ya(n.fixIds)&&(t.kpHeadFixLeft=ky(n.fixIds,!0)),n.editable&&bn(n.checkId)&&(t.kpHeadCheckBox=ky([n.checkId],!0)),qo(n.opt)){ke(qi(n.opt),(n,e)=>{"keys"!==e&&"rows"!==e&&"kpHead"!==e&&"editable"!==e&&(t[e]=n)})}n.useOpt=t},addRow:function(){let n=this;if(0===So(n.useKeys))return n.default(),void n.$emit("error",n.errorMsgFromAddRow);let e=ky(n.useKeys);e.id=Qo(),Be(mn(n,"opt.beforeAddRow"))&&(e=n.opt.beforeAddRow(e));try{let t=qi(n.useOpt.rows);t.push(e),n.useOpt.rows=t,n.$nextTick(()=>{let e=mn(n,"$refs.cmp.$refs.$self.getApi");if(Be(e)){e().ensureIndexVisible(n.useOpt.rows.length-1,"bottom")}}),n.$emit("success",n.successMsgFromAddRow)}catch(e){console.log(e),n.$emit("error",n.errorMsgFromAddRow)}},removeRows:function(){let n=this,e=mn(n,"useOpt.rows",[]);if(e=qi(e),0===So(e))return;let t=Bt(n.rowsSelect,"rowInd");if(0!==So(t)){e=function(n,e){if(!Ya(n))return[];if(rr(e)&&(e=[e]),!Ya(e))return n;e=Bt(e,n=>tr(n));let t=qi(n);return Sg(t,e),t}(e,t);try{n.useOpt.rows=e}catch(e){n.$emit("error",n.errorMsgFromRemoveRow)}n.rowsSelect=[]}},downloadData:function(n="raw"){let e=this;try{let t="";if("raw"===n)t="downloadData";else{if("display"!==n)throw new Error(`invlaid mode[${n}]`);t="downloadDisplayData"}let r=mn(e,`$refs.cmp.$refs.$self.${t}`);if(!Be(r))return;r({funGetKeysHook:n=>(bn(e.removeIdsWhenDownload)?Qa(n,e.removeIdsWhenDownload):Ya(e.removeIdsWhenDownload)&&Qa(n,...e.removeIdsWhenDownload),n),funGetLtdtHook:e.funGetLtdtHookWhenDownload,funGetMatHook:e.funGetMatHookWhenDownload,useHead:e.enableHeadWhenDownload,fileName:e.fileNameWhenDownload,sheetName:e.sheetNameWhenDownload,pathItems:null}),e.$emit("success",e.successMsgFromDownloadData)}catch(n){e.$emit("error",e.errorMsgFromDownloadData)}},uploadData:function(n){let e=this,t=mn(e,"$refs.cmp.$refs.$self.uploadData");if(!Be(t))return;let r=mn(e,"opt.optForUploadData");vn(r)||(r={}),bn(mn(r,"uploadMode"))||(r.uploadMode=n),Be(mn(r,"beforeUpload"))||(r.beforeUpload=n=>{let e=[];return ke(n,n=>{eh(n,n=>""===n)||e.push(n)}),e}),t(r).then(n=>{0===So(n)?e.$emit("error",e.errorMsgFromUploadEmptyData):e.$emit("success",e.successMsgFromUploadData),e.rowsSelect=[]}).catch(n=>{console.log("catch",n),e.$emit("error",e.errorMsgFromUploadData)})},save:function(){let n,e=this;try{n=function(){let n=Mt(e.nameTrans),t=Mt(e.descriptionTrans);if(!bn(n))return{err:e.errorMsgFromNoName};let r=mn(e,"useOpt.rows",[]);r=Ty(r,e.useKeys),Be(mn(e,"opt.modifyDataWhenSave"))&&(r=e.opt.modifyDataWhenSave(r));let o=mn(e,"opt.checkNoDataWhenSave");return kn(o)||(o=!1),o&&0===r.length?{err:e.errorMsgFromNoData}:{name:n,nameTemp:e.nameTrans,description:t,descriptionTemp:e.descriptionTemp,rows:qi(r),rowsTemp:qi(e.rowsTemp)}}()}catch(e){n={err:e}}return n}}};var Hy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParamsForInfor:n.changeParamsForInfor,changeParamsForTable:n.changeParamsForTable}},[n.hasEffUseOpt?[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"menu",on:{domresize:n.domresize}},[n.editable?[n.enableInfor?t("div",{style:""+n.useInforPadding},[t("table",{staticStyle:{width:"100%"}},[t("tbody",[t("tr",[t("td",{style:(n.hasEffLabelNameAndDesp?"padding-right:5px;":"")+" vertical-align:middle; opacity:0.8; font-size:0.8rem; white-space:nowrap;"},[n._v(n._s(n.textLabelDataName))]),n._v(" "),t("td",{staticStyle:{width:"100%","vertical-align":"middle"}},[t("WText",{staticStyle:{width:"100%"},attrs:{placeholder:n.textPlaceholderDataName},model:{value:n.nameTrans,callback:function(e){n.nameTrans=e},expression:"nameTrans"}})],1)]),n._v(" "),t("tr",[t("td",{style:(n.hasEffLabelNameAndDesp?"padding-right:5px;":"")+" vertical-align:middle; opacity:0.8; font-size:0.8rem; white-space:nowrap;"},[n._v(n._s(n.textLabelDataDescription))]),n._v(" "),t("td",{staticStyle:{width:"100%","vertical-align":"middle"}},[t("WText",{staticStyle:{width:"100%"},attrs:{placeholder:n.textPlaceholderDataDescription},model:{value:n.descriptionTrans,callback:function(e){n.descriptionTrans=e},expression:"descriptionTrans"}})],1)])])])]):n._e(),n._v(" "),n.enableMenu?t("div",{style:n.useMenuPaddingStyle+" background:"+n.useMenuBackgroundColor+";"},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("btns-left",null,{editable:n.editable}),n._v(" "),t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiTextBoxPlusOutline,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipAddRow},on:{click:n.addRow}}),n._v(" "),n.rowsSelect.length>0?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDeleteForever,iconColor:"#f26",backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDeleteSelectedRows},on:{click:n.removeRows}}):n._e(),n._v(" "),n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDownload,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDownloadExcelFile},on:{click:function(e){return n.downloadData("raw")}}}):n._e(),n._v(" "),n.isFilter&&n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiMonitorArrowDown,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDownloadExcelFileForDisplay},on:{click:function(e){return n.downloadData("display")}}}):n._e(),n._v(" "),t("WPopup",{scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiUpload,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipUploadExcelFile},on:{click:function(e){n.showPickUploadMode=!0}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px","font-size":"0.8rem",color:"#666",background:"#eee"}},[n._v("\n                                    "+n._s(n.uploadModeTitle)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{padding:"15px"}},[t("WButtonChip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.kpUploadModeItems.replace,backgroundColor:"white",backgroundColorHover:"#f6f6f6"},on:{click:function(e){n.showPickUploadMode=!1,n.uploadData("replace")}}}),n._v(" "),t("WButtonChip",{attrs:{_style:"margin:5px;",text:n.kpUploadModeItems.append,backgroundColor:"white",backgroundColorHover:"#f6f6f6"},on:{click:function(e){n.showPickUploadMode=!1,n.uploadData("append")}}})],1)]},proxy:!0}],null,!1,2771795469),model:{value:n.showPickUploadMode,callback:function(e){n.showPickUploadMode=e},expression:"showPickUploadMode"}}),n._v(" "),n._t("btns-right",null,{editable:n.editable})],2)]):n._e()]:[t("div",{style:"display:flex; align-items:center;"},[n.enableMenu?t("div",{style:n.useMenuPaddingStyle+" background:"+n.useMenuBackgroundColor+";"},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("btns-left",null,{editable:n.editable}),n._v(" "),n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDownload,tooltip:n.tooltipDownloadExcelFile,backgroundColor:"white",backgroundColorHover:"white"},on:{click:function(e){return n.downloadData("raw")}}}):n._e(),n._v(" "),n.isFilter&&n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiMonitorArrowDown,tooltip:n.tooltipDownloadExcelFileForDisplay,backgroundColor:"white",backgroundColorHover:"white"},on:{click:function(e){return n.downloadData("display")}}}):n._e(),n._v(" "),n._t("btns-right",null,{editable:n.editable})],2)]):n._e(),n._v(" "),n.enableInfor?t("div",{style:""+n.useInforPadding},[n._t("infor",function(){return[t("div",{style:"display:inline-block; "+(n.hasEffNameAndDesp?"margin-left:5px;":"")},[t("div",{staticStyle:{"font-size":"1.0rem"}},[n._v("\n                                    "+n._s(n.nameTrans)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",opacity:"0.8"}},[n._v("\n                                    "+n._s(n.descriptionTrans)+"\n                                ")])])]},{infor:{name:n.nameTrans,description:n.descriptionTrans}})],2):n._e()])]],2),n._v(" "),t("WAggridVueDyn",{ref:"cmp",attrs:{pathItems:n.pathItems,height:n.tableHeight,opt:n.useOpt}})]:n._e()],2)};Hy._withStripped=!0;const Ay=t({render:Hy,staticRenderFns:[]},function(n){n&&n("data-v-0470c5b6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTableDyn.vue"},media:void 0})},By,"data-v-0470c5b6",false,void 0,!1,o,void 0,void 0);var Wy={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 xn(n.height)?e=`height:${n.height}px;`:bn(n.height)&&(e=`height:${n.height};`),e},useOverflow:function(){let n="overflow:hidden;";return bn(this.useHeight)&&(n="overflow:auto;"),n},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)}},methods:{updateHeight:function(){let n=this;bn(n.useHeight)||sr(()=>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 Fy=Wy;var Zy=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)}}})])};Zy._withStripped=!0;const Xy=t({render:Zy,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})},Fy,"data-v-a4a195ac",false,void 0,!1,o,void 0,void 0);const Ry={components:{WShellEllipse:_s,WShellBottomLine:Os,WTextareaCore:Xy},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 Vy=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,r){n.$emit("select",e,t,r)},blur:function(e,t,r){n.$emit("blur",e,t,r)},enter:function(e,t,r){n.$emit("enter",e,t,r)},input:function(e,t,r){n.$emit("input",e,t,r)},change:function(e,t,r){n.$emit("change",e,t,r)}}})],1)],1)],1)};Vy._withStripped=!0;const Py=t({render:Vy,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})},Ry,"data-v-54b875e6",false,void 0,!1,o,void 0,void 0);const zy={components:{WShellEllipse:_s,WTextCore:nc},props:{width:{type:Number,default:70},value:{type:Number,default:0},valueMax:{type:Number,default:null},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},leftIconTooltip:{type:String,default:"減少"},rightIconTooltip:{type:String,default:"增加"},buttonIconSize:{type:Number,default:24},buttonColor:{type:String,default:"white"},buttonColorHover:{type:String,default:"white"},buttonColorFocus:{type:String,default:"white"},height:{type:Number,default:28},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiPlusCircle:kl,mdiMinusCircle:"M17,13H7V11H17M12,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",valueTrans:"",focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){let n=this;return n.valueTrans=n.value,n.focusedTrans=n.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick(()=>{e.$emit("update:focused",n)})},changeContent:function(n,e){let t,r=this;if(!1===r.editable)return;if(""!==e&&r.$refs.inp.setFocus(),t=Es(n,"isp0int"),t.err)return n=0,void r.$nextTick(()=>{0===r.valueTrans?r.$refs.inp.setValue(n):(r.valueTrans=n,r.$emit("input",n)),r.$emit("error",t.errmsg)});n=tr(n),"minus"===e?n-=1:"add"===e&&(n+=1),r.valueMax&&n>r.valueMax&&(n=r.valueMax);n<0&&(n=0),r.valueTrans!==n&&r.$nextTick(()=>{r.valueTrans=n,r.$emit("input",n)})}}};var Ly=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{shadow:!1,paddingStyle:{v:0,h:0},backgroundColor:"transparent",backgroundColorHover:"transparent",backgroundColorFocus:"transparent",borderWidth:0,borderColor:"transparent",borderColorHover:"transparent",borderColorFocus:"transparent",iconShiftOuter:0,leftIcon:n.mdiMinusCircle,leftIconSize:n.buttonIconSize,leftIconColor:n.buttonColor,leftIconColorHover:n.buttonColorHover,leftIconColorFocus:n.buttonColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.mdiPlusCircle,rightIconSize:n.buttonIconSize,rightIconColor:n.buttonColor,rightIconColorHover:n.buttonColorHover,rightIconColorFocus:n.buttonColorFocus,rightIconTooltip:n.rightIconTooltip,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.changeContent(n.valueTrans,"minus")},"click-right":function(e){return n.changeContent(n.valueTrans,"add")}}},[t("WTextCore",{ref:"inp",style:{width:n.width+"px"},attrs:{textFontSize:n.textFontSize,textColor:n.textColor,textAlign:"center",height:n.height,editable:n.editable,value:n.valueTrans,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,input:function(e){n.changeContent(e,"")}}})],1)],1)};Ly._withStripped=!0;const Ny=t({render:Ly,staticRenderFns:[]},function(n){n&&n("data-v-18003fd4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextIntCore.vue"},media:void 0})},zy,"data-v-18003fd4",false,void 0,!1,o,void 0,void 0);const Dy={components:{WShellEllipse:_s,WTextIntCore:Ny},props:{width:{type:Number,default:70},paddingStyle:{type:Object,default:()=>({v:0,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:Number,default:0},valueMax:{type:Number,default:null},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},icon:{type:String,default:""},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},leftIconTooltip:{type:String,default:"減少"},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"},buttonIconSize:{type:Number,default:24},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},buttonColor:{type:String,default:"deep-orange lighten-2"},buttonColorHover:{type:String,default:"deep-orange lighten-1"},buttonColorFocus:{type:String,default:"deep-orange lighten-1"},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 Gy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{staticStyle:{display:"inline-block"},attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,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")}}},[t("div",{staticStyle:{margin:"0px -10px"}},[t("WTextIntCore",{attrs:{width:n.width,leftIconTooltip:n.leftIconTooltip,rightIconTooltip:n.rightIconTooltip,buttonIconSize:n.buttonIconSize,buttonColor:n.buttonColor,buttonColorHover:n.buttonColorHover,buttonColorFocus:n.buttonColorFocus,valueMax:n.valueMax,value:n.value,textFontSize:n.textFontSize,textColor:n.textColor,editable:n.editable,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)},error:function(e){n.$emit("error",e)}}})],1)])],1)};Gy._withStripped=!0;const jy=t({render:Gy,staticRenderFns:[]},function(n){n&&n("data-v-a6fdd434_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextInt.vue"},media:void 0})},Dy,"data-v-a6fdd434",false,void 0,!1,o,void 0,void 0);const Ky={directives:{domresize:ol()},components:{WShellEllipse:_s,WTextSuggestCore:$h},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=La(e.paddingStyle,{returnObj:!0}).bottom-2,r=mn(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return vn(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick(()=>{e.$emit("update:focused",n)})},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick(()=>{e.$emit("update:showPanel",n)})}}};var Yy=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)};Yy._withStripped=!0;const _y=t({render:Yy,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})},Ky,"data-v-8a4cfd68",false,void 0,!1,o,void 0,void 0);const $y={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["base:w-threejs-vue"]},opt:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-threejs-vue"];n.default&&(n=n.default),xr().component("w-threejs-vue",n)}n.cmpName="w-threejs-vue"})},computed:{},methods:{}};var My=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,n._g({ref:"$self",tag:"component",attrs:{opt:n.opt}},n.$listeners))};My._withStripped=!0;const Oy=t({render:My,staticRenderFns:[]},function(n){n&&n("data-v-54fc8298_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WThreejsVueDyn.vue"},media:void 0})},$y,"data-v-54fc8298",false,void 0,!1,o,void 0,void 0);var Jy={exports:{}};!function(n){n.exports=function(){var n=1e3,e=6e4,t=36e5,r="millisecond",o="second",i="minute",l="hour",a="day",d="week",u="month",s="quarter",c="year",p="date",f="Invalid Date",g=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,h=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(n){var e=["th","st","nd","rd"],t=n%100;return"["+n+(e[(t-20)%10]||e[t]||e[0])+"]"}},v=function(n,e,t){var r=String(n);return!r||r.length>=e?n:""+Array(e+1-r.length).join(t)+n},y={s:v,z:function(n){var e=-n.utcOffset(),t=Math.abs(e),r=Math.floor(t/60),o=t%60;return(e<=0?"+":"-")+v(r,2,"0")+":"+v(o,2,"0")},m:function n(e,t){if(e.date()<t.date())return-n(t,e);var r=12*(t.year()-e.year())+(t.month()-e.month()),o=e.clone().add(r,u),i=t-o<0,l=e.clone().add(r+(i?-1:1),u);return+(-(r+(t-o)/(i?o-l:l-o))||0)},a:function(n){return n<0?Math.ceil(n)||0:Math.floor(n)},p:function(n){return{M:u,y:c,w:d,d:a,D:p,h:l,m:i,s:o,ms:r,Q:s}[n]||String(n||"").toLowerCase().replace(/s$/,"")},u:function(n){return void 0===n}},b="en",C={};C[b]=m;var x="$isDayjsObject",S=function(n){return n instanceof T||!(!n||!n[x])},I=function n(e,t,r){var o;if(!e)return b;if("string"==typeof e){var i=e.toLowerCase();C[i]&&(o=i),t&&(C[i]=t,o=i);var l=e.split("-");if(!o&&l.length>1)return n(l[0])}else{var a=e.name;C[a]=e,o=a}return!r&&o&&(b=o),o||!r&&b},w=function(n,e){if(S(n))return n.clone();var t="object"==typeof e?e:{};return t.date=n,t.args=arguments,new T(t)},k=y;k.l=I,k.i=S,k.w=function(n,e){return w(n,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var T=function(){function m(n){this.$L=I(n.locale,null,!0),this.parse(n),this.$x=this.$x||n.x||{},this[x]=!0}var v=m.prototype;return v.parse=function(n){this.$d=function(n){var e=n.date,t=n.utc;if(null===e)return new Date(NaN);if(k.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(g);if(r){var o=r[2]-1||0,i=(r[7]||"0").substring(0,3);return t?new Date(Date.UTC(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)):new Date(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)}}return new Date(e)}(n),this.init()},v.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},v.$utils=function(){return k},v.isValid=function(){return!(this.$d.toString()===f)},v.isSame=function(n,e){var t=w(n);return this.startOf(e)<=t&&t<=this.endOf(e)},v.isAfter=function(n,e){return w(n)<this.startOf(e)},v.isBefore=function(n,e){return this.endOf(e)<w(n)},v.$g=function(n,e,t){return k.u(n)?this[e]:this.set(t,n)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(n,e){var t=this,r=!!k.u(e)||e,s=k.p(n),f=function(n,e){var o=k.w(t.$u?Date.UTC(t.$y,e,n):new Date(t.$y,e,n),t);return r?o:o.endOf(a)},g=function(n,e){return k.w(t.toDate()[n].apply(t.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),t)},h=this.$W,m=this.$M,v=this.$D,y="set"+(this.$u?"UTC":"");switch(s){case c:return r?f(1,0):f(31,11);case u:return r?f(1,m):f(0,m+1);case d:var b=this.$locale().weekStart||0,C=(h<b?h+7:h)-b;return f(r?v-C:v+(6-C),m);case a:case p:return g(y+"Hours",0);case l:return g(y+"Minutes",1);case i:return g(y+"Seconds",2);case o:return g(y+"Milliseconds",3);default:return this.clone()}},v.endOf=function(n){return this.startOf(n,!1)},v.$set=function(n,e){var t,d=k.p(n),s="set"+(this.$u?"UTC":""),f=(t={},t[a]=s+"Date",t[p]=s+"Date",t[u]=s+"Month",t[c]=s+"FullYear",t[l]=s+"Hours",t[i]=s+"Minutes",t[o]=s+"Seconds",t[r]=s+"Milliseconds",t)[d],g=d===a?this.$D+(e-this.$W):e;if(d===u||d===c){var h=this.clone().set(p,1);h.$d[f](g),h.init(),this.$d=h.set(p,Math.min(this.$D,h.daysInMonth())).$d}else f&&this.$d[f](g);return this.init(),this},v.set=function(n,e){return this.clone().$set(n,e)},v.get=function(n){return this[k.p(n)]()},v.add=function(r,s){var p,f=this;r=Number(r);var g=k.p(s),h=function(n){var e=w(f);return k.w(e.date(e.date()+Math.round(n*r)),f)};if(g===u)return this.set(u,this.$M+r);if(g===c)return this.set(c,this.$y+r);if(g===a)return h(1);if(g===d)return h(7);var m=(p={},p[i]=e,p[l]=t,p[o]=n,p)[g]||1,v=this.$d.getTime()+r*m;return k.w(v,this)},v.subtract=function(n,e){return this.add(-1*n,e)},v.format=function(n){var e=this,t=this.$locale();if(!this.isValid())return t.invalidDate||f;var r=n||"YYYY-MM-DDTHH:mm:ssZ",o=k.z(this),i=this.$H,l=this.$m,a=this.$M,d=t.weekdays,u=t.months,s=t.meridiem,c=function(n,t,o,i){return n&&(n[t]||n(e,r))||o[t].slice(0,i)},p=function(n){return k.s(i%12||12,n,"0")},g=s||function(n,e,t){var r=n<12?"AM":"PM";return t?r.toLowerCase():r};return r.replace(h,function(n,r){return r||function(n){switch(n){case"YY":return String(e.$y).slice(-2);case"YYYY":return k.s(e.$y,4,"0");case"M":return a+1;case"MM":return k.s(a+1,2,"0");case"MMM":return c(t.monthsShort,a,u,3);case"MMMM":return c(u,a);case"D":return e.$D;case"DD":return k.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return c(t.weekdaysMin,e.$W,d,2);case"ddd":return c(t.weekdaysShort,e.$W,d,3);case"dddd":return d[e.$W];case"H":return String(i);case"HH":return k.s(i,2,"0");case"h":return p(1);case"hh":return p(2);case"a":return g(i,l,!0);case"A":return g(i,l,!1);case"m":return String(l);case"mm":return k.s(l,2,"0");case"s":return String(e.$s);case"ss":return k.s(e.$s,2,"0");case"SSS":return k.s(e.$ms,3,"0");case"Z":return o}return null}(n)||o.replace(":","")})},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(r,p,f){var g,h=this,m=k.p(p),v=w(r),y=(v.utcOffset()-this.utcOffset())*e,b=this-v,C=function(){return k.m(h,v)};switch(m){case c:g=C()/12;break;case u:g=C();break;case s:g=C()/3;break;case d:g=(b-y)/6048e5;break;case a:g=(b-y)/864e5;break;case l:g=b/t;break;case i:g=b/e;break;case o:g=b/n;break;default:g=b}return f?g:k.a(g)},v.daysInMonth=function(){return this.endOf(u).$D},v.$locale=function(){return C[this.$L]},v.locale=function(n,e){if(!n)return this.$L;var t=this.clone(),r=I(n,e,!0);return r&&(t.$L=r),t},v.clone=function(){return k.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},m}(),B=T.prototype;return w.prototype=B,[["$ms",r],["$s",o],["$m",i],["$H",l],["$W",a],["$M",u],["$y",c],["$D",p]].forEach(function(n){B[n[1]]=function(e){return this.$g(e,n[0],n[1])}}),w.extend=function(n,e){return n.$i||(n(e,T,w),n.$i=!0),w},w.locale=I,w.isDayjs=S,w.unix=function(n){return w(1e3*n)},w.en=C[b],w.Ls=C,w.p={},w}()}(Jy);var Ey=nl(Jy.exports);function Uy(n){if(!bn(n))return!1;let e="YYYY-MM-DD";return n===Ey(n,e).format(e)}var Qy={components:{WPopup:vs},props:{value:{type:String,default:""},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},editable:{type:Boolean,default:!0}},data:function(){return{showPanelTrans:!1,emptyDay:!1,valueDay:"",viewMode:"day",displayYear:(new Date).getFullYear(),displayMonth:(new Date).getMonth()+1}},computed:{changeValueFromPopup:function(){let n=this,e=n.value;Uy(e)?(n.emptyDay=!1,n.valueDay=e):(n.emptyDay=!0,n.valueDay=Al(function(){if(!Be(Ey))throw new Error("invalid dayjs");return Ey().format("YYYY-MM-DDTHH:mm:ssZ")}(),10));let t=n.valueDay.split("-");return n.displayYear=parseInt(t[0]),n.displayMonth=parseInt(t[1]),""},usePickColor:function(){return wo(this.pickColor)},useHoverColor:function(){return wo(this.hoverColor)},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)},calendarCells:function(){let n=this,e=n.displayYear,t=n.displayMonth,r=new Date(e,t,0).getDate(),o=new Date(e,t-1,1).getDay(),i=0,l=0,a=0;if(n.valueDay){let e=n.valueDay.split("-");i=parseInt(e[0]),l=parseInt(e[1]),a=parseInt(e[2])}let d=[];for(let n=0;n<o;n++)d.push({day:null,selected:!1});for(let n=1;n<=r;n++){let r=i===e&&l===t&&a===n;d.push({day:n,selected:r})}return d},yearList:function(){let n=[];for(let e=2100;e>=1900;e--)n.push(e);return n},weekdayLabels:function(){let n=this,e=["Su","Mo","Tu","We","Th","Fr","Sa"],t=[];for(let r=0;r<7;r++)t.push(n.funRenderDayOfWeek?n.funRenderDayOfWeek(r):e[r]);return t},selectedYear:function(){return this.valueDay?parseInt(this.valueDay.split("-")[0]):null},selectedMonth:function(){return this.valueDay?parseInt(this.valueDay.split("-")[1]):null}},methods:{renderYear:function(n){return this.funRenderYear?this.funRenderYear(n):n+"y"},renderMonth:function(n){return this.funRenderMonth?this.funRenderMonth(n):n+"m"},updateShowPanel:function(n,e){let t=this;if(t.editable){if(t.showPanelTrans=n,n){t.viewMode="day";let n=t.valueDay.split("-");t.displayYear=parseInt(n[0]),t.displayMonth=parseInt(n[1])}t.$nextTick(()=>{t.$emit("update:focused",n)})}},prevMonth:function(){let n=this;n.displayMonth<=1?(n.displayMonth=12,n.displayYear--):n.displayMonth--},nextMonth:function(){let n=this;n.displayMonth>=12?(n.displayMonth=1,n.displayYear++):n.displayMonth++},clickDay:function(n){let e=this,t=String(e.displayMonth).padStart(2,"0"),r=String(n).padStart(2,"0"),o=`${e.displayYear}-${t}-${r}`;e.showPanelTrans=!1,e.$nextTick(()=>{e.$emit("update:focused",!1),e.$emit("input",o)})},clickMonth:function(n){this.displayMonth=n,this.viewMode="day"},clickYear:function(n){this.displayYear=n,this.viewMode="month"},showYearView:function(){let n=this;n.viewMode="year",n.$nextTick(()=>{n.scrollYearIntoView()})},scrollYearIntoView:function(){let n=this,e=n.$refs["year_"+n.displayYear],t=Array.isArray(e)?e[0]:e;if(t){let e=n.$refs.yearScroll,r=t.offsetTop,o=t.offsetHeight,i=e.clientHeight;e.scrollTop=r-i/2+o/2}},getDayStyle:function(n){let e="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; cursor:pointer; font-size:0.85rem; transition:background-color 0.3s;";return n?e+` background-color:${this.usePickColor}; color:white;`:e},getMonthStyle:function(n){let e=this,t="display:inline-flex; align-items:center; justify-content:center; width:100%; padding:10px 0; border-radius:20px; cursor:pointer; font-size:0.85rem; transition:background-color 0.3s;";return e.selectedYear===e.displayYear&&e.selectedMonth===n?t+` background-color:${e.usePickColor}; color:white;`:t},getYearStyle:function(n){let e=this,t="cursor:pointer; padding:4px 0; transition:background-color 0.3s;";return e.selectedYear===n?t+` font-size:1.3rem; font-weight:500; color:${e.usePickColor};`:t+" font-size:0.95rem; color:#333;"}}};const qy=Qy;var nb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{displayType:"line",placementDistX:n.placementDistX,placementDistY:n.placementDistY,editable:n.editable,value:n.showPanelTrans,changeValueFromPopup:n.changeValueFromPopup},on:{input:function(e){n.updateShowPanel(e,"WPopup")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"color:"+n.useTextColor+"; "+n.useTextFontSize,attrs:{TimedayCore:"day"}},[n.emptyDay?[n._v("\n                "+n._s(n.textEmpty)+"\n            ")]:[n._v("\n                "+n._s(n.valueDay)+"\n            ")]],2)]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{"min-width":"240px",padding:"8px 12px","user-select":"none"}},["day"===n.viewMode?t("div",[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"space-between",padding:"4px 0 8px 0"}},[t("div",{staticStyle:{cursor:"pointer",padding:"2px 8px","font-size":"1.1rem",color:"#666"},on:{click:n.prevMonth}},[n._v("‹")]),n._v(" "),t("div",{staticStyle:{cursor:"pointer","font-weight":"500","font-size":"0.95rem"},on:{click:function(e){n.viewMode="month"}}},[n._v(n._s(n.renderYear(n.displayYear))+" "+n._s(n.renderMonth(n.displayMonth)))]),n._v(" "),t("div",{staticStyle:{cursor:"pointer",padding:"2px 8px","font-size":"1.1rem",color:"#666"},on:{click:n.nextMonth}},[n._v("›")])]),n._v(" "),t("div",{staticStyle:{display:"grid","grid-template-columns":"repeat(7,1fr)","text-align":"center"}},n._l(n.weekdayLabels,function(e){return t("div",{key:e,staticStyle:{padding:"4px 0","font-size":"0.75rem",color:"#999"}},[n._v(n._s(e))])}),0),n._v(" "),t("div",{staticStyle:{display:"grid","grid-template-columns":"repeat(7,1fr)","text-align":"center"}},n._l(n.calendarCells,function(e,r){return t("div",{key:r,staticStyle:{display:"flex","align-items":"center","justify-content":"center",padding:"3px"}},[e.day?t("div",{style:n.getDayStyle(e.selected),on:{click:function(t){return n.clickDay(e.day)},mouseenter:function(t){e.selected||(t.currentTarget.style.backgroundColor=n.useHoverColor)},mouseleave:function(n){e.selected||(n.currentTarget.style.backgroundColor="")}}},[n._v(n._s(e.day))]):n._e()])}),0)]):n._e(),n._v(" "),"month"===n.viewMode?t("div",[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"space-between",padding:"4px 0 8px 0"}},[t("div",{staticStyle:{cursor:"pointer",padding:"2px 8px","font-size":"1.1rem",color:"#666"},on:{click:function(e){n.displayYear--}}},[n._v("‹")]),n._v(" "),t("div",{staticStyle:{cursor:"pointer","font-weight":"500","font-size":"0.95rem"},on:{click:n.showYearView}},[n._v(n._s(n.renderYear(n.displayYear)))]),n._v(" "),t("div",{staticStyle:{cursor:"pointer",padding:"2px 8px","font-size":"1.1rem",color:"#666"},on:{click:function(e){n.displayYear++}}},[n._v("›")])]),n._v(" "),t("div",{staticStyle:{display:"grid","grid-template-columns":"repeat(3,1fr)",gap:"6px","text-align":"center"}},n._l(12,function(e){return t("div",{key:e,staticStyle:{display:"flex","align-items":"center","justify-content":"center",padding:"4px 0"}},[t("div",{style:n.getMonthStyle(e),on:{click:function(t){return n.clickMonth(e)},mouseenter:function(t){n.selectedYear===n.displayYear&&n.selectedMonth===e||(t.currentTarget.style.backgroundColor=n.useHoverColor)},mouseleave:function(t){n.selectedYear===n.displayYear&&n.selectedMonth===e||(t.currentTarget.style.backgroundColor="")}}},[n._v(n._s(n.renderMonth(e)))])])}),0)]):n._e(),n._v(" "),"year"===n.viewMode?t("div",[t("div",{ref:"yearScroll",staticStyle:{"text-align":"center","max-height":"240px","overflow-y":"auto"}},n._l(n.yearList,function(e){return t("div",{key:e,ref:"year_"+e,refInFor:!0,staticStyle:{padding:"4px 0"}},[t("div",{style:n.getYearStyle(e),on:{click:function(t){return n.clickYear(e)},mouseenter:function(t){n.selectedYear!==e&&(t.currentTarget.style.backgroundColor=n.useHoverColor)},mouseleave:function(t){n.selectedYear!==e&&(t.currentTarget.style.backgroundColor="")}}},[n._v(n._s(n.renderYear(e)))])])}),0)]):n._e()])]},proxy:!0}])})};nb._withStripped=!0;const eb=t({render:nb,staticRenderFns:[]},function(n){n&&n("data-v-2f76ce98_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayCore.vue"},media:void 0})},qy,"data-v-2f76ce98",false,void 0,!1,o,void 0,void 0);const tb={components:{WShellEllipse:_s,WTimedayCore:eb},props:{textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:String,default:""},icon:{type:String,default:ml},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{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"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:ml,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 rb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,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")}}},[t("WTimedayCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,value:n.value,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)}}})],1)],1)};rb._withStripped=!0;const ob=t({render:rb,staticRenderFns:[]},function(n){n&&n("data-v-1e06627e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeday.vue"},media:void 0})},tb,"data-v-1e06627e",false,void 0,!1,o,void 0,void 0);const ib={components:{WTimedayCore:eb},props:{dayStart:{type:String,default:""},dayEnd:{type:String,default:""},between:{type:String,default:"to"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{focused_start:!1,focused_end:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)}},methods:{changeFocused:function(){let n=this,e=n.focused_start||n.focused_end;n.$nextTick(()=>{n.$emit("update:focused",e)})}}};var lb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimedayCore",{attrs:{TimedayRangeCore:"dayFrom",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.dayStart},on:{"update:focused":function(e){n.focused_start=e,n.changeFocused()},input:function(e){n.$emit("update:dayStart",e)}}}),n._v(" "),t("div",{style:"padding-left:5px; padding-right:8px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n            "+n._s(n.between)+"\n        ")]),n._v(" "),t("WTimedayCore",{attrs:{TimedayRangeCore:"dayTo",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.dayEnd},on:{"update:focused":function(e){n.focused_end=e,n.changeFocused()},input:function(e){n.$emit("update:dayEnd",e)}}})],1)])};lb._withStripped=!0;const ab=t({render:lb,staticRenderFns:[]},function(n){n&&n("data-v-36aa89d7_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayRangeCore.vue"},media:void 0})},ib,"data-v-36aa89d7",false,void 0,!1,o,void 0,void 0);const db={components:{WShellEllipse:_s,WTimedayRangeCore:ab},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},dayStart:{type:String,default:""},dayEnd:{type:String,default:""},between:{type:String,default:"to"},icon:{type:String,default:ml},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{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"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:ml,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 ub=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,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")}}},[t("WTimedayRangeCore",{attrs:{pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,textFontSize:n.textFontSize,textColor:n.textColor,between:n.between,dayStart:n.dayStart,dayEnd:n.dayEnd,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,"update:dayStart":function(e){n.$emit("update:dayStart",e)},"update:dayEnd":function(e){n.$emit("update:dayEnd",e)}}})],1)],1)};ub._withStripped=!0;const sb=t({render:ub,staticRenderFns:[]},function(n){n&&n("data-v-32d98cb5_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayRange.vue"},media:void 0})},db,"data-v-32d98cb5",false,void 0,!1,o,void 0,void 0);var cb=Math.ceil,pb=Math.max;var fb=function(n){return function(e,t,r){return r&&"number"!=typeof r&&ro(e,t,r)&&(t=r=void 0),e=Pn(e),void 0===t?(t=e,e=0):t=Pn(t),function(n,e,t,r){for(var o=-1,i=pb(cb((e-n)/(t||1)),0),l=Array(i);i--;)l[r?i:++o]=n,n+=t;return l}(e,t,r=void 0===r?e<t?1:-1:Pn(r),n)}}(),gb=fb,hb=1/0;var mb={components:{WTimedayCore:eb,WTextSuggestCore:$h},props:{value:{type:String,default:""},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},expansionIcon:{type:String,default:wl},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{valueDay:"",valueTime:"",focusedDay:!1,focusedTime:!1}},mounted:function(){},computed:{changeParam:function(){let n=this,e=lo(n.value,"T"),t=mn(e,0,"");Uy(t)||(t="");let r=Al(mn(e,1),5),o=Al(r,2);o=rr(o);let i=or(r,2);i=rr(i);let l=or(Al(r,3),1);return l=":"===l,o&&i&&l||(r="00:00"),n.valueDay=t,n.valueTime=r,""},getUseMinutes:function(){let n=this;if(Te(n.minutesCustom))return n.minutesCustom;let e=dr(n.hourMin)&&dr(n.hourMax)&&n.hourMin<=n.hourMax,t=dr(n.minuteInter);if(!e||!t)return;let r=Bt(gb(n.hourMin,n.hourMax+1),function(e){let t=String(e);return e<10&&(t="0"+t),Bt(gb(0,60,n.minuteInter),function(n){let e=String(n);return n<10&&(e="0"+e),t+":"+e})});var o;r=null!=(o=r)&&o.length?Po(o,hb):[];let i=String(n.hourMax);return n.hourMax<10&&(i="0"+i),i+=":00",r=Xo(r,function(n){return n<=i}),r}},methods:{modifyDay:function(n){this.valueDay=n,this.changeContent()},modifyTime:function(n){this.valueTime=n,this.changeContent()},changeContent:function(){let n=this,e=n.valueDay+"T"+n.valueTime+":00";(function(n){if(!bn(n))return!1;let e="YYYY-MM-DDTHH:mm:ss";return n===Ey(n,e).format(e)})(e)&&n.$nextTick(()=>{n.$emit("input",e)})},changeFocused:function(){let n=this,e=n.focusedDay||n.focusedTime;n.$nextTick(()=>{n.$emit("update:focused",e)})}}};const vb=mb;var yb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimedayCore",{staticStyle:{"margin-right":"5px"},attrs:{TimeminuteCore:"day",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.valueDay},on:{"update:focused":function(e){n.focusedDay=e,n.changeFocused()},input:n.modifyDay}}),n._v(" "),t("div",{staticStyle:{"margin-right":"-3px"}},[t("WTextSuggestCore",{attrs:{TimeminuteCore:"minute",mode:"select",textFontSize:n.textFontSize,textColor:n.textColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,minWidth:70,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,editable:n.editable,items:n.getUseMinutes,value:n.valueTime},on:{"update:focused":function(e){n.focusedTime=e,n.changeFocused()},input:n.modifyTime}})],1)],1)])};yb._withStripped=!0;const bb=t({render:yb,staticRenderFns:[]},function(n){n&&n("data-v-32d0c684_0",{source:"\n[data-v-32d0c684] div.v-input__icon {\r\n    transform: translateX(-5px);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WTimeminuteCore.vue"],names:[],mappings:";AAyVA;IACA,2BAAA;AACA",file:"WTimeminuteCore.vue",sourcesContent:["<template>\r\n    <div\r\n        style=\"\"\r\n        :changeParam=\"changeParam\"\r\n    >\r\n        \x3c!-- 盡量不要讓display:flex暴露至外層 --\x3e\r\n        <div style=\"display:flex; align-items:center;\">\r\n\r\n            <WTimedayCore\r\n                TimeminuteCore=\"day\"\r\n                style=\"margin-right:5px;\"\r\n                :textFontSize=\"textFontSize\"\r\n                :textColor=\"textColor\"\r\n                :pickColor=\"pickColor\"\r\n                :hoverColor=\"hoverColor\"\r\n                :funRenderYear=\"funRenderYear\"\r\n                :funRenderMonth=\"funRenderMonth\"\r\n                :funRenderDayOfWeek=\"funRenderDayOfWeek\"\r\n                :placementDistX=\"placementDistX\"\r\n                :placementDistY=\"placementDistY\"\r\n                :textEmpty=\"textEmpty\"\r\n                :editable=\"editable\"\r\n                :value=\"valueDay\"\r\n                @update:focused=\"(v)=>{focusedDay=v;changeFocused()}\"\r\n                @input=\"modifyDay\"\r\n            ></WTimedayCore>\r\n\r\n            <div style=\"margin-right:-3px;\">\r\n                <WTextSuggestCore\r\n                    TimeminuteCore=\"minute\"\r\n                    :mode=\"'select'\"\r\n                    :textFontSize=\"textFontSize\"\r\n                    :textColor=\"textColor\"\r\n                    :placementDistX=\"placementDistX\"\r\n                    :placementDistY=\"placementDistY\"\r\n                    :minWidth=\"70\"\r\n                    :expansionIcon=\"expansionIcon\"\r\n                    :expansionIconSize=\"expansionIconSize\"\r\n                    :expansionIconColor=\"expansionIconColor\"\r\n                    :editable=\"editable\"\r\n                    :items=\"getUseMinutes\"\r\n                    :value=\"valueTime\"\r\n                    @update:focused=\"(v)=>{focusedTime=v;changeFocused()}\"\r\n                    @input=\"modifyTime\"\r\n                ></WTextSuggestCore>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlay } from '@mdi/js'\r\nimport split from 'lodash-es/split.js'\r\nimport get from 'lodash-es/get.js'\r\nimport map from 'lodash-es/map.js'\r\nimport range from 'lodash-es/range.js'\r\nimport flattenDeep from 'lodash-es/flattenDeep.js'\r\nimport filter from 'lodash-es/filter.js'\r\nimport strleft from 'wsemi/src/strleft.mjs'\r\nimport strright from 'wsemi/src/strright.mjs'\r\nimport isp0int from 'wsemi/src/isp0int.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport istime from 'wsemi/src/istime.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport isday from 'wsemi/src/isday.mjs'\r\nimport WTimedayCore from './WTimedayCore.vue'\r\nimport WTextSuggestCore from './WTextSuggestCore.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [value=''] 輸入日期字串，預設''\r\n * @vue-prop {Number} [hourMin=8] 輸入可選最小小時，單位為小時，預設8\r\n * @vue-prop {Number} [hourMax=8] 輸入可選最大小時，單位為小時，預設8\r\n * @vue-prop {Number} [minuteInter=15] 輸入每小時的切分區間，單位為分鐘，預設15\r\n * @vue-prop {Array} [minutesCustom=null] 輸入自訂可選的時分點字串陣列，單位為時分(00:00)，若給予，則上述hourMin,hourMax,minuteInter自動失效，預設null\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字大小字串，預設'0.85rem'\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [pickColor='deep-orange darken-1'] 輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'\r\n * @vue-prop {String} [hoverColor='#ddd'] 輸入日期彈窗中滑鼠移入時之背景顏色字串，預設'#ddd'\r\n * @vue-prop {Function} [funRenderYear=null] 輸入渲染年份之函數，傳入年數值回傳顯示字串，預設null，未給時回傳'{年}y'\r\n * @vue-prop {Function} [funRenderMonth=null] 輸入渲染月份之函數，傳入月數值回傳顯示字串，預設null，未給時回傳'{月}m'\r\n * @vue-prop {Function} [funRenderDayOfWeek=null] 輸入渲染星期幾之函數，傳入星期幾數值(0=日)回傳顯示字串，預設null，未給時回傳對應英文縮寫\r\n * @vue-prop {String} [expansionIcon=mdiPlay] 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay)\r\n * @vue-prop {Number} [expansionIconSize=18] 輸入顯隱圖標尺寸數字，單位為px，預設18\r\n * @vue-prop {String} [expansionIconColor='grey'] 輸入顯隱圖標顏色字串，預設'grey'\r\n * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0\r\n * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7\r\n * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    components: {\r\n        WTimedayCore,\r\n        WTextSuggestCore\r\n    },\r\n    props: {\r\n        value: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        hourMin: {\r\n            type: Number,\r\n            default: 8,\r\n        },\r\n        hourMax: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        minuteInter: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        minutesCustom: {\r\n            type: Array,\r\n            default: null,\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: 'black',\r\n        },\r\n        pickColor: {\r\n            type: String,\r\n            default: 'deep-orange darken-1',\r\n        },\r\n        hoverColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        funRenderYear: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        funRenderMonth: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        funRenderDayOfWeek: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        expansionIcon: {\r\n            type: String,\r\n            default: mdiPlay,\r\n        },\r\n        expansionIconSize: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        expansionIconColor: {\r\n            type: String,\r\n            default: 'grey',\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: 7,\r\n        },\r\n        textEmpty: {\r\n            type: String,\r\n            default: 'Select a date',\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            valueDay: '',\r\n            valueTime: '',\r\n            focusedDay: false,\r\n            focusedTime: false,\r\n        }\r\n    },\r\n    mounted: function() {\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            //value for trigger\r\n            let value = vo.value\r\n\r\n            //s\r\n            let s = split(value, 'T')\r\n\r\n            //day\r\n            let valueDay = get(s, 0, '')\r\n            if (!isday(valueDay)) {\r\n                valueDay = '' //預設空字串, 顯示textEmpty\r\n            }\r\n\r\n            //time, 外部傳入2019-01-01T10:00:00時, 只取10:00共5字元長度來處理, 代表不處理秒, 預設為00秒\r\n            let valueTime = strleft(get(s, 1), 5)\r\n            let bt1 = strleft(valueTime, 2)\r\n            bt1 = isp0int(bt1)\r\n            let bt2 = strright(valueTime, 2)\r\n            bt2 = isp0int(bt2)\r\n            let bt3 = strright(strleft(valueTime, 3), 1)\r\n            bt3 = bt3 === ':'\r\n            if (!(bt1 && bt2 && bt3)) {\r\n                valueTime = '00:00' //預設0時0分\r\n            }\r\n\r\n            //save\r\n            vo.valueDay = valueDay\r\n            vo.valueTime = valueTime\r\n\r\n            return ''\r\n        },\r\n\r\n        getUseMinutes: function () {\r\n            //console.log('computed getUseMinutes')\r\n\r\n            let vo = this\r\n\r\n            if (isarr(vo.minutesCustom)) {\r\n                return vo.minutesCustom\r\n            }\r\n\r\n            let b1 = ispint(vo.hourMin) && ispint(vo.hourMax) && vo.hourMin <= vo.hourMax\r\n            let b2 = ispint(vo.minuteInter)\r\n            if (!b1 || !b2) {\r\n                return\r\n            }\r\n\r\n            //rs, 各時分\r\n            let rs = map(range(vo.hourMin, vo.hourMax + 1), function(hour) {\r\n\r\n                //產生時\r\n                let h = String(hour)\r\n                if (hour < 10) {\r\n                    h = '0' + h\r\n                }\r\n\r\n                //產生分\r\n                return map(range(0, 60, vo.minuteInter), function(min) {\r\n                    let m = String(min)\r\n                    if (min < 10) {\r\n                        m = '0' + m\r\n                    }\r\n                    return h + ':' + m\r\n                })\r\n            })\r\n            rs = flattenDeep(rs)\r\n\r\n            //hMax\r\n            let hMax = String(vo.hourMax)\r\n            if (vo.hourMax < 10) {\r\n                hMax = '0' + hMax\r\n            }\r\n            hMax = hMax + ':00'\r\n            rs = filter(rs, function(r) {\r\n                return r <= hMax\r\n            })\r\n\r\n            return rs\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        modifyDay: function(v) {\r\n            //console.log('methods modifyDay',v)\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.valueDay = v\r\n\r\n            //changeContent\r\n            vo.changeContent()\r\n\r\n        },\r\n\r\n        modifyTime: function(v) {\r\n            //console.log('methods modifyTime',v)\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.valueTime = v\r\n\r\n            //changeContent\r\n            vo.changeContent()\r\n\r\n        },\r\n\r\n        changeContent: function () {\r\n            //console.log('methods changeContent')\r\n\r\n            let vo = this\r\n\r\n            //value\r\n            let value = vo.valueDay + 'T' + vo.valueTime + ':00'\r\n\r\n            //check\r\n            if (!istime(value)) {\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        changeFocused: function() {\r\n            //console.log('methods changeFocused')\r\n\r\n            let vo = this\r\n\r\n            //focused\r\n            let focused = vo.focusedDay || vo.focusedTime\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:focused', focused)\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::v-deep div.v-input__icon {\r\n    transform: translateX(-5px);\r\n}\r\n</style>\r\n"]},media:void 0})},vb,"data-v-32d0c684",false,void 0,!1,o,void 0,void 0);const Cb={components:{WShellEllipse:_s,WTimeminuteCore:bb},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:String,default:""},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},icon:{type:String,default:ml},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{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"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},expansionIcon:{type:String,default:wl},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:ml,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 xb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,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")}}},[t("WTimeminuteCore",{attrs:{hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.value},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)}}})],1)],1)};xb._withStripped=!0;const Sb=t({render:xb,staticRenderFns:[]},function(n){n&&n("data-v-306ba58e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminute.vue"},media:void 0})},Cb,"data-v-306ba58e",false,void 0,!1,o,void 0,void 0);const Ib={components:{WTimeminuteCore:bb},props:{minuteStart:{type:String,default:""},minuteEnd:{type:String,default:""},between:{type:String,default:"to"},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},expansionIcon:{type:String,default:wl},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{focused_start:!1,focused_end:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)}},methods:{changeFocused:function(){let n=this,e=n.focused_start||n.focused_end;n.$nextTick(()=>{n.$emit("update:focused",e)})}}};var wb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimeminuteCore",{attrs:{TimeminuteRangeCore:"dayminuFrom",hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.minuteStart},on:{"update:focused":function(e){n.focused_start=e,n.changeFocused()},input:function(e){n.$emit("update:minuteStart",e)}}}),n._v(" "),t("div",{style:"padding-left:9px; padding-right:11px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n            "+n._s(n.between)+"\n        ")]),n._v(" "),t("WTimeminuteCore",{attrs:{TimeminuteRangeCore:"dayminuTo",hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.minuteEnd},on:{"update:focused":function(e){n.focused_end=e,n.changeFocused()},input:function(e){n.$emit("update:minuteEnd",e)}}})],1)])};wb._withStripped=!0;const kb=t({render:wb,staticRenderFns:[]},function(n){n&&n("data-v-3fc1c44b_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminuteRangeCore.vue"},media:void 0})},Ib,"data-v-3fc1c44b",false,void 0,!1,o,void 0,void 0);const Tb={components:{WShellEllipse:_s,WTimeminuteRangeCore:kb},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},minuteStart:{type:String,default:""},minuteEnd:{type:String,default:""},between:{type:String,default:"to"},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},icon:{type:String,default:ml},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{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"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},expansionIcon:{type:String,default:wl},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:ml,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 Bb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,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")}}},[t("WTimeminuteRangeCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,between:n.between,minuteEnd:n.minuteEnd,minuteStart:n.minuteStart,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,"update:minuteEnd":function(e){n.$emit("update:minuteEnd",e)},"update:minuteStart":function(e){n.$emit("update:minuteStart",e)}}})],1)],1)};Bb._withStripped=!0;const Hb=t({render:Bb,staticRenderFns:[]},function(n){n&&n("data-v-54123473_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminuteRange.vue"},media:void 0})},Tb,"data-v-54123473",false,void 0,!1,o,void 0,void 0);const Ab={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/tinymce@5.10.7/tinymce.min.js","base:w-tinymce-vue"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-tinymce-vue"];n.default&&(n=n.default),xr().component("w-tinymce-vue",n)}n.cmpName="w-tinymce-vue"})},computed:{},methods:{}};var Wb=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};Wb._withStripped=!0;const Fb=t({render:Wb,staticRenderFns:[]},function(n){n&&n("data-v-39014164_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTinymceVueDyn.vue"},media:void 0})},Ab,"data-v-39014164",false,void 0,!1,o,void 0,void 0);let Zb={tooltip:[],popup:[]};function Xb(n,e){Zb[n].push(e)}function Rb(n,e){return Oa(Zb[n])===e}function Vb(n,e){Qa(Zb[n],e)}let Pb={mode:"wysiwyg",theme:"classic",lang:"zh_TW",counter:{enable:!1,type:"markdown"},tab:"\t",typewriterMode:!0,toolbarConfig:{pin:!0},cache:{enable:!1},toolbar:["headings","bold","italic","strike","link","|","list","ordered-list","outdent","indent","|","quote","line","insert-before","insert-after","|","table","|","undo","redo","|","edit-mode","export"],hint:{parse:!0,delay:0,extend:[]},preview:{maxWidth:1e10,delay:0,actions:[],hljs:{style:"monokai",lineNumber:!0}}};var zb={directives:{domresize:ol()},components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.css","https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.min.js"]},value:{type:String,default:""},height:{type:Number,default:250},settings:{type:Object,default:()=>{}},keyHint:{type:[String,Array],default:""},hintBorderRadius:{type:Number,default:4},hintBackgroundColor:{type:String,default:"#fff"},hintShadow:{type:Boolean,default:!0},hintShadowStyle:{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)"},cmpZIndex:{type:Number,default:3e3},editable:{type:Boolean,default:!0}},data:function(){return{loading:!0,mmkey:Qo(),bp:null,mode:"popup",kind:"click",isolated:!0,transitionTime:200,triggerWidth:null,contentStyle:"",contentEditor:null,showPopper:!1,placement:"bottom-start",placementDistX:0,placementDistY:-15,valueTrans:"",useHint:""}},mounted:function(){let n=this;(async function(){await sr(()=>void 0!==n.$el),await br(n.pathItems);let e=window.Vditor;await sr(()=>ai(mn(n,"$refs.divVditor")));let t=n.$refs.divVditor;n.contentEditor=new e(t,n.useSettings),await sr(()=>qo(mn(n,"contentEditor.vditor"))),n.loading=!1,n.valueTrans=n.value,n.contentEditor.setValue(n.value)})().catch(n=>{console.log(n)});let e="change-show-popper";n.bp=new mu(n,n.funGetDivTrigger,n.funGetDivContent,"showPopper",e,{funAddTrigger:Xb,funCheckTrigger:Rb,funRemoveTrigger:Vb}),n.bp.on(e,e=>{e||(n.useHint="")}),n.bp.mounted()},beforeDestroy:function(){let n=this;n.contentEditor&&(n.contentEditor.destroy(),n.contentEditor=null),n.bp&&n.bp.destroy()},computed:{keyHints:function(){let n=this,e=n.keyHint;return bn(n.keyHint)&&(e=[n.keyHint]),e},useSettings:function(){let n=this,e={...Pb,...n.settings};e.height=n.height;let t=[];return ke(n.keyHints,n=>{if(!bn(n))return!0;let e={key:n,hint:async e=>[{html:`<div name="tar" tpht="${n}" style="display:none;"></div>`,value:""}]};t.push(e)}),e.hint.extend=t,e.input=e=>{n.valueTrans=e,n.detectAndShowHint(e),n.$emit("input",e)},e},changeValue:function(){let n=this.value;return this.relaValue(n),""},changeEditable:function(){let n=this.editable;return this.relaEditable(n),""},changeShowPopper:function(){let n=this,e=n.showPopper;return n.isolated||n.updateValue(e,"changeShowPopper"),""},useHintBorderRadius:function(){let n=this;return Fo(n.hintBorderRadius)?`border-radius:${n.hintBorderRadius}px;`:""},useHintBackgroundColor:function(){return wo(this.hintBackgroundColor)},useHintShadow:function(){if(!this.hintShadow)return"";let n=Ae(this.hintShadowStyle,";","");return""!==n?`box-shadow:${n};`:""}},methods:{relaValue:function(){let n=this;n.loading||n.value!==n.valueTrans&&(n.valueTrans=n.value,n.contentEditor.setValue(n.value))},relaEditable:function(){let n=this;(async function(){await sr(()=>!n.loading),n.editable?n.contentEditor.enable():n.contentEditor.disabled()})().catch(n=>{console.log(n)})},funGetDivTrigger:function(){let n=this,e=null;try{e=n.$el.querySelector('[class="vditor-hint"]')}catch(n){}return e},funGetDivContent:function(){return mn(this,"$refs.divContent",null)},findAnchor:function(){let n=this,e=In(),t=0,r=setInterval(()=>{t++;let o=n.funGetDivTrigger();ai(o)&&(clearInterval(r),e.resolve(o)),t>100&&(clearInterval(r),e.reject("can not find the ele"))},50);return e},getUseHint:function(n){let e="";try{e=n.querySelector('div[name="tar"]').getAttribute("tpht")}catch(n){}return e},detectAndShowHint:function(n){let e=this;Ya(e.keyHints)&&e.findAnchor().then(n=>{"none"!==n.style.display&&(e.useHint=e.getUseHint(n),e.evShow("click","call"),e.contentEditor.blur())}).catch(n=>{console.log(n)})},evShow:function(n,e){let t=this;Be(mn(t,"bp.evShow"))&&t.bp.evShow(n,e)},evHide:function(n,e){let t=this;Be(mn(t,"bp.evHide"))&&t.bp.evHide(n,e)},updatePopper:function(n,e){let t=this;Be(mn(t,"bp.updatePopper"))&&t.bp.updatePopper(n,e)},updateValue:function(n,e){let t=this;Be(mn(t,"bp.updateValue"))&&t.bp.updateValue(n,e)},insertValue:function(n,e){let t=this;if(Be(mn(t,"contentEditor.insertValue"))){t.contentEditor.insertValue(n);let e=t.contentEditor.getValue();ke(t.keyHints,n=>{e=e.replaceAll(`/ ${n}`,"")}),t.valueTrans=t.value,t.contentEditor.setValue(e),t.$emit("input",e)}}}};const Lb=zb;var Nb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue,changeEditable:n.changeEditable,changeShowPopper:n.changeShowPopper}},[n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{staticClass:"WVditorFix",style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},[t("div",{ref:"divVditor"}),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.showPopper,expression:"showPopper"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[n.showPopper?t("div",{style:n.contentStyle+" background:"+n.useHintBackgroundColor+"; "+n.useHintBorderRadius+" "+n.useHintShadow},[n._t("content",null,{hint:n.useHint,funInsert:function(e){n.insertValue(e,"slot")},funHide:function(){n.updateValue(!1,"slot")}})],2):n._e()])])],1)};Nb._withStripped=!0;const Db=t({render:Nb,staticRenderFns:[]},function(n){n&&n("data-v-2b668bbd_0",{source:'\n.WPopperFix[data-popper-reference-hidden][data-v-2b668bbd] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\n.WVditorFix[data-v-2b668bbd] .vditor-reset {\r\n    font-size: inherit;\n}\n.WVditorFix[data-v-2b668bbd] div.vditor-hint:has(div[name="tar"]) { /* 使觸發區divTrigger(原本彈窗)完全透明 */\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    outline: none;\n}\r\n',map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WVditorDyn.vue"],names:[],mappings:";AAmxBA;IACA,kBAAA;IACA,oBAAA;AACA;AACA;IACA,kBAAA;AACA;AACA,oEAAA,6BAAA;IACA,kBAAA;IACA,oBAAA;IACA,aAAA;AACA",file:"WVditorDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n        :changeEditable=\"changeEditable\"\r\n        :changeShowPopper=\"changeShowPopper\"\r\n    >\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div\r\n            class=\"WVditorFix\"\r\n            :style=\"`${loading?'heigh:0px; max-height:0px; overflow-y:hidden;':''}`\"\r\n        >\r\n\r\n            <div ref=\"divVditor\"></div>\r\n\r\n            <div\r\n                ref=\"divContent\"\r\n                class=\"WPopperFix\"\r\n                :style=\"`z-index:${cmpZIndex};`\"\r\n                v-show=\"showPopper\"\r\n                v-domresize\r\n                @domresize=\"updatePopper\"\r\n            >\r\n                <div\r\n                    :style=\"`${contentStyle} background:${useHintBackgroundColor}; ${useHintBorderRadius} ${useHintShadow}`\"\r\n                    v-if=\"showPopper\"\r\n                >\r\n                    <slot\r\n                        name=\"content\"\r\n                        :hint=\"useHint\"\r\n                        :funInsert=\"(v)=>{insertValue(v,'slot')}\"\r\n                        :funHide=\"()=>{updateValue(false,'slot')}\"\r\n                    ></slot>\r\n                </div>\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 each from 'lodash-es/each.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 genPm from 'wsemi/src/genPm.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport isestr from 'wsemi/src/isestr.mjs'\r\nimport iseobj from 'wsemi/src/iseobj.mjs'\r\nimport isearr from 'wsemi/src/isearr.mjs'\r\nimport isEle from 'wsemi/src/isEle.mjs'\r\nimport importResExt from '../js/importResExt.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport BuildPopper from '../js/buildPopper.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction funAddTrigger(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction funCheckTrigger(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction funRemoveTrigger(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\nlet def_settings = {\r\n    mode: 'wysiwyg', //sv: 雙欄位, ir:即時渲染, wysiwyg:所見即所得\r\n    // debugger: true,\r\n    // height: 500,\r\n    // placeholder: '請輸入Markdown格式文字',\r\n    theme: 'classic',\r\n    lang: 'zh_TW',\r\n    counter: {\r\n        enable: false,\r\n        type: 'markdown',\r\n    },\r\n    tab: '\\t',\r\n    typewriterMode: true,\r\n    toolbarConfig: {\r\n        pin: true\r\n    },\r\n    cache: {\r\n        enable: false\r\n    },\r\n    toolbar: [\r\n        // 'emoji',\r\n        'headings',\r\n        'bold',\r\n        'italic',\r\n        'strike',\r\n        'link',\r\n        '|',\r\n        'list',\r\n        'ordered-list',\r\n        // 'check',\r\n        'outdent',\r\n        'indent',\r\n        '|',\r\n        'quote',\r\n        'line',\r\n        // 'code',\r\n        // 'inline-code',\r\n        'insert-before',\r\n        'insert-after',\r\n        '|',\r\n        // 'record',\r\n        'table',\r\n        '|',\r\n        'undo',\r\n        'redo',\r\n        '|',\r\n        'edit-mode',\r\n        // 'content-theme',\r\n        // 'code-theme',\r\n        'export',\r\n        // {\r\n        //     name: 'more',\r\n        //     toolbar: [\r\n        //         'fullscreen',\r\n        //         'both',\r\n        //         // 'preview',\r\n        //         // 'info',\r\n        //         // 'help',\r\n        //     ],\r\n        // },\r\n        // {\r\n        //     hotkey: '⇧⌘S',\r\n        //     name: 'sponsor',\r\n        //     tipPosition: 's',\r\n        //     tip: 'toolbar icon tip',\r\n        //     className: 'right',\r\n        //     icon: '<svg></svg>',\r\n        //     click: () => {\r\n        //         console.log('toolbar click')\r\n        //     },\r\n        // },\r\n    ],\r\n    hint: {\r\n        parse: true,\r\n        delay: 0,\r\n        extend: [\r\n            // {\r\n            //     key: 'md',\r\n            //     hint: async (value) => {\r\n            //         console.log('hint.extend hint', value)\r\n            //         let ts = [\r\n            //             {\r\n            //                 html: '<h6>md1</h6>',\r\n            //                 value: '[google](https://www.google.com/)',\r\n            //             },\r\n            //             {\r\n            //                 html: `<div>md2 <span style=\"color:#f26;\">test2</span></div>`,\r\n            //                 value: 'vvv2',\r\n            //             },\r\n            //         ]\r\n            //         return ts\r\n            //     },\r\n            // },\r\n        ],\r\n    },\r\n    // input: (msg) => {\r\n    //     console.log('input', msg)\r\n    // },\r\n    preview: {\r\n        maxWidth: 1e10,\r\n        delay: 0,\r\n        actions: [], //['desktop', 'tablet', 'mobile', 'mp-wechat', 'zhihu'] //移除分享按鈕\r\n        hljs: {\r\n            style: 'monokai',\r\n            lineNumber: true\r\n        },\r\n        // parse: (ele) => { //預覽回調\r\n        //     console.log('preview.parse', ele) //僅分割預覽之預覽區有效\r\n        //     return ele\r\n        // },\r\n        // transform: (h) => { //渲染之前回調\r\n        //     console.log('preview.transform', h) //僅分割預覽之預覽區有效\r\n        //     return h\r\n        // },\r\n    },\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入vditor套件的css與js檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {String} [value=''] 輸入富文本字串，預設為''\r\n * @vue-prop {Number} [height=250] 輸入高度數字，單位為px，預設為250\r\n * @vue-prop {Object} [settings={}] 輸入vditor設定物件，預設值為{}，內部預設值詳見vditor原始碼\r\n * @vue-prop {String|Array} [keyHint=''] 輸入打字時調用提示區字串或陣列，例如若給予'ht'，則輸入「/ ht」或「@ ht」則可顯示提示區，或給予['ht','kw']陣列，預設為''\r\n * @vue-prop {Number} [hintBorderRadius=4] 輸入提示窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [hintBackgroundColor='rgba(60,60,60,0.75)'] 輸入提示窗背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Boolean} [hintShadow=true] 輸入提示窗是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [hintShadowStyle=''] 輸入提示窗陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [\r\n                'https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.css',\r\n                'https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.min.js',\r\n                // 'https://cdn.jsdelivr.net/npm/vditor@3.11.2/dist/index.css',\r\n                // 'https://cdn.jsdelivr.net/npm/vditor@3.11.2/dist/index.min.js', //此版有問題, 待之後新版更新\r\n            ],\r\n        },\r\n        value: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        height: {\r\n            type: Number,\r\n            default: 250,\r\n        },\r\n        settings: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        keyHint: {\r\n            type: [String, Array],\r\n            default: '',\r\n        },\r\n        hintBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        hintBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        hintShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hintShadowStyle: {\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        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\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            loading: true,\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            bp: null,\r\n\r\n            mode: 'popup', //tooltip, popup\r\n            kind: 'click', //hover, click\r\n            isolated: true, //因完全使用事件觸發, 故isolated=true\r\n            transitionTime: 200,\r\n            triggerWidth: null,\r\n            contentStyle: '',\r\n\r\n            contentEditor: null,\r\n\r\n            showPopper: false,\r\n            placement: 'bottom-start', //定位左下\r\n            placementDistX: 0,\r\n            placementDistY: -15,\r\n\r\n            valueTrans: '',\r\n\r\n            useHint: '',\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        async function core() {\r\n\r\n            //wait $el\r\n            await waitFun(() => {\r\n                return vo.$el !== undefined\r\n            })\r\n\r\n            //importResExt\r\n            await importResExt(vo.pathItems)\r\n            // console.log('res', res)\r\n\r\n            //Vditor\r\n            let Vditor = window['Vditor']\r\n            // console.log('Vditor', Vditor)\r\n\r\n            //wait divVditor, 因loading=false之後才能開始顯示divVditor, 故須等待divVditor是否出現\r\n            await waitFun(() => {\r\n                let ele = get(vo, '$refs.divVditor')\r\n                return isEle(ele)\r\n            })\r\n\r\n            //divVditor\r\n            let divVditor = vo.$refs.divVditor\r\n            // console.log('divVditor', divVditor)\r\n\r\n            //contentEditor\r\n            vo.contentEditor = new Vditor(divVditor, vo.useSettings)\r\n            // console.log('contentEditor', vo.contentEditor)\r\n\r\n            //wait contentEditor, 因new Vditor後會需一小段時間初始化, 故須等待vditor來判斷vditor是否初始化完成\r\n            await waitFun(() => {\r\n                // let getCurrentMode = get(vo, 'contentEditor.getCurrentMode') //因contentEditor.getCurrentMode是原型已為function, 故無法用此做判斷\r\n                // return isfun(getCurrentMode)\r\n                let v = get(vo, 'contentEditor.vditor')\r\n                return iseobj(v)\r\n            })\r\n            // console.log(`vo.contentEditor.getCurrentMode()`, vo.contentEditor.getCurrentMode())\r\n\r\n            //loading, 組件不依照loading顯隱, loading為依賴、組件完成載入、組件初始化後才改為false\r\n            vo.loading = false\r\n\r\n            //update valueTrans, 於mounted進行第1次賦值觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n            vo.valueTrans = vo.value\r\n\r\n            //setValue, 於mounted進行第1次賦值, 之後給computed偵測修改\r\n            vo.contentEditor.setValue(vo.value)\r\n\r\n            // //emit, 於組件內初始化第一次觸發故不須emit\r\n            // vo.$emit('input', value)\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        //BuildPopper\r\n        let keyShow = 'showPopper'\r\n        let evNameValue = 'change-show-popper'\r\n        vo.bp = new BuildPopper(vo,\r\n            vo.funGetDivTrigger,\r\n            vo.funGetDivContent,\r\n            keyShow,\r\n            evNameValue,\r\n            {\r\n                funAddTrigger,\r\n                funCheckTrigger,\r\n                funRemoveTrigger,\r\n            })\r\n\r\n        //監聽evNameValue\r\n        vo.bp.on(evNameValue, (showPopper) => {\r\n            // console.log(vo.mmkey, 'bp.on', evNameValue, showPopper)\r\n            if (!showPopper) { //僅處理隱藏事件\r\n                vo.useHint = '' //隱藏時清空useHint\r\n            }\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        if (vo.contentEditor) {\r\n            vo.contentEditor.destroy()\r\n            vo.contentEditor = null\r\n        }\r\n\r\n        //destroy\r\n        if (vo.bp) {\r\n            vo.bp.destroy()\r\n        }\r\n\r\n    },\r\n    computed: {\r\n\r\n        keyHints: function() {\r\n            let vo = this\r\n\r\n            //hts\r\n            let hts = vo.keyHint\r\n            if (isestr(vo.keyHint)) {\r\n                hts = [vo.keyHint]\r\n            }\r\n            // console.log('hts', hts)\r\n\r\n            return hts\r\n        },\r\n\r\n        useSettings: function() {\r\n            //console.log('computed useSettings')\r\n\r\n            let vo = this\r\n\r\n            let st = {\r\n                ...def_settings,\r\n                ...vo.settings,\r\n            }\r\n            // console.log('st', st)\r\n\r\n            //add height\r\n            st.height = vo.height\r\n\r\n            //extend\r\n            let extend = []\r\n            each(vo.keyHints, (v) => {\r\n                if (!isestr(v)) {\r\n                    return true //跳出換下一個\r\n                }\r\n                let ht = {\r\n                    key: v,\r\n                    hint: async (value) => {\r\n                        // console.log('hint.extend hint', value)\r\n                        let ts = [\r\n                            {\r\n                                html: `<div name=\"tar\" tpht=\"${v}\" style=\"display:none;\"></div>`,\r\n                                value: '',\r\n                            },\r\n                        ]\r\n                        return ts\r\n                    },\r\n                }\r\n                extend.push(ht)\r\n            })\r\n            st.hint.extend = extend\r\n            // console.log('st.hint.extend', st.hint.extend)\r\n\r\n            //add input\r\n            st.input = (value) => {\r\n                // console.log(vo.mmkey, 'input', value)\r\n\r\n                //update valueTrans, 由組件內input觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n                vo.valueTrans = value\r\n\r\n                //detectAndShowHint\r\n                vo.detectAndShowHint(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            }\r\n\r\n            // console.log('st', st)\r\n            return st\r\n        },\r\n\r\n        changeValue: function() {\r\n            // console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n\r\n            //relaValue\r\n            vo.relaValue(value)\r\n\r\n            return ''\r\n        },\r\n\r\n        changeEditable: function() {\r\n            //console.log('computed changeEditable')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let editable = vo.editable\r\n\r\n            //relaEditable\r\n            vo.relaEditable(editable)\r\n\r\n            return ''\r\n        },\r\n\r\n        changeShowPopper: function () {\r\n            //console.log('computed changeShowPopper')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let showPopper = vo.showPopper\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(showPopper, 'changeShowPopper')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useHintBorderRadius: function() {\r\n            //console.log('computed useHintBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.hintBorderRadius)) {\r\n                return `border-radius:${vo.hintBorderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useHintBackgroundColor: function() {\r\n            //console.log('computed useHintBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.hintBackgroundColor)\r\n        },\r\n\r\n        useHintShadow: function() {\r\n            //console.log('computed useHintShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.hintShadow) {\r\n                return ''\r\n            }\r\n\r\n            //hintShadowStyle\r\n            let s = replace(vo.hintShadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        relaValue: function() {\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            //避免使用waitFun, 因多組件value非同步更新, 會導致打字時或hint時連動觸發更新value問題\r\n            //第1次調用value為空字串, 第2次loading可能為true, 此處統一處理loading=false情形\r\n            if (vo.loading) {\r\n                return\r\n            }\r\n\r\n            //check, 避免多組件時使用hint會反覆觸發\r\n            if (vo.value === vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //update valueTrans, 由組件外變更value觸發, 故須再另外儲存至valueTrans\r\n            vo.valueTrans = vo.value\r\n\r\n            //setValue\r\n            vo.contentEditor.setValue(vo.value)\r\n\r\n            // //emit, 由外部變更value觸發故不須emit\r\n            // vo.$emit('input', value)\r\n\r\n        },\r\n\r\n        relaEditable: function() {\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait\r\n                await waitFun(() => {\r\n                    return !vo.loading\r\n                })\r\n\r\n                //editable\r\n                if (vo.editable) {\r\n                    vo.contentEditor.enable()\r\n                }\r\n                else {\r\n                    vo.contentEditor.disabled()\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        funGetDivTrigger: function() {\r\n            let vo = this\r\n            let divTrigger = null\r\n            try {\r\n                divTrigger = vo.$el.querySelector('[class=\"vditor-hint\"]')\r\n            }\r\n            catch (err) {}\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        findAnchor: function() {\r\n            let vo = this\r\n\r\n            let pm = genPm()\r\n\r\n            let n = 0\r\n            let t = setInterval(() => {\r\n                n++\r\n\r\n                //funGetDivTrigger\r\n                let ele = vo.funGetDivTrigger()\r\n\r\n                //check\r\n                if (isEle(ele)) {\r\n                    clearInterval(t)\r\n                    pm.resolve(ele)\r\n                }\r\n\r\n                //check\r\n                if (n > 100) {\r\n                    clearInterval(t)\r\n                    pm.reject('can not find the ele')\r\n                }\r\n\r\n            }, 50)\r\n\r\n            return pm\r\n        },\r\n\r\n        getUseHint: function(divTrigger) {\r\n            // let vo = this\r\n\r\n            //tpht\r\n            let tpht = ''\r\n            try {\r\n                tpht = divTrigger.querySelector('div[name=\"tar\"]').getAttribute('tpht')\r\n            }\r\n            catch (err) {}\r\n\r\n            return tpht\r\n        },\r\n\r\n        detectAndShowHint: function(v) {\r\n            let vo = this\r\n\r\n            //check\r\n            if (!isearr(vo.keyHints)) {\r\n                return\r\n            }\r\n\r\n            //findAnchor\r\n            vo.findAnchor()\r\n                .then((divTrigger) => {\r\n                    // console.log('divTrigger', divTrigger)\r\n\r\n                    //check\r\n                    if (divTrigger.style.display === 'none') {\r\n                        return\r\n                    }\r\n                    // console.log('divTrigger', divTrigger)\r\n\r\n                    //完全透明\r\n                    // divTrigger.style.opacity = 0 //因顯示之後再偵測隱藏會有顯隱問題, 使用者體驗不佳, 改為使用css強制隱藏\r\n\r\n                    //顯示時取得與儲存useHint\r\n                    vo.useHint = vo.getUseHint(divTrigger)\r\n                    // console.log('divTrigger', divTrigger, 'useHint', vo.useHint)\r\n\r\n                    //evShow\r\n                    vo.evShow('click', 'call')\r\n\r\n                    //blur, 編輯器移除焦點, 避免使用者此時通過鍵盤刪除或再變更\r\n                    vo.contentEditor.blur()\r\n\r\n                })\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\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        insertValue: function(v, from) {\r\n            let vo = this\r\n            let f = get(vo, 'contentEditor.insertValue')\r\n            if (isfun(f)) {\r\n\r\n                //insertValue\r\n                vo.contentEditor.insertValue(v)\r\n\r\n                //取得當前value\r\n                let value = vo.contentEditor.getValue()\r\n\r\n                //取代hint符號\r\n                // console.log('value(ori)', value)\r\n                each(vo.keyHints, (keyHint) => {\r\n                    value = value.replaceAll(`/ ${keyHint}`, '')\r\n                })\r\n                // console.log('value(replace)', value)\r\n\r\n                //update valueTrans, 由組件內insertValue觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n                vo.valueTrans = vo.value\r\n\r\n                //setValue\r\n                vo.contentEditor.setValue(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\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.WVditorFix >>> .vditor-reset {\r\n    font-size: inherit;\r\n}\r\n.WVditorFix >>> div.vditor-hint:has(div[name=\"tar\"]) { /* 使觸發區divTrigger(原本彈窗)完全透明 */\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    outline: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})},Lb,"data-v-2b668bbd",false,void 0,!1,o,void 0,void 0);let Gb={install:function(n){n.component("teleport",u),n.component("w-aggrid-vue-dyn",Wo),n.prototype.$alert=mi,n.component("w-badge",dl),n.component("w-button-chip",Bu),n.component("w-button-circle",Fu),n.component("w-checkbox",Vu),n.component("w-ckeditor-vue-dyn",Lu),n.component("w-color-pick-alpha",ju),n.component("w-color-pick-hexagon",Uu),n.component("w-color-pick-hexagon-gray",is),n.component("w-color-pick-hsv",us),n.component("w-color-pick-hue",fs),n.component("w-color-pick-stripe",es),n.component("w-color-select",nf),n.component("w-color-select-input",Ep),n.component("w-color-select-panel",As),n.component("w-color-select-panel-block",xs),n.component("w-color-select-panel-hsva",ks),n.component("w-confirm",pf),n.component("w-dialog",df),n.component("w-drawer",vf),n.component("w-dropfiles",wf),n.component("w-dynamic-list",_f),n.component("w-echarts-vue-dyn",Of),n.component("w-explorer",Bh),n.component("w-group-baggage",Xh),n.component("w-group-baggage-item",Wh),n.component("w-group-chip-check",Ps),n.component("w-group-chip-radio",Ns),n.component("w-group-dragdrop",Ph),n.component("w-group-icon-check",Dh),n.component("w-group-icon-radio",Kh),n.component("w-group-tags",qh),n.component("w-highcharts-bitmap-dyn",rm),n.component("w-highcharts-vue-dyn",lm),n.component("w-highstock-vue-dyn",um),n.component("w-icon",Ma),n.component("w-icon-loading",Bo),n.component("w-image-cascading-dyn",Bm),n.component("w-image-lazy",Fm),n.component("w-image-viewer-dyn",Vm),n.component("w-input-checkbox",Nm),n.component("w-input-radio",jm),n.component("w-json-view",sv),n.component("w-leaflet-vue-dyn",fv),n.component("w-level-grade",vv),n.component("w-list-check",xv),n.component("w-list-expand",Av),n.component("w-list-expand-item",kv),n.component("w-list-horizontal",Xv),n.component("w-list-item",ah),n.component("w-list-radio",Pv),n.component("w-list-vertical",ch),n.component("w-panel-avatar",Dv),n.component("w-panel-bulge",Kv),n.component("w-panel-divide-horizontal",$v),n.component("w-panel-divide-vertical",Ev),n.component("w-panel-label-item",js),n.component("w-panel-scale",qv),n.component("w-panel-scrolly",oh),n.component("w-panel-scrolly-core",Df),n.component("w-panel-stripe",ty),n.component("w-popup",vs),n.component("w-popup-edit-text",iy),n.component("w-progress-bar",uy),n.component("w-progress-circle",py),n.component("w-quill-vue-dyn",hy),n.component("w-segments-vertical",by),n.component("w-shell-bottom-line",Os),n.component("w-shell-ellipse",_s),n.component("w-slider",$p),n.component("w-switch",Iy),n.component("w-table-dyn",Ay),n.component("w-text",rc),n.component("w-textarea",Py),n.component("w-textarea-core",Xy),n.component("w-text-core",nc),n.component("w-text-int",jy),n.component("w-text-int-core",Ny),n.component("w-text-select",_y),n.component("w-text-suggest",Jh),n.component("w-text-suggest-core",$h),n.component("w-threejs-vue-dyn",Oy),n.component("w-timeday",ob),n.component("w-timeday-core",eb),n.component("w-timeday-range",sb),n.component("w-timeday-range-core",ab),n.component("w-timeminute",Sb),n.component("w-timeminute-core",bb),n.component("w-timeminute-range",Hb),n.component("w-timeminute-range-core",kb),n.component("w-tinymce-vue-dyn",Fb),n.component("w-tooltip",Iu),n.component("w-tree",Ih),n.component("w-tree-icon-checkbox",yh),n.component("w-tree-icon-toggle",hh),n.component("w-vditor-dyn",Db)}};return t({},void 0,Gb,void 0,void 0,void 0,!1,void 0,void 0,void 0)});
+     */var ic,lc,ac=9e15,dc=1e9,uc="0123456789abcdef",sc="2.3025850929940456840179914546843642076011014886287729760333279009675726096773524802359972050895982983419677840422862486334095254650828067566662873690987816894829072083255546808437998948262331985283935053089653777326288461633662222876982198867465436674744042432743651550489343149393914796194044002221051017141748003688084012647080685567743216228355220114804663715659121373450747856947683463616792101806445070648000277502684916746550586856935673420670581136429224554405758925724208241314695689016758940256776311356919292033376587141660230105703089634572075440370847469940168269282808481184289314848524948644871927809676271275775397027668605952496716674183485704422507197965004714951050492214776567636938662976979522110718264549734772662425709429322582798502585509785265383207606726317164309505995087807523710333101197857547331541421808427543863591778117054309827482385045648019095610299291824318237525357709750539565187697510374970888692180205189339507238539205144634197265287286965110862571492198849978748873771345686209167058",cc="3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679821480865132823066470938446095505822317253594081284811174502841027019385211055596446229489549303819644288109756659334461284756482337867831652712019091456485669234603486104543266482133936072602491412737245870066063155881748815209209628292540917153643678925903600113305305488204665213841469519415116094330572703657595919530921861173819326117931051185480744623799627495673518857527248912279381830119491298336733624406566430860213949463952247371907021798609437027705392171762931767523846748184676694051320005681271452635608277857713427577896091736371787214684409012249534301465495853710507922796892589235420199561121290219608640344181598136297747713099605187072113499999983729780499510597317328160963185950244594553469083026425223082533446850352619311881710100031378387528865875332083814206171776691473035982534904287554687311595628638823537875937519577818577805321712268066130019278766111959092164201989380952572010654858632789",pc={precision:20,rounding:4,modulo:1,toExpNeg:-7,toExpPos:21,minE:-ac,maxE:ac,crypto:!1},fc=!0,gc="[DecimalError] ",hc=gc+"Invalid argument: ",mc=gc+"Precision limit exceeded",vc=gc+"crypto unavailable",yc="[object Decimal]",bc=Math.floor,Cc=Math.pow,xc=/^0b([01]+(\.[01]*)?|\.[01]+)(p[+-]?\d+)?$/i,Sc=/^0x([0-9a-f]+(\.[0-9a-f]*)?|\.[0-9a-f]+)(p[+-]?\d+)?$/i,Ic=/^0o([0-7]+(\.[0-7]*)?|\.[0-7]+)(p[+-]?\d+)?$/i,wc=/^(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,kc=1e7,Tc=sc.length-1,Bc=cc.length-1,Hc={toStringTag:yc};function Ac(n){var e,t,r,o=n.length-1,i="",l=n[0];if(o>0){for(i+=l,e=1;e<o;e++)(t=7-(r=n[e]+"").length)&&(i+=Dc(t)),i+=r;(t=7-(r=(l=n[e])+"").length)&&(i+=Dc(t))}else if(0===l)return"0";for(;l%10==0;)l/=10;return i+l}function Wc(n,e,t){if(n!==~~n||n<e||n>t)throw Error(hc+n)}function Fc(n,e,t,r){var o,i,l,a;for(i=n[0];i>=10;i/=10)--e;return--e<0?(e+=7,o=0):(o=Math.ceil((e+1)/7),e%=7),i=Cc(10,7-e),a=n[o]%i|0,null==r?e<3?(0==e?a=a/100|0:1==e&&(a=a/10|0),l=t<4&&99999==a||t>3&&49999==a||5e4==a||0==a):l=(t<4&&a+1==i||t>3&&a+1==i/2)&&(n[o+1]/i/100|0)==Cc(10,e-2)-1||(a==i/2||0==a)&&!(n[o+1]/i/100|0):e<4?(0==e?a=a/1e3|0:1==e?a=a/100|0:2==e&&(a=a/10|0),l=(r||t<4)&&9999==a||!r&&t>3&&4999==a):l=((r||t<4)&&a+1==i||!r&&t>3&&a+1==i/2)&&(n[o+1]/i/1e3|0)==Cc(10,e-3)-1,l}function Zc(n,e,t){for(var r,o,i=[0],l=0,a=n.length;l<a;){for(o=i.length;o--;)i[o]*=e;for(i[0]+=uc.indexOf(n.charAt(l++)),r=0;r<i.length;r++)i[r]>t-1&&(void 0===i[r+1]&&(i[r+1]=0),i[r+1]+=i[r]/t|0,i[r]%=t)}return i.reverse()}Hc.absoluteValue=Hc.abs=function(){var n=new this.constructor(this);return n.s<0&&(n.s=1),Rc(n)},Hc.ceil=function(){return Rc(new this.constructor(this),this.e+1,2)},Hc.clampedTo=Hc.clamp=function(n,e){var t=this,r=t.constructor;if(n=new r(n),e=new r(e),!n.s||!e.s)return new r(NaN);if(n.gt(e))throw Error(hc+e);return t.cmp(n)<0?n:t.cmp(e)>0?e:new r(t)},Hc.comparedTo=Hc.cmp=function(n){var e,t,r,o,i=this,l=i.d,a=(n=new i.constructor(n)).d,d=i.s,u=n.s;if(!l||!a)return d&&u?d!==u?d:l===a?0:!l^d<0?1:-1:NaN;if(!l[0]||!a[0])return l[0]?d:a[0]?-u:0;if(d!==u)return d;if(i.e!==n.e)return i.e>n.e^d<0?1:-1;for(e=0,t=(r=l.length)<(o=a.length)?r:o;e<t;++e)if(l[e]!==a[e])return l[e]>a[e]^d<0?1:-1;return r===o?0:r>o^d<0?1:-1},Hc.cosine=Hc.cos=function(){var n,e,t=this,r=t.constructor;return t.d?t.d[0]?(n=r.precision,e=r.rounding,r.precision=n+Math.max(t.e,t.sd())+7,r.rounding=1,t=function(n,e){var t,r,o;if(e.isZero())return e;r=e.d.length,r<32?o=(1/Ec(4,t=Math.ceil(r/3))).toString():(t=16,o="2.3283064365386962890625e-10");n.precision+=t,e=Jc(n,1,e.times(o),new n(1));for(var i=t;i--;){var l=e.times(e);e=l.times(l).minus(l).times(8).plus(1)}return n.precision-=t,e}(r,Uc(r,t)),r.precision=n,r.rounding=e,Rc(2==lc||3==lc?t.neg():t,n,e,!0)):new r(1):new r(NaN)},Hc.cubeRoot=Hc.cbrt=function(){var n,e,t,r,o,i,l,a,d,u,s=this,c=s.constructor;if(!s.isFinite()||s.isZero())return new c(s);for(fc=!1,(i=s.s*Cc(s.s*s,1/3))&&Math.abs(i)!=1/0?r=new c(i.toString()):(t=Ac(s.d),(i=((n=s.e)-t.length+1)%3)&&(t+=1==i||-2==i?"0":"00"),i=Cc(t,1/3),n=bc((n+1)/3)-(n%3==(n<0?-1:2)),(r=new c(t=i==1/0?"5e"+n:(t=i.toExponential()).slice(0,t.indexOf("e")+1)+n)).s=s.s),l=(n=c.precision)+3;;)if(u=(d=(a=r).times(a).times(a)).plus(s),r=Xc(u.plus(s).times(a),u.plus(d),l+2,1),Ac(a.d).slice(0,l)===(t=Ac(r.d)).slice(0,l)){if("9999"!=(t=t.slice(l-3,l+1))&&(o||"4999"!=t)){+t&&(+t.slice(1)||"5"!=t.charAt(0))||(Rc(r,n+1,1),e=!r.times(r).times(r).eq(s));break}if(!o&&(Rc(a,n+1,0),a.times(a).times(a).eq(s))){r=a;break}l+=4,o=1}return fc=!0,Rc(r,n,c.rounding,e)},Hc.decimalPlaces=Hc.dp=function(){var n,e=this.d,t=NaN;if(e){if(t=7*((n=e.length-1)-bc(this.e/7)),n=e[n])for(;n%10==0;n/=10)t--;t<0&&(t=0)}return t},Hc.dividedBy=Hc.div=function(n){return Xc(this,new this.constructor(n))},Hc.dividedToIntegerBy=Hc.divToInt=function(n){var e=this.constructor;return Rc(Xc(this,new e(n),0,1,1),e.precision,e.rounding)},Hc.equals=Hc.eq=function(n){return 0===this.cmp(n)},Hc.floor=function(){return Rc(new this.constructor(this),this.e+1,3)},Hc.greaterThan=Hc.gt=function(n){return this.cmp(n)>0},Hc.greaterThanOrEqualTo=Hc.gte=function(n){var e=this.cmp(n);return 1==e||0===e},Hc.hyperbolicCosine=Hc.cosh=function(){var n,e,t,r,o,i=this,l=i.constructor,a=new l(1);if(!i.isFinite())return new l(i.s?1/0:NaN);if(i.isZero())return a;t=l.precision,r=l.rounding,l.precision=t+Math.max(i.e,i.sd())+4,l.rounding=1,(o=i.d.length)<32?e=(1/Ec(4,n=Math.ceil(o/3))).toString():(n=16,e="2.3283064365386962890625e-10"),i=Jc(l,1,i.times(e),new l(1),!0);for(var d,u=n,s=new l(8);u--;)d=i.times(i),i=a.minus(d.times(s.minus(d.times(s))));return Rc(i,l.precision=t,l.rounding=r,!0)},Hc.hyperbolicSine=Hc.sinh=function(){var n,e,t,r,o=this,i=o.constructor;if(!o.isFinite()||o.isZero())return new i(o);if(e=i.precision,t=i.rounding,i.precision=e+Math.max(o.e,o.sd())+4,i.rounding=1,(r=o.d.length)<3)o=Jc(i,2,o,o,!0);else{n=(n=1.4*Math.sqrt(r))>16?16:0|n,o=Jc(i,2,o=o.times(1/Ec(5,n)),o,!0);for(var l,a=new i(5),d=new i(16),u=new i(20);n--;)l=o.times(o),o=o.times(a.plus(l.times(d.times(l).plus(u))))}return i.precision=e,i.rounding=t,Rc(o,e,t,!0)},Hc.hyperbolicTangent=Hc.tanh=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+7,r.rounding=1,Xc(t.sinh(),t.cosh(),r.precision=n,r.rounding=e)):new r(t.s)},Hc.inverseCosine=Hc.acos=function(){var n=this,e=n.constructor,t=n.abs().cmp(1),r=e.precision,o=e.rounding;return-1!==t?0===t?n.isNeg()?Lc(e,r,o):new e(0):new e(NaN):n.isZero()?Lc(e,r+4,o).times(.5):(e.precision=r+6,e.rounding=1,n=new e(1).minus(n).div(n.plus(1)).sqrt().atan(),e.precision=r,e.rounding=o,n.times(2))},Hc.inverseHyperbolicCosine=Hc.acosh=function(){var n,e,t=this,r=t.constructor;return t.lte(1)?new r(t.eq(1)?0:NaN):t.isFinite()?(n=r.precision,e=r.rounding,r.precision=n+Math.max(Math.abs(t.e),t.sd())+4,r.rounding=1,fc=!1,t=t.times(t).minus(1).sqrt().plus(t),fc=!0,r.precision=n,r.rounding=e,t.ln()):new r(t)},Hc.inverseHyperbolicSine=Hc.asinh=function(){var n,e,t=this,r=t.constructor;return!t.isFinite()||t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+2*Math.max(Math.abs(t.e),t.sd())+6,r.rounding=1,fc=!1,t=t.times(t).plus(1).sqrt().plus(t),fc=!0,r.precision=n,r.rounding=e,t.ln())},Hc.inverseHyperbolicTangent=Hc.atanh=function(){var n,e,t,r,o=this,i=o.constructor;return o.isFinite()?o.e>=0?new i(o.abs().eq(1)?o.s/0:o.isZero()?o:NaN):(n=i.precision,e=i.rounding,r=o.sd(),Math.max(r,n)<2*-o.e-1?Rc(new i(o),n,e,!0):(i.precision=t=r-o.e,o=Xc(o.plus(1),new i(1).minus(o),t+n,1),i.precision=n+4,i.rounding=1,o=o.ln(),i.precision=n,i.rounding=e,o.times(.5))):new i(NaN)},Hc.inverseSine=Hc.asin=function(){var n,e,t,r,o=this,i=o.constructor;return o.isZero()?new i(o):(e=o.abs().cmp(1),t=i.precision,r=i.rounding,-1!==e?0===e?((n=Lc(i,t+4,r).times(.5)).s=o.s,n):new i(NaN):(i.precision=t+6,i.rounding=1,o=o.div(new i(1).minus(o.times(o)).sqrt().plus(1)).atan(),i.precision=t,i.rounding=r,o.times(2)))},Hc.inverseTangent=Hc.atan=function(){var n,e,t,r,o,i,l,a,d,u=this,s=u.constructor,c=s.precision,p=s.rounding;if(u.isFinite()){if(u.isZero())return new s(u);if(u.abs().eq(1)&&c+4<=Bc)return(l=Lc(s,c+4,p).times(.25)).s=u.s,l}else{if(!u.s)return new s(NaN);if(c+4<=Bc)return(l=Lc(s,c+4,p).times(.5)).s=u.s,l}for(s.precision=a=c+10,s.rounding=1,n=t=Math.min(28,a/7+2|0);n;--n)u=u.div(u.times(u).plus(1).sqrt().plus(1));for(fc=!1,e=Math.ceil(a/7),r=1,d=u.times(u),l=new s(u),o=u;-1!==n;)if(o=o.times(d),i=l.minus(o.div(r+=2)),o=o.times(d),void 0!==(l=i.plus(o.div(r+=2))).d[e])for(n=e;l.d[n]===i.d[n]&&n--;);return t&&(l=l.times(2<<t-1)),fc=!0,Rc(l,s.precision=c,s.rounding=p,!0)},Hc.isFinite=function(){return!!this.d},Hc.isInteger=Hc.isInt=function(){return!!this.d&&bc(this.e/7)>this.d.length-2},Hc.isNaN=function(){return!this.s},Hc.isNegative=Hc.isNeg=function(){return this.s<0},Hc.isPositive=Hc.isPos=function(){return this.s>0},Hc.isZero=function(){return!!this.d&&0===this.d[0]},Hc.lessThan=Hc.lt=function(n){return this.cmp(n)<0},Hc.lessThanOrEqualTo=Hc.lte=function(n){return this.cmp(n)<1},Hc.logarithm=Hc.log=function(n){var e,t,r,o,i,l,a,d,u=this,s=u.constructor,c=s.precision,p=s.rounding;if(null==n)n=new s(10),e=!0;else{if(t=(n=new s(n)).d,n.s<0||!t||!t[0]||n.eq(1))return new s(NaN);e=n.eq(10)}if(t=u.d,u.s<0||!t||!t[0]||u.eq(1))return new s(t&&!t[0]?-1/0:1!=u.s?NaN:t?0:1/0);if(e)if(t.length>1)i=!0;else{for(o=t[0];o%10==0;)o/=10;i=1!==o}if(fc=!1,l=_c(u,a=c+5),r=e?zc(s,a+10):_c(n,a),Fc((d=Xc(l,r,a,1)).d,o=c,p))do{if(l=_c(u,a+=10),r=e?zc(s,a+10):_c(n,a),d=Xc(l,r,a,1),!i){+Ac(d.d).slice(o+1,o+15)+1==1e14&&(d=Rc(d,c+1,0));break}}while(Fc(d.d,o+=10,p));return fc=!0,Rc(d,c,p)},Hc.minus=Hc.sub=function(n){var e,t,r,o,i,l,a,d,u,s,c,p,f=this,g=f.constructor;if(n=new g(n),!f.d||!n.d)return f.s&&n.s?f.d?n.s=-n.s:n=new g(n.d||f.s!==n.s?f:NaN):n=new g(NaN),n;if(f.s!=n.s)return n.s=-n.s,f.plus(n);if(u=f.d,p=n.d,a=g.precision,d=g.rounding,!u[0]||!p[0]){if(p[0])n.s=-n.s;else{if(!u[0])return new g(3===d?-0:0);n=new g(f)}return fc?Rc(n,a,d):n}if(t=bc(n.e/7),s=bc(f.e/7),u=u.slice(),i=s-t){for((c=i<0)?(e=u,i=-i,l=p.length):(e=p,t=s,l=u.length),i>(r=Math.max(Math.ceil(a/7),l)+2)&&(i=r,e.length=1),e.reverse(),r=i;r--;)e.push(0);e.reverse()}else{for((c=(r=u.length)<(l=p.length))&&(l=r),r=0;r<l;r++)if(u[r]!=p[r]){c=u[r]<p[r];break}i=0}for(c&&(e=u,u=p,p=e,n.s=-n.s),l=u.length,r=p.length-l;r>0;--r)u[l++]=0;for(r=p.length;r>i;){if(u[--r]<p[r]){for(o=r;o&&0===u[--o];)u[o]=kc-1;--u[o],u[r]+=kc}u[r]-=p[r]}for(;0===u[--l];)u.pop();for(;0===u[0];u.shift())--t;return u[0]?(n.d=u,n.e=Pc(u,t),fc?Rc(n,a,d):n):new g(3===d?-0:0)},Hc.modulo=Hc.mod=function(n){var e,t=this,r=t.constructor;return n=new r(n),!t.d||!n.s||n.d&&!n.d[0]?new r(NaN):!n.d||t.d&&!t.d[0]?Rc(new r(t),r.precision,r.rounding):(fc=!1,9==r.modulo?(e=Xc(t,n.abs(),0,3,1)).s*=n.s:e=Xc(t,n,0,r.modulo,1),e=e.times(n),fc=!0,t.minus(e))},Hc.naturalExponential=Hc.exp=function(){return Yc(this)},Hc.naturalLogarithm=Hc.ln=function(){return _c(this)},Hc.negated=Hc.neg=function(){var n=new this.constructor(this);return n.s=-n.s,Rc(n)},Hc.plus=Hc.add=function(n){var e,t,r,o,i,l,a,d,u,s,c=this,p=c.constructor;if(n=new p(n),!c.d||!n.d)return c.s&&n.s?c.d||(n=new p(n.d||c.s===n.s?c:NaN)):n=new p(NaN),n;if(c.s!=n.s)return n.s=-n.s,c.minus(n);if(u=c.d,s=n.d,a=p.precision,d=p.rounding,!u[0]||!s[0])return s[0]||(n=new p(c)),fc?Rc(n,a,d):n;if(i=bc(c.e/7),r=bc(n.e/7),u=u.slice(),o=i-r){for(o<0?(t=u,o=-o,l=s.length):(t=s,r=i,l=u.length),o>(l=(i=Math.ceil(a/7))>l?i+1:l+1)&&(o=l,t.length=1),t.reverse();o--;)t.push(0);t.reverse()}for((l=u.length)-(o=s.length)<0&&(o=l,t=s,s=u,u=t),e=0;o;)e=(u[--o]=u[o]+s[o]+e)/kc|0,u[o]%=kc;for(e&&(u.unshift(e),++r),l=u.length;0==u[--l];)u.pop();return n.d=u,n.e=Pc(u,r),fc?Rc(n,a,d):n},Hc.precision=Hc.sd=function(n){var e,t=this;if(void 0!==n&&n!==!!n&&1!==n&&0!==n)throw Error(hc+n);return t.d?(e=Nc(t.d),n&&t.e+1>e&&(e=t.e+1)):e=NaN,e},Hc.round=function(){var n=this,e=n.constructor;return Rc(new e(n),n.e+1,e.rounding)},Hc.sine=Hc.sin=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+Math.max(t.e,t.sd())+7,r.rounding=1,t=function(n,e){var t,r=e.d.length;if(r<3)return e.isZero()?e:Jc(n,2,e,e);t=(t=1.4*Math.sqrt(r))>16?16:0|t,e=e.times(1/Ec(5,t)),e=Jc(n,2,e,e);for(var o,i=new n(5),l=new n(16),a=new n(20);t--;)o=e.times(e),e=e.times(i.plus(o.times(l.times(o).minus(a))));return e}(r,Uc(r,t)),r.precision=n,r.rounding=e,Rc(lc>2?t.neg():t,n,e,!0)):new r(NaN)},Hc.squareRoot=Hc.sqrt=function(){var n,e,t,r,o,i,l=this,a=l.d,d=l.e,u=l.s,s=l.constructor;if(1!==u||!a||!a[0])return new s(!u||u<0&&(!a||a[0])?NaN:a?l:1/0);for(fc=!1,0==(u=Math.sqrt(+l))||u==1/0?(((e=Ac(a)).length+d)%2==0&&(e+="0"),u=Math.sqrt(e),d=bc((d+1)/2)-(d<0||d%2),r=new s(e=u==1/0?"5e"+d:(e=u.toExponential()).slice(0,e.indexOf("e")+1)+d)):r=new s(u.toString()),t=(d=s.precision)+3;;)if(r=(i=r).plus(Xc(l,i,t+2,1)).times(.5),Ac(i.d).slice(0,t)===(e=Ac(r.d)).slice(0,t)){if("9999"!=(e=e.slice(t-3,t+1))&&(o||"4999"!=e)){+e&&(+e.slice(1)||"5"!=e.charAt(0))||(Rc(r,d+1,1),n=!r.times(r).eq(l));break}if(!o&&(Rc(i,d+1,0),i.times(i).eq(l))){r=i;break}t+=4,o=1}return fc=!0,Rc(r,d,s.rounding,n)},Hc.tangent=Hc.tan=function(){var n,e,t=this,r=t.constructor;return t.isFinite()?t.isZero()?new r(t):(n=r.precision,e=r.rounding,r.precision=n+10,r.rounding=1,(t=t.sin()).s=1,t=Xc(t,new r(1).minus(t.times(t)).sqrt(),n+10,0),r.precision=n,r.rounding=e,Rc(2==lc||4==lc?t.neg():t,n,e,!0)):new r(NaN)},Hc.times=Hc.mul=function(n){var e,t,r,o,i,l,a,d,u,s=this,c=s.constructor,p=s.d,f=(n=new c(n)).d;if(n.s*=s.s,!(p&&p[0]&&f&&f[0]))return new c(!n.s||p&&!p[0]&&!f||f&&!f[0]&&!p?NaN:p&&f?0*n.s:n.s/0);for(t=bc(s.e/7)+bc(n.e/7),(d=p.length)<(u=f.length)&&(i=p,p=f,f=i,l=d,d=u,u=l),i=[],r=l=d+u;r--;)i.push(0);for(r=u;--r>=0;){for(e=0,o=d+r;o>r;)a=i[o]+f[r]*p[o-r-1]+e,i[o--]=a%kc|0,e=a/kc|0;i[o]=(i[o]+e)%kc|0}for(;!i[--l];)i.pop();return e?++t:i.shift(),n.d=i,n.e=Pc(i,t),fc?Rc(n,c.precision,c.rounding):n},Hc.toBinary=function(n,e){return Qc(this,2,n,e)},Hc.toDecimalPlaces=Hc.toDP=function(n,e){var t=this,r=t.constructor;return t=new r(t),void 0===n?t:(Wc(n,0,dc),void 0===e?e=r.rounding:Wc(e,0,8),Rc(t,n+t.e+1,e))},Hc.toExponential=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=Vc(r,!0):(Wc(n,0,dc),void 0===e?e=o.rounding:Wc(e,0,8),t=Vc(r=Rc(new o(r),n+1,e),!0,n+1)),r.isNeg()&&!r.isZero()?"-"+t:t},Hc.toFixed=function(n,e){var t,r,o=this,i=o.constructor;return void 0===n?t=Vc(o):(Wc(n,0,dc),void 0===e?e=i.rounding:Wc(e,0,8),t=Vc(r=Rc(new i(o),n+o.e+1,e),!1,n+r.e+1)),o.isNeg()&&!o.isZero()?"-"+t:t},Hc.toFraction=function(n){var e,t,r,o,i,l,a,d,u,s,c,p,f=this,g=f.d,h=f.constructor;if(!g)return new h(f);if(u=t=new h(1),r=d=new h(0),l=(i=(e=new h(r)).e=Nc(g)-f.e-1)%7,e.d[0]=Cc(10,l<0?7+l:l),null==n)n=i>0?e:u;else{if(!(a=new h(n)).isInt()||a.lt(u))throw Error(hc+a);n=a.gt(e)?i>0?e:u:a}for(fc=!1,a=new h(Ac(g)),s=h.precision,h.precision=i=7*g.length*2;c=Xc(a,e,0,1,1),1!=(o=t.plus(c.times(r))).cmp(n);)t=r,r=o,o=u,u=d.plus(c.times(o)),d=o,o=e,e=a.minus(c.times(o)),a=o;return o=Xc(n.minus(t),r,0,1,1),d=d.plus(o.times(u)),t=t.plus(o.times(r)),d.s=u.s=f.s,p=Xc(u,r,i,1).minus(f).abs().cmp(Xc(d,t,i,1).minus(f).abs())<1?[u,r]:[d,t],h.precision=s,fc=!0,p},Hc.toHexadecimal=Hc.toHex=function(n,e){return Qc(this,16,n,e)},Hc.toNearest=function(n,e){var t=this,r=t.constructor;if(t=new r(t),null==n){if(!t.d)return t;n=new r(1),e=r.rounding}else{if(n=new r(n),void 0===e?e=r.rounding:Wc(e,0,8),!t.d)return n.s?t:n;if(!n.d)return n.s&&(n.s=t.s),n}return n.d[0]?(fc=!1,t=Xc(t,n,0,e,1).times(n),fc=!0,Rc(t)):(n.s=t.s,t=n),t},Hc.toNumber=function(){return+this},Hc.toOctal=function(n,e){return Qc(this,8,n,e)},Hc.toPower=Hc.pow=function(n){var e,t,r,o,i,l,a=this,d=a.constructor,u=+(n=new d(n));if(!(a.d&&n.d&&a.d[0]&&n.d[0]))return new d(Cc(+a,u));if((a=new d(a)).eq(1))return a;if(r=d.precision,i=d.rounding,n.eq(1))return Rc(a,r,i);if((e=bc(n.e/7))>=n.d.length-1&&(t=u<0?-u:u)<=9007199254740991)return o=Gc(d,a,t,r),n.s<0?new d(1).div(o):Rc(o,r,i);if((l=a.s)<0){if(e<n.d.length-1)return new d(NaN);if(1&n.d[e]||(l=1),0==a.e&&1==a.d[0]&&1==a.d.length)return a.s=l,a}return(e=0!=(t=Cc(+a,u))&&isFinite(t)?new d(t+"").e:bc(u*(Math.log("0."+Ac(a.d))/Math.LN10+a.e+1)))>d.maxE+1||e<d.minE-1?new d(e>0?l/0:0):(fc=!1,d.rounding=a.s=1,t=Math.min(12,(e+"").length),(o=Yc(n.times(_c(a,r+t)),r)).d&&Fc((o=Rc(o,r+5,1)).d,r,i)&&(e=r+10,+Ac((o=Rc(Yc(n.times(_c(a,e+t)),e),e+5,1)).d).slice(r+1,r+15)+1==1e14&&(o=Rc(o,r+1,0))),o.s=l,fc=!0,d.rounding=i,Rc(o,r,i))},Hc.toPrecision=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=Vc(r,r.e<=o.toExpNeg||r.e>=o.toExpPos):(Wc(n,1,dc),void 0===e?e=o.rounding:Wc(e,0,8),t=Vc(r=Rc(new o(r),n,e),n<=r.e||r.e<=o.toExpNeg,n)),r.isNeg()&&!r.isZero()?"-"+t:t},Hc.toSignificantDigits=Hc.toSD=function(n,e){var t=this.constructor;return void 0===n?(n=t.precision,e=t.rounding):(Wc(n,1,dc),void 0===e?e=t.rounding:Wc(e,0,8)),Rc(new t(this),n,e)},Hc.toString=function(){var n=this,e=n.constructor,t=Vc(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()&&!n.isZero()?"-"+t:t},Hc.truncated=Hc.trunc=function(){return Rc(new this.constructor(this),this.e+1,1)},Hc.valueOf=Hc.toJSON=function(){var n=this,e=n.constructor,t=Vc(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()?"-"+t:t};var Xc=function(){function n(n,e,t){var r,o=0,i=n.length;for(n=n.slice();i--;)r=n[i]*e+o,n[i]=r%t|0,o=r/t|0;return o&&n.unshift(o),n}function e(n,e,t,r){var o,i;if(t!=r)i=t>r?1:-1;else for(o=i=0;o<t;o++)if(n[o]!=e[o]){i=n[o]>e[o]?1:-1;break}return i}function t(n,e,t,r){for(var o=0;t--;)n[t]-=o,o=n[t]<e[t]?1:0,n[t]=o*r+n[t]-e[t];for(;!n[0]&&n.length>1;)n.shift()}return function(r,o,i,l,a,d){var u,s,c,p,f,g,h,m,v,y,b,C,x,S,I,w,k,T,B,H,A=r.constructor,W=r.s==o.s?1:-1,F=r.d,Z=o.d;if(!(F&&F[0]&&Z&&Z[0]))return new A(r.s&&o.s&&(F?!Z||F[0]!=Z[0]:Z)?F&&0==F[0]||!Z?0*W:W/0:NaN);for(d?(f=1,s=r.e-o.e):(d=kc,f=7,s=bc(r.e/f)-bc(o.e/f)),B=Z.length,k=F.length,y=(v=new A(W)).d=[],c=0;Z[c]==(F[c]||0);c++);if(Z[c]>(F[c]||0)&&s--,null==i?(S=i=A.precision,l=A.rounding):S=a?i+(r.e-o.e)+1:i,S<0)y.push(1),g=!0;else{if(S=S/f+2|0,c=0,1==B){for(p=0,Z=Z[0],S++;(c<k||p)&&S--;c++)I=p*d+(F[c]||0),y[c]=I/Z|0,p=I%Z|0;g=p||c<k}else{for((p=d/(Z[0]+1)|0)>1&&(Z=n(Z,p,d),F=n(F,p,d),B=Z.length,k=F.length),w=B,C=(b=F.slice(0,B)).length;C<B;)b[C++]=0;(H=Z.slice()).unshift(0),T=Z[0],Z[1]>=d/2&&++T;do{p=0,(u=e(Z,b,B,C))<0?(x=b[0],B!=C&&(x=x*d+(b[1]||0)),(p=x/T|0)>1?(p>=d&&(p=d-1),1==(u=e(h=n(Z,p,d),b,m=h.length,C=b.length))&&(p--,t(h,B<m?H:Z,m,d))):(0==p&&(u=p=1),h=Z.slice()),(m=h.length)<C&&h.unshift(0),t(b,h,C,d),-1==u&&(u=e(Z,b,B,C=b.length))<1&&(p++,t(b,B<C?H:Z,C,d)),C=b.length):0===u&&(p++,b=[0]),y[c++]=p,u&&b[0]?b[C++]=F[w]||0:(b=[F[w]],C=1)}while((w++<k||void 0!==b[0])&&S--);g=void 0!==b[0]}y[0]||y.shift()}if(1==f)v.e=s,ic=g;else{for(c=1,p=y[0];p>=10;p/=10)c++;v.e=c+s*f-1,Rc(v,a?i+v.e+1:i,l,g)}return v}}();function Rc(n,e,t,r){var o,i,l,a,d,u,s,c,p,f=n.constructor;n:if(null!=e){if(!(c=n.d))return n;for(o=1,a=c[0];a>=10;a/=10)o++;if((i=e-o)<0)i+=7,l=e,d=(s=c[p=0])/Cc(10,o-l-1)%10|0;else if((p=Math.ceil((i+1)/7))>=(a=c.length)){if(!r)break n;for(;a++<=p;)c.push(0);s=d=0,o=1,l=(i%=7)-7+1}else{for(s=a=c[p],o=1;a>=10;a/=10)o++;d=(l=(i%=7)-7+o)<0?0:s/Cc(10,o-l-1)%10|0}if(r=r||e<0||void 0!==c[p+1]||(l<0?s:s%Cc(10,o-l-1)),u=t<4?(d||r)&&(0==t||t==(n.s<0?3:2)):d>5||5==d&&(4==t||r||6==t&&(i>0?l>0?s/Cc(10,o-l):0:c[p-1])%10&1||t==(n.s<0?8:7)),e<1||!c[0])return c.length=0,u?(e-=n.e+1,c[0]=Cc(10,(7-e%7)%7),n.e=-e||0):c[0]=n.e=0,n;if(0==i?(c.length=p,a=1,p--):(c.length=p+1,a=Cc(10,7-i),c[p]=l>0?(s/Cc(10,o-l)%Cc(10,l)|0)*a:0),u)for(;;){if(0==p){for(i=1,l=c[0];l>=10;l/=10)i++;for(l=c[0]+=a,a=1;l>=10;l/=10)a++;i!=a&&(n.e++,c[0]==kc&&(c[0]=1));break}if(c[p]+=a,c[p]!=kc)break;c[p--]=0,a=1}for(i=c.length;0===c[--i];)c.pop()}return fc&&(n.e>f.maxE?(n.d=null,n.e=NaN):n.e<f.minE&&(n.e=0,n.d=[0])),n}function Vc(n,e,t){if(!n.isFinite())return $c(n);var r,o=n.e,i=Ac(n.d),l=i.length;return e?(t&&(r=t-l)>0?i=i.charAt(0)+"."+i.slice(1)+Dc(r):l>1&&(i=i.charAt(0)+"."+i.slice(1)),i=i+(n.e<0?"e":"e+")+n.e):o<0?(i="0."+Dc(-o-1)+i,t&&(r=t-l)>0&&(i+=Dc(r))):o>=l?(i+=Dc(o+1-l),t&&(r=t-o-1)>0&&(i=i+"."+Dc(r))):((r=o+1)<l&&(i=i.slice(0,r)+"."+i.slice(r)),t&&(r=t-l)>0&&(o+1===l&&(i+="."),i+=Dc(r))),i}function Pc(n,e){var t=n[0];for(e*=7;t>=10;t/=10)e++;return e}function zc(n,e,t){if(e>Tc)throw fc=!0,t&&(n.precision=t),Error(mc);return Rc(new n(sc),e,1,!0)}function Lc(n,e,t){if(e>Bc)throw Error(mc);return Rc(new n(cc),e,t,!0)}function Nc(n){var e=n.length-1,t=7*e+1;if(e=n[e]){for(;e%10==0;e/=10)t--;for(e=n[0];e>=10;e/=10)t++}return t}function Dc(n){for(var e="";n--;)e+="0";return e}function Gc(n,e,t,r){var o,i=new n(1),l=Math.ceil(r/7+4);for(fc=!1;;){if(t%2&&qc((i=i.times(e)).d,l)&&(o=!0),0===(t=bc(t/2))){t=i.d.length-1,o&&0===i.d[t]&&++i.d[t];break}qc((e=e.times(e)).d,l)}return fc=!0,i}function jc(n){return 1&n.d[n.d.length-1]}function Kc(n,e,t){for(var r,o,i=new n(e[0]),l=0;++l<e.length;){if(!(o=new n(e[l])).s){i=o;break}((r=i.cmp(o))===t||0===r&&i.s===t)&&(i=o)}return i}function Yc(n,e){var t,r,o,i,l,a,d,u=0,s=0,c=0,p=n.constructor,f=p.rounding,g=p.precision;if(!n.d||!n.d[0]||n.e>17)return new p(n.d?n.d[0]?n.s<0?0:1/0:1:n.s?n.s<0?0:n:NaN);for(null==e?(fc=!1,d=g):d=e,a=new p(.03125);n.e>-2;)n=n.times(a),c+=5;for(d+=r=Math.log(Cc(2,c))/Math.LN10*2+5|0,t=i=l=new p(1),p.precision=d;;){if(i=Rc(i.times(n),d,1),t=t.times(++s),Ac((a=l.plus(Xc(i,t,d,1))).d).slice(0,d)===Ac(l.d).slice(0,d)){for(o=c;o--;)l=Rc(l.times(l),d,1);if(null!=e)return p.precision=g,l;if(!(u<3&&Fc(l.d,d-r,f,u)))return Rc(l,p.precision=g,f,fc=!0);p.precision=d+=10,t=i=a=new p(1),s=0,u++}l=a}}function _c(n,e){var t,r,o,i,l,a,d,u,s,c,p,f=1,g=n,h=g.d,m=g.constructor,v=m.rounding,y=m.precision;if(g.s<0||!h||!h[0]||!g.e&&1==h[0]&&1==h.length)return new m(h&&!h[0]?-1/0:1!=g.s?NaN:h?0:g);if(null==e?(fc=!1,s=y):s=e,m.precision=s+=10,r=(t=Ac(h)).charAt(0),!(Math.abs(i=g.e)<15e14))return u=zc(m,s+2,y).times(i+""),g=_c(new m(r+"."+t.slice(1)),s-10).plus(u),m.precision=y,null==e?Rc(g,y,v,fc=!0):g;for(;r<7&&1!=r||1==r&&t.charAt(1)>3;)r=(t=Ac((g=g.times(n)).d)).charAt(0),f++;for(i=g.e,r>1?(g=new m("0."+t),i++):g=new m(r+"."+t.slice(1)),c=g,d=l=g=Xc(g.minus(1),g.plus(1),s,1),p=Rc(g.times(g),s,1),o=3;;){if(l=Rc(l.times(p),s,1),Ac((u=d.plus(Xc(l,new m(o),s,1))).d).slice(0,s)===Ac(d.d).slice(0,s)){if(d=d.times(2),0!==i&&(d=d.plus(zc(m,s+2,y).times(i+""))),d=Xc(d,new m(f),s,1),null!=e)return m.precision=y,d;if(!Fc(d.d,s-10,v,a))return Rc(d,m.precision=y,v,fc=!0);m.precision=s+=10,u=l=g=Xc(c.minus(1),c.plus(1),s,1),p=Rc(g.times(g),s,1),o=a=1}d=u,o+=2}}function $c(n){return String(n.s*n.s/0)}function Mc(n,e){var t,r,o;for((t=e.indexOf("."))>-1&&(e=e.replace(".","")),(r=e.search(/e/i))>0?(t<0&&(t=r),t+=+e.slice(r+1),e=e.substring(0,r)):t<0&&(t=e.length),r=0;48===e.charCodeAt(r);r++);for(o=e.length;48===e.charCodeAt(o-1);--o);if(e=e.slice(r,o)){if(o-=r,n.e=t=t-r-1,n.d=[],r=(t+1)%7,t<0&&(r+=7),r<o){for(r&&n.d.push(+e.slice(0,r)),o-=7;r<o;)n.d.push(+e.slice(r,r+=7));r=7-(e=e.slice(r)).length}else r-=o;for(;r--;)e+="0";n.d.push(+e),fc&&(n.e>n.constructor.maxE?(n.d=null,n.e=NaN):n.e<n.constructor.minE&&(n.e=0,n.d=[0]))}else n.e=0,n.d=[0];return n}function Oc(n,e){var t,r,o,i,l,a,d,u,s;if(e.indexOf("_")>-1){if(e=e.replace(/(\d)_(?=\d)/g,"$1"),wc.test(e))return Mc(n,e)}else if("Infinity"===e||"NaN"===e)return+e||(n.s=NaN),n.e=NaN,n.d=null,n;if(Sc.test(e))t=16,e=e.toLowerCase();else if(xc.test(e))t=2;else{if(!Ic.test(e))throw Error(hc+e);t=8}for((i=e.search(/p/i))>0?(d=+e.slice(i+1),e=e.substring(2,i)):e=e.slice(2),l=(i=e.indexOf("."))>=0,r=n.constructor,l&&(i=(a=(e=e.replace(".","")).length)-i,o=Gc(r,new r(t),i,2*i)),i=s=(u=Zc(e,t,kc)).length-1;0===u[i];--i)u.pop();return i<0?new r(0*n.s):(n.e=Pc(u,s),n.d=u,fc=!1,l&&(n=Xc(n,o,4*a)),d&&(n=n.times(Math.abs(d)<54?Cc(2,d):Dp.pow(2,d))),fc=!0,n)}function Jc(n,e,t,r,o){var i,l,a,d,u=n.precision,s=Math.ceil(u/7);for(fc=!1,d=t.times(t),a=new n(r);;){if(l=Xc(a.times(d),new n(e++*e++),u,1),a=o?r.plus(l):r.minus(l),r=Xc(l.times(d),new n(e++*e++),u,1),void 0!==(l=a.plus(r)).d[s]){for(i=s;l.d[i]===a.d[i]&&i--;);if(-1==i)break}i=a,a=r,r=l,l=i}return fc=!0,l.d.length=s+1,l}function Ec(n,e){for(var t=n;--e;)t*=n;return t}function Uc(n,e){var t,r=e.s<0,o=Lc(n,n.precision,1),i=o.times(.5);if((e=e.abs()).lte(i))return lc=r?4:1,e;if((t=e.divToInt(o)).isZero())lc=r?3:2;else{if((e=e.minus(t.times(o))).lte(i))return lc=jc(t)?r?2:3:r?4:1,e;lc=jc(t)?r?1:4:r?3:2}return e.minus(o).abs()}function Qc(n,e,t,r){var o,i,l,a,d,u,s,c,p,f=n.constructor,g=void 0!==t;if(g?(Wc(t,1,dc),void 0===r?r=f.rounding:Wc(r,0,8)):(t=f.precision,r=f.rounding),n.isFinite()){for(g?(o=2,16==e?t=4*t-3:8==e&&(t=3*t-2)):o=e,(l=(s=Vc(n)).indexOf("."))>=0&&(s=s.replace(".",""),(p=new f(1)).e=s.length-l,p.d=Zc(Vc(p),10,o),p.e=p.d.length),i=d=(c=Zc(s,10,o)).length;0==c[--d];)c.pop();if(c[0]){if(l<0?i--:((n=new f(n)).d=c,n.e=i,c=(n=Xc(n,p,t,r,0,o)).d,i=n.e,u=ic),l=c[t],a=o/2,u=u||void 0!==c[t+1],u=r<4?(void 0!==l||u)&&(0===r||r===(n.s<0?3:2)):l>a||l===a&&(4===r||u||6===r&&1&c[t-1]||r===(n.s<0?8:7)),c.length=t,u)for(;++c[--t]>o-1;)c[t]=0,t||(++i,c.unshift(1));for(d=c.length;!c[d-1];--d);for(l=0,s="";l<d;l++)s+=uc.charAt(c[l]);if(g){if(d>1)if(16==e||8==e){for(l=16==e?4:3,--d;d%l;d++)s+="0";for(d=(c=Zc(s,o,e)).length;!c[d-1];--d);for(l=1,s="1.";l<d;l++)s+=uc.charAt(c[l])}else s=s.charAt(0)+"."+s.slice(1);s=s+(i<0?"p":"p+")+i}else if(i<0){for(;++i;)s="0"+s;s="0."+s}else if(++i>d)for(i-=d;i--;)s+="0";else i<d&&(s=s.slice(0,i)+"."+s.slice(i))}else s=g?"0p+0":"0";s=(16==e?"0x":2==e?"0b":8==e?"0o":"")+s}else s=$c(n);return n.s<0?"-"+s:s}function qc(n,e){if(n.length>e)return n.length=e,!0}function np(n){return new this(n).abs()}function ep(n){return new this(n).acos()}function tp(n){return new this(n).acosh()}function rp(n,e){return new this(n).plus(e)}function op(n){return new this(n).asin()}function ip(n){return new this(n).asinh()}function lp(n){return new this(n).atan()}function ap(n){return new this(n).atanh()}function dp(n,e){n=new this(n),e=new this(e);var t,r=this.precision,o=this.rounding,i=r+4;return n.s&&e.s?n.d||e.d?!e.d||n.isZero()?(t=e.s<0?Lc(this,r,o):new this(0)).s=n.s:!n.d||e.isZero()?(t=Lc(this,i,1).times(.5)).s=n.s:e.s<0?(this.precision=i,this.rounding=1,t=this.atan(Xc(n,e,i,1)),e=Lc(this,i,1),this.precision=r,this.rounding=o,t=n.s<0?t.minus(e):t.plus(e)):t=this.atan(Xc(n,e,i,1)):(t=Lc(this,i,1).times(e.s>0?.25:.75)).s=n.s:t=new this(NaN),t}function up(n){return new this(n).cbrt()}function sp(n){return Rc(n=new this(n),n.e+1,2)}function cp(n,e,t){return new this(n).clamp(e,t)}function pp(n){if(!n||"object"!=typeof n)throw Error(gc+"Object expected");var e,t,r,o=!0===n.defaults,i=["precision",1,dc,"rounding",0,8,"toExpNeg",-ac,0,"toExpPos",0,ac,"maxE",0,ac,"minE",-ac,0,"modulo",0,9];for(e=0;e<i.length;e+=3)if(t=i[e],o&&(this[t]=pc[t]),void 0!==(r=n[t])){if(!(bc(r)===r&&r>=i[e+1]&&r<=i[e+2]))throw Error(hc+t+": "+r);this[t]=r}if(t="crypto",o&&(this[t]=pc[t]),void 0!==(r=n[t])){if(!0!==r&&!1!==r&&0!==r&&1!==r)throw Error(hc+t+": "+r);if(r){if("undefined"==typeof crypto||!crypto||!crypto.getRandomValues&&!crypto.randomBytes)throw Error(vc);this[t]=!0}else this[t]=!1}return this}function fp(n){return new this(n).cos()}function gp(n){return new this(n).cosh()}function hp(n,e){return new this(n).div(e)}function mp(n){return new this(n).exp()}function vp(n){return Rc(n=new this(n),n.e+1,3)}function yp(){var n,e,t=new this(0);for(fc=!1,n=0;n<arguments.length;)if((e=new this(arguments[n++])).d)t.d&&(t=t.plus(e.times(e)));else{if(e.s)return fc=!0,new this(1/0);t=e}return fc=!0,t.sqrt()}function bp(n){return n instanceof Dp||n&&n.toStringTag===yc||!1}function Cp(n){return new this(n).ln()}function xp(n,e){return new this(n).log(e)}function Sp(n){return new this(n).log(2)}function Ip(n){return new this(n).log(10)}function wp(){return Kc(this,arguments,-1)}function kp(){return Kc(this,arguments,1)}function Tp(n,e){return new this(n).mod(e)}function Bp(n,e){return new this(n).mul(e)}function Hp(n,e){return new this(n).pow(e)}function Ap(n){var e,t,r,o,i=0,l=new this(1),a=[];if(void 0===n?n=this.precision:Wc(n,1,dc),r=Math.ceil(n/7),this.crypto)if(crypto.getRandomValues)for(e=crypto.getRandomValues(new Uint32Array(r));i<r;)(o=e[i])>=429e7?e[i]=crypto.getRandomValues(new Uint32Array(1))[0]:a[i++]=o%1e7;else{if(!crypto.randomBytes)throw Error(vc);for(e=crypto.randomBytes(r*=4);i<r;)(o=e[i]+(e[i+1]<<8)+(e[i+2]<<16)+((127&e[i+3])<<24))>=214e7?crypto.randomBytes(4).copy(e,i):(a.push(o%1e7),i+=4);i=r/4}else for(;i<r;)a[i++]=1e7*Math.random()|0;for(n%=7,(r=a[--i])&&n&&(o=Cc(10,7-n),a[i]=(r/o|0)*o);0===a[i];i--)a.pop();if(i<0)t=0,a=[0];else{for(t=-1;0===a[0];t-=7)a.shift();for(r=1,o=a[0];o>=10;o/=10)r++;r<7&&(t-=7-r)}return l.e=t,l.d=a,l}function Wp(n){return Rc(n=new this(n),n.e+1,this.rounding)}function Fp(n){return(n=new this(n)).d?n.d[0]?n.s:0*n.s:n.s||NaN}function Zp(n){return new this(n).sin()}function Xp(n){return new this(n).sinh()}function Rp(n){return new this(n).sqrt()}function Vp(n,e){return new this(n).sub(e)}function Pp(){var n=0,e=arguments,t=new this(e[n]);for(fc=!1;t.s&&++n<e.length;)t=t.plus(e[n]);return fc=!0,Rc(t,this.precision,this.rounding)}function zp(n){return new this(n).tan()}function Lp(n){return new this(n).tanh()}function Np(n){return Rc(n=new this(n),n.e+1,1)}Hc[Symbol.for("nodejs.util.inspect.custom")]=Hc.toString,Hc[Symbol.toStringTag]="Decimal";var Dp=Hc.constructor=function n(e){var t,r,o;function i(n){var e,t,r,o=this;if(!(o instanceof i))return new i(n);if(o.constructor=i,bp(n))return o.s=n.s,void(fc?!n.d||n.e>i.maxE?(o.e=NaN,o.d=null):n.e<i.minE?(o.e=0,o.d=[0]):(o.e=n.e,o.d=n.d.slice()):(o.e=n.e,o.d=n.d?n.d.slice():n.d));if("number"===(r=typeof n)){if(0===n)return o.s=1/n<0?-1:1,o.e=0,void(o.d=[0]);if(n<0?(n=-n,o.s=-1):o.s=1,n===~~n&&n<1e7){for(e=0,t=n;t>=10;t/=10)e++;return void(fc?e>i.maxE?(o.e=NaN,o.d=null):e<i.minE?(o.e=0,o.d=[0]):(o.e=e,o.d=[n]):(o.e=e,o.d=[n]))}return 0*n!=0?(n||(o.s=NaN),o.e=NaN,void(o.d=null)):Mc(o,n.toString())}if("string"===r)return 45===(t=n.charCodeAt(0))?(n=n.slice(1),o.s=-1):(43===t&&(n=n.slice(1)),o.s=1),wc.test(n)?Mc(o,n):Oc(o,n);if("bigint"===r)return n<0?(n=-n,o.s=-1):o.s=1,Mc(o,n.toString());throw Error(hc+n)}if(i.prototype=Hc,i.ROUND_UP=0,i.ROUND_DOWN=1,i.ROUND_CEIL=2,i.ROUND_FLOOR=3,i.ROUND_HALF_UP=4,i.ROUND_HALF_DOWN=5,i.ROUND_HALF_EVEN=6,i.ROUND_HALF_CEIL=7,i.ROUND_HALF_FLOOR=8,i.EUCLID=9,i.config=i.set=pp,i.clone=n,i.isDecimal=bp,i.abs=np,i.acos=ep,i.acosh=tp,i.add=rp,i.asin=op,i.asinh=ip,i.atan=lp,i.atanh=ap,i.atan2=dp,i.cbrt=up,i.ceil=sp,i.clamp=cp,i.cos=fp,i.cosh=gp,i.div=hp,i.exp=mp,i.floor=vp,i.hypot=yp,i.ln=Cp,i.log=xp,i.log10=Ip,i.log2=Sp,i.max=wp,i.min=kp,i.mod=Tp,i.mul=Bp,i.pow=Hp,i.random=Ap,i.round=Wp,i.sign=Fp,i.sin=Zp,i.sinh=Xp,i.sqrt=Rp,i.sub=Vp,i.sum=Pp,i.tan=zp,i.tanh=Lp,i.trunc=Np,void 0===e&&(e={}),e&&!0!==e.defaults)for(o=["precision","rounding","toExpNeg","toExpPos","maxE","minE","modulo","crypto"],t=0;t<o.length;)e.hasOwnProperty(r=o[t++])||(e[r]=this[r]);return i.config(e),i}(pc);function Gp(n,e,t={}){let r=null,o=null,i=null,l=null,a=null,d=null,u=null,s=null,c=null,p=null,f=null,g=null,h=null,m=null,v=null,y=!1,b=mn(t,"getHeighRatio",null);H(b)||(b=()=>1);let C=mn(t,"getWidthRatio",null);H(C)||(C=()=>1);let x=mn(t,"stopScrollPropagationForPanel",null);wn(x)||(x=!1);let S=mn(t,"stopTouchDragPropagationForPanel",null);wn(S)||(S=!1);let I=mn(t,"useTouchDragForPanel",null);wn(I)||(I=!0);let w=n,k=e,T=rl();return r=n=>{let e=n.deltaY/Math.abs(n.deltaY),t=n.deltaX/Math.abs(n.deltaX);T.emit("scrollPanel",{ratioY:e,ratioX:t}),x&&Pa(n)},w.addEventListener("wheel",r),o=n=>{if(I){let e=mn(n,"touches.0.clientY",0),t=mn(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();y=!0,T.emit("pressBar",{clientY:r,clientX:o}),S&&Pa(n)}},w.addEventListener("touchstart",o),i=n=>{if(I&&y){let e=mn(n,"touches.0.clientY",0),t=mn(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();T.emit("dragBar",{clientY:r,clientX:o}),S&&Pa(n)}},w.addEventListener("touchmove",i,{passive:!1}),l=n=>{I&&y&&(y=!1,T.emit("freeBar"),S&&Pa(n))},w.addEventListener("touchend",l),a=n=>{y=!0,T.emit("pressBar",{clientY:n.clientY,clientX:n.clientX})},k.addEventListener("mousedown",a),d=n=>{y&&(y=!1,T.emit("freeBar"))},k.addEventListener("mouseup",d),u=n=>{y=!0,T.emit("pressBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX})},k.addEventListener("touchstart",u),s=n=>{y&&(T.emit("dragBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX}),Pa(n))},k.addEventListener("touchmove",s,{passive:!1}),c=n=>{y&&(y=!1,T.emit("freeBar"))},k.addEventListener("touchend",c),p=n=>{y&&T.emit("dragBar",{clientY:n.clientY,clientX:n.clientX})},window.addEventListener("mousemove",p),f=n=>{y&&(y=!1,T.emit("freeBar"),x&&Pa(n))},window.addEventListener("mouseup",f),g=n=>{},window.addEventListener("scroll",g,{passive:!1}),h=n=>{},window.addEventListener("wheel",h,{passive:!1}),m=n=>{},document.addEventListener("scroll",m,{passive:!1}),v=n=>{},document.addEventListener("wheel",v,{passive:!1}),T.clear=function(){w.removeEventListener("wheel",r),w.removeEventListener("touchstart",o),w.removeEventListener("touchmove",i),w.removeEventListener("touchend",l),k.removeEventListener("mousedown",a),k.removeEventListener("mouseup",d),k.removeEventListener("touchstart",u),k.removeEventListener("touchmove",s),k.removeEventListener("touchend",c),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",f),window.removeEventListener("scroll",g),window.removeEventListener("wheel",h),document.removeEventListener("scroll",m),document.removeEventListener("wheel",v)},T}sc=new Dp(sc),cc=new Dp(cc);var jp={name:"arrow",enabled:!0,phase:"main",fn:function(n){var e,t=n.state,r=n.name,o=n.options,i=t.elements.arrow,l=t.modifiersData.popperOffsets,a=jd(t.placement),d=Yd(a),u=[Bd,Td].indexOf(a)>=0?"height":"width";if(i&&l){var s=function(n,e){return $d("number"!=typeof(n="function"==typeof n?n(Object.assign({},e.rects,{placement:e.placement})):n)?n:Md(n,Ad))}(o.padding,t),c=vd(i),p="y"===d?wd:Bd,f="y"===d?kd:Td,g=t.rects.reference[u]+t.rects.reference[d]-l[d]-t.rects.popper[u],h=l[d]-t.rects.reference[d],m=Id(i),v=m?"y"===d?m.clientHeight||0:m.clientWidth||0:0,y=g/2-h/2,b=s[p],C=v-c[u]-s[f],x=v/2-c[u]/2+y,S=gu(b,x,C),I=d;t.modifiersData[r]=((e={})[I]=S,e.centerOffset=S-x,e)}},effect:function(n){var e=n.state,t=n.options.element,r=void 0===t?"[data-popper-arrow]":t;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r)))&&Ld(e.elements.popper,r)&&(e.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},Kp={directives:{domresize:ol()},components:{},props:{value:{type:Number,default:0},valueMin:{type:Number,default:0},valueMax:{type:Number,default:100},valueStep:{type:Number,default:1},valueDecimal:{type:Number,default:0},progBorderRadius:{type:Number,default:5},progHeight:{type:Number,default:4},progColor:{type:String,default:"#74a4d9"},progColorDisabled:{type:String,default:"#c5c5c5"},progBackgroundColor:{type:String,default:"#eee"},progBackgroundColorDisabled:{type:String,default:"#f2f2f2"},sliderSize:{type:Number,default:20},sliderBackgroundColor:{type:String,default:"blue darken-3"},sliderBackgroundColorHover:{type:String,default:"blue darken-2"},sliderBackgroundColorDisabled:{type:String,default:"#aaa"},cmpZIndex:{type:Number,default:3e3},tooltipPlacementDist:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"#666"},editable:{type:Boolean,default:!0}},data:function(){return{panelWidth:0,panelHeight:0,das:null,hoverTrans:!1,dragTrans:!1,popperInstance:null,popperShow:!1,r:null,rt:null}},mounted:function(){let n=this,e=Gp(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),e.on("pressBar",n.pressBar),e.on("freeBar",n.freeBar),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeParam:function(){let n=this,e=0;try{e=(n.value-n.valueMin)/(n.valueMax-n.valueMin)}catch(n){}e=n.limitRatio(e);let t=n.tickRatio(e);return n.r=e,n.rt=t,""},heightCir:function(){return this.sliderSize},widthCir:function(){return this.heightCir},effecting:function(){let n=this;if(!n.editable)return;let e=n.hoverTrans||n.dragTrans;return e?n.showPopper():(n.hidePopper(),n.r=n.rt),e},progWidth:function(){return this.panelWidth-this.sliderSize},useProgBorderRadius:function(){return`border-radius:${this.progBorderRadius}px;`},effProgColor:function(){return wo(this.progColor)},effProgColorDisabled:function(){return wo(this.progColorDisabled)},useProgColor:function(){let n=this;return n.editable?n.effProgColor:n.effProgColorDisabled},effProgBackgroundColor:function(){return wo(this.progBackgroundColor)},effProgBackgroundColorDisabled:function(){return wo(this.progBackgroundColorDisabled)},useProgBackgroundColor:function(){let n=this;return n.editable?n.effProgBackgroundColor:n.effProgBackgroundColorDisabled},effSliderBackgroundColor:function(){return wo(this.sliderBackgroundColor)},effSliderBackgroundColorHover:function(){return wo(this.sliderBackgroundColorHover)},effSliderBackgroundColorDisabled:function(){return wo(this.sliderBackgroundColorDisabled)},useSliderBackgroundColor:function(){let n=this;return n.editable?n.effecting?n.effSliderBackgroundColorHover:n.effSliderBackgroundColor:n.effSliderBackgroundColorDisabled},useTooltipBorderRadius:function(){let n=this;return Fo(n.tooltipBorderRadius)?`border-radius:${n.tooltipBorderRadius}px;`:""},useTooltipTextFontSize:function(){let n=this.tooltipTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTooltipTextColor:function(){return wo(this.tooltipTextColor)},useTooltipBackgroundColor:function(){return wo(this.tooltipBackgroundColor)},valueDig:function(){let n=this;return oc(n.rt*(n.valueMax-n.valueMin)+n.valueMin,n.valueDecimal)}},methods:{resizePanel:function(n){this.panelWidth=n.snew.offsetWidth,this.panelHeight=n.snew.offsetHeight},limitRatio:function(n){return n=Math.min(n,1),n=Math.max(n,0)},tickRatio:function(n){let e=this,t=0;try{let r=e.valueMax-e.valueMin,o=e.valueStep/r;t=function(n,e=0,t={}){rr(e)||(e=0),e=tr(e);let r=mn(t,"rounding","");return"ROUND_HALF_UP"!==r&&"ROUND_HALF_EVEN"!==r&&(r="ROUND_HALF_UP"),xn(n)?new Dp(n).toDecimalPlaces(e,Dp[r]).toNumber():""}(n/o)*o}catch(n){}return t},dragBar:function(n){let e=this;if(!e.editable)return;let t=e.$el.getBoundingClientRect(),r=n.clientX-e.sliderSize/2,o=e.progWidth,i=0;o>0&&(i=(r-t.left)/o),i=e.limitRatio(i);let l=e.tickRatio(i);e.r=i,e.rt=l;let a=Et(e.valueDig);e.updatePopper(),e.$emit("input",a)},pressBar:function(){this.dragTrans=!0},freeBar:function(){this.dragTrans=!1},showPopper:function(n){let e=this;if(!e.editable)return;let t=mn(e,"$refs.divTrigger",null);if(null===t)return;let r=mn(e,"$refs.divContent",null);if(null===r)return;let o={strategy:"fixed",placement:"top",modifiers:[jp,{name:"arrow",options:{padding:5}},uu,{name:"flip",options:{fallbackPlacements:["top","top-start","top-end","bottom","bottom-start","bottom-end"]}},su,{name:"offset",options:{offset:({placement:n,reference:t,popper:r})=>[0,e.tooltipPlacementDist]}},fu]};e.popperInstance=ru(t,r,o)},updatePopper:function(n){let e=this;e.editable&&e.popperInstance&&e.popperInstance.update()},hidePopper:function(n){let e=this;e.popperInstance&&(e.popperInstance.destroy(),e.popperInstance=null)}}};const Yp=Kp;var _p=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"user-select:none;",attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{style:"position:relative; width:100%; height:"+n.sliderSize+"px;"},[t("div",{style:"position:absolute; top:"+(n.sliderSize/2-n.progHeight/2)+"px; left:"+n.sliderSize/2+"px; width:"+n.progWidth+"px;"},[t("div",{ref:"divPanel",style:"position:relative; width:"+n.progWidth+"px;",attrs:{_click:"clickProg"}},[t("div",{style:n.useProgBorderRadius+" overflow:hidden; width:"+n.progWidth+"px; height:"+n.progHeight+"px;"},[t("div",{style:"background:"+n.useProgBackgroundColor+"; height:"+n.progHeight+"px;"},[t("div",{style:"background:"+n.useProgColor+"; width:"+n.rt*n.progWidth+"px; height:"+n.progHeight+"px;"})])]),n._v(" "),t("div",{style:"position:absolute; left:"+(n.rt*n.progWidth-n.widthCir/2)+"px; top:"+(n.progHeight/2-n.heightCir/2)+"px; z-index:1; "+(n.editable?"cursor:pointer;":"")},[t("div",{ref:"divTrigger",staticClass:"ts bs",style:"width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; background:"+n.useSliderBackgroundColor+"; outline:none;"})]),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; left:"+(n.r*n.progWidth-n.widthCir/2)+"px; top:"+(n.progHeight/2-n.heightCir/2)+"px; z-index:2; "+(n.editable?"cursor:pointer;":"")},[t("div",{style:"width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; opacity:0; outline:none;",on:{mouseenter:function(e){n.hoverTrans=!0},mouseleave:function(e){n.hoverTrans=!1}}})])])])]),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.effecting,expression:"effecting"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[t("div",{style:"padding:2px 5px; font-size:0.8rem; "+n.useTooltipTextFontSize+" color:"+n.useTooltipTextColor+"; background:"+n.useTooltipBackgroundColor+"; "+n.useTooltipBorderRadius},[n._v("\n            "+n._s(n.valueDig)+"\n            "),t("div",{staticClass:"arrow",attrs:{"data-popper-arrow":""}})])])])};_p._withStripped=!0;const $p=t({render:_p,staticRenderFns:[]},function(n){n&&n("data-v-56f48c07_0",{source:"\n.ts[data-v-56f48c07] {\r\n    transition:all 0.3s;\n}\n.bs[data-v-56f48c07] {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\n}\n.WPopperFix[data-popper-reference-hidden][data-v-56f48c07] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\n.arrow[data-v-56f48c07],\r\n.arrow[data-v-56f48c07]::before {\r\n    position: absolute;\r\n    width: 5px;\r\n    height: 5px;\r\n    background: inherit;\n}\n.arrow[data-v-56f48c07] {\r\n    visibility: hidden;\n}\n.arrow[data-v-56f48c07]::before {\r\n    visibility: visible;\r\n    content: '';\r\n    transform: rotate(45deg);\n}\r\n/* .arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -5px;\r\n    border-width: 5px;\r\n    border-style: solid;\r\n    border-color: black transparent transparent transparent;\r\n} */\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WSlider.vue"],names:[],mappings:";AA6qBA;IACA,mBAAA;AACA;AACA;IACA,kHAAA;AACA;AACA;IACA,kBAAA;IACA,oBAAA;AACA;AACA;;IAEA,kBAAA;IACA,UAAA;IACA,WAAA;IACA,mBAAA;AACA;AACA;IACA,kBAAA;AACA;AACA;IACA,mBAAA;IACA,WAAA;IACA,wBAAA;AACA;AACA;;;;;;;;;GASA",file:"WSlider.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`user-select:none;`\"\r\n        :changeParam=\"changeParam\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n    >\r\n\r\n        <div\r\n            :style=\"`position:relative; width:100%; height:${sliderSize}px;`\"\r\n        >\r\n\r\n            <div :style=\"`position:absolute; top:${sliderSize/2-progHeight/2}px; left:${sliderSize/2}px; width:${progWidth}px;`\">\r\n\r\n                <div\r\n                    ref=\"divPanel\"\r\n                    :style=\"`position:relative; width:${progWidth}px;`\"\r\n                    _click=\"clickProg\"\r\n                >\r\n\r\n                    <div :style=\"`${useProgBorderRadius} overflow:hidden; width:${progWidth}px; height:${progHeight}px;`\">\r\n                        <div :style=\"`background:${useProgBackgroundColor}; height:${progHeight}px;`\">\r\n                            <div :style=\"`background:${useProgColor}; width:${(rt)*progWidth}px; height:${progHeight}px;`\"></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div\r\n                        :style=\"`position:absolute; left:${(rt)*progWidth-widthCir/2}px; top:${progHeight/2-heightCir/2}px; z-index:1; ${editable?'cursor:pointer;':''}`\"\r\n                    >\r\n\r\n                        <div\r\n                            ref=\"divTrigger\"\r\n                            class=\"ts bs\"\r\n                            :style=\"`width:${widthCir}px; height:${heightCir}px; border-radius:50%; background:${useSliderBackgroundColor}; outline:none;`\"\r\n                        ></div>\r\n\r\n                    </div>\r\n\r\n                    <div\r\n                        ref=\"divBar\"\r\n                        :style=\"`position:absolute; left:${(r)*progWidth-widthCir/2}px; top:${progHeight/2-heightCir/2}px; z-index:2; ${editable?'cursor:pointer;':''}`\"\r\n                    >\r\n\r\n                        <div\r\n                            :style=\"`width:${widthCir}px; height:${heightCir}px; border-radius:50%; opacity:0; outline:none;`\"\r\n                            @mouseenter=\"hoverTrans=true\"\r\n                            @mouseleave=\"hoverTrans=false\"\r\n                        ></div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 不能給予position因會被popupjs洗掉, 但可給z-index, 且popupjs會改用transform:translate定位 --\x3e\r\n        \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n        <div\r\n            ref=\"divContent\"\r\n            class=\"WPopperFix\"\r\n            :style=\"`z-index:${cmpZIndex};`\"\r\n            v-show=\"effecting\"\r\n            v-domresize\r\n            @domresize=\"updatePopper\"\r\n        >\r\n            \x3c!-- 不使用v-if來重產dom, 因開啟arrow會有顯示後來不及定位問題 --\x3e\r\n            <div\r\n                :style=\"`padding:2px 5px; font-size:0.8rem; ${useTooltipTextFontSize} color:${useTooltipTextColor}; background:${useTooltipBackgroundColor}; ${useTooltipBorderRadius}`\"\r\n            >\r\n                {{valueDig}}\r\n                <div class=\"arrow\" data-popper-arrow></div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport dig from 'wsemi/src/dig.mjs'\r\nimport round from 'wsemi/src/round.mjs'\r\nimport cdbl from 'wsemi/src/cdbl.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport { createPopper } from '@popperjs/core/lib/popper-lite.js' //不用安裝@popperjs/core, 因wsemi安裝tippy.js內有依賴@popperjs/core\r\nimport flip from '@popperjs/core/lib/modifiers/flip.js'\r\nimport offset from '@popperjs/core/lib/modifiers/offset.js'\r\nimport arrow from '@popperjs/core/lib/modifiers/arrow.js'\r\nimport hide from '@popperjs/core/lib/modifiers/hide.js'\r\n//import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'\r\n//import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [value=0] 輸入值數字，介於valueMin與valueMax之間，預設0\r\n * @vue-prop {Number} [valueMin=0] 輸入最小值數字，預設0\r\n * @vue-prop {Number} [valueMax=100] 輸入最大值數字，預設100\r\n * @vue-prop {Number} [valueStep=1] 輸入間隔數字，預設1\r\n * @vue-prop {Number} [valueDecimal=0] 輸入值取小數位數字，用於可拖選值具有小數時，預設0\r\n * @vue-prop {Number} [progBorderRadius=5] 輸入值域條框圓角度數字，單位為px，預設5\r\n * @vue-prop {Number} [progHeight=4] 輸入值域條高度數字，單位為px，預設4\r\n * @vue-prop {String} [progColor='#74a4d9'] 輸入值域條顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [progColorDisabled='#c5c5c5'] 輸入不可編輯時值域條顏色字串，預設'#c5c5c5'\r\n * @vue-prop {String} [progBackgroundColor='#eee'] 輸入值域條背景顏色字串，預設'#eee'\r\n * @vue-prop {String} [progBackgroundColorDisabled='#f2f2f2'] 輸入不可編輯時值域條背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {Number} [sliderSize=20] 輸入拖曳球尺寸數字，單位為px，預設20\r\n * @vue-prop {String} [sliderBackgroundColor='blue darken-3'] 輸入拖曳球背景顏色字串，預設'blue darken-3'\r\n * @vue-prop {String} [sliderBackgroundColorHover='blue darken-2'] 輸入滑鼠移入時拖曳球背景顏色字串，預設'blue darken-2'\r\n * @vue-prop {String} [sliderBackgroundColorDisabled='#aaa'] 輸入不可編輯時拖曳球背景顏色字串，預設'#aaa'\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗使用z-index數字，預設3000\r\n * @vue-prop {Number} [tooltipPlacementDist=5] 輸入提示窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {Number} [tooltipBorderRadius=5] 輸入提示窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [tooltipTextFontSize='0.85rem'] 輸入提示窗框文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [tooltipTextColor='white'] 輸入提示窗框文字顏色字串，預設'white'\r\n * @vue-prop {String} [tooltipBackgroundColor='#666'] 輸入值域條背景顏色字串，預設'#666'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        valueMin: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        valueMax: {\r\n            type: Number,\r\n            default: 100,\r\n        },\r\n        valueStep: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        valueDecimal: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        progBorderRadius: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        progHeight: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        progColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        progColorDisabled: {\r\n            type: String,\r\n            default: '#c5c5c5',\r\n        },\r\n        progBackgroundColor: {\r\n            type: String,\r\n            default: '#eee',\r\n        },\r\n        progBackgroundColorDisabled: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        sliderSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        sliderBackgroundColor: {\r\n            type: String,\r\n            default: 'blue darken-3',\r\n        },\r\n        sliderBackgroundColorHover: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        sliderBackgroundColorDisabled: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        tooltipPlacementDist: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        tooltipBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        tooltipTextFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        tooltipTextColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        tooltipBackgroundColor: {\r\n            type: String,\r\n            default: '#666', //rgba(60,60,60,0.75) //因arrow是通過div與旋轉成菱形來繪製, 因此可支援外部指定背景色, 但若有透明就會出現arrow的菱形問題\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            panelWidth: 0,\r\n            panelHeight: 0,\r\n\r\n            das: null,\r\n\r\n            hoverTrans: false,\r\n            dragTrans: false,\r\n\r\n            popperInstance: null,\r\n            popperShow: false,\r\n\r\n            r: null,\r\n            rt: null,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //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', vo.pressBar)\r\n        das.on('freeBar', vo.freeBar)\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        changeParam: function() {\r\n            // console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //ratio\r\n            let r = 0\r\n            try {\r\n                r = (vo.value - vo.valueMin) / (vo.valueMax - vo.valueMin)\r\n            }\r\n            catch (err) {}\r\n\r\n            //limitRatio\r\n            r = vo.limitRatio(r)\r\n\r\n            //rt\r\n            let rt = vo.tickRatio(r)\r\n\r\n            //save\r\n            vo.r = r\r\n            vo.rt = rt\r\n\r\n            return ''\r\n        },\r\n\r\n        heightCir: function() {\r\n            let vo = this\r\n            return vo.sliderSize\r\n        },\r\n\r\n        widthCir: function() {\r\n            let vo = this\r\n            return vo.heightCir\r\n        },\r\n\r\n        effecting: function() {\r\n            //console.log('computed effecting')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //b\r\n            let b = vo.hoverTrans || vo.dragTrans\r\n\r\n            if (b) {\r\n\r\n                //showPopper\r\n                vo.showPopper()\r\n\r\n            }\r\n            else {\r\n\r\n                //hidePopper\r\n                vo.hidePopper()\r\n\r\n                //同步\r\n                vo.r = vo.rt\r\n\r\n            }\r\n\r\n            return b\r\n        },\r\n\r\n        progWidth: function() {\r\n            let vo = this\r\n            return vo.panelWidth - vo.sliderSize\r\n        },\r\n\r\n        useProgBorderRadius: function() {\r\n            let vo = this\r\n            return `border-radius:${vo.progBorderRadius}px;`\r\n        },\r\n\r\n        effProgColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.progColor)\r\n        },\r\n\r\n        effProgColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.progColorDisabled)\r\n        },\r\n\r\n        useProgColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effProgColorDisabled\r\n            }\r\n            return vo.effProgColor\r\n        },\r\n\r\n        effProgBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.progBackgroundColor)\r\n        },\r\n\r\n        effProgBackgroundColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.progBackgroundColorDisabled)\r\n        },\r\n\r\n        useProgBackgroundColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effProgBackgroundColorDisabled\r\n            }\r\n            return vo.effProgBackgroundColor\r\n        },\r\n\r\n        effSliderBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColor)\r\n        },\r\n\r\n        effSliderBackgroundColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColorHover)\r\n        },\r\n\r\n        effSliderBackgroundColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.sliderBackgroundColorDisabled)\r\n        },\r\n\r\n        useSliderBackgroundColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effSliderBackgroundColorDisabled\r\n            }\r\n            if (vo.effecting) {\r\n                return vo.effSliderBackgroundColorHover\r\n            }\r\n            return vo.effSliderBackgroundColor\r\n        },\r\n\r\n        useTooltipBorderRadius: function() {\r\n            //console.log('computed useTooltipBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.tooltipBorderRadius)) {\r\n                return `border-radius:${vo.tooltipBorderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useTooltipTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.tooltipTextFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        useTooltipTextColor: function() {\r\n            //console.log('computed useTooltipTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.tooltipTextColor)\r\n        },\r\n\r\n        useTooltipBackgroundColor: function() {\r\n            //console.log('computed useTooltipBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.tooltipBackgroundColor)\r\n        },\r\n\r\n        valueDig: function() {\r\n            // console.log('computed valueDig')\r\n\r\n            let vo = this\r\n\r\n            //t\r\n            let t = (vo.rt) * (vo.valueMax - vo.valueMin) + vo.valueMin\r\n\r\n            //dig\r\n            let c = dig(t, vo.valueDecimal)\r\n\r\n            return c\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            //console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.panelWidth = msg.snew.offsetWidth\r\n            vo.panelHeight = msg.snew.offsetHeight\r\n\r\n            // //emit\r\n            // vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        limitRatio: function(r) {\r\n            // console.log('methods limitRatio', r)\r\n\r\n            // let vo = this\r\n\r\n            r = Math.min(r, 1)\r\n            r = Math.max(r, 0)\r\n\r\n            return r\r\n        },\r\n\r\n        tickRatio: function(r) {\r\n            // console.log('methods tickRatio', r)\r\n\r\n            let vo = this\r\n\r\n            //rt\r\n            let rt = 0\r\n            try {\r\n\r\n                //rtk\r\n                let rng = vo.valueMax - vo.valueMin\r\n                let rtk = vo.valueStep / rng\r\n\r\n                //round\r\n                let i = round(r / rtk)\r\n\r\n                //rt\r\n                rt = i * rtk\r\n                // console.log('r', r, 'rt', rt)\r\n\r\n            }\r\n            catch (err) { }\r\n\r\n\r\n            return rt\r\n        },\r\n\r\n        dragBar: function(msg) {\r\n            // console.log('methods dragBar', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //r\r\n            let bd = vo.$el.getBoundingClientRect()\r\n            let x = msg.clientX - vo.sliderSize / 2\r\n            let w = vo.progWidth //vo.$el.offsetWidth\r\n            let r = 0\r\n            if (w > 0) {\r\n                r = (x - bd.left) / w //clientX需扣除元件的left位置\r\n            }\r\n\r\n            //limitRatio\r\n            r = vo.limitRatio(r)\r\n            // console.log(vo.r, 'r', r)\r\n\r\n            //rt\r\n            let rt = vo.tickRatio(r)\r\n\r\n            //save\r\n            vo.r = r\r\n            vo.rt = rt\r\n\r\n            //v\r\n            let v = cdbl(vo.valueDig)\r\n\r\n            //updatePopper\r\n            vo.updatePopper()\r\n\r\n            //emit\r\n            vo.$emit('input', v)\r\n\r\n        },\r\n\r\n        pressBar: function() {\r\n            let vo = this\r\n            vo.dragTrans = true\r\n        },\r\n\r\n        freeBar: function() {\r\n            let vo = this\r\n            vo.dragTrans = false\r\n        },\r\n\r\n        showPopper: function(from) {\r\n            // console.log('methods showPopper', from)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            if (divTrigger === null) {\r\n                return //console.log('無法找到點擊區元素')\r\n            }\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //check\r\n            if (divContent === null) {\r\n                return //console.log('無法找到顯示元素')\r\n            }\r\n\r\n            //@popperjs/core 2.x\r\n            let opt = {\r\n                strategy: 'fixed', //盡量使用'fixed'而不用'absolute', 否則位於多層dialog或多層drawer內popup顯示會異常\r\n                placement: 'top', //預設top, 因arrow不好給故僅提供top\r\n                modifiers: [\r\n                    // preventOverflow,\r\n                    // computeStyles,\r\n                    // {\r\n                    //     name: 'computeStyles',\r\n                    //     options: {\r\n                    //         gpuAcceleration: false, //預設true, 可關閉GPU加速\r\n                    //     },\r\n                    // },\r\n                    arrow,\r\n                    {\r\n                        name: 'arrow',\r\n                        options: {\r\n                            padding: 5,\r\n                        },\r\n                    },\r\n                    flip,\r\n                    {\r\n                        name: 'flip',\r\n                        options: {\r\n                            fallbackPlacements: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'],\r\n                        },\r\n                    },\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            // offset: [0, vo.tooltipPlacementDist], //[Skidding, Distance]\r\n                            // offset: [0, 5], //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            offset: ({ placement, reference, popper }) => {\r\n                                // console.log('offset', placement, reference, popper, vo.tooltipPlacementDist)\r\n                                // if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {\r\n                                //     return [0, vo.tooltipPlacementDist]\r\n                                // }\r\n                                // else {\r\n                                //     return []\r\n                                // }\r\n                                return [0, vo.tooltipPlacementDist] //[Skidding, Distance]\r\n                            },\r\n                        },\r\n                    },\r\n                    hide,\r\n                ],\r\n            }\r\n            vo.popperInstance = createPopper(divTrigger, divContent, opt)\r\n            // console.log('popperInstance', vo.popperInstance)\r\n\r\n        },\r\n\r\n        updatePopper: function(msg) {\r\n            //console.log('methods updatePopper', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //update\r\n            if (vo.popperInstance) {\r\n                vo.popperInstance.update()\r\n            }\r\n\r\n            // //emit\r\n            // vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        hidePopper: function(from) {\r\n            // console.log('methods hidePopper', from, this.mmkey)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.popperInstance) {\r\n\r\n                //destroy\r\n                vo.popperInstance.destroy()\r\n                vo.popperInstance = null\r\n\r\n            }\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s;\r\n}\r\n.bs {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\r\n}\r\n.WPopperFix[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n.arrow,\r\n.arrow::before {\r\n    position: absolute;\r\n    width: 5px;\r\n    height: 5px;\r\n    background: inherit;\r\n}\r\n.arrow {\r\n    visibility: hidden;\r\n}\r\n.arrow::before {\r\n    visibility: visible;\r\n    content: '';\r\n    transform: rotate(45deg);\r\n}\r\n/* .arrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -5px;\r\n    border-width: 5px;\r\n    border-style: solid;\r\n    border-color: black transparent transparent transparent;\r\n} */\r\n</style>\r\n"]},media:void 0})},Yp,"data-v-56f48c07",false,void 0,!1,o,void 0,void 0);var Mp={components:{WGroupChipRadio:Ns,WPanelLabelItem:js,WText:rc,WSlider:$p},props:{value:{type:String,default:"#FFFFFF"},size:{type:Number,default:200},borderColor:{type:String,default:"#ddd"},borderColorHover:{type:String,default:"#ccc"},borderColorActive:{type:String,default:"#777"},backgroundColor:{type:String,default:"transparent"},menuBorderRadius:{type:Number,default:4},menuBackgroundColor:{type:String,default:"#fff"},menuBackgroundColorHover:{type:String,default:"#f9f9f9"},menuBackgroundColorActive:{type:String,default:"#f2f2f2"},menuTextColor:{type:String,default:"#444"},menuTextColorHover:{type:String,default:"#222"},menuTextColorActive:{type:String,default:"#000"},menuTextFontSize:{type:String,default:"0.8rem"},inputBorderRadius:{type:Number,default:4},inputBorderColor:{type:String,default:"#ccc"},inputBorderColorHover:{type:String,default:"#b5b5b5"},inputBorderColorActive:{type:String,default:"#aaa"},inputBackgroundColor:{type:String,default:"#fff"},inputBackgroundColorHover:{type:String,default:"#fafafa"},inputBackgroundColorActive:{type:String,default:"#f2f2f2"},inputTextColor:{type:String,default:"#000"},inputTextFontSize:{type:String,default:"0.8rem"},inputTextWidth:{type:Number,default:38},inputTextHeight:{type:Number,default:18},inputLabelWidth:{type:Number,default:12},inputLabelColor:{type:String,default:"#666"},inputLabelFontSize:{type:String,default:"0.8rem"},barProgHeight:{type:Number,default:4},barProgColor:{type:String,default:"#74a4d9"},barProgBackgroundColor:{type:String,default:"#eee"},barSliderSize:{type:Number,default:10},barSliderBackgroundColor:{type:String,default:"#1565C0"},barSliderBackgroundColorHover:{type:String,default:"#1976D2"}},data:function(){return{methods:[{text:"RGBA"},{text:"HSVA"}],methodSelect:{text:"RGBA"},lock:!1,valueTrans:null,r:255,g:255,b:255,h:360,s:1,v:1,a:1,rt:255,gt:255,bt:255,ht:360,st:1,vt:1,at:1}},computed:{changeValue:function(){let n=this;n.valueTrans=wo(n.value);let e=Ra.toRgba(n.valueTrans),t=Ra.toHsva(n.valueTrans);return n.r=e.r,n.rt=e.r,n.g=e.g,n.gt=e.g,n.b=e.b,n.bt=e.b,n.a=e.a,n.at=e.a,n.h=t.h,n.ht=t.h,n.s=t.s,n.st=t.s,n.v=t.v,n.vt=t.v,""},sliderWidth:function(){let n=this,e=n.size-n.inputTextWidth-n.inputLabelWidth-13;return e=Math.max(e,0),e},useBorderColor:function(){return wo(this.borderColor)},useBackgroundColor:function(){return wo(this.backgroundColor)}},methods:{cki255:function(n){if(!rr(n))return 0;let e=n;return(n=tr(n))<0?n=0:n>255&&(n=255),n===tr(e)?e:n},cki360:function(n){if(!rr(n))return 0;let e=n;return(n=tr(n))<0?n=0:n>360&&(n=360),n===tr(e)?e:n},ckd1:function(n){if(!Ws(n))return 0;let e=n;return(n=Et(n))<0?n=0:n>1&&(n=1),n===Et(e)?e:n},updateColorCore:function(){let n=this,e=!1,t=!1;{let t=tr(n.rt);n.r!==t&&(n.r=t,e=!0)}{let t=tr(n.gt);n.g!==t&&(n.g=t,e=!0)}{let t=tr(n.bt);n.b!==t&&(n.b=t,e=!0)}{let t=Et(n.at);n.a!==t&&(n.a=t,e=!0)}{let e=tr(n.ht);n.h!==e&&(n.h=e,t=!0)}{let e=Et(n.st);n.s!==e&&(n.s=e,t=!0)}{let e=Et(n.vt);n.v!==e&&(n.v=e,t=!0)}let r=null;e?r={r:n.r,g:n.g,b:n.b,a:n.a}:t&&(r={h:n.h,s:n.s,v:n.v,a:n.a}),qo(r)&&(r=Ra.toRgbaString(r),n.valueTrans=r,n.$emit("input",r))},updateColor:function(n,e,t){let r=this;setTimeout(()=>{r.updateColorCore()},1)}}};const Op=Mp;var Jp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block;",attrs:{changeValue:n.changeValue}},[t("div",{style:"padding-left:10px; margin-bottom:-1px;"},[t("WGroupChipRadio",{attrs:{items:n.methods,paddingStyle:{v:1,h:6},group:!0,groupBorderRadiusStyle:{top:!0},groupShift:0,borderRadius:n.menuBorderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.menuBackgroundColor,backgroundColorHover:n.menuBackgroundColorHover,backgroundColorActive:n.menuBackgroundColorActive,textColor:n.menuTextColor,textColorHover:n.menuTextColorHover,textColorActive:n.menuTextColorActive,textFontSize:n.menuTextFontSize,marginStyle:{},shadowActive:!1},model:{value:n.methodSelect,callback:function(e){n.methodSelect=e},expression:"methodSelect"}})],1),n._v(" "),t("div",{style:"padding:10px; border:1px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+";"},[t("div",{directives:[{name:"show",rawName:"v-show",value:"RGBA"===n.methodSelect.text,expression:"methodSelect.text==='RGBA'"}]},[t("WPanelLabelItem",{attrs:{label:"R",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"r")}},model:{value:n.rt,callback:function(e){n.rt=e},expression:"rt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.r},on:{input:function(e){n.rt=e,n.updateColor(e,"","rs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"G",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"g")}},model:{value:n.gt,callback:function(e){n.gt=e},expression:"gt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.g},on:{input:function(e){n.gt=e,n.updateColor(e,"","gs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"B",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki255,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"b")}},model:{value:n.bt,callback:function(e){n.bt=e},expression:"bt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:255,valueStep:1,valueDecimal:0,value:n.b},on:{input:function(e){n.bt=e,n.updateColor(e,"","bs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"A",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"a")}},model:{value:n.at,callback:function(e){n.at=e},expression:"at"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.a},on:{input:function(e){n.at=e,n.updateColor(e,"","as")}}})],1)]},proxy:!0}])})],1),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:"HSVA"===n.methodSelect.text,expression:"methodSelect.text==='HSVA'"}]},[t("WPanelLabelItem",{attrs:{label:"H",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.cki360,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"h")}},model:{value:n.ht,callback:function(e){n.ht=e},expression:"ht"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:360,valueStep:1,valueDecimal:0,value:n.h},on:{input:function(e){n.ht=e,n.updateColor(e,"","hs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"S",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"s")}},model:{value:n.st,callback:function(e){n.st=e},expression:"st"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.s},on:{input:function(e){n.st=e,n.updateColor(e,"","ss")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"V",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"v")}},model:{value:n.vt,callback:function(e){n.vt=e},expression:"vt"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.v},on:{input:function(e){n.vt=e,n.updateColor(e,"","bs")}}})],1)]},proxy:!0}])}),n._v(" "),t("div",{staticStyle:{height:"10px"}}),n._v(" "),t("WPanelLabelItem",{attrs:{label:"A",labelFontSize:n.inputLabelFontSize,labelWidth:n.inputLabelWidth,labelColor:n.inputLabelColor},scopedSlots:n._u([{key:"item",fn:function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WText",{style:"width:"+n.inputTextWidth+"px;",attrs:{funVerify:n.ckd1,shadow:!1,bottomLineBorderColor:"transparent",bottomLineBorderColorHover:"transparent",bottomLineBorderColorFocus:"transparent",paddingStyle:{v:0,h:5},iconShiftOuter:-10,borderRadius:n.inputBorderRadius,borderColor:n.inputBorderColor,borderColorHover:n.inputBorderColorHover,borderColorFocus:n.inputBorderColorActive,backgroundColor:n.inputBackgroundColor,backgroundColorHover:n.inputBackgroundColorHover,backgroundColorFocus:n.inputBackgroundColorActive,textColor:n.inputTextColor,textFontSize:n.inputTextFontSize,height:n.inputTextHeight},on:{input:function(e,t){n.updateColor(e,t,"a")}},model:{value:n.at,callback:function(e){n.at=e},expression:"at"}}),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}}),n._v(" "),t("WSlider",{style:"width:"+n.sliderWidth+"px;",attrs:{progHeight:n.barProgHeight,progColor:n.barProgColor,progBackgroundColor:n.barProgBackgroundColor,sliderSize:n.barSliderSize,sliderBackgroundColor:n.barSliderBackgroundColor,sliderBackgroundColorHover:n.barSliderBackgroundColorHover,valueMin:0,valueMax:1,valueStep:.01,valueDecimal:2,value:n.a},on:{input:function(e){n.at=e,n.updateColor(e,"","as")}}})],1)]},proxy:!0}])})],1)])])};Jp._withStripped=!0;const Ep=t({render:Jp,staticRenderFns:[]},function(n){n&&n("data-v-4c4932a6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WColorSelectInput.vue"},media:void 0})},Op,"data-v-4c4932a6",false,void 0,!1,o,void 0,void 0);var Up={directives:{domresize:ol()},components:{WPopup:vs,WColorSelectPanel:As,WColorSelectInput:Ep,WButtonChip:Bu,WIcon:Ma},props:{value:{type:String,default:"#FFFFFF"},type:{type:String,default:"HSVA"},size:{type:Number,default:200},space:{type:Number,default:10},colorBlockSize:{type:Number,default:20},colorBlockBorderWidth:{type:Number,default:1},colorBlockBorderColor:{type:String,default:"#ddd"},showColorText:{type:Boolean,default:!0},colorTextColor:{type:String,default:"#000"},colorTextFontSize:{type:String,default:"0.8rem"},panelBackgroundColor:{type:String,default:"#fff"},toolBackgroundColor:{type:String,default:"#f5f5f5"},menuIconLump:{type:String,default:"M12,5.32L18,8.69V15.31L12,18.68L6,15.31V8.69L12,5.32M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},menuIconHsva:{type:String,default:"M19 3V21H15V3H19M14 3V21H10V3H14M9 3V21H5V3H9Z"},menuIconEyeDropper:{type:String,default:"M19.35,11.72L17.22,13.85L15.81,12.43L8.1,20.14L3.5,22L2,20.5L3.86,15.9L11.57,8.19L10.15,6.78L12.28,4.65L19.35,11.72M16.76,3C17.93,1.83 19.83,1.83 21,3C22.17,4.17 22.17,6.07 21,7.24L19.08,9.16L14.84,4.92L16.76,3M5.56,17.03L4.5,19.5L6.97,18.44L14.4,11L13,9.6L5.56,17.03Z"},menuIconColor:{type:String,default:"#aaa"},menuIconColorHover:{type:String,default:"#999"},menuIconColorActive:{type:String,default:"#666"},menuIconSize:{type:Number,default:20},borderColor:{type:String,default:"#ddd"},borderColorHover:{type:String,default:"#ccc"},borderColorActive:{type:String,default:"#777"},menuBorderRadius:{type:Number,default:4},menuTextColor:{type:String,default:"#444"},menuTextColorHover:{type:String,default:"#222"},menuTextColorActive:{type:String,default:"#000"},menuTextFontSize:{type:String,default:"0.8rem"},menuBackgroundColor:{type:String,default:"#fff"},menuBackgroundColorHover:{type:String,default:"#f9f9f9"},menuBackgroundColorActive:{type:String,default:"#f2f2f2"},inputBorderRadius:{type:Number,default:4},inputBorderColor:{type:String,default:"#ccc"},inputBorderColorHover:{type:String,default:"#b5b5b5"},inputBorderColorActive:{type:String,default:"#aaa"},inputBackgroundColor:{type:String,default:"#fff"},inputBackgroundColorHover:{type:String,default:"#fafafa"},inputBackgroundColorActive:{type:String,default:"#f2f2f2"},inputTextColor:{type:String,default:"#000"},inputTextFontSize:{type:String,default:"0.8rem"},inputTextWidth:{type:Number,default:38},inputTextHeight:{type:Number,default:18},inputLabelWidth:{type:Number,default:12},inputLabelColor:{type:String,default:"#666"},inputLabelFontSize:{type:String,default:"0.8rem"},barProgHeight:{type:Number,default:4},barProgColor:{type:String,default:"#74a4d9"},barProgBackgroundColor:{type:String,default:"#eee"},barSliderSize:{type:Number,default:10},barSliderBackgroundColor:{type:String,default:"#1565C0"},barSliderBackgroundColorHover:{type:String,default:"#1976D2"},popupPlacementDist:{type:Number,default:5},btnText:{type:String,default:"Confirm"},btnRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},btnPaddingStyle:{type:Object,default:()=>({v:1,h:5})},btnTextColor:{type:String,default:"#000"},btnTextColorHover:{type:String,default:"#222"},btnTextColorActive:{type:String,default:"#222"},btnTextFontSize:{type:String,default:"0.8rem"},btnBorderRadius:{type:Number,default:4},btnBackgroundColor:{type:String,default:"rgb(241,241,241)"},btnBackgroundColorHover:{type:String,default:"rgb(236,236,236)"},btnBackgroundColorActive:{type:String,default:"rgb(236,236,236)"},btnShadow:{type:Boolean,default:!0},editable:{type:Boolean,default:!0}},data:function(){return{mdiLoading:"M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z",show:!1,typeTrans:"HSVA",loadingEyeDropper:!1,layoutType:"horizontal",layoutOverflowY:!1,layoutMinY:300,layoutMaxY:300,selectPanelHeight:0,selectInputHeight:0,valueOri:null,valueNew:null}},computed:{changeValue:function(){let n=this;return n.valueOri=wo(n.value),n.valueNew=n.valueOri,""},changeType:function(){return this.typeTrans=this.type,""},hasEyeDropper:function(){return Be(window.EyeDropper)},useColorBlockBorderColor:function(){return wo(this.colorBlockBorderColor)},useColorTextColor:function(){return wo(this.colorTextColor)},usePanelBackgroundColor:function(){return wo(this.panelBackgroundColor)},useToolBackgroundColor:function(){return wo(this.toolBackgroundColor)},useBorderColor:function(){return wo(this.borderColor)},usePanelOverflow:function(){let n=this,e=`overflow-y:auto; min-height:${n.layoutMinY}px;`;return n.layoutOverflowY&&(e+=`max-height:${n.layoutMaxY}px;`),e}},methods:{resize:function(n){let e=this;if(!e.show)return;let t=mn(n,"snew.windowWidth",0)>=2*(e.size+20)+3*e.space;e.layoutType=t?"horizontal":"vertical"},resizeContent:function(n){let e=this;if(!e.show)return;let t=mn(n,"snew.windowHeight",0);try{let n=gs(e.$refs.ct),r=500;e.layoutOverflowY=n.top+r>t,e.layoutMaxY=Math.max(t-n.top-30,e.layoutMinY)}catch(n){}},resizeSelectPanel:function(n){if(!this.show)return;let e=mn(n,"snew.clientHeight",0);this.selectPanelHeight=e},resizeSelectInput:function(n){if(!this.show)return;let e=mn(n,"snew.clientHeight",0);this.selectInputHeight=e},openEyeDropper:function(){let n=this;n.hasEyeDropper&&(n.loadingEyeDropper=!0,(new window.EyeDropper).open().then(e=>{let t=mn(e,"sRGBHex","#fff");n.valueNew=t}).catch(n=>{console.log(n)}).finally(()=>{n.loadingEyeDropper=!1}))},clickColor:function(){let n=this;n.editable&&(n.$emit("input",n.valueNew),n.show=!1)}}};const Qp=Up;var qp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{minWidth:null,maxWidth:null,autoFitMinWidth:!1,autoFitMaxWidth:!1,placementDistY:n.popupPlacementDist,editable:n.editable,changeValue:n.changeValue,changeType:n.changeType},on:{domresize:n.resize},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{},[t("div",{staticStyle:{display:"flex","align-items":"center",cursor:"pointer",outline:"none"},on:{click:n.clickColor}},[t("div",{style:"border:"+n.colorBlockBorderWidth+"px solid "+n.useColorBlockBorderColor+"; width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; background:"+n.valueOri+";"}),n._v(" "),n.showColorText?[t("div",{style:"padding-left:5px;"}),n._v(" "),t("div",{style:"font-size:"+n.colorTextFontSize+"; color:"+n.useColorTextColor+";"},[n._v("\n                        "+n._s(n.valueOri)+"\n                    ")])]:n._e()],2)])]},proxy:!0},{key:"content",fn:function(){return[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"ct",style:"background:"+n.usePanelBackgroundColor+"; "+n.usePanelOverflow,on:{domresize:n.resizeContent}},[t("div",{style:"display:flex; padding:"+n.space+"px; border-bottom:1px solid "+n.useBorderColor+"; background:"+n.useToolBackgroundColor+";"},[t("div",{},[t("WIcon",{staticStyle:{cursor:"pointer"},attrs:{icon:n.menuIconHsva,color:"HSVA"===n.typeTrans?n.menuIconColorActive:n.menuIconColor,colorHover:"HSVA"===n.typeTrans?n.menuIconColorActive:n.menuIconColorHover,size:n.menuIconSize},on:{click:function(e){n.typeTrans="HSVA",n.$emit("update:type","HSVA")}}})],1),n._v(" "),t("div",{},[t("WIcon",{staticStyle:{cursor:"pointer"},attrs:{icon:n.menuIconLump,color:"LUMP"===n.typeTrans?n.menuIconColorActive:n.menuIconColor,colorHover:"LUMP"===n.typeTrans?n.menuIconColorActive:n.menuIconColorHover,size:n.menuIconSize},on:{click:function(e){n.typeTrans="LUMP",n.$emit("update:type","LUMP")}}})],1),n._v(" "),n.hasEyeDropper?t("div",{},[t("WIcon",{class:{"icon-spinner":n.loadingEyeDropper},staticStyle:{cursor:"pointer"},attrs:{icon:n.loadingEyeDropper?n.mdiLoading:n.menuIconEyeDropper,color:n.loadingEyeDropper?n.menuIconColor:n.menuIconColorActive,colorHover:n.loadingEyeDropper?n.menuIconColor:n.menuIconColorActive,size:n.menuIconSize},on:{click:n.openEyeDropper}})],1):n._e(),n._v(" "),t("div",{style:"width:100%;"}),n._v(" "),t("div",{ref:"mtb",style:"display:flex; align-items:center;"},[t("div",{style:"display:flex; align-items:center; border:"+n.colorBlockBorderWidth+"px solid "+n.useColorBlockBorderColor+";"},[t("div",{style:"width:"+n.colorBlockSize+"px; min-width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; background:"+n.valueOri+";"}),n._v(" "),t("div",{style:"width:"+n.colorBlockSize+"px; min-width:"+n.colorBlockSize+"px; height:"+n.colorBlockSize+"px; background:"+n.valueNew+";"})])])]),n._v(" "),t("div",{style:"padding:"+n.space+"px;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],staticStyle:{display:"flex"},on:{domresize:n.resizeSelectPanel}},[t("WColorSelectPanel",{attrs:{type:n.typeTrans,size:n.size,space:0,backgroundColor:"transparent",menuIconLump:n.menuIconLump,menuIconHsva:n.menuIconHsva,menuIconColor:n.menuIconColor,menuIconColorHover:n.menuIconColorHover,menuIconColorActive:n.menuIconColorActive,menuIconSize:n.menuIconSize},model:{value:n.valueNew,callback:function(e){n.valueNew=e},expression:"valueNew"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],staticStyle:{display:"flex"},on:{domresize:n.resizeSelectInput}},[t("WColorSelectInput",{attrs:{size:Math.max(n.size-22,0),backgroundColor:"transparent",borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,menuBorderRadius:n.menuBorderRadius,menuBackgroundColor:n.menuBackgroundColor,menuBackgroundColorHover:n.menuBackgroundColorHover,menuBackgroundColorActive:n.menuBackgroundColorActive,menuTextColor:n.menuTextColor,menuTextColorHover:n.menuTextColorHover,menuTextColorActive:n.menuTextColorActive,menuTextFontSize:n.menuTextFontSize,inputBorderRadius:n.inputBorderRadius,inputBorderColor:n.inputBorderColor,inputBorderColorHover:n.inputBorderColorHover,inputBorderColorActive:n.inputBorderColorActive,inputBackgroundColor:n.inputBackgroundColor,inputBackgroundColorHover:n.inputBackgroundColorHover,inputBackgroundColorActive:n.inputBackgroundColorActive,inputTextColor:n.inputTextColor,inputTextFontSize:n.inputTextFontSize,inputTextWidth:n.inputTextWidth,inputTextHeight:n.inputTextHeight,inputLabelWidth:n.inputLabelWidth,inputLabelColor:n.inputLabelColor,inputLabelFontSize:n.inputLabelFontSize,barProgHeight:n.barProgHeight,barProgColor:n.barProgColor,barProgBackgroundColor:n.barProgBackgroundColor,barSliderSize:n.barSliderSize,barSliderBackgroundColor:n.barSliderBackgroundColor,barSliderBackgroundColorHover:n.barSliderBackgroundColorHover},model:{value:n.valueNew,callback:function(e){n.valueNew=e},expression:"valueNew"}})],1),n._v(" "),t("div",{style:"height:"+n.space+"px;"}),n._v(" "),t("div",{staticStyle:{"text-align":"right"}},[t("WButtonChip",{attrs:{text:n.btnText,rippleColor:n.btnRippleColor,paddingStyle:n.btnPaddingStyle,textColor:n.btnTextColor,textColorHover:n.btnTextColorHover,textColorActive:n.btnTextColorActive,textFontSize:n.btnTextFontSize,borderRadius:n.btnBorderRadius,_borderColor:"btnBorderColor",_borderColorHover:"btnBorderColorHover",_borderColorActive:"btnBorderColorActive",backgroundColor:n.btnBackgroundColor,backgroundColorHover:n.btnBackgroundColorHover,backgroundColorActive:n.btnBackgroundColorActive,shadow:n.btnShadow},on:{click:n.clickColor}})],1)])])]},proxy:!0}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}})};qp._withStripped=!0;const nf=t({render:qp,staticRenderFns:[]},function(n){n&&n("data-v-28a3241f_0",{source:"\n.icon-spinner[data-v-28a3241f] {\r\n    animation: spin-animation-data-v-28a3241f 1.5s infinite;\r\n    display: inline-block;\n}\n@keyframes spin-animation-data-v-28a3241f {\n0% {\r\n        transform: rotate(0deg);\n}\n100% {\r\n        transform: rotate(359deg);\n}\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WColorSelect.vue"],names:[],mappings:";AAoxBA;IACA,uDAAA;IACA,qBAAA;AACA;AACA;AACA;QACA,uBAAA;AACA;AACA;QACA,yBAAA;AACA;AACA",file:"WColorSelect.vue",sourcesContent:["<template>\r\n    <WPopup\r\n        :minWidth=\"null\"\r\n        :maxWidth=\"null\"\r\n        :autoFitMinWidth=\"false\"\r\n        :autoFitMaxWidth=\"false\"\r\n        :placementDistY=\"popupPlacementDist\"\r\n        :editable=\"editable\"\r\n        v-model=\"show\"\r\n        :changeValue=\"changeValue\"\r\n        :changeType=\"changeType\"\r\n        v-domresize\r\n        @domresize=\"resize\"\r\n    >\r\n\r\n        <template v-slot:trigger>\r\n\r\n            <div style=\"\">\r\n                \x3c!-- 盡量不要讓display:flex暴露至外層 --\x3e\r\n                <div\r\n                    style=\"display:flex; align-items:center; cursor:pointer; outline:none;\"\r\n                    @click=\"clickColor\"\r\n                >\r\n\r\n                    <div :style=\"`border:${colorBlockBorderWidth}px solid ${useColorBlockBorderColor}; width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueOri};`\"></div>\r\n\r\n                    <template v-if=\"showColorText\">\r\n\r\n                        <div :style=\"`padding-left:5px;`\"></div>\r\n\r\n                        <div :style=\"`font-size:${colorTextFontSize}; color:${useColorTextColor};`\">\r\n                            {{valueOri}}\r\n                        </div>\r\n\r\n                    </template>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </template>\r\n\r\n        <template v-slot:content>\r\n\r\n            <div\r\n                ref=\"ct\"\r\n                :style=\"`background:${usePanelBackgroundColor}; ${usePanelOverflow}`\"\r\n                v-domresize\r\n                @domresize=\"resizeContent\"\r\n            >\r\n\r\n                \x3c!-- 上方選單區 --\x3e\r\n                <div :style=\"`display:flex; padding:${space}px; border-bottom:1px solid ${useBorderColor}; background:${useToolBackgroundColor};`\">\r\n\r\n                    <div style=\"\">\r\n                        <WIcon\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"menuIconHsva\"\r\n                            :color=\"typeTrans==='HSVA'?menuIconColorActive:menuIconColor\"\r\n                            :colorHover=\"typeTrans==='HSVA'?menuIconColorActive:menuIconColorHover\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"typeTrans='HSVA';$emit('update:type','HSVA')\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div style=\"\">\r\n                        <WIcon\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"menuIconLump\"\r\n                            :color=\"typeTrans==='LUMP'?menuIconColorActive:menuIconColor\"\r\n                            :colorHover=\"typeTrans==='LUMP'?menuIconColorActive:menuIconColorHover\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"typeTrans='LUMP';$emit('update:type','LUMP')\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div style=\"\" v-if=\"hasEyeDropper\">\r\n                        <WIcon\r\n                            :class=\"{'icon-spinner':loadingEyeDropper}\"\r\n                            style=\"cursor:pointer;\"\r\n                            :icon=\"loadingEyeDropper?mdiLoading:menuIconEyeDropper\"\r\n                            :color=\"loadingEyeDropper?menuIconColor:menuIconColorActive\"\r\n                            :colorHover=\"loadingEyeDropper?menuIconColor:menuIconColorActive\"\r\n                            :size=\"menuIconSize\"\r\n                            @click=\"openEyeDropper\"\r\n                        ></WIcon>\r\n                    </div>\r\n\r\n                    <div :style=\"`width:100%;`\"></div>\r\n\r\n                    <div\r\n                        ref=\"mtb\"\r\n                        :style=\"`display:flex; align-items:center;`\"\r\n                    >\r\n\r\n                        <div :style=\"`display:flex; align-items:center; border:${colorBlockBorderWidth}px solid ${useColorBlockBorderColor};`\">\r\n\r\n                            <div :style=\"`width:${colorBlockSize}px; min-width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueOri};`\"></div>\r\n\r\n                            <div :style=\"`width:${colorBlockSize}px; min-width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueNew};`\"></div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div :style=\"`padding:${space}px;`\">\r\n\r\n                    \x3c!-- 顏色選擇區 --\x3e\r\n                    <div\r\n                        style=\"display:flex;\"\r\n                        v-domresize\r\n                        @domresize=\"resizeSelectPanel\"\r\n                    >\r\n                        <WColorSelectPanel\r\n                            :type=\"typeTrans\"\r\n                            :size=\"size\"\r\n                            :space=\"0\"\r\n                            :backgroundColor=\"'transparent'\"\r\n                            :menuIconLump=\"menuIconLump\"\r\n                            :menuIconHsva=\"menuIconHsva\"\r\n                            :menuIconColor=\"menuIconColor\"\r\n                            :menuIconColorHover=\"menuIconColorHover\"\r\n                            :menuIconColorActive=\"menuIconColorActive\"\r\n                            :menuIconSize=\"menuIconSize\"\r\n                            v-model=\"valueNew\"\r\n                        ></WColorSelectPanel>\r\n                    </div>\r\n\r\n                    <div :style=\"`height:${space}px;`\"></div>\r\n\r\n                    \x3c!-- 顏色數值區 --\x3e\r\n                    <div\r\n                        style=\"display:flex;\"\r\n                        v-domresize\r\n                        @domresize=\"resizeSelectInput\"\r\n                    >\r\n                        <WColorSelectInput\r\n                            :size=\"Math.max(size-22,0)\"\r\n                            :backgroundColor=\"'transparent'\"\r\n                            :borderColor=\"borderColor\"\r\n                            :borderColorHover=\"borderColorHover\"\r\n                            :borderColorActive=\"borderColorActive\"\r\n                            :menuBorderRadius=\"menuBorderRadius\"\r\n                            :menuBackgroundColor=\"menuBackgroundColor\"\r\n                            :menuBackgroundColorHover=\"menuBackgroundColorHover\"\r\n                            :menuBackgroundColorActive=\"menuBackgroundColorActive\"\r\n                            :menuTextColor=\"menuTextColor\"\r\n                            :menuTextColorHover=\"menuTextColorHover\"\r\n                            :menuTextColorActive=\"menuTextColorActive\"\r\n                            :menuTextFontSize=\"menuTextFontSize\"\r\n                            :inputBorderRadius=\"inputBorderRadius\"\r\n                            :inputBorderColor=\"inputBorderColor\"\r\n                            :inputBorderColorHover=\"inputBorderColorHover\"\r\n                            :inputBorderColorActive=\"inputBorderColorActive\"\r\n                            :inputBackgroundColor=\"inputBackgroundColor\"\r\n                            :inputBackgroundColorHover=\"inputBackgroundColorHover\"\r\n                            :inputBackgroundColorActive=\"inputBackgroundColorActive\"\r\n                            :inputTextColor=\"inputTextColor\"\r\n                            :inputTextFontSize=\"inputTextFontSize\"\r\n                            :inputTextWidth=\"inputTextWidth\"\r\n                            :inputTextHeight=\"inputTextHeight\"\r\n                            :inputLabelWidth=\"inputLabelWidth\"\r\n                            :inputLabelColor=\"inputLabelColor\"\r\n                            :inputLabelFontSize=\"inputLabelFontSize\"\r\n                            :barProgHeight=\"barProgHeight\"\r\n                            :barProgColor=\"barProgColor\"\r\n                            :barProgBackgroundColor=\"barProgBackgroundColor\"\r\n                            :barSliderSize=\"barSliderSize\"\r\n                            :barSliderBackgroundColor=\"barSliderBackgroundColor\"\r\n                            :barSliderBackgroundColorHover=\"barSliderBackgroundColorHover\"\r\n                            v-model=\"valueNew\"\r\n                        ></WColorSelectInput>\r\n                    </div>\r\n\r\n                    <div :style=\"`height:${space}px;`\"></div>\r\n\r\n                    \x3c!-- 確認按鈕區 --\x3e\r\n                    <div style=\"text-align:right;\">\r\n\r\n                        <WButtonChip\r\n                            :text=\"btnText\"\r\n                            :rippleColor=\"btnRippleColor\"\r\n                            :paddingStyle=\"btnPaddingStyle\"\r\n                            :textColor=\"btnTextColor\"\r\n                            :textColorHover=\"btnTextColorHover\"\r\n                            :textColorActive=\"btnTextColorActive\"\r\n                            :textFontSize=\"btnTextFontSize\"\r\n                            :borderRadius=\"btnBorderRadius\"\r\n                            _borderColor=\"btnBorderColor\"\r\n                            _borderColorHover=\"btnBorderColorHover\"\r\n                            _borderColorActive=\"btnBorderColorActive\"\r\n                            :backgroundColor=\"btnBackgroundColor\"\r\n                            :backgroundColorHover=\"btnBackgroundColorHover\"\r\n                            :backgroundColorActive=\"btnBackgroundColorActive\"\r\n                            :shadow=\"btnShadow\"\r\n                            @click=\"clickColor\"\r\n                        ></WButtonChip>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </WPopup>\r\n</template>\r\n\r\n<script>\r\nimport { mdiHexagonSlice6, mdiViewParallel, mdiEyedropper, mdiLoading } from '@mdi/js'\r\nimport get from 'lodash-es/get.js'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport domGetBoudRect from 'wsemi/src/domGetBoudRect.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WPopup from './WPopup.vue'\r\nimport WColorSelectPanel from './WColorSelectPanel.vue'\r\nimport WColorSelectInput from './WColorSelectInput.vue'\r\nimport WButtonChip from './WButtonChip.vue'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [value='#FFFFFF'] 輸入顏色字串，預設'#FFFFFF'\r\n * @vue-prop {String} [type='HSVA'] 輸入選擇顏色方式字串，可選'LUMP'、'HSVA'，預設'HSVA'\r\n * @vue-prop {Number} [size=200] 輸入尺寸數字，代表組件基礎寬度與將自動計算高度，單位px，預設200\r\n * @vue-prop {Number} [space=10] 輸入子組件間距數字，單位px，預設10\r\n * @vue-prop {Number} [colorBlockSize=20] 輸入色塊長與寬度數字，單位px，預設20\r\n * @vue-prop {Number} [colorBlockBorderWidth=1] 輸入色塊框線寬度數字，單位px，預設1\r\n * @vue-prop {String} [colorBlockBorderColor='#ddd'] 輸入色塊框線顏色字串，預設'#ddd'\r\n * @vue-prop {Boolean} [showColorText=true] 輸入是否顯示當前RGBA顏色文字布林值，預設true\r\n * @vue-prop {String} [colorTextColor='#000'] 輸入當前RGBA顏色文字顏色字串，預設'#000'\r\n * @vue-prop {String} [colorTextFontSize='0.8rem'] 輸入當前RGBA顏色文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {String} [panelBackgroundColor='#fff'] 輸入彈窗背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [toolBackgroundColor='#f5f5f5'] 輸入彈窗背景顏色字串，預設'#f5f5f5'\r\n * @vue-prop {String} [menuIconLump=mdiHexagonSlice6] 輸入選單LUMP模式圖標字串，預設mdiHexagonSlice6\r\n * @vue-prop {String} [menuIconHsva=mdiViewParallel] mdiViewParallel\r\n * @vue-prop {String} [menuIconEyeDropper=mdiEyedropper] 輸入取色滴管圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiEyedropper)\r\n * @vue-prop {String} [menuIconColor='#aaa'] 輸入選單圖標顏色字串，預設'#aaa'\r\n * @vue-prop {String} [menuIconColorHover='#999'] 輸入滑鼠移入時選單圖標顏色字串，預設'#999'\r\n * @vue-prop {String} [menuIconColorActive='#666'] 輸入主動模式時選單圖標顏色字串，預設'#666'\r\n * @vue-prop {Number} [menuIconSize=20] 輸入選單圖標尺寸數字，單位為px，預設20\r\n * @vue-prop {String} [borderColor='#ddd'] 輸入邊框顏色字串，預設'#ddd'\r\n * @vue-prop {String} [borderColorHover='#ccc'] 輸入滑鼠移入時邊框顏色字串，預設'#ccc'\r\n * @vue-prop {String} [borderColorActive='#777'] 輸入主動模式時邊框顏色字串，預設'#777'\r\n * @vue-prop {Number} [menuBorderRadius=4] 輸入框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [menuTextColor='#444'] 輸入選單文字顏色字串，預設'#444'\r\n * @vue-prop {String} [menuTextColorHover='#222'] 輸入滑鼠移入時選單文字顏色字串，預設'#222'\r\n * @vue-prop {String} [menuTextColorActive='#000'] 輸入主動模式時選單文字顏色字串，預設'#000'\r\n * @vue-prop {String} [menuTextFontSize='0.8rem'] 輸入選單文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {String} [menuBackgroundColor='#fff'] 輸入選單背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [menuBackgroundColorHover='#f9f9f9'] 輸入滑鼠移入時選單背景顏色字串，預設'#f9f9f9'\r\n * @vue-prop {String} [menuBackgroundColorActive='#f2f2f2'] 輸入主動模式時選單背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {Number} [inputBorderRadius=4] 輸入顏色數字輸入區邊框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [inputBorderColor='#ccc'] 輸入顏色數字輸入區邊框顏色字串，預設'#ccc'\r\n * @vue-prop {String} [inputBorderColorHover='#b5b5b5'] 輸入滑鼠移入時顏色數字輸入區邊框顏色字串，預設'#b5b5b5'\r\n * @vue-prop {String} [inputBorderColorActive='#aaa'] 輸入主動模式時顏色數字輸入區邊框顏色字串，預設'#aaa'\r\n * @vue-prop {String} [inputBackgroundColor='#fff'] 輸入顏色數字輸入區背景顏色字串，預設'#fff'\r\n * @vue-prop {String} [inputBackgroundColorHover='#fafafa'] 輸入滑鼠移入時顏色數字輸入區背景顏色字串，預設'#fafafa'\r\n * @vue-prop {String} [inputBackgroundColorActive='#f2f2f2'] 輸入主動模式時顏色數字輸入區背景顏色字串，預設'#f2f2f2'\r\n * @vue-prop {String} [inputTextColor='#000'] 輸入顏色數字輸入區文字顏色字串，預設'#000'\r\n * @vue-prop {String} [inputTextFontSize='0.8rem'] 輸入顏色數字輸入區文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [inputTextWidth=38] 輸入顏色數字輸入區寬度數字，單位為px，預設38\r\n * @vue-prop {Number} [inputTextHeight=18] 輸入顏色數字輸入區高度數字，單位為px，預設18\r\n * @vue-prop {Number} [inputLabelWidth=12] 輸入顏色數字輸入區標題寬度數字，單位為px，預設12\r\n * @vue-prop {String} [inputLabelColor='#666'] 輸入文字顏色字串，預設'#666'\r\n * @vue-prop {String} [inputLabelFontSize='0.8rem'] 輸入文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [barProgHeight=4] 輸入值域條高度數字，單位為px，預設4\r\n * @vue-prop {String} [barProgColor='#74a4d9'] 輸入值域條顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [barProgBackgroundColor='#eee'] 輸入值域條背景顏色字串，預設'#eee'\r\n * @vue-prop {Number} [barSliderSize=10] 輸入拖曳球尺寸數字，單位為px，預設10\r\n * @vue-prop {String} [barSliderBackgroundColor='#1565C0'] 輸入拖曳球背景顏色字串，預設'#1565C0'\r\n * @vue-prop {String} [barSliderBackgroundColorHover='#1976D2'] 輸入滑鼠移入時拖曳球背景顏色字串，預設'#1976D2'\r\n * @vue-prop {Number} [popupPlacementDist=5] 輸入彈窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {String} [btnText='Confirm'] 輸入確認按鈕之文字字串，預設'Confirm'\r\n * @vue-prop {String} [btnRippleColor='rgba(255,255,255,0.4)'] 輸入確認按鈕之ripple效果顏色字串，預設'rgba(255,255,255,0.4)'\r\n * @vue-prop {Object} [btnPaddingStyle={v:1,h:5}] 輸入確認按鈕之內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5}\r\n * @vue-prop {String} [btnTextColor='#000'] 輸入確認按鈕之文字顏色字串，預設'#000'\r\n * @vue-prop {String} [btnTextColorHover='#222'] 輸入滑鼠移入時確認按鈕之文字顏色字串，預設'#222'\r\n * @vue-prop {String} [btnTextColorActive='#222'] 輸入主動模式時確認按鈕之文字顏色字串，預設'#222'\r\n * @vue-prop {String} [btnTextFontSize='0.8rem'] 輸入確認按鈕之文字字型大小字串，預設'0.8rem'\r\n * @vue-prop {Number} [btnBorderRadius=4] 輸入確認按鈕之框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [btnBackgroundColor='rgb(241,241,241)'] 輸入確認按鈕之背景顏色字串，預設'rgb(241,241,241)'\r\n * @vue-prop {String} [btnBackgroundColorHover='rgb(236,236,236)'] 輸入滑鼠移入時確認按鈕之背景顏色字串，預設'rgb(236,236,236)'\r\n * @vue-prop {String} [btnBackgroundColorActive='rgb(236,236,236)'] 輸入主動模式時確認按鈕之背景顏色字串，預設'rgb(236,236,236)'\r\n * @vue-prop {Boolean} [btnShadow=true] 輸入確認按鈕之是否顯示陰影布林值，預設true\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WPopup,\r\n        WColorSelectPanel,\r\n        WColorSelectInput,\r\n        WButtonChip,\r\n        WIcon,\r\n    },\r\n    props: {\r\n        value: {\r\n            type: String,\r\n            default: '#FFFFFF',\r\n        },\r\n        type: {\r\n            type: String,\r\n            default: 'HSVA',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        colorBlockSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        colorBlockBorderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        colorBlockBorderColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        showColorText: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        colorTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        colorTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        panelBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        toolBackgroundColor: {\r\n            type: String,\r\n            default: '#f5f5f5',\r\n        },\r\n        menuIconLump: {\r\n            type: String,\r\n            default: mdiHexagonSlice6,\r\n        },\r\n        menuIconHsva: {\r\n            type: String,\r\n            default: mdiViewParallel,\r\n        },\r\n        menuIconEyeDropper: {\r\n            type: String,\r\n            default: mdiEyedropper,\r\n        },\r\n        menuIconColor: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        menuIconColorHover: {\r\n            type: String,\r\n            default: '#999',\r\n        },\r\n        menuIconColorActive: {\r\n            type: String,\r\n            default: '#666',\r\n        },\r\n        menuIconSize: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        borderColorActive: {\r\n            type: String,\r\n            default: '#777',\r\n        },\r\n        menuBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        menuTextColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        menuTextColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        menuTextColorActive: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        menuTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        menuBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        menuBackgroundColorHover: {\r\n            type: String,\r\n            default: '#f9f9f9',\r\n        },\r\n        menuBackgroundColorActive: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        inputBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        inputBorderColor: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        inputBorderColorHover: {\r\n            type: String,\r\n            default: '#b5b5b5',\r\n        },\r\n        inputBorderColorActive: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        inputBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        inputBackgroundColorHover: {\r\n            type: String,\r\n            default: '#fafafa',\r\n        },\r\n        inputBackgroundColorActive: {\r\n            type: String,\r\n            default: '#f2f2f2',\r\n        },\r\n        inputTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        inputTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 38,\r\n        },\r\n        inputTextHeight: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        inputLabelWidth: {\r\n            type: Number,\r\n            default: 12,\r\n        },\r\n        inputLabelColor: {\r\n            type: String,\r\n            default: '#666',\r\n        },\r\n        inputLabelFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        barProgHeight: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        barProgColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        barProgBackgroundColor: {\r\n            type: String,\r\n            default: '#eee',\r\n        },\r\n        barSliderSize: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        barSliderBackgroundColor: {\r\n            type: String,\r\n            default: '#1565C0',\r\n        },\r\n        barSliderBackgroundColorHover: {\r\n            type: String,\r\n            default: '#1976D2',\r\n        },\r\n        popupPlacementDist: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        btnText: {\r\n            type: String,\r\n            default: 'Confirm',\r\n        },\r\n        btnRippleColor: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.4)',\r\n        },\r\n        btnPaddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 1,\r\n                    h: 5,\r\n                }\r\n            },\r\n        },\r\n        btnTextColor: {\r\n            type: String,\r\n            default: '#000',\r\n        },\r\n        btnTextColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        btnTextColorActive: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        btnTextFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        btnBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        btnBackgroundColor: {\r\n            type: String,\r\n            default: 'rgb(241,241,241)',\r\n        },\r\n        btnBackgroundColorHover: {\r\n            type: String,\r\n            default: 'rgb(236,236,236)',\r\n        },\r\n        btnBackgroundColorActive: {\r\n            type: String,\r\n            default: 'rgb(236,236,236)',\r\n        },\r\n        btnShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            mdiLoading,\r\n\r\n            show: false,\r\n\r\n            typeTrans: 'HSVA',\r\n\r\n            loadingEyeDropper: false,\r\n\r\n            layoutType: 'horizontal',\r\n            layoutOverflowY: false,\r\n            layoutMinY: 300,\r\n            layoutMaxY: 300,\r\n\r\n            selectPanelHeight: 0,\r\n            selectInputHeight: 0,\r\n\r\n            valueOri: null,\r\n            valueNew: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function() {\r\n            let vo = this\r\n            vo.valueOri = convertColor(vo.value)\r\n            vo.valueNew = vo.valueOri\r\n            return ''\r\n        },\r\n\r\n        changeType: function() {\r\n            let vo = this\r\n            vo.typeTrans = vo.type\r\n            return ''\r\n        },\r\n\r\n        hasEyeDropper: function() {\r\n            // let vo = this\r\n            let b = isfun(window.EyeDropper)\r\n            // console.log('window.EyeDropper', window.EyeDropper)\r\n            return b\r\n        },\r\n\r\n        useColorBlockBorderColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.colorBlockBorderColor)\r\n        },\r\n\r\n        useColorTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.colorTextColor)\r\n        },\r\n\r\n        usePanelBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.panelBackgroundColor)\r\n        },\r\n\r\n        useToolBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.toolBackgroundColor)\r\n        },\r\n\r\n        useBorderColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.borderColor)\r\n        },\r\n\r\n        usePanelOverflow: function() {\r\n            let vo = this\r\n            let of = `overflow-y:auto; min-height:${vo.layoutMinY}px;`\r\n            if (vo.layoutOverflowY) {\r\n                of += `max-height:${vo.layoutMaxY}px;`\r\n            }\r\n            return of\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resize: function(msg) {\r\n            // console.log('methods resize', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            let w = get(msg, 'snew.windowWidth', 0)\r\n            // let h = get(msg, 'snew.windowHeight', 0)\r\n            // console.log('w', w, 'h', h, b)\r\n\r\n            //layoutType\r\n            let b = w >= 2 * (vo.size + 20) + 3 * vo.space //20為組件設定, 不提供外部更改故可直接給\r\n            vo.layoutType = b ? 'horizontal' : 'vertical'\r\n            // console.log('layoutType', vo.layoutType)\r\n\r\n        },\r\n\r\n        resizeContent: function(msg) {\r\n            // console.log('methods resizeContent', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            // let w = get(msg, 'snew.windowWidth', 0)\r\n            let h = get(msg, 'snew.windowHeight', 0)\r\n\r\n            try {\r\n\r\n                // console.log('vo.$refs.ct', vo.$refs.ct)\r\n                let rt = domGetBoudRect(vo.$refs.ct)\r\n                // console.log('rt', rt)\r\n\r\n                //hc, 概估組件size=200時高度\r\n                let hc = 500\r\n\r\n                //layoutOverflowY\r\n                vo.layoutOverflowY = rt.top + hc > h\r\n                // console.log('layoutOverflowY', vo.layoutOverflowY)\r\n\r\n                //layoutMaxY\r\n                vo.layoutMaxY = Math.max(h - rt.top - 30, vo.layoutMinY) //30是概估與底部的留白距離\r\n                // console.log('layoutMaxY', vo.layoutMaxY)\r\n\r\n            }\r\n            catch (err) {}\r\n\r\n        },\r\n\r\n        resizeSelectPanel: function(msg) {\r\n            // console.log('methods resizeSelectPanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            let h = get(msg, 'snew.clientHeight', 0)\r\n\r\n            //save\r\n            vo.selectPanelHeight = h\r\n\r\n        },\r\n\r\n        resizeSelectInput: function(msg) {\r\n            // console.log('methods resizeSelectInput', msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.show) {\r\n                return\r\n            }\r\n\r\n            let h = get(msg, 'snew.clientHeight', 0)\r\n\r\n            //save\r\n            vo.selectInputHeight = h\r\n\r\n        },\r\n\r\n        openEyeDropper: function() {\r\n            // console.log('methods openEyeDropper')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.hasEyeDropper) {\r\n                return\r\n            }\r\n\r\n            vo.loadingEyeDropper = true\r\n\r\n            let eyeDropper = new window.EyeDropper()\r\n            eyeDropper\r\n                .open()\r\n                .then((res) => {\r\n                    // console.log('res', res)\r\n                    let hex = get(res, 'sRGBHex', '#fff')\r\n                    vo.valueNew = hex\r\n                })\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n                .finally(() => {\r\n                    vo.loadingEyeDropper = false\r\n                })\r\n\r\n        },\r\n\r\n        clickColor: function() {\r\n            // console.log('methods clickColor')\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //emit\r\n            vo.$emit('input', vo.valueNew)\r\n\r\n            //hide\r\n            vo.show = false\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.icon-spinner {\r\n    animation: spin-animation 1.5s infinite;\r\n    display: inline-block;\r\n}\r\n@keyframes spin-animation {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n    100% {\r\n        transform: rotate(359deg);\r\n    }\r\n}\r\n</style>\r\n"]},media:void 0})},Qp,"data-v-28a3241f",false,void 0,!1,o,void 0,void 0);function ef(n){return null==n?[]:function(n,e){return dn(e,function(e){return n[e]})}(n,Ce(n))}let tf={};let rf={getLevel:function(n,e){Sn(tf,n)||(tf[n]={});let t=mn(tf,n,{}),r=mn(t,e,null);if(Fo(r))return r;let o=ef(tf[n]);return 0===So(o)?(r=1,tf[n][e]=r,r):(r=Mu(o)+1,tf[n][e]=r,r)},destroyLevel:function(n,e){Sn(tf,n)&&delete tf[n][e]}};var of={directives:{domresize:ol()},components:{WButtonCircle:Fu,WIcon:Ma},props:{show:{type:Boolean,default:!1},isModal:{type:Boolean,default:!0},dialogZIndex:{type:Number,default:2e3},fullscreen:{type:Boolean,default:!1},minWidth:{type:Number,default:200},maxWidth:{type:Number,default:1e3},ratioHeightMax:{type:Number,default:.9},autoFullscreenWhenNarrow:{type:Boolean,default:!0},overlayColor:{type:String,default:"rgba(0,0,0,0.3)"},panelBorderRadius:{type:Number,default:4},panelShadow:{type:Boolean,default:!0},panelShadowStyle:{type:String,default:"0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%)"},icon:{type:String,default:""},title:{type:String,default:""},titleColor:{type:String,default:"white"},titleFontSize:{type:String,default:"1.3rem"},headerHeight:{type:Number,default:56},headerIconColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"light-blue darken-3"},headerShadow:{type:Boolean,default:!0},headerShadowStyle:{type:String,default:"0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%)"},headerBtns:{type:Array,default:()=>[]},hasSaveBtn:{type:Boolean,default:!0},saveBtnTooltip:{type:String,default:"Save"},hasCloseBtn:{type:Boolean,default:!0},closeBtnTooltip:{type:String,default:"Close"},closeWithInterceptor:{type:Boolean,default:!1},contentTextColor:{type:String,default:"black"},contentBackgroundColor:{type:String,default:"#fff"}},data:function(){return{get:mn,mmkey:Qo(),zind:0,mdiCheckCircle:cl,mdiClose:vl,mdiCheckerboard:hl,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=rf.getLevel("dialog",n.mmkey),n.showPanel()):rf.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:hl},useRatioHeight:function(){let n=this;return n.useFullscreen?1:n.ratioHeightMax},useWidth:function(){let n=this;return n.useFullscreen?"width:100svw; max-width:100svw;":`min-width:${n.minWidth}px; max-width:${n.maxWidth}px;`},useHeight:function(){let n="";return n=this.useFullscreen?"height":"max-height",n=`${n}:${100*this.useRatioHeight}svh;`,n},useOverlayColor:function(){return wo(this.overlayColor)},usePanelShadowStyle:function(){return this.panelShadow?`box-shadow:${Ae(this.panelShadowStyle,";","")};`:""},useTitleFontSize:function(){let n=this.titleFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTitleColor:function(){return wo(this.titleColor)},useHeaderBackgroundColor:function(){return wo(this.headerBackgroundColor)},useHeaderShadowStyle:function(){return this.headerShadow?`box-shadow:${Ae(this.headerShadowStyle,";","")};`:""},useContentTextColor:function(){return wo(this.contentTextColor)},useContentBackgroundColor:function(){return wo(this.contentBackgroundColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=mn(e,"$refs.divFooter");e.footerHeight=t?t.clientHeight:0,e.fullscreenForce=!1,e.autoFullscreenWhenNarrow&&(e.fullscreenForce=e.maxWidth>=window.innerWidth),e.contentHeightMax=Math.max(window.innerHeight*e.useRatioHeight-e.headerHeight-e.footerHeight,0),0===e.contentHeightMax?e.useContentHeight="":e.useContentHeight=`max-height:${e.contentHeightMax}px;`;let r=mn(e,"$refs.divShield");if(r){let n=r.offsetWidth-r.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};Fs(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick(()=>{e.$emit("resize",qi(t))}))},updateTitleWidth:function(n){let e=this,t=mn(e,"$refs.hdIcon.clientWidth",0),r=mn(e,"$refs.hdStl.clientWidth",0),o=mn(e,"$refs.hdStr.clientWidth",0),i=mn(e,"$refs.hdBtns.clientWidth",0),l=e.panelWidth-2*e.headSpace-t-r-o-i;l=Math.max(l,0),e.titleWidth=l},clickOutside:function(n){let e=this,t=!1;try{t=!e.$refs.divPanel.contains(n.target)}catch(n){}if(t)try{t=!qa(n.clientX,n.clientY,e.$refs.divPanel)}catch(n){}if(t)if(e.useIsModal){let n=20,t=1.02;e.panelWidth>0&&(t=(e.panelWidth+n)/e.panelWidth);let r=100;e.panelStylePlus=`transition:all ${r}ms; transform:scale(${t});`,setTimeout(()=>{e.panelStylePlus=`transition:all ${r}ms;`},r),setTimeout(()=>{e.panelStylePlus=""},2*r)}else e.$nextTick(()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)})},clickBtns:function(n){let e=this;e.$nextTick(()=>{e.$emit("click-btns",qi(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=In();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 lf=of;var af=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[n.showTrans?t("div",{ref:"divShield",style:"\n            position:fixed; left:0px; top:0px;\n            width:calc( 100svw + "+n.nativeBarWidth+"px ); height:100svh;\n            overflow:clip;\n            z-index:"+n.useDialogZIndex+";\n            overscroll-behavior:none;\n            user-select:none;\n            touch-action:none;\n        "},[t("div",{style:"\n                width: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,r){return[t("WButtonCircle",{key:r,staticStyle:{"padding-left":"5px"},attrs:{icon:n.get(e,"icon"),shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.get(e,"iconColor")||n.headerIconColor,iconColor:n.get(e,"iconColor")||n.headerIconColor,iconColorHover:n.get(e,"iconColor")||n.headerIconColor,iconColorFocus:n.get(e,"iconColor")||n.headerIconColor,backgroundColor:n.get(e,"backgroundColor")||"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.get(e,"tooltip")},on:{click:function(t){return n.clickBtns(e)}}})]}),n._v(" "),n.hasSaveBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiCheckCircle,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.saveBtnTooltip,promiseUnlock:!0},on:{click:n.clickSave}})]:n._e(),n._v(" "),n.hasCloseBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiClose,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.closeBtnTooltip},on:{click:function(e){return n.clickClose(!1)}}})]:n._e()],2)])])]},{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divContent",style:"\n                                color:"+n.useContentTextColor+";\n                                "+n.useContentHeight+"\n                                overflow-y:auto;\n                            ",on:{domresize:n.resizeContent}},[n._t("content",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{ref:"divFooter",style:"\n                            "},[n._t("footer",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)]},{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)])])]):n._e()])};af._withStripped=!0;const df=t({render:af,staticRenderFns:[]},function(n){n&&n("data-v-48b10366_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},lf,"data-v-48b10366",false,void 0,!1,o,void 0,void 0);var uf={components:{WButtonChip:Bu,WIcon:Ma,WDialog:df},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:ul},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:ul,mdiCheckboxMarkedCircle:gl,mdiCloseCircle:yl,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderStyle:function(){let n={padding:"15px 20px"};return n["background-color"]=wo(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n["font-size"]="1.2rem",n.color=wo(this.titleColor),n},useContentStyle:function(){let n={padding:"20px 15px"};return n["background-color"]=wo(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=wo(this.contentColor),n["overflow-y"]="auto",n},useFooterStyle:function(){let n={padding:"15px"};return n["background-color"]=wo(this.footerBackgroundColor),n["border-top"]="1px solid #ddd",n["text-align"]="right",n}},methods:{clickBtns:function(n){let e=this;e.showTrans=!1,e.$nextTick(()=>{e.$emit("update:show",e.showTrans);let t="no";n&&(t="yes"),e.$emit("click-"+t)})}}};const sf=uf;var cf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WDialog",{attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,headerShadow:!1,show:n.showTrans,changeParam:n.changeParam},on:{"update:show":function(e){n.showTrans=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n.showTrans?t("div",[n._t("header",function(){return[t("div",{style:n.useHeaderStyle},[n._v("\n                    "+n._s(n.title)+"\n                ")])]})],2):n._e()]},proxy:!0},{key:"content",fn:function(){return[n.showTrans?t("div",[n._t("content",function(){return[t("div",{style:n.useContentStyle},[t("div",{staticStyle:{display:"table-cell","vertical-align":"middle","padding-right":"15px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor,colorHover:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"middle",width:"100%"}},[n._v(n._s(n.content))])])]})],2):n._e()]},proxy:!0},{key:"footer",fn:function(){return[n.showTrans?t("div",[n._t("footer",function(){return[t("div",{style:n.useFooterStyle},[n.hasNoBtn?t("WButtonChip",{staticStyle:{"margin-left":"10px"},attrs:{shiftLeft:-5,icon:n.mdiCloseCircle,iconColor:n.noBtnTextColor,iconColorHover:n.noBtnTextColorHover,text:n.noBtnText,textColor:n.noBtnTextColor,textColorHover:n.noBtnTextColorHover,backgroundColor:n.noBtnBackgroundColor,backgroundColorHover:n.noBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!1)}}}):n._e(),n._v(" "),t("WButtonChip",{staticStyle:{"margin-left":"10px"},attrs:{shiftLeft:-5,icon:n.mdiCheckboxMarkedCircle,iconColor:n.yesBtnTextColor,iconColorHover:n.yesBtnTextColorHover,text:n.yesBtnText,textColor:n.yesBtnTextColor,textColorHover:n.yesBtnTextColorHover,backgroundColor:n.yesBtnBackgroundColor,backgroundColorHover:n.yesBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!0)}}})],1)]})],2):n._e()]},proxy:!0}],null,!0)})};cf._withStripped=!0;const pf=t({render:cf,staticRenderFns:[]},function(n){n&&n("data-v-c3df9010_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},sf,"data-v-c3df9010",false,void 0,!1,o,void 0,void 0);function ff(){let n=Cr();return{width:(()=>{let e=[mn(n,"innerWidth"),mn(n,"document.documentElement.clientWidth"),mn(n,"document.body.clientWidth")];return e=Xo(e,Fo),_u(e)})(),height:(()=>{let e=[mn(n,"innerHeight"),mn(n,"document.documentElement.clientHeight"),mn(n,"document.body.clientHeight")];return e=Xo(e,Fo),_u(e)})()}}var gf={directives:{domresize:ol()},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=Gp(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=Fo(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?wo(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 wo(this.drawerBarColor)},useDrawerBarBorderColor:function(){return wo(this.drawerBarBorderColor)}},methods:{resizePanel:function(n){let e=this;if(e.afloatByFix){let n=ff();e.panelWidth=n.width,e.panelHeight=n.height}else e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=e.switchWidth,r=mn(n,"smode.width","");e.autoSwitchToHide&&e.valueTrans&&"smaller"===r&&e.panelWidth<t&&(e.toggleValue(!1),e.$emit("input",!1)),e.autoSwitchToShow&&!e.valueTrans&&"larger"===r&&e.panelWidth>=t&&(e.toggleValue(!0),e.$emit("input",!0)),e.autoSwitchToFloat&&e.valueTrans&&!e.afloatTrans&&"smaller"===r&&e.panelWidth<t&&(e.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 r=!1;try{r=!t.$refs.divDrawer.contains(n.target)}catch(n){}if(r)try{r=!qa(n.clientX,n.clientY,t.$refs.divDrawer)}catch(n){}r&&(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:mn(ff(),"width")}}else{e=Be(mn(n,"$el.getBoundingClientRect"))?n.$el.getBoundingClientRect():{left:0,width:0}}return e},getPanelEffWidth:function(){let n=this,e=null;return e=n.afloatByFix?mn(ff(),"width"):mn(n,"$el.offsetWidth",null),e},dragBar:function({clientX:n}){let e=this;if(!e.dragDrawerWidth)return;if(!e.valueTrans)return;let t=e.getPanelBounding(),r=n,o=null;o=e.isAtLeft?r-t.left:t.width-(r-t.left);let i=e.getPanelEffWidth();xn(e.drawerWidthMax)&&(i=Et(e.drawerWidthMax));let l=0;xn(e.drawerWidthMin)&&(l=Et(e.drawerWidthMin)),Fo(i)&&(o=Math.min(o,i)),Fo(l)&&(o=Math.max(o,l)),e.drawerWidthTrans=o,e.$emit("update:drawerWidth",o)}}};const hf=gf;var mf=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+";"})])])])])])])])};mf._withStripped=!0;const vf=t({render:mf,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})},hf,"data-v-2a829eed",false,void 0,!1,o,void 0,void 0);async function yf(n){let e=[],t=In();return await async function n(t){let r=null;if(t.isFile&&(r=await function(n){let e=In();try{n.file(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(t)),e.push({type:t.isDirectory?"folder":t.isFile?"file":"unknow",path:t.fullPath,name:t.name,entry:t,file:r}),t.isDirectory){let e=t.createReader(),r=await function(n){let e=In();try{n.readEntries(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(e);await He(r,async e=>{await n(e)})}}(n),t.resolve(e),t}async function bf(n){let e=[];ke(n,n=>{let t=n.webkitGetAsEntry();t&&e.push(t)});let t=await async function(n){let e=[];return await He(n,async n=>{ke(await yf(n),n=>{e.push(n)})}),e}(e);return t}async function Cf(n){let e=[],t=[];try{e=await async function(n){let e=[];return ke(n,n=>{n.type&&e.push({type:"file",name:n.name,file:n})}),e}(mn(n,"files",[])),Va()||(t=await bf(mn(n,"items",[])).catch(n=>{console.log(n)}))}catch(n){return Promise.reject(n)}return{files:e,entries:t}}var xf={components:{},props:{backgroundColor:{type:String,default:"transparent"},backgroundColorDropIn:{type:String,default:"grey lighten-4"},backgroundColorHover:{type:String,default:"grey lighten-5"},timeTransition:{type:Number,default:.3},borderRadius:{type:Number,default:6},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"grey lighten-2"},borderColorDropIn:{type:String,default:"grey lighten-2"},borderColorHover:{type:String,default:"grey lighten-2"}},data:function(){return{ev:null,bMouseIn:!1,bDropIn:!1}},mounted:function(){let n=this;n.ev=function(n){let e=!1,t=!1,r=rl();function o(n){Pa(n),t=!0,!1===e&&(e=!0,r.emit("dropIn",{ev:n}))}function i(n){Pa(n),t=!1,setTimeout(function(){t||(e=!1,r.emit("dropOut",{ev:n}))},100)}function l(n){o(n)}function a(n){i(n)}function d(n){function e(){i(n)}o(n),Cf(n.dataTransfer).then(t=>{let o=Xo(t.entries,{type:"file"});r.emit("getFiles",{ev:n,files:t.files,filesTree:o,entries:t.entries,cb:e})}).catch(n=>{r.emit("error",n)})}return n.addEventListener("dragenter",l,!1),n.addEventListener("dragover",l,!1),n.addEventListener("dragleave",a,!1),n.addEventListener("drop",d,!1),r.off=function(){n.removeEventListener("dragenter",l,!1),n.removeEventListener("dragover",l,!1),n.removeEventListener("dragleave",a,!1),n.removeEventListener("drop",d,!1)},r}(n.$refs.dropPanel),n.ev.on("getFiles",({files:e,filesTree:t,entries:r,cb:o})=>{n.$emit("get-files",{files:e,filesTree:t,entries:r}),o()}),n.ev.on("dropIn",()=>{n.bDropIn=!0,n.$emit("drop-in")}),n.ev.on("dropOut",()=>{n.bDropIn=!1,n.$emit("drop-out")}),n.ev.on("error",function(e){n.$emit("drop-error",e)})},beforeDestroy:function(){this.ev.off()},computed:{useBorderColor:function(){let n=this;return n.bDropIn?wo(n.borderColorDropIn):n.bMouseIn?wo(n.borderColorHover):wo(n.borderColor)},useBackgroundColor:function(){let n=this;return n.bDropIn?wo(n.backgroundColorDropIn):n.bMouseIn?wo(n.backgroundColorHover):wo(n.backgroundColor)}},methods:{}};const Sf=xf;var If=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)};If._withStripped=!0;const wf=t({render:If,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})},Sf,"data-v-920803be",false,void 0,!1,o,void 0,void 0);function kf(n,e){if(!Ya(n))return[];if(!bn(e)&&!Ya(e))return[];let t=null;t=bn(e)?Ot(e," "):e;let r=So(t);let o=Bt(n,n=>function(n){let e=!1,o=0;for(let i=0;i<r;i++){let l=t[i],a=l,d="+"===Al(l,1),u="-"===Al(l,1);if((d||u)&&(a=ir(l,1)),""===Mt(a))continue;let s=n.indexOf(a)>=0;if(d){if(s){e=!0,o=1;break}e=!1,o=0;break}if(u){if(s){e=!1,o=0;break}e=!0,o=1;break}if(s){e=!0;let n=1-i/r;n=n**2,o+=n}}return{hasKeyword:e,weight:o}}(n));return o}function Tf(n,e=!1){if(ja(n))return"";let t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}function Bf(n=300){return new function(n){let e=[],t=null,r=Date.now();return dr(n)||(n=300),n=tr(n),function(o,...i){Be(o)?(r=Date.now(),e.push({func:o,input:i}),null===t&&(t=setInterval(()=>{if(0===So(e))return clearInterval(t),void(t=null);if(Date.now()-r>n){let n=e.pop();e=[];try{n.func(...n.input)}catch(n){console.log("m.func catch",n)}}},10))):console.log("func is not a function")}}(n)}let Hf=function(n){if(!Be(n))throw new Error("fn is not a function");return function(){let e=In(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):ur(t)?t.then(n=>{e.resolve({state:"success",msg:n})}).catch(n=>{"cancelled"===mn(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})}):e.resolve({state:"success",msg:t}),e}};function Af(){let n=rl(),e=[],t=null,r=!1;return function(o,...i){let l=In();if(!Be(o))return void console.log("func is not a function");let a=Qo();return e.push({id:a,func:o,input:i}),null===t&&(t=setInterval(async()=>{if(r)return;r=!0;let o=e.pop();for(let t=0;t<e.length;t++){let r=e[t].id,o={state:"cancelled"};n.emit(r,o)}if(e=[],o){let e,t=o.id;e=Be(o.func)?await Hf(o.func)(...o.input):{state:"error",msg:"fun is not a function"},n.emit(t,e)}r=!1,r||0!==e.length||(clearInterval(t),t=null)},20)),n.once(a,n=>{"success"===n.state?l.resolve(n.msg):"cancelled"===n.state?l.reject({reason:"cancelled"}):l.reject(n.msg)}),l}}function Wf(n,e){return n&&n.length?Ku(n,kt(e),$u):void 0}function Ff(n,e){let t=So(n),r=0,o=e(r),i=t-1,l=e(i),a=!0,d=null;for(;a;){let n=Math.floor((i+r)/2),t=e(n);if(o<0&&t<0&&l<0){d=null,a=!1;break}if(o>0&&t>0&&l>0){d=null,a=!1;break}if(0===o){d=r,a=!1;break}if(0===t){d=n,a=!1;break}if(0===l){d=i,a=!1;break}if(n===r||n===i){let e=[{i:r,v:o},{i:n,v:t},{i:i,v:l}];e=Xo(e,n=>n.v<=0),d=Wf(e,"v").i,a=!1;break}o*t>0?(r=n,o=t):(i=n,l=t)}return d}let Zf={};function Xf(){return{set:function(n,e){Zf[n]=e},get:function(n){return Zf[n]},remove:function(n){delete Zf[n]}}}function Rf(){let n={};return{bind:function(e,t,r){let o=`r${Qo()}`;e.setAttribute("ev-mutation",o);let i=new MutationObserver(function(n){!function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"dommutation",{ele:e,mutations:n})});i.observe(e,{attributes:!0,childList:!0,subtree:!0}),n[o]=i},unbind:function(e){let t=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),n[t]&&(n[t].disconnect(),delete n[t])}}}function Vf(){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}}()||Be(window.IntersectionObserverEntry))}function Pf(n,e={}){if(!ai(n))return Promise.reject("invalid element");if(Vf())return Promise.reject("invalid IntersectionObserver");let t=mn(e,"mode","");"promise"!==t&&"event"!==t&&(t="promise");let r=()=>{let e=rl(),t=!1,r=new IntersectionObserver(n=>{let t=n[0].isIntersecting;e.emit("visible",t)});return e.create=()=>{let e=setInterval(()=>{t=(n=>{let e=!1;if(!ai(n))return e;try{r.observe(n),e=!0}catch(n){}return e})(n),t&&clearInterval(e)},50)},e.dispose=()=>{let n=!1;try{r.disconnect(),n=!0}catch(n){}return n},e},o=null;return"promise"===t?o=(()=>{let e=In();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&&(o=r()),o}var zf={directives:{domresize:ol(),dommutation:Rf(),domvisible:function(){let n={};return{bind:function(e,t,r){let o=`r${Qo()}`;e.setAttribute("ev-visible",o);let i=!1,l=setInterval(()=>{Pf(e).then(n=>{i!==n&&(i=n,function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domvisible",n))}).catch(()=>{})},50);n[o]=l},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:Bf(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(n){let e=this,t=mn(e,"$refs.divDetect");if(t){let n=t.offsetWidth-t.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.viewHeight!==n.snew.offsetHeight&&(e.viewHeight=n.snew.offsetHeight);let r=mn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=mn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let r=mn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},mutation:function(n){let e=this,t=mn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...n,from:"content"})},visible:function(n){let e=this,t=mn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:n,from:"content"})},updateRatio:function(){let n=this;if(!n.$refs.divShell)return;let e=0;n.contentHeightEff>0&&(e=n.$refs.divShell.scrollTop/n.contentHeightEff),n.ratio=e},updateScrollTop:function(n){let e=this;(async function(){await sr(()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar,{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=n),e.$refs.divBar&&(e.$refs.divBar.scrollTop=n)})().catch(n=>{console.log(n)})},updateScrollInfor:function(){let n=this;if(!n.$refs.divShell)return;let e={r:n.ratio,sti:n.scrollTop,stn:n.$refs.divShell.scrollTop,dir:n.scrollTop>n.$refs.divShell.scrollTop?"up":"down",t:n.viewTop,b:n.viewBottom,ch:n.contentHeight,che:n.contentHeightEff};Fs(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&mn(e,"$refs.divShell")&&mn(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"shell"}),e.dbc(()=>{e.mouseLoc=""}))},scrollBar:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&mn(e,"$refs.divShell")&&mn(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"bar"}),e.dbc(()=>{e.mouseLoc=""}))},triggerEvent:function(n,e){let t=this;t.useEmitEvent&&(t.$emit(n,e),t.updateScrollInfor(),t.$emit("change-infor",{evName:n,evMsg:e,...t.scrollInfor}))}}};const Lf=zf;var Nf=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;"})])])])])};Nf._withStripped=!0;const Df=t({render:Nf,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})},Lf,"data-v-01f5c13c",false,void 0,!1,o,void 0,void 0);let Gf=Xf();var jf={components:{WPanelScrollyCore:Df},props:{rows:{type:Array,default:()=>[]},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},statePaddingStyle:{type:Object,default:()=>({v:12,h:12})},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:Af(),dbcRefresh:Bf(),dbcSetRows:Bf(),mmkey:Qo(),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&&Gf.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},useStatePadding:function(){return`padding:${La(this.statePaddingStyle,{ext:{}})};`}},methods:{getRows:function(){return Gf.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!Te(n)){return"rows is not array"}null!==e.mmkey&&Gf.remove(e.mmkey);let t=Bt(n,(n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n}));Gf.set(e.mmkey,t),e.changeDisplay=!0},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=So(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=Gf.get(n.mmkey),t=So(e),r=[],o=!1,i=!1;if(t>0){let i=Ff(e,t=>{let r=e[t];return n.scrollInfor.t-(r.y+r.height)});null===i&&(i=0);let l=Math.max(i-1,0),a=Ff(e,t=>{let r=e[t];return n.scrollInfor.b-r.y});null===a&&(a=t-1);let d=Math.min(a+n.itemsPreload,t-1),u=0;for(let n=0;n<l;n++){let t=e[n];t.displayShow&&t.filterShow&&(u+=t.height)}let s=0;for(let n=d+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(s+=t.height)}for(let t=l;t<=d;t++){let o=qi(e[t]);o.displayShow&&o.filterShow&&(o.nowShow=!0,o.top=o.y-n.scrollInfor.t,r.push(o))}n.itemsHeightPre!==u&&(o=!0,n.itemsHeightPre=u),n.itemsHeightAft!==s&&(o=!0,n.itemsHeightAft=s)}if(Fs(n.useItems,r)||(i=!0,n.useItems=r),n.$refs.wdsDiv){let e=Bt(r,"row"),t=Bt(r,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),Fs(n.emItemsTemp,t)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:e,items:t}),n.emItemsTemp=t)}return{change:o||i}},syncItemsHeight:function(n,e){let t=!1;return 0===So(n)||ke(mn(this,"$refs.wdsDiv",[]),(r,o)=>{if(!r.getAttribute)return console.log("找不到getAttribute"),!0;let i=r.getAttribute("index");if(!rr(i))return console.log("!isp0int(index)",i),!0;i=tr(i);let l=mn(r,"children.0");if(!ai(l))return console.log("!isEle(cnode)",l),!0;let a=l.offsetHeight;n[i].height!==a&&(Be(e)&&e(i,a),t=!0)}),t},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=Gf.get(n.mmkey),t=So(e);n.changeHeight=n.syncItemsHeight(e,(n,t)=>{e[n].height=t}),n.show||(n.changeHeight=!1);let r=null,o=n.changeHeight||n.changeDisplay||n.changeFilter;if(o){let o=0;for(let n=0;n<t;n++){let t=e[n];t.y!==o&&(e[n].y=o),t.displayShow&&t.filterShow&&(o+=t.height)}r=n.itemsHeight,r!==o&&(r=o),0===r&&(r=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:o,itemsHeight:r}},refreshCore:async function(n){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let t=0;await async function(){e.lockFromRefreshUseItems=!0;let n=qi(e.scrollInfor),r=await async function(){let n=In();if(t+=1,t>3)return n.resolve(null),n;e.filterItems();let r=e.genUseItems();await cr(20);let o=e.updateItemsHeight();return n.resolve({genUseItems:r,updateItemsHeight:o}),n}(),o=mn(r,"genUseItems.change",!1)||mn(r,"updateItemsHeight.change",!1),i=mn(r,"updateItemsHeight.itemsHeight",null);if(Fo(i))if(i<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=i-n.ch);let r=e.scrollTop+t;e.scrollTop!==r&&(e.scrollTop=r),e.itemsHeight=i,e.$emit("change-height-of-items",{height:i})}o&&(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=Gf.get(e.mmkey);if(!Te(t))return;let r=mn(n,"fun",null);if(Be(r)){let n=r(t);ur(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let o=mn(n,"indStart",null),i=mn(n,"indEnd",null);if(Ut(o)&&Ut(i)){let r=mn(n,"displayShow",null);if(kn(r)){for(let n=o;n<=i;n++){mn(t,n,null)&&(t[n].displayShow=r)}e.changeDisplay=!0}let l=mn(n,"filterShow",null);if(kn(l)){for(let n=o;n<=i;n++){mn(t,n,null)&&(t[n].filterShow=l)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch(n=>{console.log(n)}).finally(()=>{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=Gf.get(n.mmkey),t=So(e);if(n.searchingResults=-1,0===So(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),r=Bt(e,n=>{let e=n.row,t="";return t=yn(e)?e:xn(e)?pn(e):qo(e)?ar(ef(e)," "):Tf(e),t=t.toLowerCase(),t}),o=kf(r,t),i=0;ke(e,(n,t)=>{let r=o[t];e[t].filterShow=r.hasKeyword,r.hasKeyword&&i++}),n.searchingResults=i}n.changeFilter=!0},triggerEvent:function(n,e){let t=mn(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const Kf=jf;var Yf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,function(e,r){return[t("div",{key:"kitem-"+r,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:r,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]})],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{style:n.useStatePadding+" font-size:0.8rem;"},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};Yf._withStripped=!0;const _f=t({render:Yf,staticRenderFns:[]},function(n){n&&n("data-v-35b7c940_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},Kf,"data-v-35b7c940",false,void 0,!1,o,void 0,void 0);const $f={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/echarts@5.6.0/dist/echarts.min.js","https://cdn.jsdelivr.net/npm/echarts@5.6.0/i18n/langEN.js","https://cdn.jsdelivr.net/npm/echarts-gl@2.0.9/dist/echarts-gl.min.js","https://cdn.jsdelivr.net/npm/vue-echarts@4.1.0/dist/vue-echarts.min.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window.VueECharts;n.default&&(n=n.default),xr().component("v-chart",n)}n.cmpName="v-chart"})},computed:{},methods:{}};var Mf=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options,autoresize:""}})};Mf._withStripped=!0;const Of=t({render:Mf,staticRenderFns:[]},function(n){n&&n("data-v-0df2e329_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WEchartsVueDyn.vue"},media:void 0})},$f,"data-v-0df2e329",false,void 0,!1,o,void 0,void 0);var Jf=Array.prototype.reverse;function Ef(n){return null==n?n:Jf.call(n)}function Uf(n,e){return bn(n)&&rr(e)?0===(e=tr(e))?n:Al(n,n.length-e):""}function Qf(n){let e=0,t=0,r=0,o=So(n);ke(n,n=>{xn(n)?e+=1:yn(n)?t+=1:vn(n)&&(r+=1)});let i="";return e===o?i="num":t===o?i="str":r===o?i="obj":e+t===o?i="str":console.log("eles in array are non-homogeneous",n),i}function qf(n,e,t={}){let r=[];if("num"!==e&&"str"!==e&&"files"!==e)throw new Error(`invalid type[${e}]`);if("num"===e)r=Bt(n,(n,e)=>({key:e,payload:n,value:Et(n)}));else if("files"===e)r=Bt(n,(n,e)=>({key:e,payload:n,value:Wl(n)}));else if("str"===e){let e=Bt(n,n=>function(n,e={}){let t=mn(e,"excludeString");if(kn(t)||(t=!1),!bn(n))return"";let r=n=>n>="0"&&n<="9"||"."===n||"-"===n||"+"===n,o=Mt(n);if(t){let n=o.split("");for(let e=0;e<n.length;e++)if(r(n[e])){o=ir(o,e),n=Ln(n,e);break}n=Ef(n);for(let e=0;e<n.length;e++)if(r(n[e])){o=Uf(o,e);break}}return o}(n,{excludeString:!0})),t=0;ke(e,n=>{xn(n)&&t++});let o=t===So(e);r=Bt(n,(n,t)=>{let r=n;return o?(r=e[t],r=Et(r)):r=Wl(r),{key:t,payload:n,value:r}})}return r}function ng(n,e){let t=Jo(n,"value");return Bt(t,e?"key":"payload")}function eg(n,e){let t=function(n,e){let t=qi(n);return t.sort((n,t)=>n[e].localeCompare(t[e],"standard",{numeric:!0})),t}(n,"value");return Bt(t,e?"key":"payload")}function tg(n,e,t){return null==n?n:function(n,e,t,r){if(!B(n))return n;for(var o=-1,i=(e=fn(e,n)).length,l=i-1,a=n;null!=a&&++o<i;){var d=gn(e[o]),u=t;if("__proto__"===d||"constructor"===d||"prototype"===d)return n;if(o!=l){var s=a[d];void 0===(u=r?r(s,d,a):void 0)&&(u=B(s)?s:ee(e[o+1])?[]:{})}bi(a,d,u),a=a[d]}return n}(n,e,t)}function rg(n,e,t,r){for(var o=-1,i=null==n?0:n.length;++o<i;){var l=n[o];e(r,l,t(l),n)}return r}function og(n,e,t,r){return Se(n,function(n,o,i){e(r,n,t(n),i)}),r}var ig,lg,ag=Object.prototype.hasOwnProperty,dg=(ig=function(n,e,t){ag.call(n,t)?n[t].push(e):vi(n,t,[e])},function(n,e){var t=s(n)?rg:og,r=lg?lg():{};return t(n,ig,kt(e),r)}),ug=dg;var sg=Math.max;var cg,pg=(cg=function(n,e,t){var r=null==n?0:n.length;if(!r)return-1;var o=null==t?0:zn(t);return o<0&&(o=sg(r+o,0)),At(n,kt(e),o)},function(n,e,t){var r=Object(n);if(!be(n)){var o=kt(e);n=Ce(n),e=function(n){return o(r[n],n,r)}}var i=cg(n,e,t);return i>-1?r[o?n[i]:i]:void 0});function fg(n,e={}){if(!Ya(n))return{};let t=mn(e,"delimiter");bn(t)||(t="❯");let r=mn(e,"bindRoot");bn(r)||(r="");let o=bn(r),i="";i=o?r:"root";let l=mn(e,"soryItems"),a=Bt(n,(n,e)=>{"folder"!==n.type&&"file"!==n.type&&(n.type="file");let r=(n=>{let e=Ot(n=(n=n.replace(/\\\\/g,"\\")).replace(/\\/g,"/"),"/");return{ss:e,cfp:ar(e,t)}})(n.path);return{ind:e,type:n.type,ss:r.ss,data:qi(n)}}),d=n=>{let e=So(n),r=[];for(let o=0;o<e;o++){let e=[];for(let t=0;t<=o;t++)e.push(n[t]);let i=ar(e,t);r.push({id:i,name:n[o]})}return r},u=-1,s=[],c={};ke(a,n=>{let e=null;e=[i];let r=null;r=i;let o=So(n.ss)-1;ke(n.ss,(i,l)=>{let a=l<o||"folder"===n.type;e.push(i);let p=null,f=null;l===o&&(p=n.ind,f=n.data);let g=ar(e,t),h=d(e);if(Sn(c,g)){let e=c[g],t="folder"===mn(e,"_type","");if(!t&&a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] is unrecognized from a file to folder`);if(!t&&!a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] get repeat data from two files`);if(t&&!a)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] is unrecognized from a folder to file`);if(qo(c[g].data)&&qo(f))throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] get repeat data from two folders`);if(null===c[g].data&&qo(f)){c[g]._indOri=p,c[g].data=f;let n=c[g]._indNormalize,e=s[n];s[n]={...f,type:e.type,path:e.path}}}else{u++;let n=u,t=null;t=a?{_indOri:p,_indNormalize:n,ns:So(e),ts:qi(e),pathInfors:h,_type:"folder",type:"array",numOfChilren:-1,id:g,parentId:r,text:i,children:[],data:f}:{_indOri:p,_indNormalize:n,ns:So(e),ts:qi(e),pathInfors:h,_type:"file",type:"node",numOfChilren:-1,id:g,parentId:r,text:i,data:f},c[g]=t,s.push({...mn(c[g],"data",{}),type:c[g]._type,path:"/"+ar(e,"/")})}r=g})});let p=ef(c);if(p=Jo(p,"id"),p=Jo(p,"ns"),Be(l)){let n=[];ke(ug(p,"ns"),(e,t)=>{ke(ug(e,"parentId"),(e,r)=>{let o=l(e,r,t);n=[...n,...o]})}),p=n}let f=[],g=[];ke(p,n=>{"folder"===n._type?f.push(n):g.push(n)});let h=ug(f,"ns"),m=ug(g,"ns"),v=Mu(Bt(f,"ns")),y=Mu(Bt(g,"ns")),b=null;{let n=[i];b=[{_indOri:null,_indNormalize:null,ns:So(n),ts:qi(n),pathInfors:d(n),_type:"folder",type:"array",numOfChilren:-1,id:i,parentId:"",text:i,children:[],data:null}]}let C={};C[i]="0.children";let x={};x[i]="0";for(let n=2;n<=v;n++){ke(h[n],n=>{let e=mn(C,n.parentId,"");if(!bn(e))throw console.log("kpPathFd",C),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in folder`);let t=mn(b,e);if(Te(t)||tg(b,e,[]),t=mn(b,e),!qo(pg(t,{id:n.id}))){t.push({...n,children:[]});let r=`${e}.${So(t)-1}`;C[n.id]=`${r}.children`,x[n.id]=r}})}let S=qi(b),I={};for(let n=2;n<=y;n++){ke(m[n],n=>{let e=mn(C,n.parentId,"");if(!bn(e))throw console.log("kpPathFd",C),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in file`);let t=mn(b,e);if(!Te(t))throw console.log("treeItems",b),console.log("k",e),console.log("v",n),new Error("無預先建置資料夾");if(!qo(pg(t,{id:n.id}))){t.push(n);let r=`${e}.${So(t)-1}`;I[n.id]=r,x[n.id]=r}})}return{treeItems:b,treeItemsFolder:S,kpPath:x,fpsNormalize:s}}function gg(n,e,t){return n&&n.length?Tn(n,0,(e=t||void 0===e?1:zn(e))<0?0:e):[]}function hg(n,e,t){var r=null==n?0:n.length;return r?Tn(n,(e=r-(e=t||void 0===e?1:zn(e)))<0?0:e,r):[]}var mg=Object.prototype.hasOwnProperty;function vg(n,e){var t=-1,r=(e=fn(e,n)).length;if(!r)return!0;for(;++t<r;){var o=gn(e[t]);if("__proto__"===o&&!mg.call(n,"__proto__"))return!1;if(("constructor"===o||"prototype"===o)&&t<r-1)return!1}var i=function(n,e){return e.length<2?n:hn(n,Tn(e,0,-1))}(n,e);return null==i||delete i[gn(Oa(e))]}var yg=Array.prototype.splice;function bg(n,e){for(var t=n?e.length:0,r=t-1;t--;){var o=e[t];if(t==r||o!==i){var i=o;ee(o)?yg.call(n,o,1):vg(n,o)}}return n}function Cg(n){return(null==n?0:n.length)?Po(n,1):[]}var xg=function(n){return Mo(Do(n,void 0,Cg),n+"")}(function(n,e){var t=null==n?0:n.length,r=function(n,e){for(var t=-1,r=e.length,o=Array(r),i=null==n;++t<r;)o[t]=i?void 0:mn(n,e[t]);return o}(n,e);return bg(n,dn(e,function(n){return ee(n,t)?+n:n}).sort(zo)),r}),Sg=xg;function Ig(n,e,t){var r=null==n?0:n.length;return r?Tn(n,0,(e=r-(e=t||void 0===e?1:zn(e)))<0?0:e):[]}const wg="function"==typeof Buffer,kg="function"==typeof TextDecoder?new TextDecoder:void 0,Tg=("function"==typeof TextEncoder&&new TextEncoder,Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=")),Bg=(()=>{let n={};return Tg.forEach((e,t)=>n[e]=t),n})(),Hg=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,Ag=String.fromCharCode.bind(String),Wg="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):n=>new Uint8Array(Array.prototype.slice.call(n,0)),Fg=n=>n.replace(/[^A-Za-z0-9\+\/]/g,""),Zg=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,Xg=n=>{switch(n.length){case 4:var e=((7&n.charCodeAt(0))<<18|(63&n.charCodeAt(1))<<12|(63&n.charCodeAt(2))<<6|63&n.charCodeAt(3))-65536;return Ag((e>>>10)+55296)+Ag(56320+(1023&e));case 3:return Ag((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return Ag((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},Rg="function"==typeof atob?n=>atob(Fg(n)):wg?n=>Buffer.from(n,"base64").toString("binary"):n=>{if(n=n.replace(/\s+/g,""),!Hg.test(n))throw new TypeError("malformed base64.");let e,t,r;n+="==".slice(2-(3&n.length));let o=[];for(let i=0;i<n.length;)e=Bg[n.charAt(i++)]<<18|Bg[n.charAt(i++)]<<12|(t=Bg[n.charAt(i++)])<<6|(r=Bg[n.charAt(i++)]),64===t?o.push(Ag(e>>16&255)):64===r?o.push(Ag(e>>16&255,e>>8&255)):o.push(Ag(e>>16&255,e>>8&255,255&e));return o.join("")},Vg=wg?n=>Wg(Buffer.from(n,"base64")):n=>Wg(Rg(n).split("").map(n=>n.charCodeAt(0))),Pg=wg?n=>Buffer.from(n,"base64").toString("utf8"):kg?n=>kg.decode(Vg(n)):n=>(n=>n.replace(Zg,Xg))(Rg(n)),zg=n=>Pg((n=>Fg(n.replace(/[-_]/g,n=>"-"==n?"+":"/")))(n));var Lg={exports:{}};!function(n){var e=Object.prototype.hasOwnProperty,t="~";function r(){}function o(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,r,i,l){if("function"!=typeof r)throw new TypeError("The listener must be a function");var a=new o(r,i||n,l),d=t?t+e:e;return n._events[d]?n._events[d].fn?n._events[d]=[n._events[d],a]:n._events[d].push(a):(n._events[d]=a,n._eventsCount++),n}function l(n,e){0===--n._eventsCount?n._events=new r:delete n._events[e]}function a(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(t=!1)),a.prototype.eventNames=function(){var n,r,o=[];if(0===this._eventsCount)return o;for(r in n=this._events)e.call(n,r)&&o.push(t?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(n)):o},a.prototype.listeners=function(n){var e=t?t+n:n,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var o=0,i=r.length,l=new Array(i);o<i;o++)l[o]=r[o].fn;return l},a.prototype.listenerCount=function(n){var e=t?t+n:n,r=this._events[e];return r?r.fn?1:r.length:0},a.prototype.emit=function(n,e,r,o,i,l){var a=t?t+n:n;if(!this._events[a])return!1;var d,u,s=this._events[a],c=arguments.length;if(s.fn){switch(s.once&&this.removeListener(n,s.fn,void 0,!0),c){case 1:return s.fn.call(s.context),!0;case 2:return s.fn.call(s.context,e),!0;case 3:return s.fn.call(s.context,e,r),!0;case 4:return s.fn.call(s.context,e,r,o),!0;case 5:return s.fn.call(s.context,e,r,o,i),!0;case 6:return s.fn.call(s.context,e,r,o,i,l),!0}for(u=1,d=new Array(c-1);u<c;u++)d[u-1]=arguments[u];s.fn.apply(s.context,d)}else{var p,f=s.length;for(u=0;u<f;u++)switch(s[u].once&&this.removeListener(n,s[u].fn,void 0,!0),c){case 1:s[u].fn.call(s[u].context);break;case 2:s[u].fn.call(s[u].context,e);break;case 3:s[u].fn.call(s[u].context,e,r);break;case 4:s[u].fn.call(s[u].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(c-1);p<c;p++)d[p-1]=arguments[p];s[u].fn.apply(s[u].context,d)}}return!0},a.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},a.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},a.prototype.removeListener=function(n,e,r,o){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return l(this,i),this;var a=this._events[i];if(a.fn)a.fn!==e||o&&!a.once||r&&a.context!==r||l(this,i);else{for(var d=0,u=[],s=a.length;d<s;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&u.push(a[d]);u.length?this._events[i]=1===u.length?u[0]:u:l(this,i)}return this},a.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&l(this,e)):(this._events=new r,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=t,a.EventEmitter=a,n.exports=a}(Lg);var Ng=function(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}(Lg.exports);let Dg;!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;let n=zg("CgoKInVzZSBzdHJpY3QiO3ZhciB0PUFycmF5LmlzQXJyYXksZT0ib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsJiZnbG9iYWwuT2JqZWN0PT09T2JqZWN0JiZnbG9iYWwscj0ib2JqZWN0Ij09dHlwZW9mIHNlbGYmJnNlbGYmJnNlbGYuT2JqZWN0PT09T2JqZWN0JiZzZWxmLG49ZXx8cnx8RnVuY3Rpb24oInJldHVybiB0aGlzIikoKSxvPW4uU3ltYm9sLHU9T2JqZWN0LnByb3RvdHlwZSxjPXUuaGFzT3duUHJvcGVydHksaT11LnRvU3RyaW5nLGE9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDt2YXIgZj1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO3ZhciBsPW8/by50b1N0cmluZ1RhZzp2b2lkIDA7ZnVuY3Rpb24gcyh0KXtyZXR1cm4gbnVsbD09dD92b2lkIDA9PT10PyJbb2JqZWN0IFVuZGVmaW5lZF0iOiJbb2JqZWN0IE51bGxdIjpsJiZsIGluIE9iamVjdCh0KT9mdW5jdGlvbih0KXt2YXIgZT1jLmNhbGwodCxhKSxyPXRbYV07dHJ5e3RbYV09dm9pZCAwO3ZhciBuPSEwfWNhdGNoKHQpe312YXIgbz1pLmNhbGwodCk7cmV0dXJuIG4mJihlP3RbYV09cjpkZWxldGUgdFthXSksb30odCk6ZnVuY3Rpb24odCl7cmV0dXJuIGYuY2FsbCh0KX0odCl9ZnVuY3Rpb24gcCh0KXtyZXR1cm4gbnVsbCE9dCYmIm9iamVjdCI9PXR5cGVvZiB0fWZ1bmN0aW9uIGIodCl7cmV0dXJuInN5bWJvbCI9PXR5cGVvZiB0fHxwKHQpJiYiW29iamVjdCBTeW1ib2xdIj09cyh0KX12YXIgeT0vXC58XFsoPzpbXltcXV0qfChbIiddKSg/Oig/IVwxKVteXFxdfFxcLikqP1wxKVxdLyx2PS9eXHcqJC87ZnVuY3Rpb24gaCh0KXt2YXIgZT10eXBlb2YgdDtyZXR1cm4gbnVsbCE9dCYmKCJvYmplY3QiPT1lfHwiZnVuY3Rpb24iPT1lKX1mdW5jdGlvbiBqKHQpe2lmKCFoKHQpKXJldHVybiExO3ZhciBlPXModCk7cmV0dXJuIltvYmplY3QgRnVuY3Rpb25dIj09ZXx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09ZXx8IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iPT1lfHwiW29iamVjdCBQcm94eV0iPT1lfXZhciBkLF89blsiX19jb3JlLWpzX3NoYXJlZF9fIl0sZz0oZD0vW14uXSskLy5leGVjKF8mJl8ua2V5cyYmXy5rZXlzLklFX1BST1RPfHwiIikpPyJTeW1ib2woc3JjKV8xLiIrZDoiIjt2YXIgTz1GdW5jdGlvbi5wcm90b3R5cGUudG9TdHJpbmc7ZnVuY3Rpb24gbSh0KXtpZihudWxsIT10KXt0cnl7cmV0dXJuIE8uY2FsbCh0KX1jYXRjaCh0KXt9dHJ5e3JldHVybiB0KyIifWNhdGNoKHQpe319cmV0dXJuIiJ9dmFyIHc9L15cW29iamVjdCAuKz9Db25zdHJ1Y3RvclxdJC8sQT1GdW5jdGlvbi5wcm90b3R5cGUseD1PYmplY3QucHJvdG90eXBlLFM9QS50b1N0cmluZyx6PXguaGFzT3duUHJvcGVydHksUD1SZWdFeHAoIl4iK1MuY2FsbCh6KS5yZXBsYWNlKC9bXFxeJC4qKz8oKVtcXXt9fF0vZywiXFwkJiIpLnJlcGxhY2UoL2hhc093blByb3BlcnR5fChmdW5jdGlvbikuKj8oPz1cXFwoKXwgZm9yIC4rPyg/PVxcXF0pL2csIiQxLio/IikrIiQiKTtmdW5jdGlvbiBJKHQpe3JldHVybiEoIWgodCl8fChlPXQsZyYmZyBpbiBlKSkmJihqKHQpP1A6dykudGVzdChtKHQpKTt2YXIgZX1mdW5jdGlvbiBFKHQsZSl7dmFyIHI9ZnVuY3Rpb24odCxlKXtyZXR1cm4gbnVsbD09dD92b2lkIDA6dFtlXX0odCxlKTtyZXR1cm4gSShyKT9yOnZvaWQgMH12YXIgRj1FKE9iamVjdCwiY3JlYXRlIik7dmFyIFU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTt2YXIgTT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uICQodCl7dmFyIGU9LTEscj1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK2U8cjspe3ZhciBuPXRbZV07dGhpcy5zZXQoblswXSxuWzFdKX19ZnVuY3Rpb24gQih0LGUpe3JldHVybiB0PT09ZXx8dCE9dCYmZSE9ZX1mdW5jdGlvbiBUKHQsZSl7Zm9yKHZhciByPXQubGVuZ3RoO3ItLTspaWYoQih0W3JdWzBdLGUpKXJldHVybiByO3JldHVybi0xfSQucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1GP0YobnVsbCk6e30sdGhpcy5zaXplPTB9LCQucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLmhhcyh0KSYmZGVsZXRlIHRoaXMuX19kYXRhX19bdF07cmV0dXJuIHRoaXMuc2l6ZS09ZT8xOjAsZX0sJC5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX187aWYoRil7dmFyIHI9ZVt0XTtyZXR1cm4iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI9PT1yP3ZvaWQgMDpyfXJldHVybiBVLmNhbGwoZSx0KT9lW3RdOnZvaWQgMH0sJC5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX187cmV0dXJuIEY/dm9pZCAwIT09ZVt0XTpNLmNhbGwoZSx0KX0sJC5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9dGhpcy5fX2RhdGFfXztyZXR1cm4gdGhpcy5zaXplKz10aGlzLmhhcyh0KT8wOjEsclt0XT1GJiZ2b2lkIDA9PT1lPyJfX2xvZGFzaF9oYXNoX3VuZGVmaW5lZF9fIjplLHRoaXN9O3ZhciBOPUFycmF5LnByb3RvdHlwZS5zcGxpY2U7ZnVuY3Rpb24gayh0KXt2YXIgZT0tMSxyPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrZTxyOyl7dmFyIG49dFtlXTt0aGlzLnNldChuWzBdLG5bMV0pfX1rLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189W10sdGhpcy5zaXplPTB9LGsucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLl9fZGF0YV9fLHI9VChlLHQpO3JldHVybiEocjwwKSYmKHI9PWUubGVuZ3RoLTE/ZS5wb3AoKTpOLmNhbGwoZSxyLDEpLC0tdGhpcy5zaXplLCEwKX0say5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciBlPXRoaXMuX19kYXRhX18scj1UKGUsdCk7cmV0dXJuIHI8MD92b2lkIDA6ZVtyXVsxXX0say5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3JldHVybiBUKHRoaXMuX19kYXRhX18sdCk+LTF9LGsucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LGUpe3ZhciByPXRoaXMuX19kYXRhX18sbj1UKHIsdCk7cmV0dXJuIG48MD8oKyt0aGlzLnNpemUsci5wdXNoKFt0LGVdKSk6cltuXVsxXT1lLHRoaXN9O3ZhciBDPUUobiwiTWFwIik7ZnVuY3Rpb24gRCh0LGUpe3ZhciByLG4sbz10Ll9fZGF0YV9fO3JldHVybigic3RyaW5nIj09KG49dHlwZW9mKHI9ZSkpfHwibnVtYmVyIj09bnx8InN5bWJvbCI9PW58fCJib29sZWFuIj09bj8iX19wcm90b19fIiE9PXI6bnVsbD09PXIpP29bInN0cmluZyI9PXR5cGVvZiBlPyJzdHJpbmciOiJoYXNoIl06by5tYXB9ZnVuY3Rpb24gUih0KXt2YXIgZT0tMSxyPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrZTxyOyl7dmFyIG49dFtlXTt0aGlzLnNldChuWzBdLG5bMV0pfX1SLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuc2l6ZT0wLHRoaXMuX19kYXRhX189e2hhc2g6bmV3ICQsbWFwOm5ldyhDfHxrKSxzdHJpbmc6bmV3ICR9fSxSLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIGU9RCh0aGlzLHQpLmRlbGV0ZSh0KTtyZXR1cm4gdGhpcy5zaXplLT1lPzE6MCxlfSxSLnByb3RvdHlwZS5nZXQ9ZnVuY3Rpb24odCl7cmV0dXJuIEQodGhpcyx0KS5nZXQodCl9LFIucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gRCh0aGlzLHQpLmhhcyh0KX0sUi5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9RCh0aGlzLHQpLG49ci5zaXplO3JldHVybiByLnNldCh0LGUpLHRoaXMuc2l6ZSs9ci5zaXplPT1uPzA6MSx0aGlzfTtmdW5jdGlvbiBWKHQsZSl7aWYoImZ1bmN0aW9uIiE9dHlwZW9mIHR8fG51bGwhPWUmJiJmdW5jdGlvbiIhPXR5cGVvZiBlKXRocm93IG5ldyBUeXBlRXJyb3IoIkV4cGVjdGVkIGEgZnVuY3Rpb24iKTt2YXIgcj1mdW5jdGlvbigpe3ZhciBuPWFyZ3VtZW50cyxvPWU/ZS5hcHBseSh0aGlzLG4pOm5bMF0sdT1yLmNhY2hlO2lmKHUuaGFzKG8pKXJldHVybiB1LmdldChvKTt2YXIgYz10LmFwcGx5KHRoaXMsbik7cmV0dXJuIHIuY2FjaGU9dS5zZXQobyxjKXx8dSxjfTtyZXR1cm4gci5jYWNoZT1uZXcoVi5DYWNoZXx8Uikscn1WLkNhY2hlPVI7dmFyIFcsTCxxLEc9L1teLltcXV0rfFxbKD86KC0/XGQrKD86XC5cZCspPyl8KFsiJ10pKCg/Oig/IVwyKVteXFxdfFxcLikqPylcMilcXXwoPz0oPzpcLnxcW1xdKSg/OlwufFxbXF18JCkpL2csSz0vXFwoXFwpPy9nLEg9KFc9ZnVuY3Rpb24odCl7dmFyIGU9W107cmV0dXJuIDQ2PT09dC5jaGFyQ29kZUF0KDApJiZlLnB1c2goIiIpLHQucmVwbGFjZShHLGZ1bmN0aW9uKHQscixuLG8pe2UucHVzaChuP28ucmVwbGFjZShLLCIkMSIpOnJ8fHQpfSksZX0sTD1WKFcsZnVuY3Rpb24odCl7cmV0dXJuIDUwMD09PXEuc2l6ZSYmcS5jbGVhcigpLHR9KSxxPUwuY2FjaGUsTCksSj1IO3ZhciBRPW8/by5wcm90b3R5cGU6dm9pZCAwLFg9UT9RLnRvU3RyaW5nOnZvaWQgMDtmdW5jdGlvbiBZKGUpe2lmKCJzdHJpbmciPT10eXBlb2YgZSlyZXR1cm4gZTtpZih0KGUpKXJldHVybiBmdW5jdGlvbih0LGUpe2Zvcih2YXIgcj0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aCxvPUFycmF5KG4pOysrcjxuOylvW3JdPWUodFtyXSxyLHQpO3JldHVybiBvfShlLFkpKyIiO2lmKGIoZSkpcmV0dXJuIFg/WC5jYWxsKGUpOiIiO3ZhciByPWUrIiI7cmV0dXJuIjAiPT1yJiYxL2U9PS0xLzA/Ii0wIjpyfWZ1bmN0aW9uIFooZSxyKXtyZXR1cm4gdChlKT9lOmZ1bmN0aW9uKGUscil7aWYodChlKSlyZXR1cm4hMTt2YXIgbj10eXBlb2YgZTtyZXR1cm4hKCJudW1iZXIiIT1uJiYic3ltYm9sIiE9biYmImJvb2xlYW4iIT1uJiZudWxsIT1lJiYhYihlKSl8fHYudGVzdChlKXx8IXkudGVzdChlKXx8bnVsbCE9ciYmZSBpbiBPYmplY3Qocil9KGUscik/W2VdOkooZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/IiI6WSh0KX0oZSkpfWZ1bmN0aW9uIHR0KHQpe2lmKCJzdHJpbmciPT10eXBlb2YgdHx8Yih0KSlyZXR1cm4gdDt2YXIgZT10KyIiO3JldHVybiIwIj09ZSYmMS90PT0tMS8wPyItMCI6ZX1mdW5jdGlvbiBldCh0LGUscil7dmFyIG49bnVsbD09dD92b2lkIDA6ZnVuY3Rpb24odCxlKXtmb3IodmFyIHI9MCxuPShlPVooZSx0KSkubGVuZ3RoO251bGwhPXQmJnI8bjspdD10W3R0KGVbcisrXSldO3JldHVybiByJiZyPT1uP3Q6dm9pZCAwfSh0LGUpO3JldHVybiB2b2lkIDA9PT1uP3I6bn12YXIgcnQ9T2JqZWN0LnByb3RvdHlwZTtmdW5jdGlvbiBudCh0KXt2YXIgZT10JiZ0LmNvbnN0cnVjdG9yO3JldHVybiB0PT09KCJmdW5jdGlvbiI9PXR5cGVvZiBlJiZlLnByb3RvdHlwZXx8cnQpfWZ1bmN0aW9uIG90KHQsZSl7cmV0dXJuIGZ1bmN0aW9uKHIpe3JldHVybiB0KGUocikpfX12YXIgdXQ9b3QoT2JqZWN0LmtleXMsT2JqZWN0KSxjdD1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGl0KHQpe2lmKCFudCh0KSlyZXR1cm4gdXQodCk7dmFyIGU9W107Zm9yKHZhciByIGluIE9iamVjdCh0KSljdC5jYWxsKHQscikmJiJjb25zdHJ1Y3RvciIhPXImJmUucHVzaChyKTtyZXR1cm4gZX12YXIgYXQ9RShuLCJEYXRhVmlldyIpLGZ0PUUobiwiUHJvbWlzZSIpLGx0PUUobiwiU2V0Iiksc3Q9RShuLCJXZWFrTWFwIikscHQ9IltvYmplY3QgTWFwXSIsYnQ9IltvYmplY3QgUHJvbWlzZV0iLHl0PSJbb2JqZWN0IFNldF0iLHZ0PSJbb2JqZWN0IFdlYWtNYXBdIixodD0iW29iamVjdCBEYXRhVmlld10iLGp0PW0oYXQpLGR0PW0oQyksX3Q9bShmdCksZ3Q9bShsdCksT3Q9bShzdCksbXQ9czsoYXQmJm10KG5ldyBhdChuZXcgQXJyYXlCdWZmZXIoMSkpKSE9aHR8fEMmJm10KG5ldyBDKSE9cHR8fGZ0JiZtdChmdC5yZXNvbHZlKCkpIT1idHx8bHQmJm10KG5ldyBsdCkhPXl0fHxzdCYmbXQobmV3IHN0KSE9dnQpJiYobXQ9ZnVuY3Rpb24odCl7dmFyIGU9cyh0KSxyPSJbb2JqZWN0IE9iamVjdF0iPT1lP3QuY29uc3RydWN0b3I6dm9pZCAwLG49cj9tKHIpOiIiO2lmKG4pc3dpdGNoKG4pe2Nhc2UganQ6cmV0dXJuIGh0O2Nhc2UgZHQ6cmV0dXJuIHB0O2Nhc2UgX3Q6cmV0dXJuIGJ0O2Nhc2UgZ3Q6cmV0dXJuIHl0O2Nhc2UgT3Q6cmV0dXJuIHZ0fXJldHVybiBlfSk7dmFyIHd0PW10O2Z1bmN0aW9uIEF0KHQpe3JldHVybiJudW1iZXIiPT10eXBlb2YgdCYmdD4tMSYmdCUxPT0wJiZ0PD05MDA3MTk5MjU0NzQwOTkxfWZ1bmN0aW9uIHh0KHQpe3JldHVybiBudWxsIT10JiZBdCh0Lmxlbmd0aCkmJiFqKHQpfXZhciBTdCx6dD0oU3Q9Imxlbmd0aCIsZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/dm9pZCAwOnRbU3RdfSksUHQ9UmVnRXhwKCJbXFx1MjAwZFxcdWQ4MDAtXFx1ZGZmZlxcdTAzMDAtXFx1MDM2ZlxcdWZlMjAtXFx1ZmUyZlxcdTIwZDAtXFx1MjBmZlxcdWZlMGVcXHVmZTBmXSIpO3ZhciBJdD0iXFx1ZDgwMC1cXHVkZmZmIixFdD0iWyIrSXQrIl0iLEZ0PSJbXFx1MDMwMC1cXHUwMzZmXFx1ZmUyMC1cXHVmZTJmXFx1MjBkMC1cXHUyMGZmXSIsVXQ9IlxcdWQ4M2NbXFx1ZGZmYi1cXHVkZmZmXSIsTXQ9IlteIitJdCsiXSIsJHQ9Iig/OlxcdWQ4M2NbXFx1ZGRlNi1cXHVkZGZmXSl7Mn0iLEJ0PSJbXFx1ZDgwMC1cXHVkYmZmXVtcXHVkYzAwLVxcdWRmZmZdIixUdD0iKD86IitGdCsifCIrVXQrIikiKyI/IixOdD0iW1xcdWZlMGVcXHVmZTBmXT8iLGt0PU50K1R0KygiKD86XFx1MjAwZCg/OiIrW010LCR0LEJ0XS5qb2luKCJ8IikrIikiK050K1R0KyIpKiIpLEN0PSIoPzoiK1tNdCtGdCsiPyIsRnQsJHQsQnQsRXRdLmpvaW4oInwiKSsiKSIsRHQ9UmVnRXhwKFV0KyIoPz0iK1V0KyIpfCIrQ3Qra3QsImciKTtmdW5jdGlvbiBSdCh0KXtyZXR1cm4gZnVuY3Rpb24odCl7cmV0dXJuIFB0LnRlc3QodCl9KHQpP2Z1bmN0aW9uKHQpe2Zvcih2YXIgZT1EdC5sYXN0SW5kZXg9MDtEdC50ZXN0KHQpOykrK2U7cmV0dXJuIGV9KHQpOnp0KHQpfWZ1bmN0aW9uIFZ0KGUpe2lmKG51bGw9PWUpcmV0dXJuIDA7aWYoeHQoZSkpcmV0dXJuInN0cmluZyI9PXR5cGVvZihyPWUpfHwhdChyKSYmcChyKSYmIltvYmplY3QgU3RyaW5nXSI9PXMocik/UnQoZSk6ZS5sZW5ndGg7dmFyIHIsbj13dChlKTtyZXR1cm4iW29iamVjdCBNYXBdIj09bnx8IltvYmplY3QgU2V0XSI9PW4/ZS5zaXplOml0KGUpLmxlbmd0aH12YXIgV3Q9TWF0aC5jZWlsLEx0PU1hdGgubWF4O3ZhciBxdD0vXig/OjB8WzEtOV1cZCopJC87ZnVuY3Rpb24gR3QodCxlKXt2YXIgcj10eXBlb2YgdDtyZXR1cm4hIShlPW51bGw9PWU/OTAwNzE5OTI1NDc0MDk5MTplKSYmKCJudW1iZXIiPT1yfHwic3ltYm9sIiE9ciYmcXQudGVzdCh0KSkmJnQ+LTEmJnQlMT09MCYmdDxlfXZhciBLdD0vXHMvO3ZhciBIdD0vXlxzKy87ZnVuY3Rpb24gSnQodCl7cmV0dXJuIHQ/dC5zbGljZSgwLGZ1bmN0aW9uKHQpe2Zvcih2YXIgZT10Lmxlbmd0aDtlLS0mJkt0LnRlc3QodC5jaGFyQXQoZSkpOyk7cmV0dXJuIGV9KHQpKzEpLnJlcGxhY2UoSHQsIiIpOnR9dmFyIFF0PS9eWy0rXTB4WzAtOWEtZl0rJC9pLFh0PS9eMGJbMDFdKyQvaSxZdD0vXjBvWzAtN10rJC9pLFp0PXBhcnNlSW50O3ZhciB0ZT0xLzA7ZnVuY3Rpb24gZWUodCl7cmV0dXJuIHQ/KHQ9ZnVuY3Rpb24odCl7aWYoIm51bWJlciI9PXR5cGVvZiB0KXJldHVybiB0O2lmKGIodCkpcmV0dXJuIE5hTjtpZihoKHQpKXt2YXIgZT0iZnVuY3Rpb24iPT10eXBlb2YgdC52YWx1ZU9mP3QudmFsdWVPZigpOnQ7dD1oKGUpP2UrIiI6ZX1pZigic3RyaW5nIiE9dHlwZW9mIHQpcmV0dXJuIDA9PT10P3Q6K3Q7dD1KdCh0KTt2YXIgcj1YdC50ZXN0KHQpO3JldHVybiByfHxZdC50ZXN0KHQpP1p0KHQuc2xpY2UoMikscj8yOjgpOlF0LnRlc3QodCk/TmFOOit0fSh0KSk9PT10ZXx8dD09PS0xLzA/MTc5NzY5MzEzNDg2MjMxNTdlMjkyKih0PDA/LTE6MSk6dD09dD90OjA6MD09PXQ/dDowfXZhciByZSxuZT1mdW5jdGlvbih0LGUscil7cmV0dXJuIHImJiJudW1iZXIiIT10eXBlb2YgciYmZnVuY3Rpb24odCxlLHIpe2lmKCFoKHIpKXJldHVybiExO3ZhciBuPXR5cGVvZiBlO3JldHVybiEhKCJudW1iZXIiPT1uP3h0KHIpJiZHdChlLHIubGVuZ3RoKToic3RyaW5nIj09biYmZSBpbiByKSYmQihyW2VdLHQpfSh0LGUscikmJihlPXI9dm9pZCAwKSx0PWVlKHQpLHZvaWQgMD09PWU/KGU9dCx0PTApOmU9ZWUoZSksZnVuY3Rpb24odCxlLHIsbil7Zm9yKHZhciBvPS0xLHU9THQoV3QoKGUtdCkvKHJ8fDEpKSwwKSxjPUFycmF5KHUpO3UtLTspY1tuP3U6KytvXT10LHQrPXI7cmV0dXJuIGN9KHQsZSxyPXZvaWQgMD09PXI/dDxlPzE6LTE6ZWUocikscmUpfSxvZT1uZTtmdW5jdGlvbiB1ZSh0KXt2YXIgZT10aGlzLl9fZGF0YV9fPW5ldyBrKHQpO3RoaXMuc2l6ZT1lLnNpemV9dWUucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1uZXcgayx0aGlzLnNpemU9MH0sdWUucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgZT10aGlzLl9fZGF0YV9fLHI9ZS5kZWxldGUodCk7cmV0dXJuIHRoaXMuc2l6ZT1lLnNpemUscn0sdWUucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5nZXQodCl9LHVlLnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uaGFzKHQpfSx1ZS5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQsZSl7dmFyIHI9dGhpcy5fX2RhdGFfXztpZihyIGluc3RhbmNlb2Ygayl7dmFyIG49ci5fX2RhdGFfXztpZighQ3x8bi5sZW5ndGg8MTk5KXJldHVybiBuLnB1c2goW3QsZV0pLHRoaXMuc2l6ZT0rK3Iuc2l6ZSx0aGlzO3I9dGhpcy5fX2RhdGFfXz1uZXcgUihuKX1yZXR1cm4gci5zZXQodCxlKSx0aGlzLnNpemU9ci5zaXplLHRoaXN9O3ZhciBjZT1mdW5jdGlvbigpe3RyeXt2YXIgdD1FKE9iamVjdCwiZGVmaW5lUHJvcGVydHkiKTtyZXR1cm4gdCh7fSwiIix7fSksdH1jYXRjaCh0KXt9fSgpLGllPWNlO2Z1bmN0aW9uIGFlKHQsZSxyKXsiX19wcm90b19fIj09ZSYmaWU/aWUodCxlLHtjb25maWd1cmFibGU6ITAsZW51bWVyYWJsZTohMCx2YWx1ZTpyLHdyaXRhYmxlOiEwfSk6dFtlXT1yfXZhciBmZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGxlKHQsZSxyKXt2YXIgbj10W2VdO2ZlLmNhbGwodCxlKSYmQihuLHIpJiYodm9pZCAwIT09cnx8ZSBpbiB0KXx8YWUodCxlLHIpfWZ1bmN0aW9uIHNlKHQsZSxyLG4pe3ZhciBvPSFyO3J8fChyPXt9KTtmb3IodmFyIHU9LTEsYz1lLmxlbmd0aDsrK3U8Yzspe3ZhciBpPWVbdV0sYT1uP24ocltpXSx0W2ldLGkscix0KTp2b2lkIDA7dm9pZCAwPT09YSYmKGE9dFtpXSksbz9hZShyLGksYSk6bGUocixpLGEpfXJldHVybiByfWZ1bmN0aW9uIHBlKHQpe3JldHVybiBwKHQpJiYiW29iamVjdCBBcmd1bWVudHNdIj09cyh0KX12YXIgYmU9T2JqZWN0LnByb3RvdHlwZSx5ZT1iZS5oYXNPd25Qcm9wZXJ0eSx2ZT1iZS5wcm9wZXJ0eUlzRW51bWVyYWJsZSxoZT1wZShmdW5jdGlvbigpe3JldHVybiBhcmd1bWVudHN9KCkpP3BlOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiZ5ZS5jYWxsKHQsImNhbGxlZSIpJiYhdmUuY2FsbCh0LCJjYWxsZWUiKX07dmFyIGplPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsZGU9amUmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxfZT1kZSYmZGUuZXhwb3J0cz09PWplP24uQnVmZmVyOnZvaWQgMCxnZT0oX2U/X2UuaXNCdWZmZXI6dm9pZCAwKXx8ZnVuY3Rpb24oKXtyZXR1cm4hMX0sT2U9e307ZnVuY3Rpb24gbWUodCl7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB0KGUpfX1PZVsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09T2VbIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPU9lWyJbb2JqZWN0IEludDhBcnJheV0iXT1PZVsiW29iamVjdCBJbnQxNkFycmF5XSJdPU9lWyJbb2JqZWN0IEludDMyQXJyYXldIl09T2VbIltvYmplY3QgVWludDhBcnJheV0iXT1PZVsiW29iamVjdCBVaW50OENsYW1wZWRBcnJheV0iXT1PZVsiW29iamVjdCBVaW50MTZBcnJheV0iXT1PZVsiW29iamVjdCBVaW50MzJBcnJheV0iXT0hMCxPZVsiW29iamVjdCBBcmd1bWVudHNdIl09T2VbIltvYmplY3QgQXJyYXldIl09T2VbIltvYmplY3QgQXJyYXlCdWZmZXJdIl09T2VbIltvYmplY3QgQm9vbGVhbl0iXT1PZVsiW29iamVjdCBEYXRhVmlld10iXT1PZVsiW29iamVjdCBEYXRlXSJdPU9lWyJbb2JqZWN0IEVycm9yXSJdPU9lWyJbb2JqZWN0IEZ1bmN0aW9uXSJdPU9lWyJbb2JqZWN0IE1hcF0iXT1PZVsiW29iamVjdCBOdW1iZXJdIl09T2VbIltvYmplY3QgT2JqZWN0XSJdPU9lWyJbb2JqZWN0IFJlZ0V4cF0iXT1PZVsiW29iamVjdCBTZXRdIl09T2VbIltvYmplY3QgU3RyaW5nXSJdPU9lWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7dmFyIHdlPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsQWU9d2UmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSx4ZT1BZSYmQWUuZXhwb3J0cz09PXdlJiZlLnByb2Nlc3MsU2U9ZnVuY3Rpb24oKXt0cnl7dmFyIHQ9QWUmJkFlLnJlcXVpcmUmJkFlLnJlcXVpcmUoInV0aWwiKS50eXBlcztyZXR1cm4gdHx8eGUmJnhlLmJpbmRpbmcmJnhlLmJpbmRpbmcoInV0aWwiKX1jYXRjaCh0KXt9fSgpLHplPVNlJiZTZS5pc1R5cGVkQXJyYXksUGU9emU/bWUoemUpOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiZBdCh0Lmxlbmd0aCkmJiEhT2Vbcyh0KV19LEllPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7ZnVuY3Rpb24gRWUoZSxyKXt2YXIgbj10KGUpLG89IW4mJmhlKGUpLHU9IW4mJiFvJiZnZShlKSxjPSFuJiYhbyYmIXUmJlBlKGUpLGk9bnx8b3x8dXx8YyxhPWk/ZnVuY3Rpb24odCxlKXtmb3IodmFyIHI9LTEsbj1BcnJheSh0KTsrK3I8dDspbltyXT1lKHIpO3JldHVybiBufShlLmxlbmd0aCxTdHJpbmcpOltdLGY9YS5sZW5ndGg7Zm9yKHZhciBsIGluIGUpIXImJiFJZS5jYWxsKGUsbCl8fGkmJigibGVuZ3RoIj09bHx8dSYmKCJvZmZzZXQiPT1sfHwicGFyZW50Ij09bCl8fGMmJigiYnVmZmVyIj09bHx8ImJ5dGVMZW5ndGgiPT1sfHwiYnl0ZU9mZnNldCI9PWwpfHxHdChsLGYpKXx8YS5wdXNoKGwpO3JldHVybiBhfWZ1bmN0aW9uIEZlKHQpe3JldHVybiB4dCh0KT9FZSh0KTppdCh0KX12YXIgVWU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBNZSh0KXtpZighaCh0KSlyZXR1cm4gZnVuY3Rpb24odCl7dmFyIGU9W107aWYobnVsbCE9dClmb3IodmFyIHIgaW4gT2JqZWN0KHQpKWUucHVzaChyKTtyZXR1cm4gZX0odCk7dmFyIGU9bnQodCkscj1bXTtmb3IodmFyIG4gaW4gdCkoImNvbnN0cnVjdG9yIiE9bnx8IWUmJlVlLmNhbGwodCxuKSkmJnIucHVzaChuKTtyZXR1cm4gcn1mdW5jdGlvbiAkZSh0KXtyZXR1cm4geHQodCk/RWUodCwhMCk6TWUodCl9dmFyIEJlPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsVGU9QmUmJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxOZT1UZSYmVGUuZXhwb3J0cz09PUJlP24uQnVmZmVyOnZvaWQgMCxrZT1OZT9OZS5hbGxvY1Vuc2FmZTp2b2lkIDA7ZnVuY3Rpb24gQ2UoKXtyZXR1cm5bXX12YXIgRGU9T2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZSxSZT1PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzLFZlPVJlP2Z1bmN0aW9uKHQpe3JldHVybiBudWxsPT10P1tdOih0PU9iamVjdCh0KSxmdW5jdGlvbih0LGUpe2Zvcih2YXIgcj0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aCxvPTAsdT1bXTsrK3I8bjspe3ZhciBjPXRbcl07ZShjLHIsdCkmJih1W28rK109Yyl9cmV0dXJuIHV9KFJlKHQpLGZ1bmN0aW9uKGUpe3JldHVybiBEZS5jYWxsKHQsZSl9KSl9OkNlLFdlPVZlO2Z1bmN0aW9uIExlKHQsZSl7Zm9yKHZhciByPS0xLG49ZS5sZW5ndGgsbz10Lmxlbmd0aDsrK3I8bjspdFtvK3JdPWVbcl07cmV0dXJuIHR9dmFyIHFlPW90KE9iamVjdC5nZXRQcm90b3R5cGVPZixPYmplY3QpLEdlPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM/ZnVuY3Rpb24odCl7Zm9yKHZhciBlPVtdO3Q7KUxlKGUsV2UodCkpLHQ9cWUodCk7cmV0dXJuIGV9OkNlLEtlPUdlO2Z1bmN0aW9uIEhlKGUscixuKXt2YXIgbz1yKGUpO3JldHVybiB0KGUpP286TGUobyxuKGUpKX1mdW5jdGlvbiBKZSh0KXtyZXR1cm4gSGUodCxGZSxXZSl9ZnVuY3Rpb24gUWUodCl7cmV0dXJuIEhlKHQsJGUsS2UpfXZhciBYZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBZZT1uLlVpbnQ4QXJyYXk7ZnVuY3Rpb24gWmUodCl7dmFyIGU9bmV3IHQuY29uc3RydWN0b3IodC5ieXRlTGVuZ3RoKTtyZXR1cm4gbmV3IFllKGUpLnNldChuZXcgWWUodCkpLGV9dmFyIHRyPS9cdyokLzt2YXIgZXI9bz9vLnByb3RvdHlwZTp2b2lkIDAscnI9ZXI/ZXIudmFsdWVPZjp2b2lkIDA7ZnVuY3Rpb24gbnIodCxlLHIpe3ZhciBuLG89dC5jb25zdHJ1Y3Rvcjtzd2l0Y2goZSl7Y2FzZSJbb2JqZWN0IEFycmF5QnVmZmVyXSI6cmV0dXJuIFplKHQpO2Nhc2UiW29iamVjdCBCb29sZWFuXSI6Y2FzZSJbb2JqZWN0IERhdGVdIjpyZXR1cm4gbmV3IG8oK3QpO2Nhc2UiW29iamVjdCBEYXRhVmlld10iOnJldHVybiBmdW5jdGlvbih0LGUpe3ZhciByPWU/WmUodC5idWZmZXIpOnQuYnVmZmVyO3JldHVybiBuZXcgdC5jb25zdHJ1Y3RvcihyLHQuYnl0ZU9mZnNldCx0LmJ5dGVMZW5ndGgpfSh0LHIpO2Nhc2UiW29iamVjdCBGbG9hdDMyQXJyYXldIjpjYXNlIltvYmplY3QgRmxvYXQ2NEFycmF5XSI6Y2FzZSJbb2JqZWN0IEludDhBcnJheV0iOmNhc2UiW29iamVjdCBJbnQxNkFycmF5XSI6Y2FzZSJbb2JqZWN0IEludDMyQXJyYXldIjpjYXNlIltvYmplY3QgVWludDhBcnJheV0iOmNhc2UiW29iamVjdCBVaW50OENsYW1wZWRBcnJheV0iOmNhc2UiW29iamVjdCBVaW50MTZBcnJheV0iOmNhc2UiW29iamVjdCBVaW50MzJBcnJheV0iOnJldHVybiBmdW5jdGlvbih0LGUpe3ZhciByPWU/WmUodC5idWZmZXIpOnQuYnVmZmVyO3JldHVybiBuZXcgdC5jb25zdHJ1Y3RvcihyLHQuYnl0ZU9mZnNldCx0Lmxlbmd0aCl9KHQscik7Y2FzZSJbb2JqZWN0IE1hcF0iOmNhc2UiW29iamVjdCBTZXRdIjpyZXR1cm4gbmV3IG87Y2FzZSJbb2JqZWN0IE51bWJlcl0iOmNhc2UiW29iamVjdCBTdHJpbmddIjpyZXR1cm4gbmV3IG8odCk7Y2FzZSJbb2JqZWN0IFJlZ0V4cF0iOnJldHVybiBmdW5jdGlvbih0KXt2YXIgZT1uZXcgdC5jb25zdHJ1Y3Rvcih0LnNvdXJjZSx0ci5leGVjKHQpKTtyZXR1cm4gZS5sYXN0SW5kZXg9dC5sYXN0SW5kZXgsZX0odCk7Y2FzZSJbb2JqZWN0IFN5bWJvbF0iOnJldHVybiBuPXQscnI/T2JqZWN0KHJyLmNhbGwobikpOnt9fX12YXIgb3I9T2JqZWN0LmNyZWF0ZSx1cj1mdW5jdGlvbigpe2Z1bmN0aW9uIHQoKXt9cmV0dXJuIGZ1bmN0aW9uKGUpe2lmKCFoKGUpKXJldHVybnt9O2lmKG9yKXJldHVybiBvcihlKTt0LnByb3RvdHlwZT1lO3ZhciByPW5ldyB0O3JldHVybiB0LnByb3RvdHlwZT12b2lkIDAscn19KCksY3I9dXI7dmFyIGlyPVNlJiZTZS5pc01hcCxhcj1pcj9tZShpcik6ZnVuY3Rpb24odCl7cmV0dXJuIHAodCkmJiJbb2JqZWN0IE1hcF0iPT13dCh0KX07dmFyIGZyPVNlJiZTZS5pc1NldCxscj1mcj9tZShmcik6ZnVuY3Rpb24odCl7cmV0dXJuIHAodCkmJiJbb2JqZWN0IFNldF0iPT13dCh0KX0sc3I9IltvYmplY3QgQXJndW1lbnRzXSIscHI9IltvYmplY3QgRnVuY3Rpb25dIixicj0iW29iamVjdCBPYmplY3RdIix5cj17fTtmdW5jdGlvbiB2cihlLHIsbixvLHUsYyl7dmFyIGksYT0xJnIsZj0yJnIsbD00JnI7aWYobiYmKGk9dT9uKGUsbyx1LGMpOm4oZSkpLHZvaWQgMCE9PWkpcmV0dXJuIGk7aWYoIWgoZSkpcmV0dXJuIGU7dmFyIHM9dChlKTtpZihzKXtpZihpPWZ1bmN0aW9uKHQpe3ZhciBlPXQubGVuZ3RoLHI9bmV3IHQuY29uc3RydWN0b3IoZSk7cmV0dXJuIGUmJiJzdHJpbmciPT10eXBlb2YgdFswXSYmWGUuY2FsbCh0LCJpbmRleCIpJiYoci5pbmRleD10LmluZGV4LHIuaW5wdXQ9dC5pbnB1dCkscn0oZSksIWEpcmV0dXJuIGZ1bmN0aW9uKHQsZSl7dmFyIHI9LTEsbj10Lmxlbmd0aDtmb3IoZXx8KGU9QXJyYXkobikpOysrcjxuOyllW3JdPXRbcl07cmV0dXJuIGV9KGUsaSl9ZWxzZXt2YXIgcD13dChlKSxiPXA9PXByfHwiW29iamVjdCBHZW5lcmF0b3JGdW5jdGlvbl0iPT1wO2lmKGdlKGUpKXJldHVybiBmdW5jdGlvbih0LGUpe2lmKGUpcmV0dXJuIHQuc2xpY2UoKTt2YXIgcj10Lmxlbmd0aCxuPWtlP2tlKHIpOm5ldyB0LmNvbnN0cnVjdG9yKHIpO3JldHVybiB0LmNvcHkobiksbn0oZSxhKTtpZihwPT1icnx8cD09c3J8fGImJiF1KXtpZihpPWZ8fGI/e306ZnVuY3Rpb24odCl7cmV0dXJuImZ1bmN0aW9uIiE9dHlwZW9mIHQuY29uc3RydWN0b3J8fG50KHQpP3t9OmNyKHFlKHQpKX0oZSksIWEpcmV0dXJuIGY/ZnVuY3Rpb24odCxlKXtyZXR1cm4gc2UodCxLZSh0KSxlKX0oZSxmdW5jdGlvbih0LGUpe3JldHVybiB0JiZzZShlLCRlKGUpLHQpfShpLGUpKTpmdW5jdGlvbih0LGUpe3JldHVybiBzZSh0LFdlKHQpLGUpfShlLGZ1bmN0aW9uKHQsZSl7cmV0dXJuIHQmJnNlKGUsRmUoZSksdCl9KGksZSkpfWVsc2V7aWYoIXlyW3BdKXJldHVybiB1P2U6e307aT1ucihlLHAsYSl9fWN8fChjPW5ldyB1ZSk7dmFyIHk9Yy5nZXQoZSk7aWYoeSlyZXR1cm4geTtjLnNldChlLGkpLGxyKGUpP2UuZm9yRWFjaChmdW5jdGlvbih0KXtpLmFkZCh2cih0LHIsbix0LGUsYykpfSk6YXIoZSkmJmUuZm9yRWFjaChmdW5jdGlvbih0LG8pe2kuc2V0KG8sdnIodCxyLG4sbyxlLGMpKX0pO3ZhciB2PXM/dm9pZCAwOihsP2Y/UWU6SmU6Zj8kZTpGZSkoZSk7cmV0dXJuIGZ1bmN0aW9uKHQsZSl7Zm9yKHZhciByPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoOysrcjxuJiYhMSE9PWUodFtyXSxyLHQpOyk7fSh2fHxlLGZ1bmN0aW9uKHQsbyl7diYmKHQ9ZVtvPXRdKSxsZShpLG8sdnIodCxyLG4sbyxlLGMpKX0pLGl9eXJbc3JdPXlyWyJbb2JqZWN0IEFycmF5XSJdPXlyWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPXlyWyJbb2JqZWN0IERhdGFWaWV3XSJdPXlyWyJbb2JqZWN0IEJvb2xlYW5dIl09eXJbIltvYmplY3QgRGF0ZV0iXT15clsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09eXJbIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPXlyWyJbb2JqZWN0IEludDhBcnJheV0iXT15clsiW29iamVjdCBJbnQxNkFycmF5XSJdPXlyWyJbb2JqZWN0IEludDMyQXJyYXldIl09eXJbIltvYmplY3QgTWFwXSJdPXlyWyJbb2JqZWN0IE51bWJlcl0iXT15clticl09eXJbIltvYmplY3QgUmVnRXhwXSJdPXlyWyJbb2JqZWN0IFNldF0iXT15clsiW29iamVjdCBTdHJpbmddIl09eXJbIltvYmplY3QgU3ltYm9sXSJdPXlyWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09eXJbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09eXJbIltvYmplY3QgVWludDE2QXJyYXldIl09eXJbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAseXJbIltvYmplY3QgRXJyb3JdIl09eXJbcHJdPXlyWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7ZnVuY3Rpb24gaHIodCl7cmV0dXJuIHZyKHQsNSl9ZnVuY3Rpb24ganIodCl7cmV0dXJuIltvYmplY3QgQXJyYXldIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBkcih0KXtyZXR1cm4iW29iamVjdCBPYmplY3RdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBfcih0KXtyZXR1cm4hMD09PShlPXQpfHwhMT09PWV8fHAoZSkmJiJbb2JqZWN0IEJvb2xlYW5dIj09cyhlKTt2YXIgZX1mdW5jdGlvbiBncih0LGU9bnVsbCxyPXt9KXtqKGUpfHwoZT10PT50KTtsZXQgbj1ldChyLCJmb3JjZSIsITEpO3JldHVybiBfcihuKXx8KG49ITEpLGZ1bmN0aW9uKHQsZSxyPSExKXtsZXQgbj1bXTtpZighanIodCkmJiFkcih0KSlyZXR1cm4gZSh0LG51bGwsW10pO2Z1bmN0aW9uIG8odCl7aWYoanIodCkpcmV0dXJuIG9lKFZ0KHQpKTtpZihkcih0KSl7bGV0IGU9T2JqZWN0LmdldE93blByb3BlcnR5TmFtZXModCksbj1udWxsO3JldHVybiByJiYobj1PYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHQpKSxqcihlKXx8KGU9W10pLGpyKG4pfHwobj1bXSksWy4uLmUsLi4ubl19cmV0dXJuIHR9cmV0dXJuIGZ1bmN0aW9uIHQocix1KXtpZihqcihyKSlyZXR1cm4gbyhyKS5tYXAobz0+e2xldCB1PXJbb10sYz1ocihuKTtyZXR1cm4gbi5wdXNoKG8pLHU9ZSh1LG8sYyksdT10KHUpLG4ucG9wKCksdX0pO2lmKGRyKHIpKXtsZXQgdT1vKHIpLGM9e307cmV0dXJuIHUubWFwKG89PntsZXQgdT1yW29dLGk9aHIobik7bi5wdXNoKG8pLHU9ZSh1LG8saSksdT10KHUpLG4ucG9wKCksY1tvXT11fSksY31yZXR1cm4gcn0odCl9KHQsZSxuKX1mdW5jdGlvbiBPcih0KXtyZXR1cm4hKCFmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBTdHJpbmddIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCl8fCIiPT09dCl9ZnVuY3Rpb24gbXIodCxlPXt9KXtpZihqcih0KSl7aWYoMD09PXQubGVuZ3RoKXJldHVybltdfWVsc2V7aWYoIWRyKHQpKXJldHVybltdO2lmKGZ1bmN0aW9uKHQpe2lmKGRyKHQpKXtmb3IobGV0IGUgaW4gdClyZXR1cm4hMTtyZXR1cm4hMH1yZXR1cm4hMX0odCkpcmV0dXJuW119bGV0IHI9ZXQoZSwiYmluZEtleSIsbnVsbCk7T3Iocil8fChyPSJpZCIpO2xldCBuPWV0KGUsImJpbmRDaGlsZHJlbiIsbnVsbCk7T3Iobil8fChuPSJjaGlsZHJlbiIpO2xldCBvPSExO2RyKHQpJiYobz0hMCx0PVt0XSk7bGV0IHU9W107cmV0dXJuIGdyKHQsKHQsZSxvKT0+e2xldCBjPWV0KHQscixudWxsKSxpPWV0KHQsbixudWxsKTtpZihjKXtsZXQgcj1mdW5jdGlvbih0KXtsZXQgZT1bdFswXV07Zm9yKGxldCByPTE7cjx0Lmxlbmd0aDtyKyspe2xldCBvPXRbcl07ZS5wdXNoKG4pLGUucHVzaChvKX1yZXR1cm4gZX0oWy4uLm8sZV0pO2lmKHUucHVzaCh7Li4udCxsZXZlbDooVnQociktMSkvMixuazpyfSksaSlyZXR1cm4gaX19KSxvJiYodT11WzBdKSx1fWxldCBmbGF0dGVuVHJlZVdrPWFzeW5jIGZ1bmN0aW9uKHQsZT17fSl7cmV0dXJuIG1yKHQsZSl9OwoKCmxldCBpbnN0YW5jZSA9IG51bGwKZnVuY3Rpb24gaW5pdChpbnB1dCl7CgogICAgLy9pbml0CiAgICBsZXQgcgogICAgCiAgICAgICAgciA9IHsKICAgICAgICAgICAgbWFpbjogZmxhdHRlblRyZWVXawogICAgICAgIH0KICAgICAgICAKCiAgICAvL29uCiAgICAKCiAgICAvL3NhdmUKICAgIGluc3RhbmNlID0gcgoKfQoKZnVuY3Rpb24gc2VuZE1lc3NhZ2UoZGF0YSkgewogICAgCiAgICAgICAgc2VsZi5wb3N0TWVzc2FnZShkYXRhKQogICAgICAgIAp9Cgphc3luYyBmdW5jdGlvbiBydW4oZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciBydW4nLGRhdGEpCgogICAgLy9tb2RlCiAgICBsZXQgbW9kZSA9IGRhdGEubW9kZQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgIT09ICdpbml0JyAmJiBtb2RlICE9PSAnY2FsbCcpewogICAgICAgIHJldHVybgogICAgfQoKICAgIC8vaW5pdAogICAgaWYobW9kZSA9PT0gJ2luaXQnKXsKICAgICAgICAKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL3R5cGUKICAgICAgICAgICAgbGV0IHR5cGUgPSBkYXRhLnR5cGUKCiAgICAgICAgICAgIC8vaW5wdXQKICAgICAgICAgICAgbGV0IGlucHV0ID0gZGF0YS5pbnB1dAogICAgCiAgICAgICAgICAgIC8vaW5zdGFuY2UKICAgICAgICAgICAgaWYodHlwZSA9PT0gJ2Z1bmN0aW9uJyl7CiAgICAgICAgICAgICAgICBpbml0KC4uLmlucHV0KQogICAgICAgICAgICB9CiAgICAgICAgICAgIGVsc2UgaWYodHlwZSA9PT0gJ29iamVjdCcpewogICAgICAgICAgICAgICAgaW5zdGFuY2UgPSBmbGF0dGVuVHJlZVdrCiAgICAgICAgICAgIH0KCiAgICAgICAgfQogICAgICAgIGNhdGNoKGVycil7CiAgICAgICAgCiAgICAgICAgICAgIC8vc2VuZE1lc3NhZ2UKICAgICAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgICAgIG1vZGU6ICdlbWl0JywKICAgICAgICAgICAgICAgIGV2TmFtZTogJ2Vycm9yJywKICAgICAgICAgICAgICAgIG1zZzogZXJyLAogICAgICAgICAgICB9CiAgICAgICAgICAgIHNlbmRNZXNzYWdlKHJlcykKCiAgICAgICAgfQogICAgICAgICAgICAKICAgIH0KCiAgICAvL2NoZWNrCiAgICBpZihtb2RlID09PSAnY2FsbCcpewogICAgICAgIGxldCBzdGF0ZSA9ICcnCiAgICAgICAgbGV0IG1zZyA9IG51bGwKCiAgICAgICAgdHJ5ewoKICAgICAgICAgICAgLy9mdW4KICAgICAgICAgICAgbGV0IGZ1biA9IGluc3RhbmNlW2RhdGEuZnVuXQoKICAgICAgICAgICAgLy9pbnB1dAogICAgICAgICAgICBsZXQgaW5wdXQgPSBkYXRhLmlucHV0CgogICAgICAgICAgICAvL2V4ZWMKICAgICAgICAgICAgYXdhaXQgZnVuKC4uLmlucHV0KQogICAgICAgICAgICAgICAgLnRoZW4oKHN1YykgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdzdWNjZXNzJwogICAgICAgICAgICAgICAgICAgIG1zZz1zdWMKICAgICAgICAgICAgICAgIH0pCiAgICAgICAgICAgICAgICAuY2F0Y2goKGVycikgPT4gewogICAgICAgICAgICAgICAgICAgIHN0YXRlPSdlcnJvcicKICAgICAgICAgICAgICAgICAgICBtc2c9ZXJyCiAgICAgICAgICAgICAgICB9KQoKICAgICAgICB9CiAgICAgICAgY2F0Y2goZXJyKXsKICAgICAgICAgICAgc3RhdGUgPSAnZXJyb3InCiAgICAgICAgICAgIG1zZyA9IGVycgogICAgICAgIH0KICAgICAgICAKICAgICAgICAvL3NlbmRNZXNzYWdlCiAgICAgICAgbGV0IHJlcyA9IHsKICAgICAgICAgICAgbW9kZTogJ3JldHVybicsCiAgICAgICAgICAgIGlkOiBkYXRhLmlkLAogICAgICAgICAgICBmdW46IGRhdGEuZnVuLAogICAgICAgICAgICBzdGF0ZSwKICAgICAgICAgICAgbXNnLAogICAgICAgIH0KICAgICAgICBzZW5kTWVzc2FnZShyZXMpCgogICAgfQoKfQoKZnVuY3Rpb24gcmVjdk1lc3NhZ2UoZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciByZWN2OicsIGRhdGEpCgogICAgLy9kYXRhUmVjdgogICAgbGV0IGRhdGFSZWN2ID0gZGF0YQoKICAgIC8vcnVuCiAgICBydW4oZGF0YVJlY3YpCgp9CgoKICAgICAgICBzZWxmLm9ubWVzc2FnZSA9IGZ1bmN0aW9uIChlKSB7CiAgICAgICAgICAgIHJlY3ZNZXNzYWdlKGUuZGF0YSkKICAgICAgICB9CiAgICAgICAgCgp0cnl7CiAgICBwcm9jZXNzLm9uKCd1bmhhbmRsZWRSZWplY3Rpb24nLCAoZXJyKSA9PiB7CiAgICAgICAgY29uc29sZS5sb2coJ2lubmVyOnVuaGFuZGxlZFJlamVjdGlvbicsIGVycikKICAgIH0pCiAgICBwcm9jZXNzLm9uKCd1bmNhdWdodEV4Y2VwdGlvbicsIChlcnIpID0+IHsKICAgICAgICBjb25zb2xlLmxvZygnaW5uZXI6dW5jYXVnaHRFeGNlcHRpb24nLCBlcnIpCiAgICB9KQogICAgcHJvY2Vzcy5vbigndW5jYXVnaHRFeGNlcHRpb25Nb25pdG9yJywgKGVycikgPT4gewogICAgICAgIGNvbnNvbGUubG9nKCdpbm5lcjp1bmNhdWdodEV4Y2VwdGlvbk1vbml0b3InLCBlcnIpCiAgICB9KQp9CmNhdGNoKGVycil7fQoK");function e(){let e=new Ng,t=function(n){try{let e=new Blob([n]),t=window.URL||window.webkitURL;return new Worker(t.createObjectURL(e))}catch(n){o(n)}}(n);if(!t)return o("invalid worker"),null;function r(){let n=function(){let n,e,t=new Promise(function(){n=arguments[0],e=arguments[1]});return t.resolve=n,t.reject=e,t}(),r=function(n=10){let e=[],t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),r=t.length;for(let o=0;o<n;o++)e[o]=t[0|Math.random()*r];return e.join("")}(),o={mode:"call",id:r,fun:"main",input:[...arguments]};return t.postMessage(o),e.once(r,e=>{"success"===e.state?n.resolve(e.msg):n.reject(e.msg)}),n}function o(n){e.emit("error",n)}return t.onmessage=function(n){!function(n){let t=n,r=t.mode;"emit"!==r&&"return"!==r||("emit"===r&&e.emit(t.evName,t.msg),"return"===r&&e.emit(t.id,t))}(n.data)},t.onerror=o,t.onmessageerror=function(n){o(n.data)},function(){let n={mode:"init",type:"function",input:[...arguments]};t.postMessage(n)}([...arguments]),e.main=r,e.main=r,e.terminate=function(){t?(t.terminate(),t=void 0):o("worker has been terminated")},e}Dg=async function(){let n=[...arguments],t=e();return await t.main(...n).finally(()=>{t.terminate()})}}();try{process.on("unhandledRejection",n=>{console.log("outer:unhandledRejection",n)}),process.on("uncaughtException",n=>{console.log("outer:uncaughtException",n)}),process.on("uncaughtExceptionMonitor",n=>{console.log("outer:uncaughtExceptionMonitor",n)})}catch(Km){}var Gg=Dg;function jg(n){let e=mn(n,"clientX",null),t=mn(n,"clientY",null),r=mn(n,"pageX",null),o=mn(n,"pageY",null);if(null!==e&&null!==t&&null!==r&&null!==o)return{clientX:e,clientY:t,pageX:r,pageY:o};let i=mn(n,"changedTouches",[]);if(1!==So(i))return null;let l=i[0];return{clientX:mn(l,"clientX",null),clientY:mn(l,"clientY",null),pageX:mn(l,"pageX",null),pageY:mn(l,"pageY",null)}}function Kg(n,e){if(!ai(n))return null;if(!bn(e))return null;try{return n.getAttribute(e)}catch(n){}return null}function Yg(n={}){let e="dragpreviewid",t=null,r=null,o=null,i=null,l=null,a=!1,d=mn(n,"attIdentify",null);bn(d)||(d="dragprevid");let u=mn(n,"containerOpacity",null);Fo(u)||(u=.4);let s=mn(n,"containerBackground",null);bn(s)||(s="white");let c=mn(n,"containerBorderWidth",null);Fo(c)||(c=1);let p=mn(n,"containerBorderColor",null);bn(p)||(p="#f26");let f=`c${Qo(8)}`;function g(n,e,t){r&&o&&i&&l&&!a&&(l.style.top=e-r.tShiftY+"px",l.style.left=n-r.tShiftX+"px")}function h(){Na(`[${e}='${f}']`),r=null,o=null,i=null,l=null}let m=function(n){g(n.clientX,n.clientY)};window.addEventListener("mousemove",m);let v=function(n){let e=jg(n);e&&g(e.clientX,e.clientY)};return window.addEventListener("touchmove",v),{createPreview:function(n,a,m){try{!function(){let h=function(n,e,r){let o=gs(n);if(!o)return null;t=n;let i=n.cloneNode(!0);return i.tShiftX=e-o.left,i.tShiftY=r-o.top,i.tWidth=n.offsetWidth,i.tHeight=n.offsetHeight,i.tParent=n.parentNode,i.setAttribute(d,""),i}(n,a,m);if(null===h)return;let v=document.createElement("div");v.style.position="absolute",v.style.zIndex=1,v.style.top=0,v.style.left=0,v.style.width="100%",v.style.height="100%",v.appendChild(h);let y=document.createElement("div");y.style.position="relative",y.appendChild(v);let b=document.createElement("div");b.setAttribute(e,f),b.style.position="fixed",b.style.zIndex=1e5,b.style.width=`${h.tWidth+2*c}px`,b.style.height=`${h.tHeight+2*c}px`,b.style.opacity=u,b.style.background=s,b.style.border=`${c}px solid ${p}`,b.style.pointerEvents="none",b.appendChild(y),document.querySelector("body").appendChild(b),r=h,o=v,i=y,l=b,g(a,m)}()}catch(n){}let v=setInterval(()=>{let n=Kg(t,d);document.querySelector(`[${d}='${n}']`)||(clearInterval(v),h())},500)},updateDragPreview:g,pauseDragPreview:function(n){a=n},removeDragPreview:h,setNodeStyle:function(n){try{ke(n,(n,e)=>{r.style[e]=n})}catch(n){}},setCoverStyle:function(n){try{ke(n,(n,e)=>{o.style[e]=n})}catch(n){}},setSellStyle:function(n){try{ke(n,(n,e)=>{i.style[e]=n})}catch(n){}},setContainerStyle:function(n){try{ke(n,(n,e)=>{l.style[e]=n})}catch(n){}},clear:function(){window.removeEventListener("mousemove",m),window.removeEventListener("touchmove",v)}}}let _g={};function $g(n,e,{attIdentify:t,previewOpacity:r,previewBackground:o,previewBorderWidth:i,previewBorderColor:l}){if(!Sn(_g,n)){let e=rl(),a=function(n){let e=[];function t(){let t;t="mousemove";let r=function(e){n.dragMove({e:e,name:"mousemove"})};window.addEventListener(t,r),e.push({ele:window,name:t,f:r}),t="mouseup";let o=function(e){n.dragDrop({e:e,name:"mouseup"})};window.addEventListener(t,o),e.push({ele:window,name:t,f:o}),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 l=function(e){n.dragDrop({e:e,name:"touchend"})};window.addEventListener(t,l),e.push({ele:window,name:t,f:l})}function r(){ke(e,({ele:n,name:e,f:t})=>{n.removeEventListener(e,t)})}return{bind:t,unbind:r}}({dragMove:t=>{e.emit(n+"-dragMove",t)},dragDrop:t=>{e.emit(n+"-dragDrop",t)}});a.bind();let d=Yg({attIdentify:t,containerOpacity:r,containerBackground:o,containerBorderWidth:i,containerBorderColor:l});_g[n]={eleIds:[],evg:e,oevg:a,pv:d,isInit:!1,isActive:!0}}return _g[n].eleIds.push(e),_g[n].evg}function Mg(n,e,t){let r=null;return ke(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(Kg(n,e)===t)return r=n,!1}),r}function Og(n,e,t){let r=null,o=jg(n);return o?(ke(function(n,e){let t=[];try{t=document.elementsFromPoint(n,e)}catch(n){console.log(n)}return t}(o.clientX,o.clientY),n=>{if(Kg(n,e)===t)return r=n,!1}),r):r}function Jg(n,e){let t=Kg(n,e);return t=tr(t),t}function Eg({gid:n,attGroup:e,attIndex:t,attIdentify:r,timeDragStartDelay:o,previewOpacity:i,previewDisabledOpacity:l}){let a=null,d=null,u=null,s=null;if(_g[n].isInit)return _g[n].evg;_g[n].isInit=!0;let c=_g[n].evg;c.on(n+"-dragStart",function({e:e,ele:i,from:u}){if(!_g[n].isActive)return;let s=Jg(i,t);if(null===s)return;a=s,d=i;let f={event:e,startInd:a,startEle:d,tarInd:a,tarEid:Kg(d,r)};c.emit(n+"-change",{mode:"start",...f}),c.emit(n+"-start",f);let g=jg(e);if(!g)return;setTimeout(()=>{null!==a&&(p.createPreview(d,g.clientX,g.clientY),p.setContainerStyle({opacity:l}))},o)}),c.on(n+"-dragMove",function({e:o,name:f,from:g}){if(!_g[n].isActive)return;let h=Mg(o,e,n);if(null===a)return;let m=jg(o);if(!m)return;function v(){let e={event:o,startInd:a,startEle:d,endInd:u,endEle:s,tarInd:u,tarEid:Kg(s,r)};c.emit(n+"-change",{mode:"leave",...e}),c.emit(n+"-leave",e),u=null,s=null,p.setContainerStyle({opacity:l})}if(!h)return void(null!==u&&v());let y=Jg(h,t);if(null===y)return;if(y===a)return void(null!==u&&v());if(y!==u)null!==u&&v(),function(e,t){u=e,s=t;let l={event:o,startInd:a,startEle:d,endInd:u,endEle:s,tarInd:u,tarEid:Kg(s,r)};c.emit(n+"-change",{mode:"enter",...l}),c.emit(n+"-enter",l),p.setContainerStyle({opacity:i})}(y,h);else{let e=function(n,e){if(!qo(n))return null;if(!Fo(n.clientX)||!Fo(n.clientY))return null;if(!ai(e))return null;let t=gs(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(m,h),t=0;e.w>0&&(t=e.x/e.w);let l=0;e.h>0&&(l=e.y/e.h),t>=0&&t<=1&&l>=0&&l<=1&&function(e,t,l){let f={event:o,startInd:a,startEle:d,endInd:u,endEle:s,tarInd:u,tarEid:Kg(s,r),...e,rx:t,ry:l};c.emit(n+"-change",{mode:"move",...f}),c.emit(n+"-move",f),p.setContainerStyle({opacity:i})}(e,t,l)}}),c.on(n+"-dragDrop",function({e:o,name:i,from:l}){if(p.removeDragPreview(),!_g[n].isActive)return;if(null===a)return;let f=Og(o,e,n);if(!f)return a=null,d=null,u=null,void(s=null);let g=Jg(f,t);if(null===g)return;(function(e,t){u=e,s=t;let i={event:o,startInd:a,startEle:d,endInd:u,endEle:s,tarInd:u,tarEid:Kg(s,r)};c.emit(n+"-change",{mode:"drop",...i}),c.emit(n+"-drop",i)})(g,f),a=null,d=null,u=null,s=null});let p=_g[n].pv}function Ug(n,e={}){if(!ai(n))return void console.log("ele is not a HTMLElement",n);let t=mn(e,"attIdentify",null);bn(t)||(t="dragid");let r=mn(e,"attIndex",null);bn(r)||(r="dragindex");let o=mn(e,"attGroup",null);bn(o)||(o="draggroup");let i=mn(e,"group",null);bn(i)||(i="group");let l=mn(e,"previewOpacity",null);Fo(l)||(l=.4);let a=mn(e,"previewDisabledOpacity",null);Fo(a)||(a=.2);let d=mn(e,"previewBackground",null);bn(d)||(d="white");let u=mn(e,"previewBorderWidth",null);Fo(u)||(u=1);let s=mn(e,"previewBorderColor",null);bn(s)||(s="#f26");let c=mn(e,"timeDragStartDelay",null);Fo(c)||(c=120);let p=`c${Qo(8)}`,f=i;n.setAttribute(o,f),n.setAttribute(t,p);let g=$g(f,p,{attIdentify:t,previewOpacity:l,previewBackground:d,previewBorderWidth:u,previewBorderColor:s}),h=function(n,e){let t=[];return{bind:function(){let r;r="mousedown";let o=function(t){e.dragStart({e:t,ele:n,name:"mousedown"})};n.addEventListener(r,o,!1),t.push({ele:n,name:r,f:o}),r="touchstart";let i=function(t){e.dragStart({e:t,ele:n,name:"touchstart"})};n.addEventListener(r,i,!1),t.push({ele:n,name:r,f:i}),r="touchmove";let l=function(n){e.dragMove({e:n,name:"touchmove"}),n.cancelable&&n.preventDefault()};n.addEventListener(r,l,!1),t.push({ele:n,name:r,f:l})},unbind:function(){ke(t,({ele:n,name:e,f:t})=>{n.removeEventListener(e,t)})}}}(n,{dragStart:n=>{g.emit(f+"-dragStart",n)},dragMove:n=>{g.emit(f+"-dragMove",n)}});h.bind(),Eg({gid:f,attGroup:o,attIndex:r,attIdentify:t,timeDragStartDelay:c,previewOpacity:l,previewDisabledOpacity:a});let m=rl();return g.on(i+"-change",n=>{n.tarEid===p&&m.emit("change",n)}),g.on(i+"-start",n=>{n.tarEid===p&&m.emit("start",n)}),g.on(i+"-move",n=>{n.tarEid===p&&m.emit("move",n)}),g.on(i+"-enter",n=>{n.tarEid===p&&m.emit("enter",n)}),g.on(i+"-leave",n=>{n.tarEid===p&&m.emit("leave",n)}),g.on(i+"-drop",n=>{n.tarEid===p&&m.emit("drop",n)}),m.setIsActive=function(n){_g[f].isActive=n},m.unbind=function(){h.unbind(),function(n,e){let t=_g[n],r=qi(t.eleIds);Qa(r,e),t.eleIds=r,0===r.length&&(t.oevg.unbind(),t.pv.clear(),delete _g[n])}(f,p)},m}function Qg(){let n={};function e(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}function t(t,r,o){let i=t.getAttribute("ev-dragdrop"),l=mn(r,"value");if(l=qo(l),!l)return;let a=mn(r,"value.group");if(!bn(a))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");let d=Ug(t,{group:a,attIdentify:mn(r,"value.attIdentify"),attGroup:mn(r,"value.attGroup"),attIndex:mn(r,"value.attIndex"),previewOpacity:mn(r,"value.previewOpacity"),previewDisabledOpacity:mn(r,"value.previewDisabledOpacity"),previewBackground:mn(r,"value.previewBackground"),previewBorderWidth:mn(r,"value.previewBorderWidth"),previewBorderColor:mn(r,"value.previewBorderColor"),timeDragStartDelay:mn(r,"value.timeDragStartDelay")});d.on("start",n=>{e(o,"domdragdrop",{evName:"start",...n})}),d.on("move",n=>{e(o,"domdragdrop",{evName:"move",...n})}),d.on("enter",n=>{e(o,"domdragdrop",{evName:"enter",...n})}),d.on("leave",n=>{e(o,"domdragdrop",{evName:"leave",...n})}),d.on("drop",n=>{e(o,"domdragdrop",{evName:"drop",...n})}),n[i]=d}function r(e){let t=e.getAttribute("ev-dragdrop");n[t]&&(n[t].unbind(),n[t]=null,delete n[t])}return{bind:function(n,e,r){let o=`r${Qo()}`;n.setAttribute("ev-dragdrop",o),t(n,e,r)},update:function(n,e,o){r(n),t(n,e,o)},unbind:function(n){r(n),n.setAttribute("ev-dragdrop",null)}}}function qg(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(!e(n[t],t,n))return!1;return!0}function nh(n,e){var t=!0;return Se(n,function(n,r,o){return t=!!e(n,r,o)}),t}function eh(n,e,t){var r=s(n)?qg:nh;return t&&ro(n,e,t)&&(e=void 0),r(n,kt(e))}const th={directives:{domresize:ol()},components:{WPanelScrollyCore:Df},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 rh=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)};rh._withStripped=!0;const oh=t({render:rh,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})},th,"data-v-1626f0ce",false,void 0,!1,o,void 0,void 0);const ih={directives:{domripple:Ga()},components:{WIcon:Ma},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=Ae(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){return`padding:${La(this.paddingStyle,{ext:{}})};`},effBackgroundColor:function(){return wo(this.backgroundColor)},effBackgroundColorHover:function(){return wo(this.backgroundColorHover)},effBackgroundActive:function(){return wo(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return wo(this.backgroundColorDisabled)},useBackgroundColor:function(){let n=this;return n.editable?n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor:n.effBackgroundColorDisabled},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},effTextActive:function(){return wo(this.textColorActive)},effTextColorDisabled:function(){return wo(this.textColorDisabled)},useTextColor:function(){let n=this;return n.editable?n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor:n.effTextColorDisabled},effIconColor:function(){return wo(this.iconColor)},effIconColorHover:function(){return wo(this.iconColorHover)},effIconActive:function(){return wo(this.iconColorActive)},effIconColorDisabled:function(){return wo(this.iconColorDisabled)},useIconColor:function(){let n=this;return n.editable?n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor:n.effIconColorDisabled},effDisabledColor:function(){return wo(this.disabledColor)}},methods:{clickItem:function(){let n=this;n.editable&&n.$emit("click",{icon:n.icon,text:n.text})}}};var lh=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)])};lh._withStripped=!0;const ah=t({render:lh,staticRenderFns:[]},function(n){n&&n("data-v-4e9461bf_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},ih,"data-v-4e9461bf",false,void 0,!1,o,void 0,void 0);var dh={directives:{domresize:ol()},components:{WPanelScrolly:oh,WListItem:ah},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!==So(this.items)&&eh(this.items,n=>vn(n))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,r=mn(e,"$refs.refHeader");ai(r)&&(t=r.offsetHeight);let o=0,i=mn(e,"$refs.refFooter");ai(i)&&(o=i.offsetHeight);let l=e.panelHeight-t-o;l>0&&e.listHeight!==l&&(e.listHeight=l)},getIcon:function(n){let e=this;return e.isObjValue?mn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return mn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Fs(n,e.itemActiveTrans)),t},getEditable:function(n){return mn(n,"editable",!0)},updateUseItems:function(){let n=this;(async function(){let e=[];if(bn(n.queryTrans))for(let t=0;t<So(n.items);t++){let r=n.items[t],o=!1;if(Be(n.funFilter))o=n.funFilter(r,t),ur(o)&&(o=await o);else{let e=Ot(n.queryTrans.toLowerCase()," "),t="";t=n.isObjValue?n.getText(r):Wl(r),t=t.toLowerCase();for(let n=0;n<So(e);n++){let r=e[n];if(t.indexOf(r)>=0){o=!0;break}}}o&&e.push(qi(r))}else e=qi(n.items);n.useItems=e})().catch(n=>{console.log(n)})},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let r=null;r=t.isObjValue?{...n}:n,t.$emit("click",r,e),t.$emit("update:itemActive",r)}}};const uh=dh;var sh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParams:n.changeParams,changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{style:"height:"+n.panelHeight+"px;"},[t("div",{ref:"refHeader"},[n._t("header")],2),n._v(" "),t("WPanelScrolly",{style:"height:"+n.listHeight+"px;"},n._l(n.useItems,function(e,r){return t("div",{key:r},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:!n.getActive(e)&&n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,r)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)}),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};sh._withStripped=!0;const ch=t({render:sh,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})},uh,"data-v-e0a8f594",false,void 0,!1,o,void 0,void 0);var ph={components:{},props:{dir:{type:String,default:"right"},iconSize:{type:Number,default:24},iconColor:{type:String,default:"grey"},iconDisabledColor:{type:String,default:"grey lighten-1"},iconBackgroundColor:{type:String,default:"transparent"},iconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},editable:{type:Boolean,default:!0}},data:function(){return{defIconSize:24}},computed:{useRotate:function(){return mn({left:180,right:0,top:270,bottom:90},this.dir,0)},useScale:function(){return this.iconSize/this.defIconSize},useIconColor:function(){let n=this;return n.editable?wo(n.iconColor):wo(n.iconDisabledColor)},useIconBackgroundColor:function(){return wo(this.iconBackgroundColor)},useIconBackgroundColorHover:function(){return wo(this.iconBackgroundColorHover)}},methods:{mouseenter:function(n){n.currentTarget.style.background=this.useIconBackgroundColorHover},mouseleave:function(n){n.currentTarget.style.background=this.useIconBackgroundColor}}};const fh=ph;var gh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.iconSize+"px; height:"+n.iconSize+"px; overflow:hidden;"},[t("div",{style:"transform:scale("+n.useScale+"); transform-origin:0% 0%;"},[t("div",{style:"position:relative; display:inline-block; width:"+n.defIconSize+"px; height:"+n.defIconSize+"px; user-select:none; 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:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[t("div",{staticClass:"cc",staticStyle:{height:"100%"}},[t("div",{style:"transition:all 0.1s; transform:rotate("+n.useRotate+"deg); transform-origin:50% 50%;"},[t("div",{staticClass:"cc circle",style:"background:"+n.useIconBackgroundColor+";",on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[t("div",{staticClass:"caretRight"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useIconColor,width:"11px",height:"11px",x:"0px",y:"0px",viewBox:"-70 0 475.346 415.346","xml:space":"preserve"}},[t("g",[t("path",{attrs:{d:"M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697 c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"}})])])])])])])]),n._v(" "),[t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto",opacity:"0.75"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-5px);"},[t("div",{style:"display:inline-block; width:24px; height:1px; border-top:2px solid #fff;"})])]),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto",opacity:"0.75"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-3px);"},[t("div",{style:"display:inline-block; width:24px; height:1px; border-top:2px solid "+n.useIconColor+";"})])])]],2)])])};gh._withStripped=!0;const hh=t({render:gh,staticRenderFns:[]},function(n){n&&n("data-v-1728797b_0",{source:"\n.caretRight[data-v-1728797b] {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\n}\n.cc[data-v-1728797b] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\n}\n.circle[data-v-1728797b] {\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    min-height: 22px;\r\n    max-width: 22px;\r\n    max-height: 22px;\r\n    border-radius: 50%;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WTreeIconToggle.vue"],names:[],mappings:";AA4LA;IACA,eAAA;IACA,iBAAA;IACA,qBAAA;AACA;AACA;IACA,aAAA;IACA,mBAAA;IACA,uBAAA;AACA;AACA;IACA,WAAA;IACA,YAAA;IACA,eAAA;IACA,gBAAA;IACA,eAAA;IACA,gBAAA;IACA,kBAAA;AACA",file:"WTreeIconToggle.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; width:${iconSize}px; height:${iconSize}px; overflow:hidden;`">\r\n        <div :style="`transform:scale(${useScale}); transform-origin:0% 0%;`">\r\n\r\n            <div\r\n                :style="`position:relative; display:inline-block; width:${defIconSize}px; height:${defIconSize}px; user-select:none; cursor:pointer; outline:none;`"\r\n                tabindex="0"\r\n                @keyup.enter="(v)=>{$emit(\'click\',v)}"\r\n                @click="(v)=>{$emit(\'click\',v)}"\r\n            >\r\n\r\n                \x3c!-- 三角形按鈕 --\x3e\r\n                <div\r\n                    class="cc"\r\n                    style="height:100%;"\r\n                >\r\n                    <div\r\n                        :style="`transition:all 0.1s; transform:rotate(${useRotate}deg); transform-origin:50% 50%;`"\r\n                    >\r\n\r\n                        <div\r\n                            class="cc circle"\r\n                            :style="`background:${useIconBackgroundColor};`"\r\n                            @mouseenter="mouseenter"\r\n                            @mouseleave="mouseleave"\r\n                        >\r\n                            <div\r\n                                class="caretRight"\r\n                            >\r\n                                <span style="display:flex;">\r\n                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" :fill="useIconColor" width="11px" height="11px" x="0px" y="0px" viewBox="-70 0 475.346 415.346" xml:space="preserve"><g><path d="M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697 c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"/></g></svg>\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n\r\n                \x3c!-- 禁用符號 --\x3e\r\n                <template>\r\n\r\n                    <div\r\n                        style="position:absolute; z-index:1; left:0px; top:0px; bottom:0; right:0; margin:auto; opacity:0.75;"\r\n                    >\r\n                        <div :style="`height:${defIconSize}px; transform:rotate(45deg) translateY(-5px);`" v-if="!editable">\r\n                            <div :style="`display:inline-block; width:24px; height:1px; border-top:2px solid #fff;`"></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div style="position:absolute; z-index:1; left:0px; top:0px; bottom:0; right:0; margin:auto; opacity:0.75;">\r\n                        <div :style="`height:${defIconSize}px; transform:rotate(45deg) translateY(-3px);`" v-if="!editable">\r\n                            <div :style="`display:inline-block; width:24px; height:1px; border-top:2px solid ${useIconColor};`"></div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </template>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from \'lodash-es/get.js\'\r\nimport convertColor from \'../js/convertColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [dir=\'right\'] 輸入圖標朝向字串，可選\'right\'、\'bottom\'、\'left\'、\'top\'，預設\'right\'\r\n * @vue-prop {Number} [iconSize=24] 輸入顯隱icon按鈕高度數字，預設24\r\n * @vue-prop {String} [iconColor=\'grey\'] 輸入顯隱icon按鈕顏色字串，預設\'grey\'\r\n * @vue-prop {String} [iconDisabledColor=\'grey lighten-1\'] 輸入顯隱icon按鈕禁用時顏色字串，預設\'grey lighten-1\'\r\n * @vue-prop {String} [iconBackgroundColor=\'transparent\'] 輸入顯隱icon按鈕背景顏色字串，預設\'transparent\'\r\n * @vue-prop {String} [iconBackgroundColorHover=\'rgba(128,128,128,0.15)\'] 輸入滑鼠移入時顯隱icon按鈕背景顏色字串，預設\'rgba(128,128,128,0.15)\'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        dir: {\r\n            type: String,\r\n            default: \'right\',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        iconDisabledColor: {\r\n            type: String,\r\n            default: \'grey lighten-1\',\r\n        },\r\n        iconBackgroundColor: {\r\n            type: String,\r\n            default: \'transparent\',\r\n        },\r\n        iconBackgroundColorHover: {\r\n            type: String,\r\n            default: \'rgba(128,128,128,0.15)\',\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            defIconSize: 24,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        useRotate: function() {\r\n            //console.log(\'computed useRotate\')\r\n\r\n            let vo = this\r\n\r\n            let kp = {\r\n                left: 180,\r\n                right: 0,\r\n                top: 270,\r\n                bottom: 90,\r\n            }\r\n            return get(kp, vo.dir, 0)\r\n        },\r\n\r\n        useScale: function() {\r\n            return this.iconSize / this.defIconSize\r\n        },\r\n\r\n        useIconColor: function() {\r\n            //console.log(\'computed useIconColor\')\r\n\r\n            let vo = this\r\n\r\n            if (vo.editable) {\r\n                return convertColor(vo.iconColor)\r\n            }\r\n            return convertColor(vo.iconDisabledColor)\r\n        },\r\n\r\n        useIconBackgroundColor: function() {\r\n            //console.log(\'computed useIconBackgroundColor\')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.iconBackgroundColor)\r\n        },\r\n\r\n        useIconBackgroundColorHover: function() {\r\n            //console.log(\'computed useIconBackgroundColorHover\')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.iconBackgroundColorHover)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        mouseenter: function(e) {\r\n            //console.log(\'mouseenter\', e)\r\n\r\n            let vo = this\r\n\r\n            e.currentTarget.style.background = vo.useIconBackgroundColorHover\r\n\r\n        },\r\n\r\n        mouseleave: function(e) {\r\n            //console.log(\'mouseleave\', e)\r\n\r\n            let vo = this\r\n\r\n            e.currentTarget.style.background = vo.useIconBackgroundColor\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.caretRight {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\r\n}\r\n.cc {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.circle {\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    min-height: 22px;\r\n    max-width: 22px;\r\n    max-height: 22px;\r\n    border-radius: 50%;\r\n}\r\n</style>\r\n\r\n']},media:void 0})},fh,"data-v-1728797b",false,void 0,!1,o,void 0,void 0);const mh={components:{},props:{mode:{type:String,default:"unchecked"},iconSize:{type:Number,default:24},uncheckedColor:{type:String,default:"grey darken-2"},uncheckedDisabledColor:{type:String,default:"grey"},checkedColor:{type:String,default:"blue darken-3"},checkedDisabledColor:{type:String,default:"grey"},checkedPartiallyColor:{type:String,default:"blue darken-3"},checkedPartiallyDisabledColor:{type:String,default:"grey"},editable:{type:Boolean,default:!0}},data:function(){return{defIconSize:24}},computed:{useScale:function(){return this.iconSize/this.defIconSize},useDisabledColor:function(){let n=this;return"checked"===n.mode?wo(n.checkedDisabledColor):"unchecked"===n.mode?wo(n.uncheckedDisabledColor):wo(n.checkedPartiallyDisabledColor)},useUncheckedColor:function(){let n=this;return n.editable?wo(n.uncheckedColor):wo(n.uncheckedDisabledColor)},useCheckedColor:function(){let n=this;return n.editable?wo(n.checkedColor):wo(n.checkedDisabledColor)},useCheckedPartiallyColor:function(){let n=this;return n.editable?wo(n.checkedPartiallyColor):wo(n.checkedPartiallyDisabledColor)}},methods:{emitClick:function(n){this.editable&&this.$emit("click",n)}}};var vh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.iconSize+"px; height:"+n.iconSize+"px; overflow:hidden;"},[t("div",{style:"transform:scale("+n.useScale+"); transform-origin:0% 0%;"},[t("div",{style:"position:relative; display:inline-block; width:"+n.defIconSize+"px; height:"+n.defIconSize+"px; user-select:none; "+(n.editable?"cursor:pointer;":"")+" outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.emitClick.apply(null,arguments)},click:n.emitClick}},["unchecked"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useUncheckedColor,width:"24px",height:"24px",viewBox:"0 0 24 24"}},[t("path",{attrs:{d:"M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"}})])])]):n._e(),n._v(" "),"checked"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useCheckedColor,width:"24px",height:"24px",viewBox:"0 0 24 24"}},[t("path",{attrs:{d:"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}})])])]):n._e(),n._v(" "),"checkedPartially"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useCheckedPartiallyColor,width:"24px",height:"24px",viewBox:"0 0 24 24"}},[t("path",{attrs:{d:"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}})])])]):n._e(),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-3px);"},[t("div",{style:"display:inline-block; width:30px; height:2px; border-top:2px solid #fff;"})])]),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-1px);"},[t("div",{style:"display:inline-block; width:30px; height:2px; border-top:2px solid "+n.useDisabledColor+";"})])])])])])};vh._withStripped=!0;const yh=t({render:vh,staticRenderFns:[]},function(n){n&&n("data-v-709021b9_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTreeIconCheckbox.vue"},media:void 0})},mh,"data-v-709021b9",false,void 0,!1,o,void 0,void 0);let bh=Xf();var Ch={directives:{domdragdrop:Qg(),domripple:Ga()},components:{WDynamicList:_f,WButtonCircle:Fu,WButtonChip:Bu,WText:rc,WPopup:vs,WDialog:df,WListVertical:ch,WTreeIconToggle:hh,WTreeIconCheckbox:yh,Teleport:u},props:{data:{type:[Array,Object],default:()=>[]},viewHeightMax:{type:Number,default:400},defaultDisplayLevel:{type:Number,default:null},activable:{type:Boolean,default:!1},funActive:{type:Function,default:null},itemActive:{type:Object,default:()=>{}},selectable:{type:Boolean,default:!1},selections:{type:Array,default:()=>[]},keyPrimary:{type:String,default:"id"},keyText:{type:String,default:"text"},keyChildren:{type:String,default:"children"},keyLocked:{type:String,default:"locked"},paddingStyle:{type:Object,default:()=>({v:0,h:0})},indent:{type:Number,default:1},iconSize:{type:Number,default:24},iconToggleColor:{type:String,default:"grey"},iconToggleDisabledColor:{type:String,default:"grey lighten-1"},iconToggleBackgroundColor:{type:String,default:"transparent"},iconToggleBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},iconUncheckedColor:{type:String,default:"grey darken-2"},iconUncheckedDisabledColor:{type:String,default:"grey"},iconCheckedColor:{type:String,default:"blue darken-3"},iconCheckedDisabledColor:{type:String,default:"grey"},iconCheckedPartiallyColor:{type:String,default:"blue darken-3"},iconCheckedPartiallyDisabledColor:{type:String,default:"grey"},filterKeywords:{type:String,default:""},funFilter:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},statePaddingStyle:{type:Object,default:()=>({v:12,h:12})},defItemHeight:{type:Number,default:34},itemsPreload:{type:Number,default:5},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#d72"},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(255,167,38,0.2)"},itemRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},draggable:{type:Boolean,default:!1},dgTextDisabled:{type:String,default:"Can not drop here"},dgTextDisabledColor:{type:String,default:"#812"},dgTextDisabledPaddingLeft:{type:Number,default:15},dgTextDisabledFontSize:{type:String,default:"0.9rem"},dgTextDisabledBackgroundColor:{type:String,default:"rgba(255,220,240,0.6)"},dgInsertLineColor:{type:String,default:"#29f"},dgInsertBackgroundColor:{type:String,default:"rgba(80,150,255,0.15)"},dgBelongBackgroundColor:{type:String,default:"rgba(80,150,255,0.3)"},dgPreviewOpacity:{type:Number,default:1},dgPreviewDisabledOpacity:{type:Number,default:1},dgPreviewBorderWidth:{type:Number,default:0},dgPreviewBorderColor:{type:String,default:"#f26"},dgPreviewBackground:{type:String,default:"transparent"},operatable:{type:Boolean,default:!1},operateItemTextForRename:{type:String,default:"Rename"},operateItemTextForInsertBefore:{type:String,default:"Insert before"},operateItemTextForInsertChild:{type:String,default:"Insert child"},operateItemTextForInsertAfter:{type:String,default:"Insert after"},operateItemTextForDelete:{type:String,default:"Delete"},operateItemIconForRename:{type:String,default:Tl},operateItemIconForInsertBefore:{type:String,default:"M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z"},operateItemIconForInsertChild:{type:String,default:"M13,8V11H3V13H13V16L17,12L13,8M19,20H21V4H19V20Z"},operateItemIconForInsertAfter:{type:String,default:"M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z"},operateItemIconForDelete:{type:String,default:vl},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:150},operatePanelHeight:{type:Number,default:null},operateBtnTooltip:{type:String,default:"Operations"},operateBtnIconSize:{type:Number,default:22},operateBtnBackgroundColor:{type:String,default:"transparent"},operateBtnBackgroundColorHover:{type:String,default:"rgba(230,230,230,0.7)"},operateBtnBackgroundColorFocus:{type:String,default:"rgba(230,230,230,0.9)"},operateItemBackgroundColor:{type:String,default:"transparent"},operateItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},operateItemHeight:{type:Number,default:42},operateItemTextColor:{type:String,default:"#444"},operateItemTextColorHover:{type:String,default:"#222"},operateItemIconSize:{type:Number,default:22},operateItemIconColor:{type:String,default:"#444"},operateItemIconColorHover:{type:String,default:"#222"},funOperateItem:{type:Function,default:null},editorRenameContentBackgroundColor:{type:String,default:"white"},editorRenameFooterBackgroundColor:{type:String,default:"grey lighten-5"},editorRenameInputTextColor:{type:String,default:"grey darken-3"},editorRenameInputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},editorRenameInputTextBottomLineBorderColorHover:{type:String,default:"grey"},editorRenameInputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},editorRenameCancelBtnText:{type:String,default:"Cancel"},editorRenameCancelBtnTextColor:{type:String,default:"grey darken-3"},editorRenameCancelBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIcon:{type:String,default:bl},editorRenameCancelBtnIconSize:{type:Number,default:22},editorRenameCancelBtnIconColor:{type:String,default:"grey darken-1"},editorRenameCancelBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameCancelBtnBackgroundColor:{type:String,default:"white"},editorRenameCancelBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},editorRenameSaveBtnText:{type:String,default:"Save"},editorRenameSaveBtnTextColor:{type:String,default:"grey darken-3"},editorRenameSaveBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIcon:{type:String,default:Cl},editorRenameSaveBtnIconSize:{type:Number,default:22},editorRenameSaveBtnIconColor:{type:String,default:"grey darken-1"},editorRenameSaveBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameSaveBtnBackgroundColor:{type:String,default:"white"},editorRenameSaveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},show:{type:Boolean,default:!0}},data:function(){return{mdiDotsVertical:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z",dbc:Bf(),mmkey:Qo(),viewHeightMaxTrans:400,separation:3,defIconSize:24,selectionsTrans:[],filterKeywordsTrans:"",filterKeywordsTransTemp:"",filtering:!1,defaultDisplayLevelTrans:null,dgGroupKey:null,dgTipMode:"",dgTipLeft:0,dgTipTop:0,dgTipWidth:0,dgTipHeight:0,pkActive:"",pkHover:"",operateShow:!1,editorShow:!1,editorPm:null,editorRenameData:null,editorRenameItem:{},editorRenameInputText:""}},beforeDestroy:function(){let n=this;null!==n.mmkey&&bh.remove(n.mmkey)},watch:{data:{immediate:!0,deep:!0,handler(n){this.setData(n)}},selections:{immediate:!0,deep:!0,handler(n){this.updateSelections()}}},computed:{changeViewHeightMax:function(){let n=this;return Fo(n.viewHeightMax)&&(n.viewHeightMaxTrans=n.viewHeightMax),""},changeActiveItem:function(){let n=this,e=mn(n.itemActive,n.keyPrimary);return n.isKey(e)?n.pkActive=e:n.pkActive="",""},changeDefaultDisplayLevel:function(){return this.defaultDisplayLevelTrans=this.defaultDisplayLevel,""},useDraggableOrOperatable:function(){return this.draggable||this.operatable},changeDraggableAndOperatable:function(){let n=this;return n.useDraggableOrOperatable&&(n.defaultDisplayLevelTrans=null,n.filterKeywordsTrans=""),""},changeFilterKeyWords:function(){let n=this;return n.filterKeywordsTrans=n.filterKeywords,n.filterByKeywordsDebounce(),""},useItemHeightMin:function(){return Math.max(this.iconSize,this.defItemHeight)},useIndent:function(){let n=this;return n.indent*(n.defIconSize+2*n.separation)},usePadding:function(){return`padding:${La(this.paddingStyle)};`},useItemTextColor:function(){return wo(this.itemTextColor)},useItemBackgroundColor:function(){return wo(this.itemBackgroundColor)},useItemTextColorHover:function(){return wo(this.itemTextColorHover)},useItemBackgroundColorHover:function(){return wo(this.itemBackgroundColorHover)},useItemTextColorActive:function(){return wo(this.itemTextColorActive)},useItemBackgroundColorActive:function(){return wo(this.itemBackgroundColorActive)},useDgTextDisabledColor:function(){return wo(this.dgTextDisabledColor)},useDgTextDisabledBackgroundColor:function(){return wo(this.dgTextDisabledBackgroundColor)},useDgInsertLineColor:function(){return wo(this.dgInsertLineColor)},useDgInsertBackgroundColor:function(){return wo(this.dgInsertBackgroundColor)},uesDgBelongBackgroundColor:function(){return wo(this.dgBelongBackgroundColor)},operateItems:function(){let n=this;return[{key:"Rename",text:n.operateItemTextForRename,icon:n.operateItemIconForRename},{key:"InsertBefore",text:n.operateItemTextForInsertBefore,icon:n.operateItemIconForInsertBefore},{key:"InsertChild",text:n.operateItemTextForInsertChild,icon:n.operateItemIconForInsertChild},{key:"InsertAfter",text:n.operateItemTextForInsertAfter,icon:n.operateItemIconForInsertAfter},{key:"Delete",text:n.operateItemTextForDelete,icon:n.operateItemIconForDelete}]},useDraggable:function(){return this.draggable&&!this.operateShow},useEditorContentBackgroundColor:function(){return wo(this.editorRenameContentBackgroundColor)},useEditorFooterBackgroundColor:function(){return wo(this.editorRenameFooterBackgroundColor)}},methods:{getEmitData:function(n,e){return{event:n,ele:mn(n,"currentTarget",null),row:e.row,item:e.row.item,index:e.index}},updateViewHeightMaxTrans:function(n){let e=this;if(Fo(e.viewHeightMax))return;let t=mn(n,"height");Fo(t)&&(e.viewHeightMaxTrans=t)},getRowsFromData:async function(n){return Bt(await Gg(n,{bindKey:this.keyPrimary,bindChildren:this.keyChildren}),(n,e)=>({index:e,unfolding:!0,checked:"unchecked",item:n}))},setData:function(n){let e=this;(async function(){if(!Te(n)&&!vn(n)){return"data is not an array or object"}null!==e.mmkey&&bh.remove(e.mmkey),n=qi(n);let t=await e.getRowsFromData(n);bh.set(e.mmkey,t),await sr(()=>void 0!==e.$refs.wdl,{timeInterval:20}),e.$refs.wdl&&await e.$refs.wdl.setRows(t),e.defaultToggleItems(),e.updateSelections(),e.filterKeywordsTransTemp="",e.filterByKeywords()})().catch(n=>{console.log(n)})},getText:function(n){let e=mn(n,this.keyText,"");return e=Wl(e),e},getEditable:function(n){return!mn(n,this.keyLocked,!1)},isKey:function(n){return bn(n)||xn(n)},getUseActivable:function(n){let e=this;if(!e.activable)return!1;let t=!0;if(Be(e.funActive)&&(t=e.funActive(e.getEmitData({},n)),!kn(t)))throw new Error("funActive return value is not a boolean");return t},getTextColor:function(n){let e=this,t=mn(n,e.keyPrimary);return e.isKey(t)?e.isKey(e.pkActive)&&t===e.pkActive?e.useItemTextColorActive:e.isKey(e.pkHover)&&t===e.pkHover?e.useItemTextColorHover:e.useItemTextColor:e.useItemTextColor},getBackgroundColor:function(n){let e=this,t=mn(n,e.keyPrimary);return e.isKey(t)?e.isKey(e.pkActive)&&t===e.pkActive?e.useItemBackgroundColorActive:e.isKey(e.pkHover)&&t===e.pkHover?e.useItemBackgroundColorHover:e.useItemBackgroundColor:e.useItemBackgroundColor},mouseenterItem:function(n,e){let t=this,r=mn(e,"row.item"),o=mn(r,t.keyPrimary);t.isKey(o)&&(t.pkHover=o),t.$emit("mouseenter",t.getEmitData(n,e))},mouseleaveItem:function(n,e){let t=this;t.pkHover="",t.$emit("mouseleave",t.getEmitData(n,e))},clickItem:function(n,e){let t=this;if(t.activable)for(;;){let r=mn(e,"row.item"),o=!0;if(Be(t.funActive)&&(o=t.funActive(t.getEmitData(n,e))),!o)break;let i=mn(r,t.keyPrimary);if(!t.isKey(i))break;t.pkActive=i;let l={[t.keyPrimary]:i};t.$emit("update:itemActive",l);break}t.$emit("click",t.getEmitData(n,e))},updateSelections:function(){let n=this;(async function(){let e=[];if(!n.selectable)return;if(Fs(n.selectionsTrans,n.selections))return;await sr(()=>void 0!==n.$refs.wdl,{timeInterval:20});let t={fun:function(t){let r={};ke(t,(e,o)=>{let i=mn(e,`row.item.${n.keyPrimary}`);if(Sn(r,i))throw new Error(`Duplicate primary key[${n.keyPrimary}] in items`);r[i]=o,t[o].row.checked="unchecked"}),ke(qi(n.selections),o=>{let i=o[n.keyPrimary],l=r[i];if(rr(l)){let r=t[l].row.checked;"checked"!==r&&(r="checked",n.checkItemsCore(e,t,l,r))}})}};n.$refs.wdl&&await n.$refs.wdl.processItems(t),n.selectionsTrans=e,n.$emit("update:selections",qi(e))})().catch(n=>{console.log(n)})},addSelection:function(n,e){let t=this,r=mn(e,t.keyPrimary,null);if(null!==r){if(!pg(n,{[t.keyPrimary]:r})){let r={};ke(e,(n,e)=>{e!==t.keyChildren&&"level"!==e&&"nk"!==e&&"msg"!==e&&(r[e]=qi(n))}),n.push(r)}}},removeSelection:function(n,e){let t=this,r=mn(e,t.keyPrimary,null);if(null!==r){pg(n,{[t.keyPrimary]:r})&&function(n,e){var t=[];if(!n||!n.length)return t;var r=-1,o=[],i=n.length;for(e=kt(e);++r<i;){var l=n[r];e(l,r,n)&&(t.push(l),o.push(r))}bg(n,o)}(n,{[t.keyPrimary]:r})}},modifySelection:function(n,e,t,r){let o=this;e!==t&&("checked"===t?o.addSelection(n,r):o.removeSelection(n,r))},hasChildren:function(n){return this.getLevelDiff(n)>0},hasChildrenFromItems:function(n,e){return this.getLevelDiffFromItems(n,e)>0},getRows:function(){return bh.get(this.mmkey)},getLevelDiff:function(n){let e=bh.get(this.mmkey);return this.getLevelDiffFromRows(e,n)},getLevelDiffFromRows:function(n,e){let t=mn(n,`${e}.item.level`,null),r=mn(n,`${e+1}.item.level`,null);return this.calcLevelDiff(t,r)},getLevelDiffFromItems:function(n,e){let t=mn(n,`${e}.row.item.level`,null),r=mn(n,`${e+1}.row.item.level`,null);return this.calcLevelDiff(t,r)},calcLevelDiff:function(n,e){return Jt(n)&&Jt(e)?e-n:0},getLevel:function(n){return mn(n,"item.level",0)},toggleItemsCore:function(n,e,t){let r=this,o=[];function i(){for(let n=0;n<o.length;n++)if(!1===o[n])return!1;return!0}!function(e,t){n[e].row.unfolding=t,o.push(t)}(e,t),function(e){let t=mn(n,`${e}.row.item.level`,null);if(null!==t)for(let l=e+1;l<n.length;l++){let e=mn(n,`${l}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(t>=e)break;let a=i();n[l].displayShow=a;let d=r.getLevelDiffFromItems(n,l);if(d>0){let e=mn(n,`${l}.row.unfolding`,null);if(null===e)return void console.log("invalid unfoldingNow");o.push(e)}d<0&&(o=Ig(o,-d))}else console.log("invalid items[i].row.item.level")}(e)},unfoldingItemParentsCore:function(n,e){let t=this,r=1e20,o=[];for(let t=e;t>=0;t--){let e=mn(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(r>e){let i=mn(n,`${t}.row.index`,null);if(null===i)return void console.log("invalid items[i].row.index");o.push(i),r=e}if(0===r)break}o=Ef(o),o=Ig(o),ke(o,e=>{t.toggleItemsCore(n,e,!0)})},defaultToggleItems:function(){let n=this;(async function(){if(!Fo(n.defaultDisplayLevelTrans))return;if(!n.$refs.wdl)return;let e={fun:function(e){let t=tr(n.defaultDisplayLevelTrans);ke(e,(r,o)=>{r.row.item.level>=t&&r.row.unfolding&&n.toggleItemsCore(e,o,!1)})}};n.$refs.wdl&&await n.$refs.wdl.processItems(e)})().catch(n=>{console.log(n)})},toggleItemsAllCore:function(n,e,t=0){let r=this;t<0&&(t=0),t>0&&(e=!1),ke(n,(o,i)=>{o.row.item.level>=t&&o.row.unfolding!==e?r.toggleItemsCore(n,i,e):o.row.item.level<t&&o.row.unfolding!==!e&&r.toggleItemsCore(n,i,!e)})},toggleItemsAll:function(n,e=0){let t=this;(async function(){if(!t.$refs.wdl)return;let r={fun:function(r){t.toggleItemsAllCore(r,n,e)}};t.$refs.wdl&&await t.$refs.wdl.processItems(r)})().catch(n=>{console.log(n)})},toggleItems:function(n,e){let t=this;(async function(){if(!t.$refs.wdl)return;if(t.useDraggableOrOperatable)return;let r={fun:function(r){let o=mn(n,"index",null);if(null===o)return void console.log("invalid item.index");let i=mn(r,`${o}.row.unfolding`,null);null!==i?(kn(e)?(i=e,e&&t.unfoldingItemParentsCore(r,o)):(i=!i,i&&t.unfoldingItemParentsCore(r,o)),t.toggleItemsCore(r,o,i)):console.log("invalid unfolding")}};t.$refs.wdl&&await t.$refs.wdl.processItems(r)})().catch(n=>{console.log(n)})},toggleItemsByFun:async function(n){if(!Be(n))return;let e=n(this.getRows());ur(e)&&(e=await e);let t=mn(e,"row");if(!qo(t))return void console.log("invalid row",t);let r=mn(e,"toUnfolding");kn(r)||(r=null),this.toggleItems(t,r)},getAllParentIndex:function(n,e){let t=this,r=e,o=[];for(;;){let e=t.getParentIndex(n,r);if(null===e)break;o.push(e),r=e}return{inds:o,path:ar(Ef(o),"-")}},getParentIndex:function(n,e){let t=mn(n,`${e}.row.item.level`,null);if(null===t)return null;for(let r=e-1;r>=0;r--){let e=mn(n,`${r}.row.item.level`,null);if(null===e)return null;if(t>e)return r}return null},checkItemsCore:function(n,e,t,r){let o=this;!function(n,t,r){let i=e[t].row.checked;e[t].row.checked=r,o.modifySelection(n,i,r,e[t].row.item)}(n,t,r),function(n,t,r){if(o.hasChildrenFromItems(e,t)){let i=mn(e,`${t}.row.item.level`,null);if(null===i)return void console.log("invalid items[i].row.item.level");for(let l=t+1;l<e.length;l++){let t=mn(e,`${l}.row.item.level`,null);if(null===t)return void console.log("invalid items[i].row.item.level");if(i>=t)break;let a=e[l].row.checked;e[l].row.checked=r,o.modifySelection(n,a,r,e[l].row.item)}}}(n,t,r),function n(t,r){let i=o.getParentIndex(e,r);if(null===i)return;let l=mn(e,i,null),a=mn(l,"row.checked",""),d=function(n){let t=mn(e,`${n}.row.item.level`,null);if(null===t)return console.log("invalid items[i].row.item.level"),null;let r=[{ind:n,checked:mn(e,`${n}.row.checked`,"")}];for(let o=n-1;o>=0;o--){let n=mn(e,`${o}.row.item.level`,null);if(null===n)return void console.log("invalid items[i].row.item.level");if(t>n)break;t===n&&r.push({ind:o,checked:mn(e,`${o}.row.checked`,"")})}for(let o=n+1;o<e.length;o++){let n=mn(e,`${o}.row.item.level`,null);if(null===n)return void console.log("invalid items[i].row.item.level");if(t>n)break;t===n&&r.push({ind:o,checked:mn(e,`${o}.row.checked`,"")})}let o=So(r),i=0,l=0;return ke(r,n=>{"checked"===n.checked?i+=1:"unchecked"===n.checked&&(l+=1)}),i===o?"checked":l===o?"unchecked":"checkedPartially"}(r);if(a!==d){let r=e[i].row.checked;e[i].row.checked=d,o.modifySelection(t,r,d,e[i].row.item),n(t,i)}}(n,t)},checkItems:function(n){let e=this;(async function(){let t=qi(e.selectionsTrans);if(!e.$refs.wdl)return;let r={fun:function(r){let o=n.index,i=mn(r,`${o}.row.checked`,null);null!==i?(i="checked"===i?"unchecked":"checked",e.checkItemsCore(t,r,o,i)):console.log("invalid checked")}};e.$refs.wdl&&await e.$refs.wdl.processItems(r),e.selectionsTrans=t,e.$emit("update:selections",qi(t))})().catch(n=>{console.log(n)})},filterItemsCore:async function(n,e){let t=this,r=Be(e);if(!r&&t.useDraggableOrOperatable)return;if(!r&&t.filterKeywordsTransTemp===t.filterKeywordsTrans)return;t.filterKeywordsTransTemp=t.filterKeywordsTrans;let o=0;if(r||0!==So(t.filterKeywordsTrans)){let i=Ot(t.filterKeywordsTrans.toLowerCase()," "),l={};for(let a=0;a<n.length;a++){let d=!1;if(r)d=e(n[a].row.item),ur(d)&&(d=await d);else if(Be(t.funFilter))d=t.funFilter(n[a].row.item,i),ur(d)&&(d=await d);else{let e=t.getText(n[a].row.item);e=e.toLowerCase();for(let n=0;n<i.length;n++){let t=i[n];if(e.indexOf(t)>=0){d=!0;break}}}if(d){n[a].filterShow=!0;let e=t.getAllParentIndex(n,a);""!==e.path&&(Sn(l,e.path)||(ke(e.inds,e=>{n[e].filterShow=!0}),l[e.path]=e)),o++}else n[a].filterShow=!1}}else{for(let e=0;e<n.length;e++)n[e].filterShow=!0;o=n.length}return o},filterItems:function(n){let e=this;(async function(){if(!e.$refs.wdl)return;if(e.filtering)return;e.filtering=!0;let t=-1,r={fun:async function(r){t=await e.filterItemsCore(r,n)}};e.$refs.wdl.setSearchingResults(-1),e.$refs.wdl&&await e.$refs.wdl.processItems(r),e.$refs.wdl&&e.$refs.wdl.setSearchingResults(t),e.filtering=!1})().catch(n=>{console.log(n)})},filterByFun:function(n){this.filterItems(n)},filterByKeywords:function(){this.filterItems()},filterByKeywordsDebounce:function(){let n=this;n.dbc(()=>{n.filterByKeywords()})},deleteItem:function(n,e){if(0===So(e))throw new Error("invalid nk");if(1===So(e))Sg(n,e);else{let t=Ig(e),r=hg(e),o=mn(n,t,[]);Sg(o,[r])}},getPathInfors:function(n,e){let t=this,r=[];for(let o=0;o<So(e);o++){if(e[o]===t.keyChildren)continue;let i=[];for(let n=0;n<=o;n++)i.push(e[n]);let l=mn(n,i),a={};ke(l,(n,e)=>{if(e===t.keyChildren)return!0;a[e]=n}),r.push(a)}return r},dragItem:function(n,e,t,r){let o=this,i=bh.get(o.mmkey),l=qi(o.data),a=i[n],d=i[e],u=a.item.nk,s=d.item.nk,c=qi(mn(l,u)),p=o.getPathInfors(l,u),f=[],g=u,h=[];if("forward"===t&&o.deleteItem(l,u),"before"===r||"after"===r){let n,e=hg(s)[0];if(1===So(s))n=l;else{let e=Ig(s);n=mn(l,e,[])}"before"===r||"after"===r&&(e+=1),n.splice(e,0,c);let t=Ig(s);t=[...t,e],h=t,f=o.getPathInfors(l,t)}else if("belongto"===r){let n=[...s,o.keyChildren],e=mn(l,n,[]);e.push(c),tg(l,n,e);let t=[...n,So(e)-1];h=t,f=o.getPathInfors(l,t)}"backward"===t&&o.deleteItem(l,u),o.$nextTick(()=>{o.$emit("update:data",qi(l)),o.$emit("change-item",{from:"drag",mode:"move",dir:t,kind:r,nkOri:g,pathInforsOri:p,nkNew:h,pathInforsNew:f})})},getUseOperateItems:function(n){let e=this;if(!e.operatable)return[];let t=null;if(Be(e.funOperateItem)){let r=e.funOperateItem(e.getEmitData({},n));if(!kn(r)&&!Te(r))throw new Error("funOperateItem return value is not a boolean or an array");!0===r?t=e.operateItems:!1===r?t=[]:(t=[],ke(r,n=>{let r=pg(e.operateItems,{key:n});qo(r)&&t.push(r)}))}else t=e.operateItems;return t},getUseOperatable:function(n){return So(this.getUseOperateItems(n))>0},getOperatePanelHeight:function(n){let e=this,t="";if(xn(e.operatePanelHeight))t=`height:${e.operatePanelHeight}px;`;else if(bn(e.operatePanelHeight))t=`height:${e.operatePanelHeight};`;else if(xn(e.operateItemHeight)){let r=Et(e.operateItemHeight);t=`height:${So(e.getUseOperateItems(n))*r}px;`}return t},operateItem:async function(n,e,t){let r=this;await async function(){let o=bh.get(r.mmkey),i=qi(r.data),l=o[n],a=l.item.nk,d="",u=[],s=[],c=[],p=[];if("Delete"===e)d="self",c=a,u=r.getPathInfors(i,a),r.deleteItem(i,a),p=[],s=[];else if("Rename"===e){if(r.editorRenameData=i,r.editorRenameItem=mn(l,"item",{}),r.editorRenameInputText=mn(l,`item.${r.keyText}`,""),"save"!==await r.showEditor())return;d="self",c=a,u=r.getPathInfors(r.data,a),i=r.editorRenameData,p=c,s=r.getPathInfors(i,a)}else{if(!Be(t))throw new Error("invalid fun");let n=t();if(ur(n)&&(n=await n),"InsertBefore"===e)d="before";else if("InsertAfter"===e)d="after";else{if("InsertChild"!==e)throw new Error(`invalid mode[${e}]`);d="belongto"}let o=d;if("before"===o||"after"===o){c=[],u=[];let e,t=hg(a)[0];if(1===So(a))e=i;else{let n=Ig(a);e=mn(i,n,[])}"before"===o||"after"===o&&(t+=1),e.splice(t,0,n);let l=Ig(a);l=[...l,t],p=l,s=r.getPathInfors(i,l)}else if("belongto"===o){c=[],u=[];let e=[...a,r.keyChildren],t=mn(i,e,[]);t.push(n),tg(i,e,t);let o=[...e,So(t)-1];p=o,s=r.getPathInfors(i,o)}}r.$nextTick(()=>{r.$emit("update:data",qi(i));let n="";n="Delete"===e?"delete":"Rename"===e?"rename":"add",r.$emit("change-item",{from:"operate",mode:n,dir:"",kind:d,nkOri:c,pathInforsOri:u,nkNew:p,pathInforsNew:s})})}().catch(n=>{console.log(n)})},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Qo()}`),n.dgGroupKey},getDgOpt:function(){let n=this;return{group:n.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:n.dgPreviewOpacity,previewDisabledOpacity:n.dgPreviewDisabledOpacity,previewBorderWidth:n.dgPreviewBorderWidth,previewBorderColor:n.dgPreviewBorderColor,previewBackground:n.dgPreviewBackground,timeDragStartDelay:1}},isBelong:function(n,e){return So(n)>=So(e)&&function(n,e){let t=_u([So(n),So(e)]);return Fs(gg(n,t),gg(e,t))}(n,e)},dragdrop:function(n){let e=this;if("move"===n.evName){let t=bh.get(e.mmkey),r=t[n.startInd],o=t[n.endInd],i=e.isBelong(o.item.nk,r.item.nk),l=mn(n,"endEle.parentNode");if(!l.getAttribute)return void console.log("invalud ele.getAttribute",l);e.dgTipTop=Et(l.getAttribute("top")),e.dgTipLeft=0,e.dgTipWidth=l.offsetWidth,e.dgTipHeight=l.offsetHeight,i?e.dgTipMode="disabled":n.ry<=.3?e.dgTipMode="lineTop":n.ry>=.7?e.dgTipMode="lineBottom":n.ry>.3&&n.ry<.7?e.dgTipMode="block":e.dgTipMode=""}else if("leave"===n.evName)e.dgTipMode="";else if("drop"===n.evName){if(n.startInd===n.endInd)return void(e.dgTipMode="");if(""===e.dgTipMode)return;let t,r;if(n.startInd<n.endInd)t="backward";else{if(!(n.startInd>n.endInd))throw new Error("invalid modeDir");t="forward"}if("disabled"===e.dgTipMode)e.dgTipMode="";else if("lineTop"===e.dgTipMode)r="before";else if("lineBottom"===e.dgTipMode)r="after";else{if("block"!==e.dgTipMode)throw console.log("dgTipMode",e.dgTipMode),new Error("invalid dgTipMode");r="belongto"}if(""===e.dgTipMode)return;e.dgTipMode="",e.dragItem(n.startInd,n.endInd,t,r)}},clickOperateItem:function(n){n.operateItem=this.operateItem,this.$emit("click-operate-item",n)},setDataByPathAndValue:function(n,e,t){tg(n,e,t),this.setData(n)},saveRename:function(){let n=this,e=[...mn(n.editorRenameItem,"nk",[]),n.keyText],t=n.editorRenameInputText;tg(n.editorRenameData,e,t),n.editorPm.resolve("save"),n.editorShow=!1},cancelEditor:function(){this.editorPm.resolve("cancel"),this.editorShow=!1},showEditor:async function(){let n=In();return this.editorShow=!0,this.editorPm=n,n},operateDisableEvent:function(n,e){this.operateShow||n.stopPropagation()},operateDisplayEvent:function(n){let e=this;e.operateShow="show"===n},updateOperateShow:function(n){this.operateShow=n}}};const xh=Ch;var Sh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{position:"relative",overflow:"hidden"},attrs:{changeViewHeightMax:n.changeViewHeightMax,changeActiveItem:n.changeActiveItem,changeDefaultDisplayLevel:n.changeDefaultDisplayLevel,changeDraggableAndOperatable:n.changeDraggableAndOperatable,changeFilterKeyWords:n.changeFilterKeyWords}},[t("WDynamicList",{ref:"wdl",attrs:{viewHeightMax:n.viewHeightMaxTrans,itemMinHeight:n.defItemHeight,itemsPreload:n.itemsPreload,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,statePaddingStyle:n.statePaddingStyle,show:n.show},on:{render:function(e){n.$emit("render",e)},"change-view-items":function(e){n.updateOperateShow(!1),n.$emit("change-view-items",e)},"change-height-of-items":function(e){n.updateViewHeightMaxTrans(e),n.$emit("change-height-of-items",e)}},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.useDraggable?n.getDgOpt():null,expression:"useDraggable?getDgOpt():null"},{name:"domripple",rawName:"v-domripple",value:{color:n.itemRippleColor},expression:"{color:itemRippleColor}"}],key:"wt-"+e.index,style:"\n                    transition:all 0.3s; "+(n.draggable?"user-select:none;":"")+"\n                    "+(n.getUseActivable(e)?"cursor:pointer;":"")+"\n                    color:"+n.getTextColor(e.row.item)+";\n                    background:"+n.getBackgroundColor(e.row.item)+";\n                ",attrs:{dragindex:e.index,draggable:"false"},on:{domdragdrop:n.dragdrop,mouseenter:function(t){n.mouseenterItem(t,e)},mouseleave:function(t){n.mouseleaveItem(t,e)},click:function(t){n.clickItem(t,e)}}},[t("div",{style:"position:relative; display:table; "+n.usePadding},[t("div",{style:"display:table-cell; vertical-align:top;"},[n._t("head",null,{index:e.index,data:e.row.item,row:e.row})],2),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+n.getLevel(e.row)*n.useIndent+"px;"}),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+2*n.separation+"px;"}),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+n.separation+"px;"},[n.hasChildren(e.index)?t("div",{style:"min-height:"+n.useItemHeightMin+"px; display:flex; align-items:center; justify-content:center;"},[t("WTreeIconToggle",{attrs:{dir:e.row.unfolding?"bottom":"right",iconSize:n.iconSize,iconColor:n.iconToggleColor,iconDisabledColor:n.iconToggleDisabledColor,iconBackgroundColor:n.iconToggleBackgroundColor,iconBackgroundColorHover:n.iconToggleBackgroundColorHover,editable:!n.useDraggableOrOperatable},on:{click:function(t){return t.stopPropagation(),n.toggleItems(e.row,null)}}})],1):t("div",{style:"min-height:"+n.useItemHeightMin+"px; padding-right:"+n.iconSize+"px;"})]),n._v(" "),n.selectable?t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+3*n.separation+"px;"},[t("div",{style:"min-height:"+n.useItemHeightMin+"px; display:flex; align-items:center; justify-content:center;"},[t("WTreeIconCheckbox",{attrs:{mode:e.row.checked,iconSize:n.iconSize,editable:n.getEditable(e.row.item),uncheckedColor:n.iconUncheckedColor,uncheckedDisabledColor:n.iconUncheckedDisabledColor,checkedColor:n.iconCheckedColor,checkedDisabledColor:n.iconCheckedDisabledColor,checkedPartiallyColor:n.iconCheckedPartiallyColor,checkedPartiallyDisabledColor:n.iconCheckedPartiallyDisabledColor},on:{click:function(t){return n.checkItems(e.row)}}})],1)]):n._e(),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; width:100%;"},[n._t("item",function(){return[t("div",{style:"min-height:"+n.useItemHeightMin+"px; display:flex; align-items:center;"},[n._v("\n                                "+n._s(n.getText(e.row.item))+"\n                            ")])]},{index:e.index,data:e.row.item,row:e.row,keyPrimary:n.keyPrimary,keyText:n.keyText,keyChildren:n.keyChildren,setDataByPathAndValue:n.setDataByPathAndValue,isHover:n.pkHover===e.row.item[n.keyPrimary],isActive:n.pkActive===e.row.item[n.keyPrimary]})],2),n._v(" "),n.getUseOperatable(e)?t("div",{style:"position:absolute; top:"+(n.useItemHeightMin-(n.operateBtnIconSize+4))/2+"px; right:8px;",on:{mousedown:function(e){n.operateDisableEvent(e,"mousedown")},touchstart:function(e){n.operateDisableEvent(e,"touchstart")},click:function(e){n.operateDisableEvent(e,"click")}}},[t("WPopup",{attrs:{isolated:!0,displayType:"line"},on:{show:function(e){return n.operateDisplayEvent("show")},hide:function(e){return n.operateDisplayEvent("hide")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{v:2,h:2},icon:n.mdiDotsVertical,iconSize:n.operateBtnIconSize,backgroundColor:n.operateBtnBackgroundColor,backgroundColorHover:n.operateBtnBackgroundColorHover,backgroundColorFocus:n.operateBtnBackgroundColorFocus,shadow:!1,tooltip:n.operateBtnTooltip}})]},proxy:!0},{key:"content",fn:function(r){return[t("WListVertical",{style:n.getOperatePanelHeight(e)+" width:"+n.operatePanelWidth+"px;",attrs:{items:n.getUseOperateItems(e),itemTextFontSize:"0.8rem",enableActive:!1,paddingStyle:n.operateItemPaddingStyle,itemBackgroundColor:n.operateItemBackgroundColor,itemBackgroundColorHover:n.operateItemBackgroundColorHover,itemTextColor:n.operateItemTextColor,itemTextColorHover:n.operateItemTextColorHover,itemIconSize:n.operateItemIconSize,itemIconColor:n.operateItemIconColor,itemIconColorHover:n.operateItemIconColorHover},on:{click:function(t){r.funHide(),n.clickOperateItem({opItem:t,rowItem:e})},mousedown:function(n){n.stopPropagation()}}})]}}],null,!0)})],1):n._e()])])]}}],null,!0)}),n._v(" "),""!==n.dgTipMode?t("div",{style:"position:absolute; z-index:1; pointer-events:none; left:"+n.dgTipLeft+"px; top:"+n.dgTipTop+"px;"},["lineTop"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgInsertBackgroundColor+"; border-top:1px solid "+n.useDgInsertLineColor+";"})]:"lineBottom"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgInsertBackgroundColor+"; border-bottom:1px solid "+n.useDgInsertLineColor+";"})]:"block"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.uesDgBelongBackgroundColor+";"})]:"disabled"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgTextDisabledBackgroundColor+";"},[t("div",{style:"height:"+n.dgTipHeight+"px; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useDgTextDisabledColor+"; padding-left:"+n.dgTextDisabledPaddingLeft+"px; font-size:"+n.dgTextDisabledFontSize+";"},[n._v("\n                        "+n._s(n.dgTextDisabled)+"\n                    ")])])])]:n._e()],2):n._e(),n._v(" "),t("Teleport",{attrs:{to:"body"}},[t("WDialog",{attrs:{show:n.editorShow,minWidth:300,maxWidth:300},on:{"update:show":function(e){n.editorShow=e}},scopedSlots:n._u([{key:"panel",fn:function(){return[t("div",{style:"padding:20px; border-bottom:1px solid #ddd; background:"+n.useEditorContentBackgroundColor+";"},[t("div",{staticStyle:{width:"100%"}},[t("WText",{attrs:{textColor:n.editorRenameInputTextColor,bottomLineBorderColor:n.editorRenameInputTextBottomLineBorderColor,bottomLineBorderColorHover:n.editorRenameInputTextBottomLineBorderColorHover,bottomLineBorderColorFocus:n.editorRenameInputTextBottomLineBorderColorFocus},on:{enter:n.saveRename},model:{value:n.editorRenameInputText,callback:function(e){n.editorRenameInputText=e},expression:"editorRenameInputText"}})],1)]),n._v(" "),t("div",{style:"padding:10px; background:"+n.useEditorFooterBackgroundColor+"; display:flex; justify-content:flex-end;"},[t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.editorRenameCancelBtnIcon,iconColor:n.editorRenameCancelBtnIconColor,iconColorHover:n.editorRenameCancelBtnIconColorHover,iconSize:n.editorRenameCancelBtnIconSize,text:n.editorRenameCancelBtnText,textColor:n.editorRenameCancelBtnTextColor,textColorHover:n.editorRenameCancelBtnTextColorHover,backgroundColor:n.editorRenameCancelBtnBackgroundColor,backgroundColorHover:n.editorRenameCancelBtnBackgroundColorHover,rippleColor:n.editorRenameCancelBtnIconRippleColor},on:{click:n.cancelEditor}}),n._v(" "),t("div",{staticStyle:{"padding-left":"10px"}}),n._v(" "),t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.editorRenameSaveBtnIcon,iconColor:n.editorRenameSaveBtnIconColor,iconColorHover:n.editorRenameSaveBtnIconColorHover,iconSize:n.editorRenameSaveBtnIconSize,text:n.editorRenameSaveBtnText,textColor:n.editorRenameSaveBtnTextColor,textColorHover:n.editorRenameSaveBtnTextColorHover,backgroundColor:n.editorRenameSaveBtnBackgroundColor,backgroundColorHover:n.editorRenameSaveBtnBackgroundColorHover,rippleColor:n.editorRenameSaveBtnIconRippleColor},on:{click:n.saveRename}})],1)]},proxy:!0}])})],1)],1)};Sh._withStripped=!0;const Ih=t({render:Sh,staticRenderFns:[]},function(n){n&&n("data-v-553dd77b_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTree.vue"},media:void 0})},xh,"data-v-553dd77b",false,void 0,!1,o,void 0,void 0);var wh={directives:{domresize:ol()},components:{WIcon:Ma,WTree:Ih,WListVertical:ch,WDrawer:vf,WButtonChip:Bu,WButtonCircle:Fu},props:{items:{type:Array,default:()=>[]},bindRoot:{type:String,default:"root"},funSortTree:{type:Function,default:null},showTree:{type:Boolean,default:!0},defaultShowTreeFirst:{type:Boolean,default:!0},treeWidth:{type:Number,default:250},treeWidthMin:{type:Number,default:null},treeWidthMax:{type:Number,default:null},treeAfloat:{type:Boolean,default:!1},treeDefItemHeight:{type:Number,default:30},treeDefaultDisplayLevel:{type:Number,default:null},treePaddingStyle:{type:Object,default:()=>({v:0,h:0})},treeIndent:{type:Number,default:.7},treeItemTextFontSize:{type:String,default:"0.85rem"},treeItemTextColor:{type:String,default:"#444"},treeItemTextColorHover:{type:String,default:"#222"},treeItemTextColorActive:{type:String,default:"#000"},treeFolderIcon:{type:String,default:Sl},treeFolderIconSize:{type:Number,default:20},treeFolderIconColor:{type:String,default:"#888"},treeFolderIconColorHover:{type:String,default:"#777"},treeFolderIconColorActive:{type:String,default:"#666"},treeItemBackgroundColor:{type:String,default:"transparent"},treeItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},treeItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},treeItemRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},treeBackgroundColor:{type:String,default:"#fff"},treeDrawerBarSize:{type:Number,default:2},treeDrawerBarColor:{type:String,default:"#ddd"},treeToggleIconSize:{type:Number,default:24},treeToggleIconColor:{type:String,default:"grey"},treeToggleIconDisabledColor:{type:String,default:"grey lighten-1"},treeToggleIconBackgroundColor:{type:String,default:"transparent"},treeToggleIconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},lineBetweenPathAndListWidth:{type:Number,default:1},lineBetweenPathAndListColor:{type:String,default:"#ddd"},listDefItemHeight:{type:Number,default:30},listPaddingStyle:{type:Object,default:()=>({v:0,h:6})},listItemTextFontSize:{type:String,default:"0.85rem"},listItemTextColor:{type:String,default:"#444"},listItemTextColorHover:{type:String,default:"#222"},listItemTextColorActive:{type:String,default:"#000"},listFolderIcon:{type:String,default:Sl},listFileIcon:{type:String,default:"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"},listItemIconSize:{type:Number,default:22},listItemIconColor:{type:String,default:"#888"},listItemIconColorHover:{type:String,default:"#777"},listItemIconColorActive:{type:String,default:"#666"},listItemBackgroundColor:{type:String,default:"transparent"},listItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},listItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},listItemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},listBackgroundColor:{type:String,default:"#fff"},btnDisplayTreeIconShow:{type:String,default:"M17,12L12,17V14H8V10H12V7L17,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconHide:{type:String,default:"M7,12L12,7V10H16V14H12V17L7,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconSize:{type:Number,default:20},btnDisplayTreeIconColor:{type:String,default:"grey darken-1"},btnDisplayTreeIconColorHover:{type:String,default:"grey darken-2"},btnDisplayTreeIconColorFocus:{type:String,default:"grey darken-3"},btnDisplayTreeBackgroundColor:{type:String,default:"transparent"},btnDisplayTreeBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.3)"},btnDisplayTreeBackgroundColorFocus:{type:String,default:"rgba(180,180,180,0.3)"},pathBtnTextColor:{type:String,default:"#444"},pathBtnTextColorHover:{type:String,default:"#222"},pathBtnTextFontSize:{type:String,default:"0.85rem"},pathBtnBackgroundColor:{type:String,default:"transparent"},pathBtnBackgroundColorHover:{type:String,default:"rgb(236,236,236)"},pathSepIcon:{type:String,default:"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"},pathSepIconColor:{type:String,default:"#888"},pathSepIconSize:{type:Number,default:18},pathBackgroundColor:{type:String,default:"#fff"},noSelectedText:{type:String,default:"No selected folder"},draggable:{type:Boolean,default:!1},dgTextDisabled:{type:String,default:"Can not drop here"},dgTextDisabledColor:{type:String,default:"#812"},dgTextDisabledPaddingLeft:{type:Number,default:15},dgTextDisabledFontSize:{type:String,default:"0.9rem"},dgTextDisabledBackgroundColor:{type:String,default:"rgba(255,220,240,0.6)"},dgInsertLineColor:{type:String,default:"#29f"},dgInsertBackgroundColor:{type:String,default:"rgba(80,150,255,0.15)"},dgBelongBackgroundColor:{type:String,default:"rgba(80,150,255,0.3)"},dgPreviewOpacity:{type:Number,default:1},dgPreviewDisabledOpacity:{type:Number,default:1},dgPreviewBorderWidth:{type:Number,default:0},dgPreviewBorderColor:{type:String,default:"#f26"},dgPreviewBackground:{type:String,default:"transparent"},operatable:{type:Boolean,default:!1},operateItemTextForRename:{type:String,default:"Rename"},operateItemTextForInsertChild:{type:String,default:"Create sub folder"},operateItemTextForDelete:{type:String,default:"Delete folder"},operateItemIconForRename:{type:String,default:Tl},operateItemIconForInsertChild:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z"},operateItemIconForDelete:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z"},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:170},operatePanelHeight:{type:Number,default:null},operateBtnTooltip:{type:String,default:"Operations"},operateBtnBackgroundColor:{type:String,default:"transparent"},operateBtnBackgroundColorHover:{type:String,default:"rgba(230,230,230,0.7)"},operateBtnBackgroundColorFocus:{type:String,default:"rgba(230,230,230,0.9)"},operateItemBackgroundColor:{type:String,default:"transparent"},operateItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},operateItemHeight:{type:Number,default:42},operateItemTextColor:{type:String,default:"#444"},operateItemTextColorHover:{type:String,default:"#222"},operateItemIconSize:{type:Number,default:22},operateItemIconColor:{type:String,default:"#444"},operateItemIconColorHover:{type:String,default:"#222"},editorRenameContentBackgroundColor:{type:String,default:"white"},editorRenameFooterBackgroundColor:{type:String,default:"grey lighten-5"},editorRenameInputTextColor:{type:String,default:"grey darken-3"},editorRenameInputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},editorRenameInputTextBottomLineBorderColorHover:{type:String,default:"grey"},editorRenameInputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},editorRenameCancelBtnText:{type:String,default:"Cancel"},editorRenameCancelBtnTextColor:{type:String,default:"grey darken-3"},editorRenameCancelBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIcon:{type:String,default:bl},editorRenameCancelBtnIconSize:{type:Number,default:22},editorRenameCancelBtnIconColor:{type:String,default:"grey darken-1"},editorRenameCancelBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameCancelBtnBackgroundColor:{type:String,default:"white"},editorRenameCancelBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},editorRenameSaveBtnText:{type:String,default:"Save"},editorRenameSaveBtnTextColor:{type:String,default:"grey darken-3"},editorRenameSaveBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIcon:{type:String,default:Cl},editorRenameSaveBtnIconSize:{type:Number,default:22},editorRenameSaveBtnIconColor:{type:String,default:"grey darken-1"},editorRenameSaveBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameSaveBtnBackgroundColor:{type:String,default:"white"},editorRenameSaveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"}},data:function(){return{panelWidth:0,panelHeight:0,pathHeight:0,showTreeTrans:!0,treeWidthTrans:200,itemsTrans:[],kpPath:null,treeItemsFolder:null,treeItems:null,treeItemActive:null,pathInfors:[],listItems:[],listItemActive:null}},computed:{changeShowTree:function(){return this.showTreeTrans=this.showTree,""},changeTreeWidth:function(){return this.treeWidthTrans=this.treeWidth,""},changeItems:function(){return this.convertItems(this.items),""},useTreeItemHeightMin:function(){return Math.max(this.treeToggleIconSize,this.treeDefItemHeight)},effTreeBackgroundColor:function(){return wo(this.treeBackgroundColor)},effListBackgroundColor:function(){return wo(this.listBackgroundColor)},effPathBackgroundColor:function(){return wo(this.pathBackgroundColor)},effLineBetweenPathAndListColor:function(){return wo(this.lineBetweenPathAndListColor)},effTreeFolderIconColor:function(){return wo(this.treeFolderIconColor)},effTreeFolderIconColorHover:function(){return wo(this.treeFolderIconColorHover)},effTreeFolderIconColorActive:function(){return wo(this.treeFolderIconColorActive)},useTreeItemTextFontSize:function(){let n=this.treeItemTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},useListItemTextFontSize:function(){let n=this.listItemTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},effListItemIconColor:function(){return wo(this.listItemIconColor)},effListItemIconColorHover:function(){return wo(this.listItemIconColorHover)},effListItemIconColorActive:function(){return wo(this.listItemIconColorActive)},usePathBtnTextFontSize:function(){let n=this.pathBtnTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},effPathBtnTextColor:function(){return wo(this.pathBtnTextColor)},listHeight:function(){return this.panelHeight-this.pathHeight},btnDisplayTreeInDrawerHeightMin:function(){let n=La(this.treePaddingStyle,{returnObj:!0}),e=n.top,t=n.bottom;return this.treeDefItemHeight+e+t}},methods:{resizePanel:function(n){this.panelWidth=n.snew.offsetWidth,this.panelHeight=n.snew.offsetHeight},resizePath:function(n){this.pathHeight=n.snew.offsetHeight},soryItems:function(n,e,t){let r=this;return n=function(n,e={}){if(!Ya(n))return[];if(1===So(n))return n;let t=mn(e,"localeCompare");kn(t)||(t=!1);let r=mn(e,"returnIndex");kn(r)||(r=!1);let o=mn(e,"compareKey",null),i=null;i=t?eg:ng;let l,a=Qf(n);if(""===a)return[];if("obj"===a){if(!bn(o))return[];let a=Bt(n,(n,e)=>mn(n,o,"")),d=Qf(a);if("num"!==d&&"str"!==d)return[];{t&&(d="files");let o=i(qf(a,d,e),!0);l=r?o:Bt(o,e=>n[e])}}else"num"!==a&&"str"!==a||(t&&(a="files"),l=i(qf(n,a,e),r));return l}(n,{compareKey:"text",localeCompare:!0}),Be(r.funSortTree)&&(n=r.funSortTree(n)),n},showTreeFirstFolder:function(){let n=this.bindRoot;this.triggerClickTreeFolderById(n)},convertItems:function(){let n=this;(async function(){let e=fg(n.items,{bindRoot:n.bindRoot,soryItems:n.soryItems});n.itemsTrans=e.fpsNormalize,n.treeItemsFolder=e.treeItemsFolder,n.treeItems=e.treeItems,n.kpPath=e.kpPath,n.defaultShowTreeFirst&&n.showTreeFirstFolder()})().catch(n=>{console.log(n)})},emitShowTreeDelay:function(n){let e=this;setTimeout(()=>{e.emitShowTree(n)},1)},emitShowTree:function(n){this.showTreeTrans=n,this.$emit("update:showTree",n)},emitDrawerWidth:function(n){this.treeWidthTrans=n,this.$emit("update:treeWidth",n)},getTreeFolderIconColor:function(n){let e=this,t=mn(n,"isHover");kn(t)||(t=!1);let r=mn(n,"isActive");return kn(r)||(r=!1),r?e.effTreeFolderIconColorActive:t?e.effTreeFolderIconColorHover:e.effTreeFolderIconColor},getListItemIconColor:function(n){let e=this,t=mn(n,"isHover");kn(t)||(t=!1);let r=mn(n,"isActive");return kn(r)||(r=!1),r?e.effListItemIconColorActive:t?e.effListItemIconColorHover:e.effListItemIconColor},listFolder:function(n){let e=this,t=Bt(n,n=>{let t="",r="";return"folder"===n._type?(t=n.text,r=e.listFolderIcon):(t=n.text,r=e.listFileIcon),{text:t,icon:r,data:n}});e.listItems=t},displayFolderById:function(n,e){let t=this,r=t.kpPath[n],o=mn(t.treeItems,r),i=`${r}.children`,l=mn(t.treeItems,i);t.listFolder(l);let a=mn(o,"pathInfors",[]);t.pathInfors=a},ckTreeFolder:function(n){let e=this,t=mn(n,"data",null),r=mn(n,"data.id","");e.displayFolderById(r,"ckTreeFolder"),e.$emit("click-folder",{from:"tree",item:t}),e.$emit("click",{type:"folder",from:"tree",item:t}),e.$nextTick(()=>{e.listItemActive=null})},ckListItem:function(n){let e=this,t=mn(n,"item.data",null),r=mn(n,"item.data.id","");"folder"===mn(n,"item.data._type","")?(e.displayFolderById(r,"ckListItem"),e.$emit("click-folder",{from:"list",item:t}),e.$emit("click",{type:"folder",from:"list",item:t}),setTimeout(()=>{e.treeItemActive=null,e.listItemActive=null},300)):(e.$emit("click-file",{from:"list",item:t}),e.$emit("click",{type:"file",from:"list",item:t}))},ckPathFolder:function(n){let e=this,t=mn(n,"id","");e.displayFolderById(t,"ckPathFolder"),e.$emit("click-folder",{from:"path",item:n}),e.$emit("click",{type:"folder",from:"path",item:n}),e.$nextTick(()=>{e.treeItemActive=null,e.listItemActive=null})},toggleTreeFoldersByFun:function(n){return this.$refs.wt.toggleItemsByFun(n)},toggleTreeFoldersAll:function(n,e){return this.$refs.wt.toggleItemsAll(n,e)},triggerClickTreeFolderById:function(n){let e={data:{id:n}};this.ckTreeFolder(e),this.treeItemActive={id:n}},triggerClickTreeFolderByFun:async function(n){let e=this;if(!Be(n))return;let t=[];ke(e.kpPath,n=>{let r=mn(e.treeItems,n,"");t.push(r)});let r=n({treeItemsFolder:e.treeItemsFolder,treeItems:e.treeItems,kpPath:e.kpPath,treeItemsSpread:t});ur(r)&&(r=await r);let o=mn(r,"id");bn(o)?e.triggerClickTreeFolderById(o):console.log("invalid id",o)},useFunOperateItem:function(n){let e=["Rename","InsertChild","Delete"];return mn(n,"item.id","")===this.bindRoot&&(e=["InsertChild"]),e},changeData:function(n){},changeItem:function(n){let e=this,t=n=>{let e=So(n)-1;if(e<1)throw new Error(`n1${e} < 1`);let t=e-1;if(t<0)throw new Error(`n2${t} < 0`);let r=mn(n,e,{}),o=mn(r,"text","");if(!bn(o))throw new Error("node.text is not a string");let i=mn(n,t,{}),l="/"+ar([...mn(i,"ts",[]),o],"/");return{...r,type:"folder",path:l}},r=[];if("add"===n.mode){if("belongto"!==n.kind)throw console.log(n),new Error(`kind[${n.kind}] is not supported`);let o=t(n.pathInforsNew);r=qi(e.itemsTrans),r.push(o)}else if("delete"===n.mode){let o=t(n.pathInforsOri),i=So(o.path),l=qi(e.itemsTrans);r=[],ke(l,n=>{Al(n.path,i)!==o.path&&r.push(n)})}else if("move"===n.mode||"rename"===n.mode){let t=n.pathInforsOri,o=n.pathInforsNew,i="/"+ar(Bt(t,"text"),"/"),l=So(i),a="/"+ar(Bt(o,"text"),"/");r=qi(e.itemsTrans),r=Bt(r,n=>{if(Al(n.path,l)===i){let e=ir(n.path,l);n.path=a+e}return n})}r=(n=>{let t=So(e.bindRoot)+1;return n=Bt(n,n=>(n.path=ir(n.path,t),n))})(r),e.$emit("update:items",r),e.$emit("change-item",n)},clickOperateItem:function(n){this.$emit("click-operate-item",n)}}};const kh=wh;var Th=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeShowTree:n.changeShowTree,changeTreeWidth:n.changeTreeWidth,changeItems:n.changeItems},on:{domresize:n.resizePanel}},[t("WDrawer",{style:"width:"+n.panelWidth+"px; height:"+n.panelHeight+"px;",attrs:{afloat:n.treeAfloat,drawerWidth:n.treeWidthTrans,drawerWidthMin:n.treeWidthMin,drawerWidthMax:n.treeWidthMax,dragDrawerWidth:!0,drawerBarColor:n.treeDrawerBarColor,drawerBarSize:n.treeDrawerBarSize,value:n.showTreeTrans},on:{input:n.emitShowTree,"update:drawerWidth":n.emitDrawerWidth},scopedSlots:n._u([{key:"drawer",fn:function(e){return[t("div",{style:"position:relative; height:100%; background:"+n.effTreeBackgroundColor+";"},[t("WTree",{ref:"wt",style:"width:"+e.width+"px; min-width:"+e.width+"px;",attrs:{viewHeightMax:n.panelHeight,defItemHeight:n.treeDefItemHeight,defaultDisplayLevel:n.treeDefaultDisplayLevel,data:n.treeItemsFolder,activable:!0,itemActive:n.treeItemActive,paddingStyle:n.treePaddingStyle,indent:n.treeIndent,iconSize:n.treeToggleIconSize,iconToggleColor:n.treeToggleIconColor,iconToggleDisabledColor:n.treeToggleIconDisabledColor,iconToggleBackgroundColor:n.treeToggleIconBackgroundColor,iconToggleBackgroundColorHover:n.treeToggleIconBackgroundColorHover,itemTextColor:n.treeItemTextColor,itemTextColorHover:n.treeItemTextColorHover,itemTextColorActive:n.treeItemTextColorActive,itemBackgroundColor:n.treeItemBackgroundColor,itemBackgroundColorHover:n.treeItemBackgroundColorHover,itemBackgroundColorActive:n.treeItemBackgroundColorActive,itemRippleColor:n.treeItemRippleColor,draggable:n.draggable,dgTextDisabled:n.dgTextDisabled,dgTextDisabledColor:n.dgTextDisabledColor,dgTextDisabledPaddingLeft:n.dgTextDisabledPaddingLeft,dgTextDisabledFontSize:n.dgTextDisabledFontSize,dgTextDisabledBackgroundColor:n.dgTextDisabledBackgroundColor,dgInsertLineColor:n.dgInsertLineColor,dgInsertBackgroundColor:n.dgInsertBackgroundColor,dgBelongBackgroundColor:n.dgBelongBackgroundColor,dgPreviewOpacity:n.dgPreviewOpacity,dgPreviewDisabledOpacity:n.dgPreviewDisabledOpacity,dgPreviewBorderWidth:n.dgPreviewBorderWidth,dgPreviewBorderColor:n.dgPreviewBorderColor,dgPreviewBackground:n.dgPreviewBackground,operatable:n.operatable,operateItemTextForRename:n.operateItemTextForRename,_operateItemTextForInsertBefore:"operateItemTextForInsertBefore",operateItemTextForInsertChild:n.operateItemTextForInsertChild,_operateItemTextForInsertAfter:"operateItemTextForInsertAfter",operateItemTextForDelete:n.operateItemTextForDelete,operateItemIconForRename:n.operateItemIconForRename,_operateItemIconForInsertBefore:"operateItemIconForInsertBefore",operateItemIconForInsertChild:n.operateItemIconForInsertChild,_operateItemIconForInsertAfter:"operateItemIconForInsertAfter",operateItemIconForDelete:n.operateItemIconForDelete,operateItemPaddingStyle:n.operateItemPaddingStyle,operatePanelWidth:n.operatePanelWidth,operatePanelHeight:n.operatePanelHeight,operateBtnTooltip:n.operateBtnTooltip,operateBtnBackgroundColor:n.operateBtnBackgroundColor,operateBtnBackgroundColorHover:n.operateBtnBackgroundColorHover,operateBtnBackgroundColorFocus:n.operateBtnBackgroundColorFocus,operateItemBackgroundColor:n.operateItemBackgroundColor,operateItemBackgroundColorHover:n.operateItemBackgroundColorHover,operateItemHeight:n.operateItemHeight,operateItemTextColor:n.operateItemTextColor,operateItemTextColorHover:n.operateItemTextColorHover,operateItemIconSize:n.operateItemIconSize,operateItemIconColor:n.operateItemIconColor,operateItemIconColorHover:n.operateItemIconColorHover,funOperateItem:n.useFunOperateItem,editorRenameContentBackgroundColor:n.editorRenameContentBackgroundColor,editorRenameFooterBackgroundColor:n.editorRenameFooterBackgroundColor,editorRenameInputTextColor:n.editorRenameInputTextColor,editorRenameInputTextBottomLineBorderColor:n.editorRenameInputTextBottomLineBorderColor,editorRenameInputTextBottomLineBorderColorHover:n.editorRenameInputTextBottomLineBorderColorHover,editorRenameInputTextBottomLineBorderColorFocus:n.editorRenameInputTextBottomLineBorderColorFocus,editorRenameCancelBtnText:n.editorRenameCancelBtnText,editorRenameCancelBtnTextColor:n.editorRenameCancelBtnTextColor,editorRenameCancelBtnTextColorHover:n.editorRenameCancelBtnTextColorHover,editorRenameCancelBtnIcon:n.editorRenameCancelBtnIcon,editorRenameCancelBtnIconSize:n.editorRenameCancelBtnIconSize,editorRenameCancelBtnIconColor:n.editorRenameCancelBtnIconColor,editorRenameCancelBtnIconColorHover:n.editorRenameCancelBtnIconColorHover,editorRenameCancelBtnIconRippleColor:n.editorRenameCancelBtnIconRippleColor,editorRenameCancelBtnBackgroundColor:n.editorRenameCancelBtnBackgroundColor,editorRenameCancelBtnBackgroundColorHover:n.editorRenameCancelBtnBackgroundColorHover,editorRenameSaveBtnText:n.editorRenameSaveBtnText,editorRenameSaveBtnTextColor:n.editorRenameSaveBtnTextColor,editorRenameSaveBtnTextColorHover:n.editorRenameSaveBtnTextColorHover,editorRenameSaveBtnIcon:n.editorRenameSaveBtnIcon,editorRenameSaveBtnIconSize:n.editorRenameSaveBtnIconSize,editorRenameSaveBtnIconColor:n.editorRenameSaveBtnIconColor,editorRenameSaveBtnIconColorHover:n.editorRenameSaveBtnIconColorHover,editorRenameSaveBtnIconRippleColor:n.editorRenameSaveBtnIconRippleColor,editorRenameSaveBtnBackgroundColor:n.editorRenameSaveBtnBackgroundColor,editorRenameSaveBtnBackgroundColorHover:n.editorRenameSaveBtnBackgroundColorHover,_render:"render"},on:{"update:data":[function(e){n.treeItemsFolder=e},n.changeData],"update:itemActive":function(e){n.treeItemActive=e},"update:item-active":function(e){n.treeItemActive=e},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{style:n.useTreeItemTextFontSize+" min-height:"+n.treeDefItemHeight+"px; line-height:"+n.treeDefItemHeight+"px;"},[n._t("folder-item",function(){return[t("div",{style:"display:flex;"},[t("div",{style:"height:"+n.treeDefItemHeight+"px; padding-right:4px; display:flex; align-items:center;",on:{click:function(t){return n.ckTreeFolder(e)}}},[t("WIcon",{attrs:{icon:n.treeFolderIcon,color:n.getTreeFolderIconColor(e),colorHover:n.getTreeFolderIconColor(e),size:n.treeFolderIconSize}})],1),n._v(" "),t("div",{style:"cursor:pointer; user-select:none;",on:{click:function(t){return n.ckTreeFolder(e)}}},[n._v("\n                                        "+n._s(e.data.text)+"\n                                    ")])])]},{item:Object.assign({},e.data,{icon:n.treeFolderIcon,iconColor:n.getTreeFolderIconColor(e),iconSize:n.treeFolderIconSize}),isHover:e.isHover,isActive:e.isActive,funClickFolderItem:function(){n.ckTreeFolder(e)}})],2)]}}],null,!0)}),n._v(" "),n.showTreeTrans?t("div",{style:"position:absolute; top:"+(n.useTreeItemHeightMin-(n.btnDisplayTreeIconSize+4))/2+"px; right:"+(8+(n.operatable?n.btnDisplayTreeIconSize+4:0))+"px;"},[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1):n._e()],1)]}},{key:"content",fn:function(e){return[t("div",{style:"height:100%; overflow:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"width:"+e.width+"px; min-width:"+e.width+"px; border-bottom:"+n.lineBetweenPathAndListWidth+"px solid "+n.effLineBetweenPathAndListColor+"; background:"+n.effPathBackgroundColor+";",on:{domresize:n.resizePath}},[t("div",{style:"padding-left:5px; display:flex; align-items:flex-start;"},[n.showTreeTrans?n._e():t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-right:2px; display:flex; align-items:center;"},[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1),n._v(" "),0===n.pathInfors.length?t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-left:4px; color:"+n.effPathBtnTextColor+"; "+n.usePathBtnTextFontSize+" display:flex; align-items:center;"},[n._v("\n                            "+n._s(n.noSelectedText)+"\n                        ")]):n._e(),n._v(" "),t("div",{style:"display:flex; flex-wrap:wrap;"},n._l(n.pathInfors,function(e,r){return t("div",{key:"kpi-"+r,style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px;"},[t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; display:flex; align-items:center;"},[t("WIcon",{attrs:{icon:n.pathSepIcon,color:n.pathSepIconColor,colorHover:n.pathSepIconColor,size:n.pathSepIconSize}}),n._v(" "),t("WButtonChip",{attrs:{paddingStyle:{h:6,v:0},borderWidth:{},borderRadius:4,shadow:!1,text:e.name,textColor:n.pathBtnTextColor,textColorHover:n.pathBtnTextColorHover,_textColorActive:"pathBtnTextColorActive",textFontSize:n.pathBtnTextFontSize,_icon:"pathSepIcon",_iconColor:"pathSepIconColor",_iconSize:"pathSepIconSize",backgroundColor:n.pathBtnBackgroundColor,backgroundColorHover:n.pathBtnBackgroundColorHover,_backgroundColorActive:"pathBtnBackgroundColorActive"},on:{click:function(t){return n.ckPathFolder(e)}}})],1)])}),0)])]),n._v(" "),t("div",{style:"height:"+n.listHeight+"px; background:"+n.effListBackgroundColor+";"},[t("WListVertical",{style:"width:"+e.width+"px; min-width:"+e.width+"px; height:"+n.listHeight+"px;",attrs:{items:n.listItems,itemActive:n.listItemActive,itemCursorPointer:!1,paddingStyle:n.listPaddingStyle,itemBackgroundColor:n.listItemBackgroundColor,itemBackgroundColorHover:n.listItemBackgroundColorHover,itemBackgroundColorActive:n.listItemBackgroundColorActive,itemTextColor:n.listItemTextColor,itemTextColorHover:n.listItemTextColorHover,itemTextColorActive:n.listItemTextColorActive,itemIconSize:n.listItemIconSize,_itemIconColor:"listItemIconColor",_itemIconColorHover:"listItemIconColorHover",_itemIconColorActive:"listItemIconColorActive",itemRippleColor:n.listItemRippleColor,_click:"ckListItem","_v-if":"listItems.length>0"},on:{"update:itemActive":function(e){n.listItemActive=e},"update:item-active":function(e){n.listItemActive=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n._t("list-head",null,{items:n.listItems})]},proxy:!0},{key:"item",fn:function(e){return[t("div",{style:"position:relative; "+n.useListItemTextFontSize+" min-height:"+n.listDefItemHeight+"px; line-height:"+n.listDefItemHeight+"px;"},[n._t("list-item",function(){return[t("div",{style:"display:flex;"},[t("div",{style:"height:"+n.listDefItemHeight+"px; padding-right:4px; display:flex; align-items:center; cursor:pointer;",on:{click:function(t){return n.ckListItem(e)}}},[t("WIcon",{attrs:{icon:e.item.icon,color:n.getListItemIconColor(e),colorHover:n.getListItemIconColor(e),size:n.listItemIconSize}})],1),n._v(" "),n._t("list-item-text-left",null,{item:e.item,isHover:e.isHover,isActive:e.isActive}),n._v(" "),t("div",{style:"cursor:pointer; user-select:none;",on:{click:function(t){return n.ckListItem(e)}}},[n._v("\n                                            "+n._s(e.item.text)+"\n                                        ")]),n._v(" "),n._t("list-item-text-right",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]},{item:Object.assign({},e.item,{iconColor:n.getListItemIconColor(e),iconSize:n.listItemIconSize}),isHover:e.isHover,isActive:e.isActive,funClickListItem:function(){n.ckListItem(e)}}),n._v(" "),t("div",{style:"position:absolute; top:0px; right:0px;"},[n._t("list-item-cover",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2),n._v(" "),n._t("list-item-sub",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]}},{key:"footer",fn:function(){return[n._t("list-foot",null,{items:n.listItems})]},proxy:!0}],null,!0)})],1)])]}}])})],1)};Th._withStripped=!0;const Bh=t({render:Th,staticRenderFns:[]},function(n){n&&n("data-v-23417630_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WExplorer.vue"},media:void 0})},kh,"data-v-23417630",false,void 0,!1,o,void 0,void 0);const Hh={components:{},props:{},data:function(){return{mouseEnter:!1}},computed:{},methods:{}};var Ah=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",{on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[n._t("default",null,{isHover:n.mouseEnter})],2)};Ah._withStripped=!0;const Wh=t({render:Ah,staticRenderFns:[]},function(n){n&&n("data-v-203dff40_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupBaggageItem.vue"},media:void 0})},Hh,"data-v-203dff40",false,void 0,!1,o,void 0,void 0);const Fh={components:{WGroupBaggageItem:Wh},props:{items:{type:Array,default:()=>[]},keyTag:{type:String,default:"tag"},keyText:{type:String,default:"text"},connLineZoneWidth:{type:Number,default:120},connLineWidth:{type:Number,default:1},connLineColor:{type:String,default:"#ccc"},tagDistBetweenTopAndBaseline:{type:Number,default:24},tagTextFontSize:{type:String,default:"0.7rem"},tagTextColor:{type:String,default:"#444"},tagTextColorHover:{type:String,default:"#222"},tagBorderRadius:{type:Number,default:4},tagBorderWidth:{type:Number,default:1},tagBorderColor:{type:String,default:"#fff"},tagBorderColorHover:{type:String,default:"#ccc"},tagBackgroundColor:{type:String,default:"#e5e5e5"},tagBackgroundColorHover:{type:String,default:"#d8d8d8"},tagPaddingStyle:{type:Object,default:()=>({v:1,h:5})},tagClickable:{type:Boolean,default:!1},contentShiftTopFromBaseline:{type:Number,default:11},contentTextFontSize:{type:String,default:"0.85rem"},contentTextColor:{type:String,default:"#444"},contentTextColorHover:{type:String,default:"#222"},contentBorderRadius:{type:Number,default:4},contentBorderWidth:{type:Number,default:1},contentBorderColor:{type:String,default:"#ddd"},contentBorderColorHover:{type:String,default:"#cccccc"},contentBackgroundColor:{type:String,default:"#fff"},contentBackgroundColorHover:{type:String,default:"#f2f2f2"},contentPaddingStyle:{type:Object,default:()=>({v:1,h:5})},contentClickable:{type:Boolean,default:!1}},data:function(){return{}},computed:{effConnLineColor:function(){return wo(this.connLineColor)},effTagTextColor:function(){return wo(this.tagTextColor)},effTagTextColorHover:function(){return wo(this.tagTextColorHover)},effTagBorderColor:function(){return wo(this.tagBorderColor)},effTagBorderColorHover:function(){return wo(this.tagBorderColorHover)},effTagBackgroundColor:function(){return wo(this.tagBackgroundColor)},effTagBackgroundColorHover:function(){return wo(this.tagBackgroundColorHover)},useTagPaddingStyle:function(){return`padding:${La(this.tagPaddingStyle)};`},usetTagTextFontSize:function(){let n=this.tagTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},effContentTextColor:function(){return wo(this.contentTextColor)},effContentTextColorHover:function(){return wo(this.contentTextColorHover)},effContentBorderColor:function(){return wo(this.contentBorderColor)},effContentBorderColorHover:function(){return wo(this.contentBorderColorHover)},effContentBackgroundColor:function(){return wo(this.contentBackgroundColor)},effContentBackgroundColorHover:function(){return wo(this.contentBackgroundColorHover)},useContentPaddingStyle:function(){return`padding:${La(this.contentPaddingStyle)};`},usetContentTextFontSize:function(){let n=this.contentTextFontSize;return n=Ae(n,";",""),`font-size:${n};`}},methods:{getStyleWidth:function(n){return Fo(n)?`width:${n}px; min-width:${n}px; max-width:${n}px;`:""},getTag:function(n){return mn(n,this.keyTag,"")},getText:function(n){return mn(n,this.keyText,"")},ckTag:function(n,e){let t=this;t.tagClickable&&(t.$emit("click-tag",{ev:n,item:e}),t.$emit("click",{from:"tag",ev:n,item:e}))},ckContent:function(n,e){let t=this;t.contentClickable&&(t.$emit("click-content",{ev:n,item:e}),t.$emit("click",{from:"contnet",ev:n,item:e}))}}};var Zh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""},n._l(n.items,function(e,r){return t("div",{key:"kt-"+r,style:"position:relative; _background:#dab78b;"},[t("div",{style:"display:flex; align-items:stretch;"},[t("div",[t("div",{style:"height:"+n.tagDistBetweenTopAndBaseline+"px; display:flex; align-items:stretch;"},[t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" height:"+n.tagDistBetweenTopAndBaseline+"px; border-right:"+n.connLineWidth+"px solid "+n.effConnLineColor+";"}),n._v(" "),t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" height:"+n.tagDistBetweenTopAndBaseline+"px; border-bottom:"+n.connLineWidth+"px solid "+n.effConnLineColor+";"})]),n._v(" "),t("div",{style:"height:calc( 100% - "+n.tagDistBetweenTopAndBaseline+"px ); display:flex; align-items:stretch;"},[t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" border-right:"+n.connLineWidth+"px solid "+(r===n.items.length-1?"transparent":n.effConnLineColor)+";"}),n._v(" "),t("div",{style:""+n.getStyleWidth(n.connLineZoneWidth/2)})])]),n._v(" "),t("div",{staticStyle:{width:"100%"}},[t("div",{style:"padding-top:"+(n.tagDistBetweenTopAndBaseline-n.contentShiftTopFromBaseline)+"px;"},[t("WGroupBaggageItem",{style:n.contentClickable?"cursor:pointer;":"",nativeOn:{click:function(t){return function(t){n.ckContent(t,e)}.apply(null,arguments)}},scopedSlots:n._u([{key:"default",fn:function(r){var o=r.isHover;return[t("div",{style:"transition:all 0.3s; "+n.useContentPaddingStyle+" "+n.usetContentTextFontSize+" color:"+(o?n.effContentTextColorHover:n.effContentTextColor)+"; border-radius:"+n.contentBorderRadius+"px; background:"+(o?n.effContentBackgroundColorHover:n.effContentBackgroundColor)+"; border:"+n.contentBorderWidth+"px solid "+(o?n.effContentBorderColorHover:n.effContentBorderColor)+";"},[n._t("text",function(){return[n._v("\n                                    "+n._s(n.getText(e))+"\n                                ")]},{item:e,isHover:o})],2)]}}],null,!0)})],1),n._v(" "),n._t("text-sub",null,{item:e})],2)]),n._v(" "),t("div",{style:"position:absolute; left:"+n.connLineZoneWidth/2+"px; top:"+n.tagDistBetweenTopAndBaseline+"px;"},[t("WGroupBaggageItem",{style:"transform:translate(-50%, -50%); "+(n.tagClickable?"cursor:pointer;":""),nativeOn:{click:function(t){return function(t){n.ckTag(t,e)}.apply(null,arguments)}},scopedSlots:n._u([{key:"default",fn:function(r){var o=r.isHover;return[t("div",{style:"transition:all 0.3s; "+n.useTagPaddingStyle+" "+n.usetTagTextFontSize+" color:"+(o?n.effTagTextColorHover:n.effTagTextColor)+"; border-radius:"+n.tagBorderRadius+"px; background:"+(o?n.effTagBackgroundColorHover:n.effTagBackgroundColor)+"; border:"+n.tagBorderWidth+"px solid "+(o?n.effTagBorderColorHover:n.effTagBorderColor)+";"},[n._t("tag",function(){return[n._v("\n                            "+n._s(n.getTag(e))+"\n                        ")]},{item:e,isHover:o})],2)]}}],null,!0)})],1)])}),0)};Zh._withStripped=!0;const Xh=t({render:Zh,staticRenderFns:[]},function(n){n&&n("data-v-992f831a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupBaggage.vue"},media:void 0})},Fh,"data-v-992f831a",false,void 0,!1,o,void 0,void 0);const Rh={directives:{domdragdrop:Qg()},props:{value:{type:Array,default:()=>[]},itemStyleInline:{type:Boolean,default:!0},keyBinder:{type:Function,default:null},draggable:{type:Boolean,default:!0}},data:function(){return{itemsTrans:[],dgGroupKey:null}},computed:{changeValue:function(){return this.itemsTrans=this.value,""},isObjValue:function(){return 0!==So(this.itemsTrans)&&eh(this.itemsTrans,n=>vn(n))}},methods:{getForKey:function(n){let e=this,t=null;return t=Be(e.keyBinder)?e.keyBinder(n):e.isObjValue?Tf(n):n,t},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Qo()}`),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},dragdrop:function(n){let e=this;if("drop"===n.evName){let{startInd:t,endInd:r}=n;if(t===r)return;let o=qi(e.itemsTrans);if(t>r){let n=Sg(o,t)[0];o.splice(r,0,n)}else{let n=qi(o[t]);o.splice(r+1,0,n),Sg(o,t)}e.$nextTick(()=>{e.$emit("input",o)})}e.$nextTick(()=>{e.$emit("dragdrop",n)})}}};var Vh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,function(e,r){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.draggable?n.getDgOpt():null,expression:"draggable?getDgOpt():null"}],key:n.getForKey(e),staticClass:"WGroupDragdrop-Trans",style:"display:"+(n.itemStyleInline?"inline-block":"block")+"; user-select:none;",attrs:{dragindex:r,draggable:"false"},on:{domdragdrop:n.dragdrop}},[n._t("default",null,{item:e,index:r})],2)]})],2)],1)};Vh._withStripped=!0;const Ph=t({render:Vh,staticRenderFns:[]},function(n){n&&n("data-v-c444ef32_0",{source:"\n.WGroupDragdrop-Trans[data-v-c444ef32] { /* 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\\WGroupDragdrop.vue"],names:[],mappings:";AA2NA,yCAAA,8BAAA;IACA,oBAAA;AACA",file:"WGroupDragdrop.vue",sourcesContent:["<template>\r\n    <div :changeValue=\"changeValue\">\r\n        <transition-group>\r\n            <template v-for=\"(item,kitem) in itemsTrans\">\r\n                <div\r\n                    class=\"WGroupDragdrop-Trans\"\r\n                    :style=\"`display:${itemStyleInline?'inline-block':'block'}; user-select:none;`\"\r\n                    :key=\"getForKey(item)\"\r\n                    :dragindex=\"kitem\"\r\n                    v-domdragdrop=\"draggable?getDgOpt():null\"\r\n                    @domdragdrop=\"dragdrop\"\r\n                    draggable=\"false\"\r\n                >\r\n\r\n                    <slot\r\n                        :item=\"item\"\r\n                        :index=\"kitem\"\r\n                    ></slot>\r\n\r\n                </div>\r\n            </template>\r\n        </transition-group>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport cloneDeep from 'lodash-es/cloneDeep.js'\nimport every from 'lodash-es/every.js'\nimport pullAt from 'lodash-es/pullAt.js'\nimport size from 'lodash-es/size.js'\nimport genID from 'wsemi/src/genID.mjs'\r\nimport o2j from 'wsemi/src/o2j.mjs'\r\nimport isobj from 'wsemi/src/isobj.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport domDragDrop from '../js/domDragDrop.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]\r\n * @vue-prop {Boolean} [itemStyleInline=true] 輸入項目之display樣式是否使用行內樣式，true為'inline-block'而false為'block'，預設true\r\n * @vue-prop {Function} [keyBinder=null] 輸入由項目取得唯一識別碼(key)函數，預設項目為物件就序列化成為字串再作為key，反之就是用項目值作為key。函數會輸入項目物件或值，回傳需為字串。keyBinder預設null\r\n * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domdragdrop: domDragDrop(),\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        itemStyleInline: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        keyBinder: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        draggable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            itemsTrans: [],\r\n            dgGroupKey: null,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //save itemsTrans\r\n            vo.itemsTrans = vo.value\r\n\r\n            return ''\r\n        },\r\n\r\n        isObjValue: function() {\r\n            //console.log('computed isObjValue')\r\n\r\n            let vo = this\r\n\r\n            //check, 因every([])=true\r\n            if (size(vo.itemsTrans) === 0) {\r\n                return false\r\n            }\r\n            return every(vo.itemsTrans, (v) => {\r\n                return isobj(v)\r\n            })\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        getForKey: function(item) {\r\n            //console.log('methods getForKey', item)\r\n\r\n            let vo = this\r\n\r\n            let k = null\r\n            if (isfun(vo.keyBinder)) {\r\n                k = vo.keyBinder(item)\r\n            }\r\n            else {\r\n                k = vo.isObjValue ? o2j(item) : item\r\n            }\r\n\r\n            return k\r\n        },\r\n\r\n        getDgGroupKey: function() {\r\n            //console.log('methods getDgGroupKey')\r\n\r\n            let vo = this\r\n\r\n            //dgGroupKey\r\n            if (vo.dgGroupKey === null) {\r\n                vo.dgGroupKey = `r${genID()}`\r\n            }\r\n\r\n            return vo.dgGroupKey\r\n        },\r\n\r\n        getDgOpt: function() {\r\n            //console.log('methods getDgOpt')\r\n\r\n            let vo = this\r\n\r\n            //opt, 使用vue directive初始化時於mounted之前就需要group值, 此代表此組件內可互相拖曳之DOM群組識別碼, 故通過function自動取得group\r\n            let opt = {\r\n                group: vo.getDgGroupKey(),\r\n                //attIdentify\r\n                attIndex: 'dragindex',\r\n                attGroup: 'draggroup',\r\n                previewOpacity: 1,\r\n                previewDisabledOpacity: 0.5,\r\n                previewBorderWidth: 0,\r\n                //previewBorderColor\r\n                previewBackground: 'transparent',\r\n                timeDragStartDelay: 1,\r\n            }\r\n\r\n            return opt\r\n        },\r\n\r\n        dragdrop: function(msg) {\r\n            // console.log('methods dragdrop', msg)\r\n\r\n            let vo = this\r\n\r\n            if (msg.evName === 'drop') {\r\n\r\n                //startInd, endInd\r\n                let { startInd, endInd } = msg\r\n\r\n                //check\r\n                if (startInd === endInd) {\r\n                    return\r\n                }\r\n\r\n                //cloneDeep\r\n                let itemsNew = cloneDeep(vo.itemsTrans)\r\n\r\n                //move\r\n                if (startInd > endInd) { //往前拖曳, 先移除原始拖曳項目, 再於放下位置插入該拖曳項目\r\n\r\n                    //pullAt\r\n                    let src = pullAt(itemsNew, startInd)[0]\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd, 0, src) //拖曳項目是要放在目標項目之前, 故不能+1\r\n\r\n                }\r\n                else { //往後拖曳, 先複製原始拖曳項目, 並於放下位置插入, 再刪除原始拖曳項目\r\n\r\n                    //cloneDeep\r\n                    let src = cloneDeep(itemsNew[startInd])\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd + 1, 0, src) //拖曳項目是要放在目標項目之後, 故需要+1\r\n\r\n                    //pullAt\r\n                    pullAt(itemsNew, startInd)\r\n\r\n                }\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                })\r\n\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('dragdrop', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WGroupDragdrop-Trans { /* transition-group必須使用class */\r\n    transition: all 0.5s;\r\n}\r\n</style>\r\n"]},media:void 0})},Rh,"data-v-c444ef32",false,void 0,!1,o,void 0,void 0);var zh={components:{WButtonCircle:Fu},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,Object],default:null},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},dir:{type:String,default:"horizontal"},iconColor:{type:String,default:"#222"},iconColorHover:{type:String,default:"#444"},iconColorFocus:{type:String,default:"#666"},iconColorActive:{type:String,default:"#333"},iconSize:{type:Number,default:22},borderWidth:{type:Number,default:0},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"#f2f2f2"},backgroundColorHover:{type:String,default:"#eaeaea"},backgroundColorFocus:{type:String,default:"#e2e2e2"},backgroundColorActive:{type:String,default:"#cecece"},seplineWidth:{type:Number,default:1},seplineColor:{type:String,default:"#ddd"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},editable:{type:Boolean,default:!0}},data:function(){return{get:mn,itemsTrans:[]}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=qi(n.items),t=Bt(e,e=>{let t=function(e){let t;return t=n.multiCheck?Zs(n.value,e):Fs(e,n.value),t}(e);return{active:t,hover:!1}}),r=Bt(e,(n,e)=>{let r={data:n},o=t[e];return r.ia=o,r.active=o.active,r.hover=!1,r});return n.itemsTrans=r,""},useFlexDirection:function(){return"horizontal"===this.dir?"row":"column"},useSeplineStype:function(){let n=this,e="";return e="horizontal"===n.dir?`height:100%; border-left:${n.seplineWidth}px solid ${n.useSeplineColor};`:`width:100%; border-top:${n.seplineWidth}px solid ${n.useSeplineColor};`,e},useSeplineColor:function(){return wo(this.seplineColor)},useShadow:function(){let n=this;return n.shadow&&bn(n.shadowStyle)?"box-shadow:"+function(n,e,t){let r=lo(n=Ae(n,"}","{"),"{");return r=Bt(r,n=>{if(n.indexOf(e)>=0){let e=Ot(n,"=")[1];return e=xn(e)?Et(e):.2,function(n,e){let t=wo(n),r=Ra.toRgba(t);return r.a=e,Ra.toRgbaString(r)}(t,e)}return n}),ar(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""}},methods:{getBorderRadiusStyle:function(n){let e=So(this.itemsTrans)-1,t={};return"horizontal"===this.dir?(0===n&&(t={...t,topLeft:!0,bottomLeft:!0}),n===e&&(t={...t,topRight:!0,bottomRight:!0})):(0===n&&(t={...t,topLeft:!0,topRight:!0}),n===e&&(t={...t,bottomLeft:!0,bottomRight:!0})),t},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=qi(e.value);if(n.active){let e=[];ke(t,t=>{Fs(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 Lh=zh;var Nh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},[t("div",{style:"display:inline-block; border-radius:"+n.borderRadius+"px; "+n.useShadow},[t("div",{style:"display:flex; flex-direction:"+n.useFlexDirection+";"},[n._l(n.itemsTrans,function(e,r){return[t("div",{key:"kitem-"+r,style:"display:flex; flex-direction:"+n.useFlexDirection+"; align-items:stretch;"},[r>0?t("div",{style:""+n.useSeplineStype}):n._e(),n._v(" "),t("WButtonCircle",{key:r,attrs:{tooltip:n.get(e,"data."+n.keyTooltip),icon:n.get(e,"data."+n.keyIcon),iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorFocus:n.iconColorFocus,iconColorActive:n.iconColorActive,iconSize:n.iconSize,borderWidth:n.borderWidth,borderRadius:n.borderRadius,borderRadiusStyle:n.getBorderRadiusStyle(r),borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,backgroundColorActive:n.backgroundColorActive,tooltipBorderRadius:n.tooltipBorderRadius,tooltipPaddingStyle:n.tooltipPaddingStyle,tooltipTextFontSize:n.tooltipTextFontSize,tooltipTextColor:n.tooltipTextColor,tooltipBackgroundColor:n.tooltipBackgroundColor,rippleColor:n.rippleColor,paddingStyle:n.paddingStyle,shadow:!1,_shadowStyle:"shadowStyle",editable:n.editable,disabledColor:"rgba(255,255,255,0.4)",active:e.active},on:{click:function(t){return n.toggleState(e)}}})],1)]})],2)])])};Nh._withStripped=!0;const Dh=t({render:Nh,staticRenderFns:[]},function(n){n&&n("data-v-848ff9d4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupIconCheck.vue"},media:void 0})},Lh,"data-v-848ff9d4",false,void 0,!1,o,void 0,void 0);const Gh={components:{WGroupIconCheck:Dh},props:{items:{type:Array,default:()=>[]},value:{type:[Array,Object],default:null},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},dir:{type:String,default:"horizontal"},iconColor:{type:String,default:"#222"},iconColorHover:{type:String,default:"#444"},iconColorFocus:{type:String,default:"#666"},iconColorActive:{type:String,default:"#333"},iconSize:{type:Number,default:22},borderWidth:{type:Number,default:0},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"#f2f2f2"},backgroundColorHover:{type:String,default:"#eaeaea"},backgroundColorFocus:{type:String,default:"#e2e2e2"},backgroundColorActive:{type:String,default:"#cecece"},seplineWidth:{type:Number,default:1},seplineColor:{type:String,default:"#ddd"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var jh=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupIconCheck",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem})]}}],null,!0)},"WGroupIconCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};jh._withStripped=!0;const Kh=t({render:jh,staticRenderFns:[]},function(n){n&&n("data-v-0c54f846_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupIconRadio.vue"},media:void 0})},Gh,"data-v-0c54f846",false,void 0,!1,o,void 0,void 0);const Yh={components:{WPopup:vs,WTextCore:nc,WDynamicList:_f,WIcon:Ma},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:wl},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 So(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return vn(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)},useItemBackgroundColor:function(){return wo(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return wo(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},useItemTextColor:function(){return wo(this.itemTextColor)},useItemTextColorHover:function(){return wo(this.itemTextColorHover)},useItemPadding:function(){return`padding:${La(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return wo(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return vn(n)?n[e.keyText]:n},selectText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(n,e){this.editable&&this.triggerAll({focused:n},"updateFocused")},updateShowPanel:function(n,e){this.editable&&this.triggerAll({showPanel:n,focused:n},"updateShowPanel")},updateValue:function(n){let e=this;e.editable&&(e.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"),e.triggerAll({showPanel:!0,focused:!0},"updateValue"))},clickItem:function(n,e){let t=this;t.editable&&(t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"),t.triggerAll({showPanel:!1,focused:!1},"clickItem"))},triggerEvent:function(n,e,t,r){let o=this;o.editable&&o.$nextTick(()=>{o.$emit(n,e,t)})},triggerAll:function(n,e){let t=this;if(!t.editable)return;let r=mn(n,"showPanel",null),o=mn(n,"focused",null);setTimeout(()=>{kn(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),kn(r)&&t.showPanelTrans!==r&&(So(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,null,"triggerAll"))},20)}}};var _h=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)})};_h._withStripped=!0;const $h=t({render:_h,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})},Yh,"data-v-102853a6",false,void 0,!1,o,void 0,void 0);const Mh={directives:{domresize:ol()},components:{WShellEllipse:_s,WTextSuggestCore:$h},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=La(e.paddingStyle,{returnObj:!0}).bottom-2,r=mn(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return vn(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick(()=>{e.$emit("update:focused",n)})},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick(()=>{e.$emit("update:showPanel",n)})}}};var Oh=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)};Oh._withStripped=!0;const Jh=t({render:Oh,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})},Mh,"data-v-70d0e212",false,void 0,!1,o,void 0,void 0);var Eh={directives:{domdragdrop:Qg()},components:{WButtonChip:Bu,WTextSuggest:Jh},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:kl},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:kl},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:mn,o2j:Tf,mdiPlusCircle:kl,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userInput:""}},computed:{changeValue:function(){let n=this;return n.itemsTrans=qi(n.value),n.itemActiveTrans=qi(n.valueActive),""},isObjValue:function(){return 0!==So(this.itemsTrans)&&eh(this.itemsTrans,n=>vn(n))},useMode:function(){let n=this,e="";return e="auto"===n.addMode?n.isObjValue?"button":"input":"button"===n.addMode?"button":"input",e},isDraggable:function(){return this.draggable&&this.editable},useMarginStyle:function(){return`margin:${La(this.marginStyle)};`}},methods:{getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Qo()}`),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},getColor:function(n,e){let t=this,r=null;return t.enableColorsFromItem&&t.isObjValue&&(r=mn(n,e,null)),r||(r=mn(t,e,null)),r},isActive:function(n){return!!this.enableActive&&Fs(this.itemActiveTrans,n)},dragdrop:function(n){let e=this;if("drop"===n.evName){let{startInd:t,endInd:r}=n;if(t===r)return;let o=qi(e.itemsTrans);if(t>r){let n=Sg(o,t)[0];o.splice(r,0,n)}else{let n=qi(o[t]);o.splice(r+1,0,n),Sg(o,t)}e.$nextTick(()=>{e.$emit("input",o)})}},getSuggestText:function(n){let e=this;return vn(n)?n[e.keySuggestText]:n},clickChip:function(n,e,t){let r=this;r.$nextTick(()=>{r.enableActive&&r.$emit("update:valueActive",e);let o={...n,item:e,kitem:t};r.$emit("click",o)})},clickAddBtn:function(){let n=this;if("button"===n.useMode)n.$nextTick(()=>{n.$emit("click-add",null)});else{if(""===Mt(n.userInput))return;if(n.addWhenInputByOutside||n.isObjValue)n.$nextTick(()=>{n.$emit("click-add",n.userInput),n.userInput=""});else{if(So(Xo(n.itemsTrans,e=>Fs(e,n.userInput)))>=1)return void n.$nextTick(()=>{n.$emit("error","duplicate values"),n.userInput=""});n.$nextTick(()=>{n.itemsTrans.push(Mt(n.userInput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userInput),n.userInput=""})}}},pull:function(n,e){let t=[];return ke(n,(n,r)=>{r!==e&&t.push(n)}),t},clickRemoveBtn:function(n,e){let t=this;t.enableCloseEventOnly?t.$nextTick(()=>{let r={item:n,kitem:e};t.$emit("click-close",r)}):t.$nextTick(()=>{if(t.closeWithInterceptor){let r=In(),o={item:n,kitem:e,pm:r};t.$emit("click-close",o),r.then(()=>{t.enableActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let r=t.pull(t.itemsTrans,e);t.$emit("input",r)}).catch(n=>{})}else{let r={item:n,kitem:e};t.$emit("click-close",r),t.enableActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let o=t.pull(t.itemsTrans,e);t.$emit("input",o)}})}}};const Uh=Eh;var Qh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,function(e,r){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.isDraggable?n.getDgOpt():null,expression:"isDraggable?getDgOpt():null"}],key:""+(n.isObjValue?n.o2j(e):e),staticClass:"WGroupTags-Trans",staticStyle:{display:"inline-block"},attrs:{dragindex:r,draggable:"false"},on:{domdragdrop:n.dragdrop}},[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{text:n.isObjValue?n.get(e,""+n.keyText):e,tooltip:n.isObjValue?n.get(e,""+n.keyTooltip):null,icon:n.isObjValue?n.get(e,""+n.keyIcon):n.icon,iconColor:n.getColor(e,"iconColor"),iconColorHover:n.getColor(e,"iconColorHover"),iconColorActive:n.getColor(e,"iconColorActive"),iconSize:n.iconSize,progColor:n.getColor(e,"progColor"),progBackgroundColor:n.getColor(e,"progBackgroundColor"),textColor:n.getColor(e,"textColor"),textColorHover:n.getColor(e,"textColorHover"),textColorActive:n.getColor(e,"textColorActive"),textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.getColor(e,"borderColor"),borderColorHover:n.getColor(e,"borderColorHover"),borderColorActive:n.getColor(e,"borderColorActive"),backgroundColor:n.getColor(e,"backgroundColor"),backgroundColorHover:n.getColor(e,"backgroundColorHover"),backgroundColorActive:n.getColor(e,"backgroundColorActive"),shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,active:n.isActive(e),close:n.editable&&n.editableClose,editable:n.editable},on:{click:function(t){n.clickChip(t,e,r)},"click-close":function(t){return n.clickRemoveBtn(e,r)}}},[n._t("item",null,{item:e,kitem:r,active:n.isActive(e)})],2)],1)]})],2),n._v(" "),n.enableNodata&&0===n.itemsTrans.length?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{_key:"",text:n.nodata,tooltip:n.nodata,icon:n.icon,iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,_close:"editable && editableClose",editable:!0,_click:"(msg)=>{clickChip(msg,item,kitem)}","_click-close":"clickRemoveBtn(item,kitem)"}},[n._t("item",null,{item:null,kitem:null,active:!1})],2)]:n._e(),n._v(" "),n.editable&&n.editableInput?t("div",{style:"display:inline-block; vertical-align:middle;"},[n._t("input",function(){return["button"===n.useMode?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{icon:n.addButtonIcon,iconColor:n.addButtonIconColor,iconColorHover:n.addButtonIconColorHover,text:n.addButtonText,textColor:n.addButtonTextColor,textColorHover:n.addButtonTextColorHover,backgroundColor:n.addButtonBackgroundColor,backgroundColorHover:n.addButtonBackgroundColorHover,tooltip:n.addButtonTooltip,paddingStyle:{v:3,h:12},_shiftLeft:"shiftLeft",_shiftRight:"shiftRight"},on:{click:n.clickAddBtn}})]:[t("WTextSuggest",{style:n.useMarginStyle+" width:"+n.inputTextWidth+"px;",attrs:{expansionIconColor:n.inputExpansionIconColor,keyText:n.inputKeyText,textFontSize:n.inputTextFontSize,textColor:n.inputTextColor,itemTextColor:n.suggectItemTextColor,itemTextColorHover:n.suggectItemTextColorHover,itemFontSize:n.suggectItemFontSize,itemBackgroundColor:n.suggectItemBackgroundColor,itemBackgroundColorHover:n.suggectItemBackgroundColorHover,shadow:!1,borderColor:n.inputTextBorderColor,borderColorHover:n.inputTextBorderColorHover,borderColorFocus:n.inputTextBorderColorFocus,backgroundColor:n.inputTextBackgroundColor,backgroundColorHover:n.inputTextBackgroundColorHover,backgroundColorFocus:n.inputTextBackgroundColorFocus,showExpansionIcon:!1,rightIcon:n.inputTextButtonIcon,rightIconColor:n.inputTextButtonColor,rightIconColorHover:n.inputTextButtonColorHover,rightIconColorFocus:n.inputTextButtonColorFocus,rightIconTooltip:n.inputTextButtonTooltip,items:n.suggests,placeholder:n.placeholder,noResultsText:n.noResultsText},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)};Qh._withStripped=!0;const qh=t({render:Qh,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})},Uh,"data-v-38e0b664",false,void 0,!1,o,void 0,void 0);var nm={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts-more.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/boost-canvas.js","base:w-highcharts"]},options:{type:Object,default:()=>{}},scale:{type:Number,default:3},render:{type:Function,default:null}},data:function(){return{picw:0,pich:0,b64:""}},mounted:function(){br(this.pathItems).then(n=>{if("loaded"!==n){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt())}})},watch:{options:{immediate:!0,deep:!0,handler(n){let e=this;e.picw=0,e.pich=0,e.b64="",e.plot()}}},computed:{isEff:function(){return qo(this.options)},isGenDone:function(){return""!==this.b64}},methods:{plot:function(){let n=this;(async function(){if(await sr(()=>void 0!==n.$el),!n.isEff)return;if(n.isGenDone)return;let e=mn(n,"$el.offsetWidth"),t=mn(n,"$el.offsetHeight");if(!Fo(e)||!Fo(t))return;if(e<=0||t<=0||n.scale<=0)return;if(!Be(n.render))return void console.log("render is not a function");let r=n.render,o=await r(e,t,n.scale,n.options);n.picw=e,n.pich=t,n.b64=o})().catch(e=>{console.log(e),n.$emit("error",e)})}}};const em=nm;var tm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.isEff&&!n.isGenDone?t("WIconLoading"):n._e(),n._v(" "),n.isGenDone?t("img",{ref:"pic",style:"width:"+n.picw+"px; height:"+n.pich+"px;",attrs:{src:n.b64}}):n._e()],1)};tm._withStripped=!0;const rm=t({render:tm,staticRenderFns:[]},function(n){n&&n("data-v-2fdcb3cc_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsBitmapDyn.vue"},media:void 0})},em,"data-v-2fdcb3cc",false,void 0,!1,o,void 0,void 0);const om={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts-more.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/boost-canvas.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js","base:w-highcharts"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt());let t=window.VueHighcharts;t.default&&(t=t.default),xr().use(t,{Highcharts:n})}n.cmpName="Highcharts"})},computed:{},methods:{}};var im=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};im._withStripped=!0;const lm=t({render:im,staticRenderFns:[]},function(n){n&&n("data-v-c1d82c8a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})},om,"data-v-c1d82c8a",false,void 0,!1,o,void 0,void 0);const am={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/highcharts-more.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@11.4.8/modules/annotations.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js","base:w-highcharts"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt());let t=window.VueHighcharts;t.default&&(t=t.default),xr().use(t)}n.cmpName="Highstock"})},computed:{},methods:{}};var dm=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};dm._withStripped=!0;const um=t({render:dm,staticRenderFns:[]},function(n){n&&n("data-v-c6f8d758_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighstockVueDyn.vue"},media:void 0})},am,"data-v-c6f8d758",false,void 0,!1,o,void 0,void 0);var sm=4294967295,cm=Math.min;function pm(n,e){if((n=zn(n))<1||n>9007199254740991)return[];var t=sm,r=cm(n,sm);e=we(e),n-=sm;for(var o=Kn(r,e);++t<n;)e(t);return o}function fm(n,e,t){(void 0!==t&&!$(n[e],t)||void 0===t&&!(e in n))&&vi(n,e,t)}function gm(n,e){if(("constructor"!==e||"function"!=typeof n[e])&&"__proto__"!=e)return n[e]}function hm(n,e,t,r,o,i,l){var a=gm(n,t),d=gm(e,t),u=l.get(d);if(u)fm(n,t,u);else{var c,p=i?i(a,d,t+"",n,e,l):void 0,f=void 0===p;if(f){var g=s(d),h=!g&&qn(d),m=!g&&!h&&se(d);p=d,g||h||m?s(a)?p=a:S(c=a)&&be(c)?p=Ai(a):h?(f=!1,p=Hi(d,!0)):m?(f=!1,p=Li(d,!0)):p=[]:li(d)||Jn(d)?(p=a,Jn(a)?p=function(n){return Ci(n,Ii(n))}(a):B(a)&&!H(a)||(p=Ki(d))):f=!1}f&&(l.set(d,p),o(p,d,r,i,l),l.delete(d)),fm(n,t,p)}}function mm(n,e,t,r,o){n!==e&&jn(e,function(i,l){if(o||(o=new We),B(i))hm(n,e,l,t,mm,r,o);else{var a=r?r(gm(n,l),i,l+"",n,e,o):void 0;void 0===a&&(a=i),fm(n,l,a)}},Ii)}var vm,ym=(vm=function(n,e,t){mm(n,e,t)},Oo(function(n,e){var t=-1,r=e.length,o=r>1?e[r-1]:void 0,i=r>2?e[2]:void 0;for(o=vm.length>3&&"function"==typeof o?(r--,o):void 0,i&&ro(e[0],e[1],i)&&(o=r<3?void 0:o,r=1),n=Object(n);++t<r;){var l=e[t];l&&vm(n,l,t,o)}return n})),bm=ym;async function Cm(n,e=null,t={}){let r=!0,o=null,i=In();qo(t)||(t={});let l=mn(t,"disTouchMoveToHide",null);if(rr(l)||(l=4),l=tr(l),!ai(n))return i.reject("eleImg is not a HTMLElement"),i;if(o=n,null!==e){if(!ai(e))return i.reject("eleGroup is not a HTMLElement"),i;r=!1,o=e}if(!r){let n=So(e.querySelectorAll("img"));if(0===n)return i.reject("eleGroup does not contain any img"),i;1===n&&(r=!0)}let a={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};r||(a=function(){let n={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};return n.navbar=!0,n.toolbar.prev=4,n.toolbar.next=4,n}()),a=bm(a,qi(t)),a.shown=function(){(async()=>{let n=null;await sr(()=>(n=u.viewer,ai(n)));let e=!1,t=0,r=0,o=0;n.addEventListener("touchstart",n=>{let o=n.touches[0];t=o.clientX,r=o.clientY,((n,e)=>{let t=document.elementsFromPoint(n,e).find(n=>"IMG"===n.tagName);if(!ai(t))return!0;let r=t?.classList?.contains("viewer-move");return!r})(t,r)&&(e=!0)},{passive:!1}),n.addEventListener("touchmove",n=>{if(!e)return;let i=n.touches[0],l=i.clientX,a=i.clientY,d=l-t,u=a-r,s=Math.sqrt(d*d+u*u);o+=s,t=i.clientX,r=i.clientY},{passive:!1}),n.addEventListener("touchend",n=>{e&&(o<l&&(n.preventDefault(),n.stopPropagation(),u.hide(!0)),e=!1,o=0)},{passive:!1}),n.addEventListener("touchcancel",n=>{e=!1,o=0})})().catch(n=>{console.log(n)})};let d=!1;a.hide=function(){d||(d=!0,u.hide(!0))},a.hidden=function(){u.destroy(),i.resolve("close")};let u=new(0,Cr().Viewer)(o,a);return u.show(),i}async function xm(n,e=null,t={},r){return Ya(r)||(r=["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]),await hr(r),Cm(n,e,t)}function Sm(n=0,e=!1){return new function(n,e){let t=null;rr(n)||(n=0),n=tr(n),wn(e)||(e=!1);let r=function(n=0){let e=0,t=[];Js(n)&&(n=0),n=tr(n);let r=rl();return r.get=function(){return t.length>0?(e+=1,t.splice(0,1)[0]):null},r.cb=function(){e-=1,e<0&&(e=0),t.length>0&&r.emit("message",t)},r.push=function(o){t.push(o),(n<=0||e<n)&&r.emit("message",t)},r.clear=function(){e=0,t=[]},r}(n);return r.on("message",async function(n){let e=r.get();if(!e)return;await cr(1);let t,o=mn(e,"id"),i=mn(e,"fun"),l=mn(e,"input");t=Be(i)?await Hf(i)(...l):{state:"error",msg:"fun is not a function"},r.emit(o,t),r.cb()}),function(n,...o){let i=In(),l=Qo();t=l;let a={id:l,fun:n,input:o};return r.push(a),r.once(l,n=>{e?l===t?"success"===n.state?i.resolve(n.msg):i.reject(n.msg):i.reject({reason:"cancelled"}):"success"===n.state?i.resolve(n.msg):i.reject(n.msg)}),i}}(n,e)}let Im=!1;var wm={directives:{domresize:ol()},components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageWidth:{type:Number,default:300},imageWidthSoft:{type:Number,default:null},colNum:{type:Number,default:null},space:{type:Number,default:15},imageStyle:{type:Object,default:()=>{}},arrangeWhenFinish:{type:Boolean,default:!1},numParallel:{type:Number,default:5},opt:{type:Object,default:()=>{}}},data:function(){return{dbc:Bf(),loading:!0,first:!1,widthPanel:0,heightPanel:0,imageCols:[],imageLocs:[],useImageStyle:{},uesImageWidth:0,imagesRes:[]}},mounted:function(){let n=this;br(n.pathItems).then(e=>{n.loading=!1})},computed:{changeImages:function(){let n=this.images;return this.refreshDebounce({images:n}),""},changeStyle:function(){let n=this,e=n.widthPanel,t=n.imageWidth,r=n.imageStyle,o=n.colNum,i=n.space;return n.refreshDebounce({widthPanel:e,imageWidth:t,imageStyle:r,colNum:o,space:i}),""}},methods:{resize:function(n){let e=this,t=mn(e,"$el.offsetWidth",0);Im||e.widthPanel!==t&&(e.widthPanel=t)},getImgSize:function(n,e){let t=In(),r=`g${Qo()}`,o=document.createElement("img");o.src=n,o.style.maxWidth=`${e}px`;let i=document.createElement("div");return i.id=`img-${r}`,i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.opacity=0,i.style.overflow="hidden",i.appendChild(o),document.body.appendChild(i),o.onload=function(){t.resolve({src:n,id:r,w:o.clientWidth,h:o.clientHeight,err:null}),Na(i)},o.onerror=function(e){t.reject({src:n,w:0,h:0,err:e}),Na(i)},t},getImgsSize:function(n,e){let t=this,r=rl(),o=Sm(t.numParallel);t.imagesRes=[];let i=-1;return ke(t.images,(l,a)=>{o(t.getImgSize,l,n).then(n=>{i++;let o=i;t.arrangeWhenFinish&&(o=a);let l={...n,name:(d=n.src,d.split("\\").pop().split("/").pop()),ind:o,evKey:e};var d;t.imagesRes[o]=l,r.emit("get",l)}).catch(n=>{console.log(n)})}),r},refreshDebounce:function(){let n=this;n.dbc(()=>{n.refresh()})},refresh:function(){let n=this,e=null,t=null;if(Fo(n.imageWidthSoft)&&n.imageWidthSoft>0)t=(n.widthPanel+n.space)/(n.imageWidthSoft+n.space),t=Math.floor(t),t=Math.max(t,1),e=(n.widthPanel-n.space*(t-1))/t;else if(dr(n.colNum))t=tr(n.colNum),e=(n.widthPanel-(t-1)*n.space)/t,e=Math.floor(e);else if(Fo(n.imageWidth)&&n.imageWidth>0){e=n.imageWidth;let r=n.widthPanel+n.space;r=Math.max(r,0);let o=e+n.space;o=Math.max(o,1),t=Math.floor(r/o)}else console.log("invalid colNum or imageWidth or imageWidthSoft",n.colNum,n.imageWidth,n.imageWidthSoft),t=4,e=300;n.uesImageWidth=e;let r={...n.imageStyle,"max-width":`${e}px`,"user-select":"none",cursor:"pointer",outline:"none"};function o(){n.imageCols=Bt(pm(t),()=>[]),n.imageLocs=Bt(pm(t),()=>0)}function i(e){if(!Te(n.imageCols))return;let t=function(){let e=n.imageLocs[0],t=0;return ke(n.imageLocs,(n,r)=>{e>n&&(e=n,t=r)}),t}();try{n.imageCols[t].push(e),n.imageLocs[t]+=e.h+n.space+53}catch(n){}}function l(){o(),ke(n.imagesRes,n=>{i(n)})}n.useImageStyle=r,n.first?l():function(){let t=In();o();let r=Qo(),a=So(n.images),d=n.getImgsSize(e,r),u=0;d.on("get",e=>{e.evKey===r&&(i(e),u++,u>=a&&(n.first=!0,n.arrangeWhenFinish&&l(),t.resolve()))})}()},showImg:function(n,e){let t=this;Im=!0,xm(n.currentTarget,null,t.opt,t.pathItems).finally(()=>{Im=!1}),t.$emit("click",e)}}};const km=wm;var Tm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeImages:n.changeImages,changeStyle:n.changeStyle},on:{domresize:n.resize}},[t("div",{staticStyle:{"margin-top":"-1px",height:"1px"}}),n._v(" "),n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},n._l(n.imageCols,function(e,r){return t("div",{key:"c-"+r,style:"display:table-cell; vertical-align:top; margin:0; padding-left:"+(r>0?n.space:0)+"px;"},n._l(e,function(e,r){return t("div",{key:"kimg-"+r,class:n.first?"":"fadeIn",style:"margin:"+(r>0?n.space:0)+"px 0 0 0; width:"+n.uesImageWidth+"px; user-select:none; outline:none;",attrs:{tabindex:"0"}},[t("div",{style:"display:flex;"},[t("img",{style:n.useImageStyle,attrs:{src:e.src},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:function(t){n.showImg(t,e)}.apply(null,arguments)},click:function(t){n.showImg(t,e)}}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(0,0,0,0.65)",padding:"5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.8rem",color:"#fff"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.name}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(200,200,200,0.5)",padding:"3px 5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.7rem",opacity:"0.75"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.src}})])])}),0)}),0)],1)};Tm._withStripped=!0;const Bm=t({render:Tm,staticRenderFns:[]},function(n){n&&n("data-v-a8c18788_0",{source:"\n.inp[data-v-a8c18788] {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\n}\n.inp[data-v-a8c18788]:focus {\r\n    outline: none;\n}\n.fadeIn[data-v-a8c18788] {\r\n    animation: aniFadeIn-data-v-a8c18788 0.3s;\n}\n@keyframes aniFadeIn-data-v-a8c18788\r\n{\nfrom {opacity: 0;}\nto {opacity: 1}\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WImageCascadingDyn.vue"],names:[],mappings:";AAolBA;IACA,aAAA;IACA,YAAA;IACA,iBAAA;IACA,WAAA;IACA,SAAA;IACA,UAAA;IACA,cAAA;IACA,uBAAA;IACA,kBAAA;AACA;AACA;IACA,aAAA;AACA;AACA;IACA,yCAAA;AACA;AACA;;AAEA,MAAA,UAAA,CAAA;AACA,IAAA,UAAA;AACA",file:"WImageCascadingDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeImages=\"changeImages\"\r\n        :changeStyle=\"changeStyle\"\r\n        v-domresize\r\n        @domresize=\"resize\"\r\n    >\r\n\r\n        \x3c!-- 初始化無圖片時先撐開寬度 --\x3e\r\n        <div style=\"margin-top:-1px; height:1px;\"></div>\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div :style=\"`${loading?'heigh:0px; max-height:0px; overflow-y:hidden;':''}`\">\r\n\r\n            <div\r\n                :style=\"`display:table-cell; vertical-align:top; margin:0; padding-left:${kimgs>0?space:0}px;`\"\r\n                :key=\"`c-${kimgs}`\"\r\n                v-for=\"(imgs,kimgs) in imageCols\"\r\n            >\r\n\r\n                <div\r\n                    :class=\"`${first?'':'fadeIn'}`\"\r\n                    :style=\"`margin:${kimg>0?space:0}px 0 0 0; width:${uesImageWidth}px; user-select:none; outline:none;`\"\r\n                    tabindex=\"0\"\r\n                    :key=\"`kimg-${kimg}`\"\r\n                    v-for=\"(img,kimg) in imgs\"\r\n                >\r\n\r\n                    <div :style=\"`display:flex;`\">\r\n                        <img\r\n                            :style=\"useImageStyle\"\r\n                            :src=\"img.src\"\r\n                            @keyup.enter=\"(e)=>{showImg(e,img)}\"\r\n                            @click=\"(e)=>{showImg(e,img)}\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(0,0,0,0.65); padding:5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.8rem; color:#fff;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.name\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(200,200,200,0.5); padding:3px 5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.7rem; opacity:0.75;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.src\"\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 each from 'lodash-es/each.js'\r\nimport map from 'lodash-es/map.js'\r\nimport get from 'lodash-es/get.js'\r\nimport times from 'lodash-es/times.js'\r\nimport size from 'lodash-es/size.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport importResExt from '../js/importResExt.mjs'\r\nimport domShowImagesDyn from 'wsemi/src/domShowImagesDyn.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport cint from 'wsemi/src/cint.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport pmQueue from 'wsemi/src/pmQueue.mjs'\r\nimport domRemove from 'wsemi/src/domRemove.mjs'\r\nimport evem from 'wsemi/src/evem.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//showViewer, 得要跨組件共用, 因彈出viewer會影響全部組件\r\nlet showViewer = false\r\n\r\n\r\nfunction getFileName(str) {\r\n    return str.split('\\\\').pop().split('/').pop()\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入viewerjs組件js與css檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {Array} [images=[]] 輸入圖片網址陣列，預設[]\r\n * @vue-prop {Number} [imageWidth=300] 輸入圖片寬度數字，單位為px，預設300\r\n * @vue-prop {Number} [imageWidthSoft=null] 輸入自動計算最小需滿足的圖片寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [colNum=null] 輸入組件寬度圖片欄位(水平向有幾張圖片)數量數字，預設null\r\n * @vue-prop {Number} [space=15] 輸入圖片間間距長度數字，單位為px，預設15\r\n * @vue-prop {Object} [imageStyle={}] 輸入圖片style物件，預設{}\r\n * @vue-prop {Object} [arrangeWhenFinish=false] 輸入是否於圖片載入完畢時依照原本圖片順序排序布林值，預設false\r\n * @vue-prop {Number} [numParallel=5] 輸入同時載入圖片數量數字，預設5\r\n * @vue-prop {Object} [opt={}] 輸入viewerjs設定物件，預設使用optOne或optMuti，若img僅一個則使用optOne，反之使用optMuti\r\n * @vue-prop {Boolean} [multiple=false] 輸入\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [ //預設值詳見 wsemi/src/domShowImagesDyn.mjs, 因此處有預載, 故所使用viewerjs的版本得相同\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css',\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js',\r\n            ],\r\n        },\r\n        images: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        imageWidth: {\r\n            type: Number,\r\n            default: 300,\r\n        },\r\n        imageWidthSoft: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        colNum: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        imageStyle: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        arrangeWhenFinish: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        numParallel: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        opt: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            loading: true,\r\n            first: false,\r\n\r\n            widthPanel: 0,\r\n            heightPanel: 0,\r\n            imageCols: [],\r\n            imageLocs: [],\r\n            useImageStyle: {},\r\n            uesImageWidth: 0,\r\n\r\n            imagesRes: [],\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        //importResExt\r\n        importResExt(vo.pathItems)\r\n            .then((res) => {\r\n                //console.log('res', res)\r\n\r\n                //loading\r\n                vo.loading = false\r\n\r\n            })\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeImages: function() {\r\n            // console.log('computed changeImages')\r\n\r\n            let vo = this\r\n\r\n            let images = vo.images\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ images })\r\n\r\n            return ''\r\n        },\r\n\r\n        changeStyle: function() {\r\n            // console.log('computed changeStyle')\r\n\r\n            let vo = this\r\n\r\n            //for trigger\r\n            let widthPanel = vo.widthPanel\r\n            let imageWidth = vo.imageWidth\r\n            let imageStyle = vo.imageStyle\r\n            let colNum = vo.colNum\r\n            let space = vo.space\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ widthPanel, imageWidth, imageStyle, colNum, space })\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resize: function(msg) {\r\n            // console.log('methods resize', msg)\r\n\r\n            let vo = this\r\n\r\n            //widthPanel\r\n            let widthPanel = get(vo, '$el.offsetWidth', 0)\r\n\r\n            //check, 因開啟viewer會改變視窗尺寸, 進而觸發resize, 會導致觸發changeStyle並重算圖片, 故得使用showViewer判斷是否為開啟viewer狀態, 避免重算圖片\r\n            if (showViewer) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.widthPanel === widthPanel) {\r\n                return\r\n            }\r\n\r\n            //save\r\n            vo.widthPanel = widthPanel\r\n\r\n        },\r\n\r\n        getImgSize: function(src, uesImageWidth) {\r\n            //console.log('methods getImgSize', src, uesImageWidth)\r\n\r\n            // let vo = this\r\n\r\n            //pm\r\n            let pm = genPm()\r\n\r\n            //id\r\n            let id = `g${genID()}`\r\n\r\n            //img\r\n            let img = document.createElement('img')\r\n            img.src = src\r\n            img.style.maxWidth = `${uesImageWidth}px`\r\n\r\n            //div\r\n            let div = document.createElement('div')\r\n            div.id = `img-${id}`\r\n            div.style.position = 'absolute'\r\n            div.style.width = 0\r\n            div.style.height = 0\r\n            div.style.opacity = 0\r\n            div.style.overflow = 'hidden'\r\n            div.appendChild(img)\r\n\r\n            //body\r\n            document.body.appendChild(div)\r\n\r\n            //onload\r\n            img.onload = function() {\r\n                // setTimeout(() => {\r\n                //     pm.resolve({\r\n                //         src,\r\n                //         id,\r\n                //         w: img.clientWidth,\r\n                //         h: img.clientHeight,\r\n                //         err: null,\r\n                //     })\r\n                //     domRemove(div)\r\n                // }, random(10, 2500))\r\n                pm.resolve({\r\n                    src,\r\n                    id,\r\n                    w: img.clientWidth,\r\n                    h: img.clientHeight,\r\n                    err: null,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            //onerror\r\n            img.onerror = function(err) {\r\n                pm.reject({\r\n                    src,\r\n                    w: 0,\r\n                    h: 0,\r\n                    err,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            return pm\r\n        },\r\n\r\n        getImgsSize: function(uesImageWidth, evKey) {\r\n            //console.log('methods getImgsSize', uesImageWidth, evKey)\r\n\r\n            let vo = this\r\n\r\n            //ev\r\n            let ev = evem()\r\n\r\n            //pmQueue\r\n            let pmq = pmQueue(vo.numParallel) //1次取得numParallel個圖片\r\n\r\n            //getImgSize\r\n            vo.imagesRes = []\r\n            let j = -1\r\n            each(vo.images, (src, k) => {\r\n                pmq(vo.getImgSize, src, uesImageWidth)\r\n                    .then((r) => {\r\n                        j++\r\n\r\n                        //ind\r\n                        let ind = j\r\n                        if (vo.arrangeWhenFinish) { //需依照原始順序排序\r\n                            ind = k\r\n                        }\r\n\r\n                        //o\r\n                        let o = {\r\n                            ...r,\r\n                            name: getFileName(r.src),\r\n                            ind,\r\n                            evKey,\r\n                        }\r\n\r\n                        //save imagesRes\r\n                        vo.imagesRes[ind] = o\r\n\r\n                        //emit\r\n                        ev.emit('get', o)\r\n\r\n                    })\r\n                    .catch((err) => {\r\n                        console.log(err)\r\n                    })\r\n            })\r\n\r\n            return ev\r\n        },\r\n\r\n        refreshDebounce: function() {\r\n            //console.log('methods refreshDebounce')\r\n\r\n            let vo = this\r\n\r\n            //dbc\r\n            vo.dbc(() => {\r\n\r\n                //refresh\r\n                vo.refresh()\r\n\r\n            })\r\n\r\n        },\r\n\r\n        refresh: function() {\r\n            // console.log('methods refresh')\r\n\r\n            let vo = this\r\n\r\n            //uesImageWidth, colNum\r\n            let uesImageWidth = null\r\n            let colNum = null\r\n            if (isNumber(vo.imageWidthSoft) && vo.imageWidthSoft > 0) {\r\n                // console.log('優先使用imageWidthSoft計算colNum與imageWidth')\r\n\r\n                //colNum\r\n                colNum = (vo.widthPanel + vo.space) / (vo.imageWidthSoft + vo.space)\r\n                colNum = Math.floor(colNum)\r\n                colNum = Math.max(colNum, 1)\r\n                // console.log('colNum', colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - vo.space * (colNum - 1)) / colNum\r\n                // console.log('uesImageWidth', uesImageWidth)\r\n\r\n            }\r\n            else if (ispint(vo.colNum)) {\r\n                // console.log('次先使用colNum計算imageWidth')\r\n\r\n                //colNum\r\n                colNum = cint(vo.colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - (colNum - 1) * vo.space) / colNum\r\n                uesImageWidth = Math.floor(uesImageWidth)\r\n\r\n            }\r\n            else if (isNumber(vo.imageWidth) && vo.imageWidth > 0) {\r\n                // console.log('最後使用imageWidth計算colNum')\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = vo.imageWidth\r\n\r\n                //colNum\r\n                let wa = vo.widthPanel + vo.space\r\n                wa = Math.max(wa, 0)\r\n                let wis = uesImageWidth + vo.space\r\n                wis = Math.max(wis, 1)\r\n                colNum = Math.floor(wa / wis)\r\n\r\n            }\r\n            else {\r\n                console.log('invalid colNum or imageWidth or imageWidthSoft', vo.colNum, vo.imageWidth, vo.imageWidthSoft)\r\n                colNum = 4\r\n                uesImageWidth = 300\r\n            }\r\n            vo.uesImageWidth = uesImageWidth\r\n\r\n            //useImageStyle\r\n            let useImageStyle = {\r\n                ...vo.imageStyle,\r\n                'max-width': `${uesImageWidth}px`,\r\n                'user-select': 'none',\r\n                'cursor': 'pointer',\r\n                'outline': 'none',\r\n            }\r\n            vo.useImageStyle = useImageStyle\r\n\r\n            function getMinHeightCol() {\r\n                let hmin = vo.imageLocs[0]\r\n                let ihmin = 0\r\n                each(vo.imageLocs, (v, i) => {\r\n                    if (hmin > v) {\r\n                        hmin = v\r\n                        ihmin = i\r\n                    }\r\n                })\r\n                return ihmin\r\n            }\r\n\r\n            function resetImageColsAndLocs() {\r\n                vo.imageCols = map(times(colNum), () => {\r\n                    return []\r\n                })\r\n                vo.imageLocs = map(times(colNum), () => {\r\n                    return 0\r\n                })\r\n            }\r\n\r\n            function pushImage(img) {\r\n\r\n                //check, 開發階段可能hot reload組件導致出現上一輪事件\r\n                if (!isarr(vo.imageCols)) {\r\n                    return\r\n                }\r\n\r\n                //getMinHeightCol\r\n                let i = getMinHeightCol()\r\n\r\n                try {\r\n\r\n                    //push\r\n                    vo.imageCols[i].push(img)\r\n\r\n                    //update\r\n                    vo.imageLocs[i] += img.h + vo.space + (29 + 24) //29是圖名區高度, 24是位址區高度\r\n\r\n                }\r\n                catch (err) { }\r\n\r\n            }\r\n\r\n            function build() {\r\n\r\n                //pm\r\n                let pm = genPm()\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //evKey\r\n                let evKey = genID()\r\n\r\n                //num\r\n                let num = size(vo.images)\r\n\r\n                //getImgsSize\r\n                let ev = vo.getImgsSize(uesImageWidth, evKey)\r\n\r\n                //pushImage\r\n                let n = 0\r\n                ev.on('get', (img) => {\r\n                    // console.log('get', img)\r\n\r\n                    //check\r\n                    if (img.evKey !== evKey) {\r\n                        return\r\n                    }\r\n\r\n                    //pushImage\r\n                    pushImage(img)\r\n\r\n                    //check\r\n                    n++\r\n                    if (n >= num) {\r\n\r\n                        //first\r\n                        vo.first = true\r\n\r\n                        //arrange\r\n                        if (vo.arrangeWhenFinish) {\r\n                            arrange()\r\n                        }\r\n\r\n                        //resolve\r\n                        pm.resolve()\r\n\r\n                    }\r\n\r\n                })\r\n\r\n                return pm\r\n            }\r\n\r\n            function arrange() {\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //pushImage\r\n                each(vo.imagesRes, (img) => {\r\n                    pushImage(img)\r\n                })\r\n\r\n            }\r\n\r\n            if (!vo.first) {\r\n                // console.log('build')\r\n                build()\r\n            }\r\n            else {\r\n                // console.log('arrange')\r\n                arrange()\r\n            }\r\n\r\n        },\r\n\r\n        showImg: function(e, img) {\r\n            // console.log('methods showImg', e, img)\r\n\r\n            let vo = this\r\n\r\n            //showViewer\r\n            showViewer = true\r\n\r\n            //domShowImagesDyn\r\n            domShowImagesDyn(e.currentTarget, null, vo.opt, vo.pathItems)\r\n                .finally(() => {\r\n\r\n                    //showViewer\r\n                    showViewer = false\r\n\r\n                })\r\n\r\n            //emit\r\n            vo.$emit('click', img)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.inp {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\r\n}\r\n.inp:focus {\r\n    outline: none;\r\n}\r\n.fadeIn {\r\n    animation: aniFadeIn 0.3s;\r\n}\r\n@keyframes aniFadeIn\r\n{\r\n    from {opacity: 0;}\r\n    to {opacity: 1}\r\n}\r\n</style>\r\n"]},media:void 0})},km,"data-v-a8c18788",false,void 0,!1,o,void 0,void 0);var Hm={components:{WIconLoading:Bo},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},numRetryMax:{type:Number,default:10}},data:function(){return{ev:null,showed:!1,loaded:!1,useWidth:0,useHeight:0,useUrl:"",numRetry:0,t:null}},mounted:function(){let n=this;n.ev=Pf(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;clearTimeout(n.t);try{n.ev.dispose()}catch(n){}},computed:{changeUrl:function(){let n=this;return n.loaded=!1,n.numRetry=0,n.useUrl=n.url,""},changeSize:function(){let n=this,e=n.width,t=n.height,r=n.ratio;return xn(e)&&xn(t)?(e=Math.max(Et(e),0),t=Math.max(Et(t),0),n.useWidth=e,n.useHeight=t):xn(e)&&xn(r)?(e=Math.max(Et(e),0),r=Math.max(Et(r),0),t=e/r,n.useWidth=e,n.useHeight=t):xn(t)&&xn(r)?(t=Math.max(Et(t),0),r=Math.max(Et(r),0),e=t*r,n.useWidth=e,n.useHeight=t):console.log("width, height and ratio, at least two of the three parameters must be provided"),""}},methods:{onLoad:function(n){this.numRetry=0,this.loaded=!0},onError:function(n){let e=this;e.loaded=!1,e.numRetry>=e.numRetryMax?console.log(`url[${e.url}] can not load`):(e.useUrl="",clearTimeout(e.t),e.t=setTimeout(()=>{e.numRetry++,console.log(`url[${e.url}] reload n=${e.numRetry}...`),e.useUrl=e.url},2e3))},ckImg:function(n){let e=this.url,t=n.target;this.$emit("click",{url:e,ele:t})}}};const Am=Hm;var Wm=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:{changeUrl:n.changeUrl,changeSize:n.changeSize}},[n.showed&&n.loaded?n._e():t("WIconLoading"),n._v(" "),n.useUrl&&n.showed?t("img",{style:"width:"+n.useWidth+"px; height:"+n.useHeight+"px; opacity:"+(n.loaded?1:0)+";",attrs:{src:n.useUrl},on:{load:n.onLoad,error:n.onError,click:n.ckImg}}):n._e()],1)};Wm._withStripped=!0;const Fm=t({render:Wm,staticRenderFns:[]},function(n){n&&n("data-v-dd2bacee_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})},Am,"data-v-dd2bacee",false,void 0,!1,o,void 0,void 0);var Zm={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageStyle:{type:Object,default:()=>{}},opt:{type:Object,default:()=>{}},multiple:{type:Boolean,default:!1}},data:function(){return{loading:!0}},mounted:function(){let n=this;br(n.pathItems).then(e=>{n.loading=!1,n.$nextTick(()=>{ke(mn(n,"$refs.wiv",[]),(n,e)=>{di(n,{duration:200,delay:100*e})})})})},computed:{useImageStyle:function(){return bm({margin:"5px"},this.imageStyle)}},methods:{showImg:function(n){let e=this,t=null;e.multiple&&(t=e.$refs.wig),xm(n.currentTarget,t,e.opt,e.pathItems).catch(n=>{console.log(n)})}}};const Xm=Zm;var Rm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{ref:"wig",style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},n._l(n.images,function(e,r){return t("div",{key:r,ref:"wiv",refInFor:!0,staticStyle:{display:"inline-block",opacity:"0","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.showImg.apply(null,arguments)},click:n.showImg}},[t("img",{style:n.useImageStyle,attrs:{src:e}})])}),0)],1)};Rm._withStripped=!0;const Vm=t({render:Rm,staticRenderFns:[]},function(n){n&&n("data-v-c213bc2c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageViewerDyn.vue"},media:void 0})},Xm,"data-v-c213bc2c",false,void 0,!1,o,void 0,void 0);var Pm={components:{},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object]},keyText:{type:String,default:"text"},arrange:{type:String,default:"vertical"},inputSize:{type:Number,default:16},inputShiftTop:{type:Number,default:0},textColor:{type:String,default:"#222"},textColorHover:{type:String,default:"#888"},textColorActive:{type:String,default:"#222"},textColorDisabled:{type:String,default:"#666"},textFontSize:{type:String,default:"0.85rem"},paddingStyle:{type:Object,default:()=>({top:0,bottom:0,left:0,right:0})},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0}},data:function(){return{get:mn,itemsTrans:[],dataActive:null}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=qi(n.items),t=Bt(e,e=>{let t=function(e){let t;return t=n.multiCheck?Zs(n.value,e):Fs(e,n.value),t}(e);return t}),r=[],o=[];return ke(e,(n,e)=>{let i={data:n},l=`id-${e}`;i.id=l;let a=t[e];i.active=a,i.hover=!1,r.push(i),a&&o.push(l)}),n.multiCheck||(o=o[0]),n.itemsTrans=r,n.dataActive=o,""},usePadding:function(){return`padding:${La(this.paddingStyle,{ext:{}})};`},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},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},effTextColorActive:function(){return wo(this.textColorActive)},effTextColorDisabled:function(){return wo(this.textColorDisabled)}},methods:{getText:function(n){return mn(n,`data.${this.keyText}`)||mn(n,"data")},getTextColor:function(n,e){let t=this;return t.editable?n.active?t.effTextColorActive:n.hover?t.effTextColorHover:t.effTextColor:t.effTextColorDisabled},mouseenter:function(n,e){let t=this;ke(t.itemsTrans,(n,r)=>{t.itemsTrans[r].hover=r===e})},mouseleave:function(n,e){let t=this;ke(t.itemsTrans,(n,e)=>{t.itemsTrans[e].hover=!1})},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=qi(e.value);if(n.active){let e=[];ke(t,t=>{Fs(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 zm=Pm;var Lm=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},n._l(n.itemsTrans,function(e,r){return t("div",{key:r,style:("vertical"===n.arrange?"":"display:inline-block;")+" "+n.usePadding},[t("div",{style:"display:inline-block; transition:all 0.3s; color:"+n.getTextColor(e,r)+";",on:{mouseenter:function(t){return n.mouseenter(e,r)},mouseleave:function(t){return n.mouseleave(e,r)},click:function(t){return n.toggleState(e)}}},[t("div",{style:"display:flex; "+n.useVerticalAlign+";"},[t("div",{style:"display:flex; align-items:center; height:"+(n.inputSize+n.inputShiftTop)+"px; padding-top:"+n.inputShiftTop+"px;"},["checkbox"==(n.multiCheck?"checkbox":"radio")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:"checkbox"},domProps:{value:e.id,checked:Array.isArray(n.dataActive)?n._i(n.dataActive,e.id)>-1:n.dataActive},on:{change:function(t){var r=n.dataActive,o=t.target,i=!!o.checked;if(Array.isArray(r)){var l=e.id,a=n._i(r,l);o.checked?a<0&&(n.dataActive=r.concat([l])):a>-1&&(n.dataActive=r.slice(0,a).concat(r.slice(a+1)))}else n.dataActive=i}}}):"radio"==(n.multiCheck?"checkbox":"radio")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:"radio"},domProps:{value:e.id,checked:n._q(n.dataActive,e.id)},on:{change:function(t){n.dataActive=e.id}}}):t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:n.multiCheck?"checkbox":"radio"},domProps:{value:e.id,value:n.dataActive},on:{input:function(e){e.target.composing||(n.dataActive=e.target.value)}}})]),n._v(" "),t("div",{style:""},[n._t("default",function(){return[t("div",{style:"margin:0px 0px 0px 5px; "+n.useTextFontSize+" cursor:pointer;"},[n._v("\n                            "+n._s(n.getText(e))+"\n                        ")])]},{item:e,kitem:r,isHover:e.hover,isActive:e.active})],2)])])])}),0)};Lm._withStripped=!0;const Nm=t({render:Lm,staticRenderFns:[]},function(n){n&&n("data-v-a7e2ed94_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WInputCheckbox.vue"},media:void 0})},zm,void 0,false,void 0,!1,o,void 0,void 0);const Dm={components:{WInputCheckbox:Nm},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object]},keyText:{type:String,default:"text"},arrange:{type:String,default:"vertical"},inputSize:{type:Number,default:16},inputShiftTop:{type:Number,default:0},textColor:{type:String,default:"#222"},textColorHover:{type:String,default:"#888"},textColorActive:{type:String,default:"#222"},textColorDisabled:{type:String,default:"#666"},textFontSize:{type:String,default:"0.85rem"},paddingStyle:{type:Object,default:()=>({top:0,bottom:0,left:0,right:0})},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var Gm=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WInputCheckbox",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}}],null,!0)},"WInputCheckbox",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};Gm._withStripped=!0;const jm=t({render:Gm,staticRenderFns:[]},function(n){n&&n("data-v-70041149_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WInputRadio.vue"},media:void 0})},Dm,"data-v-70041149",false,void 0,!1,o,void 0,void 0),Km="function"==typeof Buffer,Ym="function"==typeof TextDecoder?new TextDecoder:void 0,_m=("function"==typeof TextEncoder&&new TextEncoder,Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=")),$m=(()=>{let n={};return _m.forEach((e,t)=>n[e]=t),n})(),Mm=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,Om=String.fromCharCode.bind(String),Jm="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):n=>new Uint8Array(Array.prototype.slice.call(n,0)),Em=n=>n.replace(/[^A-Za-z0-9\+\/]/g,""),Um=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,Qm=n=>{switch(n.length){case 4:var e=((7&n.charCodeAt(0))<<18|(63&n.charCodeAt(1))<<12|(63&n.charCodeAt(2))<<6|63&n.charCodeAt(3))-65536;return Om((e>>>10)+55296)+Om(56320+(1023&e));case 3:return Om((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return Om((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},qm="function"==typeof atob?n=>atob(Em(n)):Km?n=>Buffer.from(n,"base64").toString("binary"):n=>{if(n=n.replace(/\s+/g,""),!Mm.test(n))throw new TypeError("malformed base64.");let e,t,r;n+="==".slice(2-(3&n.length));let o=[];for(let i=0;i<n.length;)e=$m[n.charAt(i++)]<<18|$m[n.charAt(i++)]<<12|(t=$m[n.charAt(i++)])<<6|(r=$m[n.charAt(i++)]),64===t?o.push(Om(e>>16&255)):64===r?o.push(Om(e>>16&255,e>>8&255)):o.push(Om(e>>16&255,e>>8&255,255&e));return o.join("")},nv=Km?n=>Jm(Buffer.from(n,"base64")):n=>Jm(qm(n).split("").map(n=>n.charCodeAt(0))),ev=Km?n=>Buffer.from(n,"base64").toString("utf8"):Ym?n=>Ym.decode(nv(n)):n=>(n=>n.replace(Um,Qm))(qm(n)),tv=n=>ev((n=>Em(n.replace(/[-_]/g,n=>"-"==n?"+":"/")))(n));var rv={exports:{}};!function(n){var e=Object.prototype.hasOwnProperty,t="~";function r(){}function o(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,r,i,l){if("function"!=typeof r)throw new TypeError("The listener must be a function");var a=new o(r,i||n,l),d=t?t+e:e;return n._events[d]?n._events[d].fn?n._events[d]=[n._events[d],a]:n._events[d].push(a):(n._events[d]=a,n._eventsCount++),n}function l(n,e){0===--n._eventsCount?n._events=new r:delete n._events[e]}function a(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(t=!1)),a.prototype.eventNames=function(){var n,r,o=[];if(0===this._eventsCount)return o;for(r in n=this._events)e.call(n,r)&&o.push(t?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(n)):o},a.prototype.listeners=function(n){var e=t?t+n:n,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var o=0,i=r.length,l=new Array(i);o<i;o++)l[o]=r[o].fn;return l},a.prototype.listenerCount=function(n){var e=t?t+n:n,r=this._events[e];return r?r.fn?1:r.length:0},a.prototype.emit=function(n,e,r,o,i,l){var a=t?t+n:n;if(!this._events[a])return!1;var d,u,s=this._events[a],c=arguments.length;if(s.fn){switch(s.once&&this.removeListener(n,s.fn,void 0,!0),c){case 1:return s.fn.call(s.context),!0;case 2:return s.fn.call(s.context,e),!0;case 3:return s.fn.call(s.context,e,r),!0;case 4:return s.fn.call(s.context,e,r,o),!0;case 5:return s.fn.call(s.context,e,r,o,i),!0;case 6:return s.fn.call(s.context,e,r,o,i,l),!0}for(u=1,d=new Array(c-1);u<c;u++)d[u-1]=arguments[u];s.fn.apply(s.context,d)}else{var p,f=s.length;for(u=0;u<f;u++)switch(s[u].once&&this.removeListener(n,s[u].fn,void 0,!0),c){case 1:s[u].fn.call(s[u].context);break;case 2:s[u].fn.call(s[u].context,e);break;case 3:s[u].fn.call(s[u].context,e,r);break;case 4:s[u].fn.call(s[u].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(c-1);p<c;p++)d[p-1]=arguments[p];s[u].fn.apply(s[u].context,d)}}return!0},a.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},a.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},a.prototype.removeListener=function(n,e,r,o){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return l(this,i),this;var a=this._events[i];if(a.fn)a.fn!==e||o&&!a.once||r&&a.context!==r||l(this,i);else{for(var d=0,u=[],s=a.length;d<s;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&u.push(a[d]);u.length?this._events[i]=1===u.length?u[0]:u:l(this,i)}return this},a.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&l(this,e)):(this._events=new r,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=t,a.EventEmitter=a,n.exports=a}(rv);var ov=function(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}(rv.exports);let iv;!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;let n=tv("CgoKInVzZSBzdHJpY3QiO3ZhciB0PUFycmF5LmlzQXJyYXkscj0ib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsJiZnbG9iYWwuT2JqZWN0PT09T2JqZWN0JiZnbG9iYWwsZT0ib2JqZWN0Ij09dHlwZW9mIHNlbGYmJnNlbGYmJnNlbGYuT2JqZWN0PT09T2JqZWN0JiZzZWxmLG49cnx8ZXx8RnVuY3Rpb24oInJldHVybiB0aGlzIikoKSxvPW4uU3ltYm9sLHU9T2JqZWN0LnByb3RvdHlwZSxpPXUuaGFzT3duUHJvcGVydHksYz11LnRvU3RyaW5nLGE9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDt2YXIgZj1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO3ZhciBsPW8/by50b1N0cmluZ1RhZzp2b2lkIDA7ZnVuY3Rpb24gcyh0KXtyZXR1cm4gbnVsbD09dD92b2lkIDA9PT10PyJbb2JqZWN0IFVuZGVmaW5lZF0iOiJbb2JqZWN0IE51bGxdIjpsJiZsIGluIE9iamVjdCh0KT9mdW5jdGlvbih0KXt2YXIgcj1pLmNhbGwodCxhKSxlPXRbYV07dHJ5e3RbYV09dm9pZCAwO3ZhciBuPSEwfWNhdGNoKHQpe312YXIgbz1jLmNhbGwodCk7cmV0dXJuIG4mJihyP3RbYV09ZTpkZWxldGUgdFthXSksb30odCk6ZnVuY3Rpb24odCl7cmV0dXJuIGYuY2FsbCh0KX0odCl9ZnVuY3Rpb24gcCh0KXtyZXR1cm4gbnVsbCE9dCYmIm9iamVjdCI9PXR5cGVvZiB0fWZ1bmN0aW9uIGIodCl7cmV0dXJuInN5bWJvbCI9PXR5cGVvZiB0fHxwKHQpJiYiW29iamVjdCBTeW1ib2xdIj09cyh0KX12YXIgdj0vXC58XFsoPzpbXltcXV0qfChbIiddKSg/Oig/IVwxKVteXFxdfFxcLikqP1wxKVxdLyx5PS9eXHcqJC87ZnVuY3Rpb24gaChyLGUpe2lmKHQocikpcmV0dXJuITE7dmFyIG49dHlwZW9mIHI7cmV0dXJuISgibnVtYmVyIiE9biYmInN5bWJvbCIhPW4mJiJib29sZWFuIiE9biYmbnVsbCE9ciYmIWIocikpfHwoeS50ZXN0KHIpfHwhdi50ZXN0KHIpfHxudWxsIT1lJiZyIGluIE9iamVjdChlKSl9ZnVuY3Rpb24gZCh0KXt2YXIgcj10eXBlb2YgdDtyZXR1cm4gbnVsbCE9dCYmKCJvYmplY3QiPT1yfHwiZnVuY3Rpb24iPT1yKX1mdW5jdGlvbiBqKHQpe2lmKCFkKHQpKXJldHVybiExO3ZhciByPXModCk7cmV0dXJuIltvYmplY3QgRnVuY3Rpb25dIj09cnx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09cnx8IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iPT1yfHwiW29iamVjdCBQcm94eV0iPT1yfXZhciBnLF89blsiX19jb3JlLWpzX3NoYXJlZF9fIl0sTz0oZz0vW14uXSskLy5leGVjKF8mJl8ua2V5cyYmXy5rZXlzLklFX1BST1RPfHwiIikpPyJTeW1ib2woc3JjKV8xLiIrZzoiIjt2YXIgdz1GdW5jdGlvbi5wcm90b3R5cGUudG9TdHJpbmc7ZnVuY3Rpb24gbSh0KXtpZihudWxsIT10KXt0cnl7cmV0dXJuIHcuY2FsbCh0KX1jYXRjaCh0KXt9dHJ5e3JldHVybiB0KyIifWNhdGNoKHQpe319cmV0dXJuIiJ9dmFyIEE9L15cW29iamVjdCAuKz9Db25zdHJ1Y3RvclxdJC8seD1GdW5jdGlvbi5wcm90b3R5cGUsUz1PYmplY3QucHJvdG90eXBlLFA9eC50b1N0cmluZyx6PVMuaGFzT3duUHJvcGVydHksRT1SZWdFeHAoIl4iK1AuY2FsbCh6KS5yZXBsYWNlKC9bXFxeJC4qKz8oKVtcXXt9fF0vZywiXFwkJiIpLnJlcGxhY2UoL2hhc093blByb3BlcnR5fChmdW5jdGlvbikuKj8oPz1cXFwoKXwgZm9yIC4rPyg/PVxcXF0pL2csIiQxLio/IikrIiQiKTtmdW5jdGlvbiBJKHQpe3JldHVybiEoIWQodCl8fChyPXQsTyYmTyBpbiByKSkmJihqKHQpP0U6QSkudGVzdChtKHQpKTt2YXIgcn1mdW5jdGlvbiBOKHQscil7dmFyIGU9ZnVuY3Rpb24odCxyKXtyZXR1cm4gbnVsbD09dD92b2lkIDA6dFtyXX0odCxyKTtyZXR1cm4gSShlKT9lOnZvaWQgMH12YXIgVD1OKE9iamVjdCwiY3JlYXRlIik7dmFyICQ9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTt2YXIgQz1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIEYodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19ZnVuY3Rpb24gTSh0LHIpe3JldHVybiB0PT09cnx8dCE9dCYmciE9cn1mdW5jdGlvbiBVKHQscil7Zm9yKHZhciBlPXQubGVuZ3RoO2UtLTspaWYoTSh0W2VdWzBdLHIpKXJldHVybiBlO3JldHVybi0xfUYucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1UP1QobnVsbCk6e30sdGhpcy5zaXplPTB9LEYucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgcj10aGlzLmhhcyh0KSYmZGVsZXRlIHRoaXMuX19kYXRhX19bdF07cmV0dXJuIHRoaXMuc2l6ZS09cj8xOjAscn0sRi5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX187aWYoVCl7dmFyIGU9clt0XTtyZXR1cm4iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI9PT1lP3ZvaWQgMDplfXJldHVybiAkLmNhbGwocix0KT9yW3RdOnZvaWQgMH0sRi5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX187cmV0dXJuIFQ/dm9pZCAwIT09clt0XTpDLmNhbGwocix0KX0sRi5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQscil7dmFyIGU9dGhpcy5fX2RhdGFfXztyZXR1cm4gdGhpcy5zaXplKz10aGlzLmhhcyh0KT8wOjEsZVt0XT1UJiZ2b2lkIDA9PT1yPyJfX2xvZGFzaF9oYXNoX3VuZGVmaW5lZF9fIjpyLHRoaXN9O3ZhciBrPUFycmF5LnByb3RvdHlwZS5zcGxpY2U7ZnVuY3Rpb24gQih0KXt2YXIgcj0tMSxlPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrcjxlOyl7dmFyIG49dFtyXTt0aGlzLnNldChuWzBdLG5bMV0pfX1CLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189W10sdGhpcy5zaXplPTB9LEIucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fLGU9VShyLHQpO3JldHVybiEoZTwwKSYmKGU9PXIubGVuZ3RoLTE/ci5wb3AoKTprLmNhbGwocixlLDEpLC0tdGhpcy5zaXplLCEwKX0sQi5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX18sZT1VKHIsdCk7cmV0dXJuIGU8MD92b2lkIDA6cltlXVsxXX0sQi5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3JldHVybiBVKHRoaXMuX19kYXRhX18sdCk+LTF9LEIucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPXRoaXMuX19kYXRhX18sbj1VKGUsdCk7cmV0dXJuIG48MD8oKyt0aGlzLnNpemUsZS5wdXNoKFt0LHJdKSk6ZVtuXVsxXT1yLHRoaXN9O3ZhciBEPU4obiwiTWFwIik7ZnVuY3Rpb24gUih0LHIpe3ZhciBlLG4sbz10Ll9fZGF0YV9fO3JldHVybigic3RyaW5nIj09KG49dHlwZW9mKGU9cikpfHwibnVtYmVyIj09bnx8InN5bWJvbCI9PW58fCJib29sZWFuIj09bj8iX19wcm90b19fIiE9PWU6bnVsbD09PWUpP29bInN0cmluZyI9PXR5cGVvZiByPyJzdHJpbmciOiJoYXNoIl06by5tYXB9ZnVuY3Rpb24gTCh0KXt2YXIgcj0tMSxlPW51bGw9PXQ/MDp0Lmxlbmd0aDtmb3IodGhpcy5jbGVhcigpOysrcjxlOyl7dmFyIG49dFtyXTt0aGlzLnNldChuWzBdLG5bMV0pfX1MLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuc2l6ZT0wLHRoaXMuX19kYXRhX189e2hhc2g6bmV3IEYsbWFwOm5ldyhEfHxCKSxzdHJpbmc6bmV3IEZ9fSxMLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9Uih0aGlzLHQpLmRlbGV0ZSh0KTtyZXR1cm4gdGhpcy5zaXplLT1yPzE6MCxyfSxMLnByb3RvdHlwZS5nZXQ9ZnVuY3Rpb24odCl7cmV0dXJuIFIodGhpcyx0KS5nZXQodCl9LEwucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gUih0aGlzLHQpLmhhcyh0KX0sTC5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQscil7dmFyIGU9Uih0aGlzLHQpLG49ZS5zaXplO3JldHVybiBlLnNldCh0LHIpLHRoaXMuc2l6ZSs9ZS5zaXplPT1uPzA6MSx0aGlzfTtmdW5jdGlvbiBWKHQscil7aWYoImZ1bmN0aW9uIiE9dHlwZW9mIHR8fG51bGwhPXImJiJmdW5jdGlvbiIhPXR5cGVvZiByKXRocm93IG5ldyBUeXBlRXJyb3IoIkV4cGVjdGVkIGEgZnVuY3Rpb24iKTt2YXIgZT1mdW5jdGlvbigpe3ZhciBuPWFyZ3VtZW50cyxvPXI/ci5hcHBseSh0aGlzLG4pOm5bMF0sdT1lLmNhY2hlO2lmKHUuaGFzKG8pKXJldHVybiB1LmdldChvKTt2YXIgaT10LmFwcGx5KHRoaXMsbik7cmV0dXJuIGUuY2FjaGU9dS5zZXQobyxpKXx8dSxpfTtyZXR1cm4gZS5jYWNoZT1uZXcoVi5DYWNoZXx8TCksZX1WLkNhY2hlPUw7dmFyIEssVyxxLEc9L1teLltcXV0rfFxbKD86KC0/XGQrKD86XC5cZCspPyl8KFsiJ10pKCg/Oig/IVwyKVteXFxdfFxcLikqPylcMilcXXwoPz0oPzpcLnxcW1xdKSg/OlwufFxbXF18JCkpL2csSD0vXFwoXFwpPy9nLEo9KEs9ZnVuY3Rpb24odCl7dmFyIHI9W107cmV0dXJuIDQ2PT09dC5jaGFyQ29kZUF0KDApJiZyLnB1c2goIiIpLHQucmVwbGFjZShHLGZ1bmN0aW9uKHQsZSxuLG8pe3IucHVzaChuP28ucmVwbGFjZShILCIkMSIpOmV8fHQpfSkscn0sVz1WKEssZnVuY3Rpb24odCl7cmV0dXJuIDUwMD09PXEuc2l6ZSYmcS5jbGVhcigpLHR9KSxxPVcuY2FjaGUsVyksUT1KO2Z1bmN0aW9uIFgodCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGgsbz1BcnJheShuKTsrK2U8bjspb1tlXT1yKHRbZV0sZSx0KTtyZXR1cm4gb312YXIgWT1vP28ucHJvdG90eXBlOnZvaWQgMCxaPVk/WS50b1N0cmluZzp2b2lkIDA7ZnVuY3Rpb24gdHQocil7aWYoInN0cmluZyI9PXR5cGVvZiByKXJldHVybiByO2lmKHQocikpcmV0dXJuIFgocix0dCkrIiI7aWYoYihyKSlyZXR1cm4gWj9aLmNhbGwocik6IiI7dmFyIGU9cisiIjtyZXR1cm4iMCI9PWUmJjEvcj09LTEvMD8iLTAiOmV9ZnVuY3Rpb24gcnQocixlKXtyZXR1cm4gdChyKT9yOmgocixlKT9bcl06UShmdW5jdGlvbih0KXtyZXR1cm4gbnVsbD09dD8iIjp0dCh0KX0ocikpfWZ1bmN0aW9uIGV0KHQpe2lmKCJzdHJpbmciPT10eXBlb2YgdHx8Yih0KSlyZXR1cm4gdDt2YXIgcj10KyIiO3JldHVybiIwIj09ciYmMS90PT0tMS8wPyItMCI6cn1mdW5jdGlvbiBudCh0LHIpe2Zvcih2YXIgZT0wLG49KHI9cnQocix0KSkubGVuZ3RoO251bGwhPXQmJmU8bjspdD10W2V0KHJbZSsrXSldO3JldHVybiBlJiZlPT1uP3Q6dm9pZCAwfWZ1bmN0aW9uIG90KHQscixlKXt2YXIgbj1udWxsPT10P3ZvaWQgMDpudCh0LHIpO3JldHVybiB2b2lkIDA9PT1uP2U6bn1mdW5jdGlvbiB1dCh0KXtyZXR1cm4iW29iamVjdCBTdHJpbmddIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBpdCh0KXtyZXR1cm4hKCF1dCh0KXx8IiI9PT10KX1mdW5jdGlvbiBjdCh0KXtyZXR1cm4iW29iamVjdCBPYmplY3RdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBhdCh0KXtpZihjdCh0KSl7Zm9yKGxldCByIGluIHQpcmV0dXJuITA7cmV0dXJuITF9cmV0dXJuITF9ZnVuY3Rpb24gZnQodCl7cmV0dXJuIltvYmplY3QgQXJyYXldIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBsdCh0KXtyZXR1cm4gdCE9dH1mdW5jdGlvbiBzdCh0KXtyZXR1cm4hIWZ1bmN0aW9uKHQpe3JldHVybiJbb2JqZWN0IFVuZGVmaW5lZF0iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfSh0KXx8KCEhZnVuY3Rpb24odCl7cmV0dXJuIltvYmplY3QgTnVsbF0iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfSh0KXx8KCEhZnVuY3Rpb24odCl7aWYoY3QodCkpe2ZvcihsZXQgciBpbiB0KXJldHVybiExO3JldHVybiEwfXJldHVybiExfSh0KXx8KCEhZnVuY3Rpb24odCl7cmV0dXJuISghdXQodCl8fCIiIT09dCl9KHQpfHwoISFmdW5jdGlvbih0KXtyZXR1cm4hIWZ0KHQpJiYwPT09dC5sZW5ndGh9KHQpfHwhIWx0KHQpKSkpKX1mdW5jdGlvbiBwdCh0KXtyZXR1cm4hIWZ0KHQpJiYoMCE9PXQubGVuZ3RoJiYoMSE9PXQubGVuZ3RofHwhc3QodFswXSkpKX1mdW5jdGlvbiBidCh0KXtyZXR1cm4hMD09PShyPXQpfHwhMT09PXJ8fHAocikmJiJbb2JqZWN0IEJvb2xlYW5dIj09cyhyKTt2YXIgcn1mdW5jdGlvbiB2dCh0KXt2YXIgcj10aGlzLl9fZGF0YV9fPW5ldyBCKHQpO3RoaXMuc2l6ZT1yLnNpemV9dnQucHJvdG90eXBlLmNsZWFyPWZ1bmN0aW9uKCl7dGhpcy5fX2RhdGFfXz1uZXcgQix0aGlzLnNpemU9MH0sdnQucHJvdG90eXBlLmRlbGV0ZT1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fLGU9ci5kZWxldGUodCk7cmV0dXJuIHRoaXMuc2l6ZT1yLnNpemUsZX0sdnQucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5nZXQodCl9LHZ0LnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uaGFzKHQpfSx2dC5wcm90b3R5cGUuc2V0PWZ1bmN0aW9uKHQscil7dmFyIGU9dGhpcy5fX2RhdGFfXztpZihlIGluc3RhbmNlb2YgQil7dmFyIG49ZS5fX2RhdGFfXztpZighRHx8bi5sZW5ndGg8MTk5KXJldHVybiBuLnB1c2goW3Qscl0pLHRoaXMuc2l6ZT0rK2Uuc2l6ZSx0aGlzO2U9dGhpcy5fX2RhdGFfXz1uZXcgTChuKX1yZXR1cm4gZS5zZXQodCxyKSx0aGlzLnNpemU9ZS5zaXplLHRoaXN9O2Z1bmN0aW9uIHl0KHQpe3ZhciByPS0xLGU9bnVsbD09dD8wOnQubGVuZ3RoO2Zvcih0aGlzLl9fZGF0YV9fPW5ldyBMOysrcjxlOyl0aGlzLmFkZCh0W3JdKX1mdW5jdGlvbiBodCh0LHIpe2Zvcih2YXIgZT0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aDsrK2U8bjspaWYocih0W2VdLGUsdCkpcmV0dXJuITA7cmV0dXJuITF9ZnVuY3Rpb24gZHQodCxyKXtyZXR1cm4gdC5oYXMocil9eXQucHJvdG90eXBlLmFkZD15dC5wcm90b3R5cGUucHVzaD1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5zZXQodCwiX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyIpLHRoaXN9LHl0LnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uaGFzKHQpfTtmdW5jdGlvbiBqdCh0LHIsZSxuLG8sdSl7dmFyIGk9MSZlLGM9dC5sZW5ndGgsYT1yLmxlbmd0aDtpZihjIT1hJiYhKGkmJmE+YykpcmV0dXJuITE7dmFyIGY9dS5nZXQodCksbD11LmdldChyKTtpZihmJiZsKXJldHVybiBmPT1yJiZsPT10O3ZhciBzPS0xLHA9ITAsYj0yJmU/bmV3IHl0OnZvaWQgMDtmb3IodS5zZXQodCxyKSx1LnNldChyLHQpOysrczxjOyl7dmFyIHY9dFtzXSx5PXJbc107aWYobil2YXIgaD1pP24oeSx2LHMscix0LHUpOm4odix5LHMsdCxyLHUpO2lmKHZvaWQgMCE9PWgpe2lmKGgpY29udGludWU7cD0hMTticmVha31pZihiKXtpZighaHQocixmdW5jdGlvbih0LHIpe2lmKCFkdChiLHIpJiYodj09PXR8fG8odix0LGUsbix1KSkpcmV0dXJuIGIucHVzaChyKX0pKXtwPSExO2JyZWFrfX1lbHNlIGlmKHYhPT15JiYhbyh2LHksZSxuLHUpKXtwPSExO2JyZWFrfX1yZXR1cm4gdS5kZWxldGUodCksdS5kZWxldGUocikscH12YXIgZ3Q9bi5VaW50OEFycmF5O2Z1bmN0aW9uIF90KHQpe3ZhciByPS0xLGU9QXJyYXkodC5zaXplKTtyZXR1cm4gdC5mb3JFYWNoKGZ1bmN0aW9uKHQsbil7ZVsrK3JdPVtuLHRdfSksZX1mdW5jdGlvbiBPdCh0KXt2YXIgcj0tMSxlPUFycmF5KHQuc2l6ZSk7cmV0dXJuIHQuZm9yRWFjaChmdW5jdGlvbih0KXtlWysrcl09dH0pLGV9dmFyIHd0PW8/by5wcm90b3R5cGU6dm9pZCAwLG10PXd0P3d0LnZhbHVlT2Y6dm9pZCAwO2Z1bmN0aW9uIEF0KHQscil7Zm9yKHZhciBlPS0xLG49ci5sZW5ndGgsbz10Lmxlbmd0aDsrK2U8bjspdFtvK2VdPXJbZV07cmV0dXJuIHR9ZnVuY3Rpb24geHQocixlLG4pe3ZhciBvPWUocik7cmV0dXJuIHQocik/bzpBdChvLG4ocikpfWZ1bmN0aW9uIFN0KCl7cmV0dXJuW119dmFyIFB0PU9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUsenQ9T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyxFdD16dD9mdW5jdGlvbih0KXtyZXR1cm4gbnVsbD09dD9bXToodD1PYmplY3QodCksZnVuY3Rpb24odCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGgsbz0wLHU9W107KytlPG47KXt2YXIgaT10W2VdO3IoaSxlLHQpJiYodVtvKytdPWkpfXJldHVybiB1fSh6dCh0KSxmdW5jdGlvbihyKXtyZXR1cm4gUHQuY2FsbCh0LHIpfSkpfTpTdCxJdD1FdDtmdW5jdGlvbiBOdCh0KXtyZXR1cm4gcCh0KSYmIltvYmplY3QgQXJndW1lbnRzXSI9PXModCl9dmFyIFR0PU9iamVjdC5wcm90b3R5cGUsJHQ9VHQuaGFzT3duUHJvcGVydHksQ3Q9VHQucHJvcGVydHlJc0VudW1lcmFibGUsRnQ9TnQoZnVuY3Rpb24oKXtyZXR1cm4gYXJndW1lbnRzfSgpKT9OdDpmdW5jdGlvbih0KXtyZXR1cm4gcCh0KSYmJHQuY2FsbCh0LCJjYWxsZWUiKSYmIUN0LmNhbGwodCwiY2FsbGVlIil9O3ZhciBNdD0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLFV0PU10JiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsa3Q9VXQmJlV0LmV4cG9ydHM9PT1NdD9uLkJ1ZmZlcjp2b2lkIDAsQnQ9KGt0P2t0LmlzQnVmZmVyOnZvaWQgMCl8fGZ1bmN0aW9uKCl7cmV0dXJuITF9LER0PS9eKD86MHxbMS05XVxkKikkLztmdW5jdGlvbiBSdCh0LHIpe3ZhciBlPXR5cGVvZiB0O3JldHVybiEhKHI9bnVsbD09cj85MDA3MTk5MjU0NzQwOTkxOnIpJiYoIm51bWJlciI9PWV8fCJzeW1ib2wiIT1lJiZEdC50ZXN0KHQpKSYmdD4tMSYmdCUxPT0wJiZ0PHJ9ZnVuY3Rpb24gTHQodCl7cmV0dXJuIm51bWJlciI9PXR5cGVvZiB0JiZ0Pi0xJiZ0JTE9PTAmJnQ8PTkwMDcxOTkyNTQ3NDA5OTF9dmFyIFZ0PXt9O2Z1bmN0aW9uIEt0KHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gdChyKX19VnRbIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPVZ0WyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1WdFsiW29iamVjdCBJbnQ4QXJyYXldIl09VnRbIltvYmplY3QgSW50MTZBcnJheV0iXT1WdFsiW29iamVjdCBJbnQzMkFycmF5XSJdPVZ0WyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09VnRbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09VnRbIltvYmplY3QgVWludDE2QXJyYXldIl09VnRbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsVnRbIltvYmplY3QgQXJndW1lbnRzXSJdPVZ0WyJbb2JqZWN0IEFycmF5XSJdPVZ0WyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPVZ0WyJbb2JqZWN0IEJvb2xlYW5dIl09VnRbIltvYmplY3QgRGF0YVZpZXddIl09VnRbIltvYmplY3QgRGF0ZV0iXT1WdFsiW29iamVjdCBFcnJvcl0iXT1WdFsiW29iamVjdCBGdW5jdGlvbl0iXT1WdFsiW29iamVjdCBNYXBdIl09VnRbIltvYmplY3QgTnVtYmVyXSJdPVZ0WyJbb2JqZWN0IE9iamVjdF0iXT1WdFsiW29iamVjdCBSZWdFeHBdIl09VnRbIltvYmplY3QgU2V0XSJdPVZ0WyJbb2JqZWN0IFN0cmluZ10iXT1WdFsiW29iamVjdCBXZWFrTWFwXSJdPSExO3ZhciBXdD0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLHF0PVd0JiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsR3Q9cXQmJnF0LmV4cG9ydHM9PT1XdCYmci5wcm9jZXNzLEh0PWZ1bmN0aW9uKCl7dHJ5e3ZhciB0PXF0JiZxdC5yZXF1aXJlJiZxdC5yZXF1aXJlKCJ1dGlsIikudHlwZXM7cmV0dXJuIHR8fEd0JiZHdC5iaW5kaW5nJiZHdC5iaW5kaW5nKCJ1dGlsIil9Y2F0Y2godCl7fX0oKSxKdD1IdCYmSHQuaXNUeXBlZEFycmF5LFF0PUp0P0t0KEp0KTpmdW5jdGlvbih0KXtyZXR1cm4gcCh0KSYmTHQodC5sZW5ndGgpJiYhIVZ0W3ModCldfSxYdD1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIFl0KHIsZSl7dmFyIG49dChyKSxvPSFuJiZGdChyKSx1PSFuJiYhbyYmQnQociksaT0hbiYmIW8mJiF1JiZRdChyKSxjPW58fG98fHV8fGksYT1jP2Z1bmN0aW9uKHQscil7Zm9yKHZhciBlPS0xLG49QXJyYXkodCk7KytlPHQ7KW5bZV09cihlKTtyZXR1cm4gbn0oci5sZW5ndGgsU3RyaW5nKTpbXSxmPWEubGVuZ3RoO2Zvcih2YXIgbCBpbiByKSFlJiYhWHQuY2FsbChyLGwpfHxjJiYoImxlbmd0aCI9PWx8fHUmJigib2Zmc2V0Ij09bHx8InBhcmVudCI9PWwpfHxpJiYoImJ1ZmZlciI9PWx8fCJieXRlTGVuZ3RoIj09bHx8ImJ5dGVPZmZzZXQiPT1sKXx8UnQobCxmKSl8fGEucHVzaChsKTtyZXR1cm4gYX12YXIgWnQ9T2JqZWN0LnByb3RvdHlwZTtmdW5jdGlvbiB0cih0KXt2YXIgcj10JiZ0LmNvbnN0cnVjdG9yO3JldHVybiB0PT09KCJmdW5jdGlvbiI9PXR5cGVvZiByJiZyLnByb3RvdHlwZXx8WnQpfWZ1bmN0aW9uIHJyKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB0KHIoZSkpfX12YXIgZXI9cnIoT2JqZWN0LmtleXMsT2JqZWN0KSxucj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIG9yKHQpe2lmKCF0cih0KSlyZXR1cm4gZXIodCk7dmFyIHI9W107Zm9yKHZhciBlIGluIE9iamVjdCh0KSluci5jYWxsKHQsZSkmJiJjb25zdHJ1Y3RvciIhPWUmJnIucHVzaChlKTtyZXR1cm4gcn1mdW5jdGlvbiB1cih0KXtyZXR1cm4gbnVsbCE9dCYmTHQodC5sZW5ndGgpJiYhaih0KX1mdW5jdGlvbiBpcih0KXtyZXR1cm4gdXIodCk/WXQodCk6b3IodCl9ZnVuY3Rpb24gY3IodCl7cmV0dXJuIHh0KHQsaXIsSXQpfXZhciBhcj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciBmcj1OKG4sIkRhdGFWaWV3IiksbHI9TihuLCJQcm9taXNlIiksc3I9TihuLCJTZXQiKSxwcj1OKG4sIldlYWtNYXAiKSxicj0iW29iamVjdCBNYXBdIix2cj0iW29iamVjdCBQcm9taXNlXSIseXI9IltvYmplY3QgU2V0XSIsaHI9IltvYmplY3QgV2Vha01hcF0iLGRyPSJbb2JqZWN0IERhdGFWaWV3XSIsanI9bShmciksZ3I9bShEKSxfcj1tKGxyKSxPcj1tKHNyKSx3cj1tKHByKSxtcj1zOyhmciYmbXIobmV3IGZyKG5ldyBBcnJheUJ1ZmZlcigxKSkpIT1kcnx8RCYmbXIobmV3IEQpIT1icnx8bHImJm1yKGxyLnJlc29sdmUoKSkhPXZyfHxzciYmbXIobmV3IHNyKSE9eXJ8fHByJiZtcihuZXcgcHIpIT1ocikmJihtcj1mdW5jdGlvbih0KXt2YXIgcj1zKHQpLGU9IltvYmplY3QgT2JqZWN0XSI9PXI/dC5jb25zdHJ1Y3Rvcjp2b2lkIDAsbj1lP20oZSk6IiI7aWYobilzd2l0Y2gobil7Y2FzZSBqcjpyZXR1cm4gZHI7Y2FzZSBncjpyZXR1cm4gYnI7Y2FzZSBfcjpyZXR1cm4gdnI7Y2FzZSBPcjpyZXR1cm4geXI7Y2FzZSB3cjpyZXR1cm4gaHJ9cmV0dXJuIHJ9KTt2YXIgQXI9bXIseHI9IltvYmplY3QgQXJndW1lbnRzXSIsU3I9IltvYmplY3QgQXJyYXldIixQcj0iW29iamVjdCBPYmplY3RdIix6cj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIEVyKHIsZSxuLG8sdSxpKXt2YXIgYz10KHIpLGE9dChlKSxmPWM/U3I6QXIociksbD1hP1NyOkFyKGUpLHM9KGY9Zj09eHI/UHI6Zik9PVByLHA9KGw9bD09eHI/UHI6bCk9PVByLGI9Zj09bDtpZihiJiZCdChyKSl7aWYoIUJ0KGUpKXJldHVybiExO2M9ITAscz0hMX1pZihiJiYhcylyZXR1cm4gaXx8KGk9bmV3IHZ0KSxjfHxRdChyKT9qdChyLGUsbixvLHUsaSk6ZnVuY3Rpb24odCxyLGUsbixvLHUsaSl7c3dpdGNoKGUpe2Nhc2UiW29iamVjdCBEYXRhVmlld10iOmlmKHQuYnl0ZUxlbmd0aCE9ci5ieXRlTGVuZ3RofHx0LmJ5dGVPZmZzZXQhPXIuYnl0ZU9mZnNldClyZXR1cm4hMTt0PXQuYnVmZmVyLHI9ci5idWZmZXI7Y2FzZSJbb2JqZWN0IEFycmF5QnVmZmVyXSI6cmV0dXJuISh0LmJ5dGVMZW5ndGghPXIuYnl0ZUxlbmd0aHx8IXUobmV3IGd0KHQpLG5ldyBndChyKSkpO2Nhc2UiW29iamVjdCBCb29sZWFuXSI6Y2FzZSJbb2JqZWN0IERhdGVdIjpjYXNlIltvYmplY3QgTnVtYmVyXSI6cmV0dXJuIE0oK3QsK3IpO2Nhc2UiW29iamVjdCBFcnJvcl0iOnJldHVybiB0Lm5hbWU9PXIubmFtZSYmdC5tZXNzYWdlPT1yLm1lc3NhZ2U7Y2FzZSJbb2JqZWN0IFJlZ0V4cF0iOmNhc2UiW29iamVjdCBTdHJpbmddIjpyZXR1cm4gdD09cisiIjtjYXNlIltvYmplY3QgTWFwXSI6dmFyIGM9X3Q7Y2FzZSJbb2JqZWN0IFNldF0iOnZhciBhPTEmbjtpZihjfHwoYz1PdCksdC5zaXplIT1yLnNpemUmJiFhKXJldHVybiExO3ZhciBmPWkuZ2V0KHQpO2lmKGYpcmV0dXJuIGY9PXI7bnw9MixpLnNldCh0LHIpO3ZhciBsPWp0KGModCksYyhyKSxuLG8sdSxpKTtyZXR1cm4gaS5kZWxldGUodCksbDtjYXNlIltvYmplY3QgU3ltYm9sXSI6aWYobXQpcmV0dXJuIG10LmNhbGwodCk9PW10LmNhbGwocil9cmV0dXJuITF9KHIsZSxmLG4sbyx1LGkpO2lmKCEoMSZuKSl7dmFyIHY9cyYmenIuY2FsbChyLCJfX3dyYXBwZWRfXyIpLHk9cCYmenIuY2FsbChlLCJfX3dyYXBwZWRfXyIpO2lmKHZ8fHkpe3ZhciBoPXY/ci52YWx1ZSgpOnIsZD15P2UudmFsdWUoKTplO3JldHVybiBpfHwoaT1uZXcgdnQpLHUoaCxkLG4sbyxpKX19cmV0dXJuISFiJiYoaXx8KGk9bmV3IHZ0KSxmdW5jdGlvbih0LHIsZSxuLG8sdSl7dmFyIGk9MSZlLGM9Y3IodCksYT1jLmxlbmd0aDtpZihhIT1jcihyKS5sZW5ndGgmJiFpKXJldHVybiExO2Zvcih2YXIgZj1hO2YtLTspe3ZhciBsPWNbZl07aWYoIShpP2wgaW4gcjphci5jYWxsKHIsbCkpKXJldHVybiExfXZhciBzPXUuZ2V0KHQpLHA9dS5nZXQocik7aWYocyYmcClyZXR1cm4gcz09ciYmcD09dDt2YXIgYj0hMDt1LnNldCh0LHIpLHUuc2V0KHIsdCk7Zm9yKHZhciB2PWk7KytmPGE7KXt2YXIgeT10W2w9Y1tmXV0saD1yW2xdO2lmKG4pdmFyIGQ9aT9uKGgseSxsLHIsdCx1KTpuKHksaCxsLHQscix1KTtpZighKHZvaWQgMD09PWQ/eT09PWh8fG8oeSxoLGUsbix1KTpkKSl7Yj0hMTticmVha312fHwodj0iY29uc3RydWN0b3IiPT1sKX1pZihiJiYhdil7dmFyIGo9dC5jb25zdHJ1Y3RvcixnPXIuY29uc3RydWN0b3I7aj09Z3x8ISgiY29uc3RydWN0b3IiaW4gdCl8fCEoImNvbnN0cnVjdG9yImluIHIpfHwiZnVuY3Rpb24iPT10eXBlb2YgaiYmaiBpbnN0YW5jZW9mIGomJiJmdW5jdGlvbiI9PXR5cGVvZiBnJiZnIGluc3RhbmNlb2YgZ3x8KGI9ITEpfXJldHVybiB1LmRlbGV0ZSh0KSx1LmRlbGV0ZShyKSxifShyLGUsbixvLHUsaSkpfWZ1bmN0aW9uIElyKHQscixlLG4sbyl7cmV0dXJuIHQ9PT1yfHwobnVsbD09dHx8bnVsbD09cnx8IXAodCkmJiFwKHIpP3QhPXQmJnIhPXI6RXIodCxyLGUsbixJcixvKSl9ZnVuY3Rpb24gTnIodCl7cmV0dXJuIHQ9PXQmJiFkKHQpfWZ1bmN0aW9uIFRyKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiBudWxsIT1lJiYoZVt0XT09PXImJih2b2lkIDAhPT1yfHx0IGluIE9iamVjdChlKSkpfX1mdW5jdGlvbiAkcih0KXt2YXIgcj1mdW5jdGlvbih0KXtmb3IodmFyIHI9aXIodCksZT1yLmxlbmd0aDtlLS07KXt2YXIgbj1yW2VdLG89dFtuXTtyW2VdPVtuLG8sTnIobyldfXJldHVybiByfSh0KTtyZXR1cm4gMT09ci5sZW5ndGgmJnJbMF1bMl0/VHIoclswXVswXSxyWzBdWzFdKTpmdW5jdGlvbihlKXtyZXR1cm4gZT09PXR8fGZ1bmN0aW9uKHQscixlLG4pe3ZhciBvPWUubGVuZ3RoLHU9byxpPSFuO2lmKG51bGw9PXQpcmV0dXJuIXU7Zm9yKHQ9T2JqZWN0KHQpO28tLTspe3ZhciBjPWVbb107aWYoaSYmY1syXT9jWzFdIT09dFtjWzBdXTohKGNbMF1pbiB0KSlyZXR1cm4hMX1mb3IoOysrbzx1Oyl7dmFyIGE9KGM9ZVtvXSlbMF0sZj10W2FdLGw9Y1sxXTtpZihpJiZjWzJdKXtpZih2b2lkIDA9PT1mJiYhKGEgaW4gdCkpcmV0dXJuITF9ZWxzZXt2YXIgcz1uZXcgdnQ7aWYobil2YXIgcD1uKGYsbCxhLHQscixzKTtpZighKHZvaWQgMD09PXA/SXIobCxmLDMsbixzKTpwKSlyZXR1cm4hMX19cmV0dXJuITB9KGUsdCxyKX19ZnVuY3Rpb24gQ3IodCxyKXtyZXR1cm4gbnVsbCE9dCYmciBpbiBPYmplY3QodCl9ZnVuY3Rpb24gRnIocixlKXtyZXR1cm4gbnVsbCE9ciYmZnVuY3Rpb24ocixlLG4pe2Zvcih2YXIgbz0tMSx1PShlPXJ0KGUscikpLmxlbmd0aCxpPSExOysrbzx1Oyl7dmFyIGM9ZXQoZVtvXSk7aWYoIShpPW51bGwhPXImJm4ocixjKSkpYnJlYWs7cj1yW2NdfXJldHVybiBpfHwrK28hPXU/aTohISh1PW51bGw9PXI/MDpyLmxlbmd0aCkmJkx0KHUpJiZSdChjLHUpJiYodChyKXx8RnQocikpfShyLGUsQ3IpfWZ1bmN0aW9uIE1yKHQpe3JldHVybiB0fWZ1bmN0aW9uIFVyKHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gbnVsbD09cj92b2lkIDA6clt0XX19ZnVuY3Rpb24ga3IodCl7cmV0dXJuIGgodCk/VXIoZXQodCkpOmZ1bmN0aW9uKHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gbnQocix0KX19KHQpfWZ1bmN0aW9uIEJyKHIpe3JldHVybiJmdW5jdGlvbiI9PXR5cGVvZiByP3I6bnVsbD09cj9Ncjoib2JqZWN0Ij09dHlwZW9mIHI/dChyKT8oZT1yWzBdLG49clsxXSxoKGUpJiZOcihuKT9UcihldChlKSxuKTpmdW5jdGlvbih0KXt2YXIgcj1vdCh0LGUpO3JldHVybiB2b2lkIDA9PT1yJiZyPT09bj9Gcih0LGUpOklyKG4sciwzKX0pOiRyKHIpOmtyKHIpO3ZhciBlLG59dmFyIERyLFJyPWZ1bmN0aW9uKHQscixlKXtmb3IodmFyIG49LTEsbz1PYmplY3QodCksdT1lKHQpLGk9dS5sZW5ndGg7aS0tOyl7dmFyIGM9dVtEcj9pOisrbl07aWYoITE9PT1yKG9bY10sYyxvKSlicmVha31yZXR1cm4gdH07dmFyIExyPWZ1bmN0aW9uKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUsbil7aWYobnVsbD09ZSlyZXR1cm4gZTtpZighdXIoZSkpcmV0dXJuIHQoZSxuKTtmb3IodmFyIG89ZS5sZW5ndGgsdT1yP286LTEsaT1PYmplY3QoZSk7KHI/dS0tOisrdTxvKSYmITEhPT1uKGlbdV0sdSxpKTspO3JldHVybiBlfX0oZnVuY3Rpb24odCxyKXtyZXR1cm4gdCYmUnIodCxyLGlyKX0pLFZyPUxyO2Z1bmN0aW9uIEtyKHQscil7dmFyIGU9LTEsbj11cih0KT9BcnJheSh0Lmxlbmd0aCk6W107cmV0dXJuIFZyKHQsZnVuY3Rpb24odCxvLHUpe25bKytlXT1yKHQsbyx1KX0pLG59dmFyIFdyPUFycmF5LnByb3RvdHlwZS5qb2luO3ZhciBxcj1VcigibGVuZ3RoIiksR3I9UmVnRXhwKCJbXFx1MjAwZFxcdWQ4MDAtXFx1ZGZmZlxcdTAzMDAtXFx1MDM2ZlxcdWZlMjAtXFx1ZmUyZlxcdTIwZDAtXFx1MjBmZlxcdWZlMGVcXHVmZTBmXSIpO3ZhciBIcj0iXFx1ZDgwMC1cXHVkZmZmIixKcj0iWyIrSHIrIl0iLFFyPSJbXFx1MDMwMC1cXHUwMzZmXFx1ZmUyMC1cXHVmZTJmXFx1MjBkMC1cXHUyMGZmXSIsWHI9IlxcdWQ4M2NbXFx1ZGZmYi1cXHVkZmZmXSIsWXI9IlteIitIcisiXSIsWnI9Iig/OlxcdWQ4M2NbXFx1ZGRlNi1cXHVkZGZmXSl7Mn0iLHRlPSJbXFx1ZDgwMC1cXHVkYmZmXVtcXHVkYzAwLVxcdWRmZmZdIixyZT0iKD86IitRcisifCIrWHIrIikiKyI/IixlZT0iW1xcdWZlMGVcXHVmZTBmXT8iLG5lPWVlK3JlKygiKD86XFx1MjAwZCg/OiIrW1lyLFpyLHRlXS5qb2luKCJ8IikrIikiK2VlK3JlKyIpKiIpLG9lPSIoPzoiK1tZcitRcisiPyIsUXIsWnIsdGUsSnJdLmpvaW4oInwiKSsiKSIsdWU9UmVnRXhwKFhyKyIoPz0iK1hyKyIpfCIrb2UrbmUsImciKTtmdW5jdGlvbiBpZSh0KXtyZXR1cm4gZnVuY3Rpb24odCl7cmV0dXJuIEdyLnRlc3QodCl9KHQpP2Z1bmN0aW9uKHQpe2Zvcih2YXIgcj11ZS5sYXN0SW5kZXg9MDt1ZS50ZXN0KHQpOykrK3I7cmV0dXJuIHJ9KHQpOnFyKHQpfWZ1bmN0aW9uIGNlKHIpe2lmKG51bGw9PXIpcmV0dXJuIDA7aWYodXIocikpcmV0dXJuInN0cmluZyI9PXR5cGVvZihlPXIpfHwhdChlKSYmcChlKSYmIltvYmplY3QgU3RyaW5nXSI9PXMoZSk/aWUocik6ci5sZW5ndGg7dmFyIGUsbj1BcihyKTtyZXR1cm4iW29iamVjdCBNYXBdIj09bnx8IltvYmplY3QgU2V0XSI9PW4/ci5zaXplOm9yKHIpLmxlbmd0aH1mdW5jdGlvbiBhZSh0LHIpe2Zvcih2YXIgZT0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aDsrK2U8biYmITEhPT1yKHRbZV0sZSx0KTspO3JldHVybiB0fXZhciBmZT1mdW5jdGlvbigpe3RyeXt2YXIgdD1OKE9iamVjdCwiZGVmaW5lUHJvcGVydHkiKTtyZXR1cm4gdCh7fSwiIix7fSksdH1jYXRjaCh0KXt9fSgpLGxlPWZlO2Z1bmN0aW9uIHNlKHQscixlKXsiX19wcm90b19fIj09ciYmbGU/bGUodCxyLHtjb25maWd1cmFibGU6ITAsZW51bWVyYWJsZTohMCx2YWx1ZTplLHdyaXRhYmxlOiEwfSk6dFtyXT1lfXZhciBwZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGJlKHQscixlKXt2YXIgbj10W3JdO3BlLmNhbGwodCxyKSYmTShuLGUpJiYodm9pZCAwIT09ZXx8ciBpbiB0KXx8c2UodCxyLGUpfWZ1bmN0aW9uIHZlKHQscixlLG4pe3ZhciBvPSFlO2V8fChlPXt9KTtmb3IodmFyIHU9LTEsaT1yLmxlbmd0aDsrK3U8aTspe3ZhciBjPXJbdV0sYT1uP24oZVtjXSx0W2NdLGMsZSx0KTp2b2lkIDA7dm9pZCAwPT09YSYmKGE9dFtjXSksbz9zZShlLGMsYSk6YmUoZSxjLGEpfXJldHVybiBlfXZhciB5ZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGhlKHQpe2lmKCFkKHQpKXJldHVybiBmdW5jdGlvbih0KXt2YXIgcj1bXTtpZihudWxsIT10KWZvcih2YXIgZSBpbiBPYmplY3QodCkpci5wdXNoKGUpO3JldHVybiByfSh0KTt2YXIgcj10cih0KSxlPVtdO2Zvcih2YXIgbiBpbiB0KSgiY29uc3RydWN0b3IiIT1ufHwhciYmeWUuY2FsbCh0LG4pKSYmZS5wdXNoKG4pO3JldHVybiBlfWZ1bmN0aW9uIGRlKHQpe3JldHVybiB1cih0KT9ZdCh0LCEwKTpoZSh0KX12YXIgamU9Im9iamVjdCI9PXR5cGVvZiBleHBvcnRzJiZleHBvcnRzJiYhZXhwb3J0cy5ub2RlVHlwZSYmZXhwb3J0cyxnZT1qZSYmIm9iamVjdCI9PXR5cGVvZiBtb2R1bGUmJm1vZHVsZSYmIW1vZHVsZS5ub2RlVHlwZSYmbW9kdWxlLF9lPWdlJiZnZS5leHBvcnRzPT09amU/bi5CdWZmZXI6dm9pZCAwLE9lPV9lP19lLmFsbG9jVW5zYWZlOnZvaWQgMDt2YXIgd2U9cnIoT2JqZWN0LmdldFByb3RvdHlwZU9mLE9iamVjdCksbWU9T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scz9mdW5jdGlvbih0KXtmb3IodmFyIHI9W107dDspQXQocixJdCh0KSksdD13ZSh0KTtyZXR1cm4gcn06U3QsQWU9bWU7ZnVuY3Rpb24geGUodCl7cmV0dXJuIHh0KHQsZGUsQWUpfXZhciBTZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIFBlKHQpe3ZhciByPW5ldyB0LmNvbnN0cnVjdG9yKHQuYnl0ZUxlbmd0aCk7cmV0dXJuIG5ldyBndChyKS5zZXQobmV3IGd0KHQpKSxyfXZhciB6ZT0vXHcqJC87dmFyIEVlPW8/by5wcm90b3R5cGU6dm9pZCAwLEllPUVlP0VlLnZhbHVlT2Y6dm9pZCAwO2Z1bmN0aW9uIE5lKHQscixlKXt2YXIgbixvPXQuY29uc3RydWN0b3I7c3dpdGNoKHIpe2Nhc2UiW29iamVjdCBBcnJheUJ1ZmZlcl0iOnJldHVybiBQZSh0KTtjYXNlIltvYmplY3QgQm9vbGVhbl0iOmNhc2UiW29iamVjdCBEYXRlXSI6cmV0dXJuIG5ldyBvKCt0KTtjYXNlIltvYmplY3QgRGF0YVZpZXddIjpyZXR1cm4gZnVuY3Rpb24odCxyKXt2YXIgZT1yP1BlKHQuYnVmZmVyKTp0LmJ1ZmZlcjtyZXR1cm4gbmV3IHQuY29uc3RydWN0b3IoZSx0LmJ5dGVPZmZzZXQsdC5ieXRlTGVuZ3RoKX0odCxlKTtjYXNlIltvYmplY3QgRmxvYXQzMkFycmF5XSI6Y2FzZSJbb2JqZWN0IEZsb2F0NjRBcnJheV0iOmNhc2UiW29iamVjdCBJbnQ4QXJyYXldIjpjYXNlIltvYmplY3QgSW50MTZBcnJheV0iOmNhc2UiW29iamVjdCBJbnQzMkFycmF5XSI6Y2FzZSJbb2JqZWN0IFVpbnQ4QXJyYXldIjpjYXNlIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIjpjYXNlIltvYmplY3QgVWludDE2QXJyYXldIjpjYXNlIltvYmplY3QgVWludDMyQXJyYXldIjpyZXR1cm4gZnVuY3Rpb24odCxyKXt2YXIgZT1yP1BlKHQuYnVmZmVyKTp0LmJ1ZmZlcjtyZXR1cm4gbmV3IHQuY29uc3RydWN0b3IoZSx0LmJ5dGVPZmZzZXQsdC5sZW5ndGgpfSh0LGUpO2Nhc2UiW29iamVjdCBNYXBdIjpjYXNlIltvYmplY3QgU2V0XSI6cmV0dXJuIG5ldyBvO2Nhc2UiW29iamVjdCBOdW1iZXJdIjpjYXNlIltvYmplY3QgU3RyaW5nXSI6cmV0dXJuIG5ldyBvKHQpO2Nhc2UiW29iamVjdCBSZWdFeHBdIjpyZXR1cm4gZnVuY3Rpb24odCl7dmFyIHI9bmV3IHQuY29uc3RydWN0b3IodC5zb3VyY2UsemUuZXhlYyh0KSk7cmV0dXJuIHIubGFzdEluZGV4PXQubGFzdEluZGV4LHJ9KHQpO2Nhc2UiW29iamVjdCBTeW1ib2xdIjpyZXR1cm4gbj10LEllP09iamVjdChJZS5jYWxsKG4pKTp7fX19dmFyIFRlPU9iamVjdC5jcmVhdGUsJGU9ZnVuY3Rpb24oKXtmdW5jdGlvbiB0KCl7fXJldHVybiBmdW5jdGlvbihyKXtpZighZChyKSlyZXR1cm57fTtpZihUZSlyZXR1cm4gVGUocik7dC5wcm90b3R5cGU9cjt2YXIgZT1uZXcgdDtyZXR1cm4gdC5wcm90b3R5cGU9dm9pZCAwLGV9fSgpLENlPSRlO3ZhciBGZT1IdCYmSHQuaXNNYXAsTWU9RmU/S3QoRmUpOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiYiW29iamVjdCBNYXBdIj09QXIodCl9O3ZhciBVZT1IdCYmSHQuaXNTZXQsa2U9VWU/S3QoVWUpOmZ1bmN0aW9uKHQpe3JldHVybiBwKHQpJiYiW29iamVjdCBTZXRdIj09QXIodCl9LEJlPSJbb2JqZWN0IEFyZ3VtZW50c10iLERlPSJbb2JqZWN0IEZ1bmN0aW9uXSIsUmU9IltvYmplY3QgT2JqZWN0XSIsTGU9e307ZnVuY3Rpb24gVmUocixlLG4sbyx1LGkpe3ZhciBjLGE9MSZlLGY9MiZlLGw9NCZlO2lmKG4mJihjPXU/bihyLG8sdSxpKTpuKHIpKSx2b2lkIDAhPT1jKXJldHVybiBjO2lmKCFkKHIpKXJldHVybiByO3ZhciBzPXQocik7aWYocyl7aWYoYz1mdW5jdGlvbih0KXt2YXIgcj10Lmxlbmd0aCxlPW5ldyB0LmNvbnN0cnVjdG9yKHIpO3JldHVybiByJiYic3RyaW5nIj09dHlwZW9mIHRbMF0mJlNlLmNhbGwodCwiaW5kZXgiKSYmKGUuaW5kZXg9dC5pbmRleCxlLmlucHV0PXQuaW5wdXQpLGV9KHIpLCFhKXJldHVybiBmdW5jdGlvbih0LHIpe3ZhciBlPS0xLG49dC5sZW5ndGg7Zm9yKHJ8fChyPUFycmF5KG4pKTsrK2U8bjspcltlXT10W2VdO3JldHVybiByfShyLGMpfWVsc2V7dmFyIHA9QXIociksYj1wPT1EZXx8IltvYmplY3QgR2VuZXJhdG9yRnVuY3Rpb25dIj09cDtpZihCdChyKSlyZXR1cm4gZnVuY3Rpb24odCxyKXtpZihyKXJldHVybiB0LnNsaWNlKCk7dmFyIGU9dC5sZW5ndGgsbj1PZT9PZShlKTpuZXcgdC5jb25zdHJ1Y3RvcihlKTtyZXR1cm4gdC5jb3B5KG4pLG59KHIsYSk7aWYocD09UmV8fHA9PUJlfHxiJiYhdSl7aWYoYz1mfHxiP3t9OmZ1bmN0aW9uKHQpe3JldHVybiJmdW5jdGlvbiIhPXR5cGVvZiB0LmNvbnN0cnVjdG9yfHx0cih0KT97fTpDZSh3ZSh0KSl9KHIpLCFhKXJldHVybiBmP2Z1bmN0aW9uKHQscil7cmV0dXJuIHZlKHQsQWUodCkscil9KHIsZnVuY3Rpb24odCxyKXtyZXR1cm4gdCYmdmUocixkZShyKSx0KX0oYyxyKSk6ZnVuY3Rpb24odCxyKXtyZXR1cm4gdmUodCxJdCh0KSxyKX0ocixmdW5jdGlvbih0LHIpe3JldHVybiB0JiZ2ZShyLGlyKHIpLHQpfShjLHIpKX1lbHNle2lmKCFMZVtwXSlyZXR1cm4gdT9yOnt9O2M9TmUocixwLGEpfX1pfHwoaT1uZXcgdnQpO3ZhciB2PWkuZ2V0KHIpO2lmKHYpcmV0dXJuIHY7aS5zZXQocixjKSxrZShyKT9yLmZvckVhY2goZnVuY3Rpb24odCl7Yy5hZGQoVmUodCxlLG4sdCxyLGkpKX0pOk1lKHIpJiZyLmZvckVhY2goZnVuY3Rpb24odCxvKXtjLnNldChvLFZlKHQsZSxuLG8scixpKSl9KTt2YXIgeT1zP3ZvaWQgMDoobD9mP3hlOmNyOmY/ZGU6aXIpKHIpO3JldHVybiBhZSh5fHxyLGZ1bmN0aW9uKHQsbyl7eSYmKHQ9cltvPXRdKSxiZShjLG8sVmUodCxlLG4sbyxyLGkpKX0pLGN9TGVbQmVdPUxlWyJbb2JqZWN0IEFycmF5XSJdPUxlWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPUxlWyJbb2JqZWN0IERhdGFWaWV3XSJdPUxlWyJbb2JqZWN0IEJvb2xlYW5dIl09TGVbIltvYmplY3QgRGF0ZV0iXT1MZVsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09TGVbIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPUxlWyJbb2JqZWN0IEludDhBcnJheV0iXT1MZVsiW29iamVjdCBJbnQxNkFycmF5XSJdPUxlWyJbb2JqZWN0IEludDMyQXJyYXldIl09TGVbIltvYmplY3QgTWFwXSJdPUxlWyJbb2JqZWN0IE51bWJlcl0iXT1MZVtSZV09TGVbIltvYmplY3QgUmVnRXhwXSJdPUxlWyJbb2JqZWN0IFNldF0iXT1MZVsiW29iamVjdCBTdHJpbmddIl09TGVbIltvYmplY3QgU3ltYm9sXSJdPUxlWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09TGVbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09TGVbIltvYmplY3QgVWludDE2QXJyYXldIl09TGVbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsTGVbIltvYmplY3QgRXJyb3JdIl09TGVbRGVdPUxlWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7ZnVuY3Rpb24gS2UodCl7cmV0dXJuIFZlKHQsNSl9ZnVuY3Rpb24gV2UodCl7bGV0IHI9ITE7aWYoaXQodCkpcj0haXNOYU4oTnVtYmVyKHQpKTtlbHNlIGlmKGZ1bmN0aW9uKHQpe3JldHVybiJbb2JqZWN0IE51bWJlcl0iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfSh0KSl7aWYobHQodCkpcmV0dXJuITE7cj0hMH1yZXR1cm4gcn1mdW5jdGlvbiBxZSh0KXtpZighaXQodCkmJiFXZSh0KSYmIWIodCkpcmV0dXJuIiI7bGV0IHI9IiI7dHJ5e3I9U3RyaW5nKHQpfWNhdGNoKHQpe310cnl7cj10LnRvU3RyaW5nKCl9Y2F0Y2godCl7fXJldHVybiByfXZhciBHZT1NYXRoLmNlaWwsSGU9TWF0aC5tYXg7dmFyIEplPS9ccy87dmFyIFFlPS9eXHMrLztmdW5jdGlvbiBYZSh0KXtyZXR1cm4gdD90LnNsaWNlKDAsZnVuY3Rpb24odCl7Zm9yKHZhciByPXQubGVuZ3RoO3ItLSYmSmUudGVzdCh0LmNoYXJBdChyKSk7KTtyZXR1cm4gcn0odCkrMSkucmVwbGFjZShRZSwiIik6dH12YXIgWWU9L15bLStdMHhbMC05YS1mXSskL2ksWmU9L14wYlswMV0rJC9pLHRuPS9eMG9bMC03XSskL2kscm49cGFyc2VJbnQ7dmFyIGVuPTEvMDtmdW5jdGlvbiBubih0KXtyZXR1cm4gdD8odD1mdW5jdGlvbih0KXtpZigibnVtYmVyIj09dHlwZW9mIHQpcmV0dXJuIHQ7aWYoYih0KSlyZXR1cm4gTmFOO2lmKGQodCkpe3ZhciByPSJmdW5jdGlvbiI9PXR5cGVvZiB0LnZhbHVlT2Y/dC52YWx1ZU9mKCk6dDt0PWQocik/cisiIjpyfWlmKCJzdHJpbmciIT10eXBlb2YgdClyZXR1cm4gMD09PXQ/dDordDt0PVhlKHQpO3ZhciBlPVplLnRlc3QodCk7cmV0dXJuIGV8fHRuLnRlc3QodCk/cm4odC5zbGljZSgyKSxlPzI6OCk6WWUudGVzdCh0KT9OYU46K3R9KHQpKT09PWVufHx0PT09LTEvMD8xNzk3NjkzMTM0ODYyMzE1N2UyOTIqKHQ8MD8tMToxKTp0PT10P3Q6MDowPT09dD90OjB9dmFyIG9uPWZ1bmN0aW9uKHQpe3JldHVybiBmdW5jdGlvbihyLGUsbil7cmV0dXJuIG4mJiJudW1iZXIiIT10eXBlb2YgbiYmZnVuY3Rpb24odCxyLGUpe2lmKCFkKGUpKXJldHVybiExO3ZhciBuPXR5cGVvZiByO3JldHVybiEhKCJudW1iZXIiPT1uP3VyKGUpJiZSdChyLGUubGVuZ3RoKToic3RyaW5nIj09biYmciBpbiBlKSYmTShlW3JdLHQpfShyLGUsbikmJihlPW49dm9pZCAwKSxyPW5uKHIpLHZvaWQgMD09PWU/KGU9cixyPTApOmU9bm4oZSksZnVuY3Rpb24odCxyLGUsbil7Zm9yKHZhciBvPS0xLHU9SGUoR2UoKHItdCkvKGV8fDEpKSwwKSxpPUFycmF5KHUpO3UtLTspaVtuP3U6KytvXT10LHQrPWU7cmV0dXJuIGl9KHIsZSxuPXZvaWQgMD09PW4/cjxlPzE6LTE6bm4obiksdCl9fSgpLHVuPW9uO2Z1bmN0aW9uIGNuKHQscj1udWxsLGU9e30pe2oocil8fChyPXQ9PnQpO2xldCBuPW90KGUsImZvcmNlIiwhMSk7cmV0dXJuIGJ0KG4pfHwobj0hMSksZnVuY3Rpb24odCxyLGU9ITEpe2xldCBuPVtdO2lmKCFmdCh0KSYmIWN0KHQpKXJldHVybiByKHQsbnVsbCxbXSk7ZnVuY3Rpb24gbyh0KXtpZihmdCh0KSlyZXR1cm4gdW4oY2UodCkpO2lmKGN0KHQpKXtsZXQgcj1PYmplY3QuZ2V0T3duUHJvcGVydHlOYW1lcyh0KSxuPW51bGw7cmV0dXJuIGUmJihuPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHModCkpLGZ0KHIpfHwocj1bXSksZnQobil8fChuPVtdKSxbLi4uciwuLi5uXX1yZXR1cm4gdH1yZXR1cm4gZnVuY3Rpb24gdChlLHUpe2lmKGZ0KGUpKXJldHVybiBvKGUpLm1hcChvPT57bGV0IHU9ZVtvXSxpPUtlKG4pO3JldHVybiBuLnB1c2gobyksdT1yKHUsbyxpKSx1PXQodSksbi5wb3AoKSx1fSk7aWYoY3QoZSkpe2xldCB1PW8oZSksaT17fTtyZXR1cm4gdS5tYXAobz0+e2xldCB1PWVbb10sYz1LZShuKTtuLnB1c2gobyksdT1yKHUsbyxjKSx1PXQodSksbi5wb3AoKSxpW29dPXV9KSxpfXJldHVybiBlfSh0KX0odCxyLG4pfWZ1bmN0aW9uIGFuKHIsZT17fSl7aWYoIWF0KHIpJiYhcHQocikpcmV0dXJuW107bGV0IG49b3QoZSwiYmluZEtleSIsbnVsbCk7aXQobil8fChuPSJpZCIpO2xldCBvPW90KGUsImJpbmRQYXJlbnQiLG51bGwpO2l0KG8pfHwobz0icGFyZW50SWQiKTtsZXQgdT1vdChlLCJiaW5kQmVsb25nIixudWxsKTtpdCh1KXx8KHU9ImtleSIpO2xldCBpPW90KGUsImJpbmRUZXh0IixudWxsKTtpdChpKXx8KGk9InRleHQiKTtsZXQgYz1vdChlLCJiaW5kVHlwZSIsbnVsbCk7aXQoYyl8fChjPSJ0eXBlIik7bGV0IGE9b3QoZSwiYmluZE51bU9mQ2hpbHJlbiIsbnVsbCk7ZnVuY3Rpb24gZihyLGUpe3ZhciBuLG87dmFyIHUsaTtyZXR1cm4gcj1LZShyKSxvPXQ9PmIodCk/cWUodCk6dCxyPSh0KG49cik/WDpLcikobixCcihvKSksYihlKSYmKGU9cWUoZSkpLChpdChlKXx8V2UoZSkpJiZyLnB1c2goZSksaT0iLSIsbnVsbD09KHU9cik/IiI6V3IuY2FsbCh1LGkpfWl0KGEpfHwoYT0ibnVtT2ZDaGlscmVuIik7bGV0IGw9W107cmV0dXJuIGNuKHIsKHQscixlKT0+e2xldCBiPWYoZSxyKSx2PWYoZSxudWxsKSx5PSJub2RlIjtjdCh0KT95PSJvYmplY3QiOmZ0KHQpJiYoeT0iYXJyYXkiKTtsZXQgaD17W25dOmIsW29dOnYsW2NdOnl9O2lmKChpdChyKXx8ZnVuY3Rpb24odCl7cmV0dXJuIm51bWJlciI9PXR5cGVvZiB0fHxwKHQpJiYiW29iamVjdCBOdW1iZXJdIj09cyh0KX0ocikpJiYoaFt1XT1yKSxjdCh0KXx8ZnQodCl8fChoW2ldPXQpLGN0KHQpfHxmdCh0KSl7bGV0IHI9bnVsbDtjdCh0KT9yPWNlKGlyKHQpKTpmdCh0KSYmKHI9Y2UodCkpLGhbYV09cn1yZXR1cm4gbC5wdXNoKGgpLHR9LHtmb3JjZTohMH0pLGx9ZnVuY3Rpb24gZm4ocixlKXt2YXIgbjtyZXR1cm4odChyKT9hZTpWcikociwiZnVuY3Rpb24iPT10eXBlb2Yobj1lKT9uOk1yKX1mdW5jdGlvbiBsbih0LHIsZSl7cmV0dXJuIG51bGw9PXQ/dDpmdW5jdGlvbih0LHIsZSxuKXtpZighZCh0KSlyZXR1cm4gdDtmb3IodmFyIG89LTEsdT0ocj1ydChyLHQpKS5sZW5ndGgsaT11LTEsYz10O251bGwhPWMmJisrbzx1Oyl7dmFyIGE9ZXQocltvXSksZj1lO2lmKCJfX3Byb3RvX18iPT09YXx8ImNvbnN0cnVjdG9yIj09PWF8fCJwcm90b3R5cGUiPT09YSlyZXR1cm4gdDtpZihvIT1pKXt2YXIgbD1jW2FdO3ZvaWQgMD09PShmPW4/bihsLGEsYyk6dm9pZCAwKSYmKGY9ZChsKT9sOlJ0KHJbbysxXSk/W106e30pfWJlKGMsYSxmKSxjPWNbYV19cmV0dXJuIHR9KHQscixlKX1mdW5jdGlvbiBzbih0LHIpe3JldHVybiByLmxlbmd0aDwyP3Q6bnQodCxmdW5jdGlvbih0LHIsZSl7dmFyIG49LTEsbz10Lmxlbmd0aDtyPDAmJihyPS1yPm8/MDpvK3IpLChlPWU+bz9vOmUpPDAmJihlKz1vKSxvPXI+ZT8wOmUtcj4+PjAscj4+Pj0wO2Zvcih2YXIgdT1BcnJheShvKTsrK248bzspdVtuXT10W24rcl07cmV0dXJuIHV9KHIsMCwtMSkpfXZhciBwbj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGJuKHQscil7dmFyIGU9LTEsbj0ocj1ydChyLHQpKS5sZW5ndGg7aWYoIW4pcmV0dXJuITA7Zm9yKDsrK2U8bjspe3ZhciBvPWV0KHJbZV0pO2lmKCJfX3Byb3RvX18iPT09byYmIXBuLmNhbGwodCwiX19wcm90b19fIikpcmV0dXJuITE7aWYoKCJjb25zdHJ1Y3RvciI9PT1vfHwicHJvdG90eXBlIj09PW8pJiZlPG4tMSlyZXR1cm4hMX12YXIgdT1zbih0LHIpO3JldHVybiBudWxsPT11fHxkZWxldGUgdVtldChmdW5jdGlvbih0KXt2YXIgcj1udWxsPT10PzA6dC5sZW5ndGg7cmV0dXJuIHI/dFtyLTFdOnZvaWQgMH0ocikpXX12YXIgdm49RnVuY3Rpb24ucHJvdG90eXBlLHluPU9iamVjdC5wcm90b3R5cGUsaG49dm4udG9TdHJpbmcsZG49eW4uaGFzT3duUHJvcGVydHksam49aG4uY2FsbChPYmplY3QpO2Z1bmN0aW9uIGduKHQpe3JldHVybiBmdW5jdGlvbih0KXtpZighcCh0KXx8IltvYmplY3QgT2JqZWN0XSIhPXModCkpcmV0dXJuITE7dmFyIHI9d2UodCk7aWYobnVsbD09PXIpcmV0dXJuITA7dmFyIGU9ZG4uY2FsbChyLCJjb25zdHJ1Y3RvciIpJiZyLmNvbnN0cnVjdG9yO3JldHVybiJmdW5jdGlvbiI9PXR5cGVvZiBlJiZlIGluc3RhbmNlb2YgZSYmaG4uY2FsbChlKT09am59KHQpP3ZvaWQgMDp0fXZhciBfbj1vP28uaXNDb25jYXRTcHJlYWRhYmxlOnZvaWQgMDtmdW5jdGlvbiBPbihyKXtyZXR1cm4gdChyKXx8RnQocil8fCEhKF9uJiZyJiZyW19uXSl9ZnVuY3Rpb24gd24odCxyLGUsbixvKXt2YXIgdT0tMSxpPXQubGVuZ3RoO2ZvcihlfHwoZT1Pbiksb3x8KG89W10pOysrdTxpOyl7dmFyIGM9dFt1XTtyPjAmJmUoYyk/cj4xP3duKGMsci0xLGUsbixvKTpBdChvLGMpOm58fChvW28ubGVuZ3RoXT1jKX1yZXR1cm4gb31mdW5jdGlvbiBtbih0KXtyZXR1cm4obnVsbD09dD8wOnQubGVuZ3RoKT93bih0LDEpOltdfXZhciBBbj1NYXRoLm1heDt2YXIgeG49bGU/ZnVuY3Rpb24odCxyKXtyZXR1cm4gbGUodCwidG9TdHJpbmciLHtjb25maWd1cmFibGU6ITAsZW51bWVyYWJsZTohMSx2YWx1ZTooZT1yLGZ1bmN0aW9uKCl7cmV0dXJuIGV9KSx3cml0YWJsZTohMH0pO3ZhciBlfTpNcixTbj14bixQbj1EYXRlLm5vdzt2YXIgem49ZnVuY3Rpb24odCl7dmFyIHI9MCxlPTA7cmV0dXJuIGZ1bmN0aW9uKCl7dmFyIG49UG4oKSxvPTE2LShuLWUpO2lmKGU9bixvPjApe2lmKCsrcj49ODAwKXJldHVybiBhcmd1bWVudHNbMF19ZWxzZSByPTA7cmV0dXJuIHQuYXBwbHkodm9pZCAwLGFyZ3VtZW50cyl9fShTbiksRW49em47dmFyIEluPWZ1bmN0aW9uKHQpe3JldHVybiBFbihmdW5jdGlvbih0LHIsZSl7cmV0dXJuIHI9QW4odm9pZCAwPT09cj90Lmxlbmd0aC0xOnIsMCksZnVuY3Rpb24oKXtmb3IodmFyIG49YXJndW1lbnRzLG89LTEsdT1BbihuLmxlbmd0aC1yLDApLGk9QXJyYXkodSk7KytvPHU7KWlbb109bltyK29dO289LTE7Zm9yKHZhciBjPUFycmF5KHIrMSk7KytvPHI7KWNbb109bltvXTtyZXR1cm4gY1tyXT1lKGkpLGZ1bmN0aW9uKHQscixlKXtzd2l0Y2goZS5sZW5ndGgpe2Nhc2UgMDpyZXR1cm4gdC5jYWxsKHIpO2Nhc2UgMTpyZXR1cm4gdC5jYWxsKHIsZVswXSk7Y2FzZSAyOnJldHVybiB0LmNhbGwocixlWzBdLGVbMV0pO2Nhc2UgMzpyZXR1cm4gdC5jYWxsKHIsZVswXSxlWzFdLGVbMl0pfXJldHVybiB0LmFwcGx5KHIsZSl9KHQsdGhpcyxjKX19KHQsdm9pZCAwLG1uKSx0KyIiKX0oZnVuY3Rpb24odCxyKXt2YXIgZT17fTtpZihudWxsPT10KXJldHVybiBlO3ZhciBuPSExO3I9WChyLGZ1bmN0aW9uKHIpe3JldHVybiByPXJ0KHIsdCksbnx8KG49ci5sZW5ndGg+MSkscn0pLHZlKHQseGUodCksZSksbiYmKGU9VmUoZSw3LGduKSk7Zm9yKHZhciBvPXIubGVuZ3RoO28tLTspYm4oZSxyW29dKTtyZXR1cm4gZX0pLE5uPUluO2Z1bmN0aW9uIFRuKHQscj17fSl7bGV0IGU9IiRsZXZlbCIsbj0iJHBhcmVudHMiO2lmKCFwdCh0KSlyZXR1cm5bXTtsZXQgbz1vdChyLCJiaW5kS2V5IixudWxsKTtpdChvKXx8KG89ImlkIik7bGV0IHU9b3QociwiYmluZFBhcmVudCIsbnVsbCk7aXQodSl8fCh1PSJwYXJlbnRJZCIpO2xldCBpPW90KHIsImJpbmRDaGlsZHJlbiIsbnVsbCk7aXQoaSl8fChpPSJjaGlsZHJlbiIpO2xldCBjPW90KHIsInNhdmVFeHRQcm9wcyIsbnVsbCk7YnQoYyl8fChjPSExKSx0PWZ1bmN0aW9uKHQpe2xldCByPVtdO2Z1bmN0aW9uIGkoaSl7bGV0IGM9W107Zm4odCwodCxhKT0+e2xldCBmPW90KHQsdSksbD1vdChpLG8pO2lmKGYmJmwmJmY9PT1sKXtsZXQgdT1vdChpLG4sW10pO3U9S2UodSksdS5wdXNoKGlbb10pLHIucHVzaCh7W2VdOmlbZV0rMSxbbl06dSwuLi50fSl9ZWxzZSBjLnB1c2godCl9KSx0PWN9aWYodD1LZSh0KSxmdW5jdGlvbigpe2xldCBvPVtdO2ZuKHQsKHQsaSk9PntzdCh0W3VdKT9yLnB1c2goe1tlXTowLFtuXTpbXSwuLi50fSk6by5wdXNoKHQpfSksdD1vfSgpLDA9PT1yLmxlbmd0aClyZXR1cm4gcjtsZXQgYz0tMTtmb3IoO2MrPTEsIShjPnIubGVuZ3RoLTEpOyl7aWYoaShyW2NdKSwwPT09dC5sZW5ndGgpYnJlYWt9cmV0dXJuIHJ9KHQpO2xldCBhPWZ1bmN0aW9uKHQpe2xldCByPVtdO2Z1bmN0aW9uIGEodCl7cmV0dXJuIGM/dDpObih0LFtlLG5dKX1sZXQgZj17fTtyZXR1cm4gZm4odCwobixjKT0+e2lmKDA9PT1uW2VdKXtsZXQgdD1hKG4pO3IucHVzaCh0KSxmW25bb11dPVtjXX1lbHNle2xldCBlPWZ1bmN0aW9uKHIpe2ZvcihsZXQgZT0wO2U8dC5sZW5ndGg7ZSsrKXtsZXQgbj10W2VdO2lmKHJbdV09PT1uW29dKXJldHVybiBufXJldHVybiBudWxsfShuKTtpZihudWxsIT09ZSl7bGV0IHQ9ZltlW29dXTt0PVsuLi50LGldO2xldCB1PW90KHIsdCxbXSksYz1hKG4pO3UucHVzaChjKSxmW25bb11dPVsuLi50LHUubGVuZ3RoLTFdLGxuKHIsdCx1KX1lbHNlIGNvbnNvbGUubG9nKGBjYW4gbm90IGZpbmQgcGFyZW50IGZvciAke290KG4sdSl9YCl9fSkscn0odCk7cmV0dXJuIGF9bGV0IGNvbnZlcnRUb1RyZWVXaz1hc3luYyBmdW5jdGlvbih0LHI9e30pe3JldHVybiBmdW5jdGlvbih0LHI9e30pe2lmKCFhdCh0KSYmIXB0KHQpKXJldHVybltdO2xldCBlPW90KHIsImJpbmRLZXkiLG51bGwpO2l0KGUpfHwoZT0iaWQiKTtsZXQgbj1vdChyLCJiaW5kUGFyZW50IixudWxsKTtpdChuKXx8KG49InBhcmVudElkIik7bGV0IG89b3QociwiYmluZFRleHQiLG51bGwpO2l0KG8pfHwobz0idGV4dCIpO2xldCB1PW90KHIsImJpbmRDaGlsZHJlbiIsbnVsbCk7aXQodSl8fCh1PSJjaGlsZHJlbiIpO2xldCBpPW90KHIsImJpbmRUeXBlIixudWxsKTtpdChpKXx8KGk9InR5cGUiKTtsZXQgYz1vdChyLCJiaW5kTnVtT2ZDaGlscmVuIixudWxsKTtpdChjKXx8KGM9Im51bU9mQ2hpbHJlbiIpO2xldCBhPW90KHIsImJpbmRSb290IixudWxsKTtpdChhKXx8KGE9InJvb3QiKTtsZXQgZj1vdChyLCJzYXZlRXh0UHJvcHMiLG51bGwpO3JldHVybiBidChmKXx8KGY9ITEpLGl0KGEpJiYodD17W2FdOnR9KSxUbihhbih0LHtiaW5kS2V5OmUsYmluZFBhcmVudDpuLGJpbmRUZXh0Om8sYmluZFR5cGU6aSxiaW5kTnVtT2ZDaGlscmVuOmN9KSx7YmluZEtleTplLGJpbmRQYXJlbnQ6bixiaW5kQ2hpbGRyZW46dSxzYXZlRXh0UHJvcHM6Zn0pfSh0LHIpfTsKCgpsZXQgaW5zdGFuY2UgPSBudWxsCmZ1bmN0aW9uIGluaXQoaW5wdXQpewoKICAgIC8vaW5pdAogICAgbGV0IHIKICAgIAogICAgICAgIHIgPSB7CiAgICAgICAgICAgIG1haW46IGNvbnZlcnRUb1RyZWVXawogICAgICAgIH0KICAgICAgICAKCiAgICAvL29uCiAgICAKCiAgICAvL3NhdmUKICAgIGluc3RhbmNlID0gcgoKfQoKZnVuY3Rpb24gc2VuZE1lc3NhZ2UoZGF0YSkgewogICAgCiAgICAgICAgc2VsZi5wb3N0TWVzc2FnZShkYXRhKQogICAgICAgIAp9Cgphc3luYyBmdW5jdGlvbiBydW4oZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciBydW4nLGRhdGEpCgogICAgLy9tb2RlCiAgICBsZXQgbW9kZSA9IGRhdGEubW9kZQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgIT09ICdpbml0JyAmJiBtb2RlICE9PSAnY2FsbCcpewogICAgICAgIHJldHVybgogICAgfQoKICAgIC8vaW5pdAogICAgaWYobW9kZSA9PT0gJ2luaXQnKXsKICAgICAgICAKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL3R5cGUKICAgICAgICAgICAgbGV0IHR5cGUgPSBkYXRhLnR5cGUKCiAgICAgICAgICAgIC8vaW5wdXQKICAgICAgICAgICAgbGV0IGlucHV0ID0gZGF0YS5pbnB1dAogICAgCiAgICAgICAgICAgIC8vaW5zdGFuY2UKICAgICAgICAgICAgaWYodHlwZSA9PT0gJ2Z1bmN0aW9uJyl7CiAgICAgICAgICAgICAgICBpbml0KC4uLmlucHV0KQogICAgICAgICAgICB9CiAgICAgICAgICAgIGVsc2UgaWYodHlwZSA9PT0gJ29iamVjdCcpewogICAgICAgICAgICAgICAgaW5zdGFuY2UgPSBjb252ZXJ0VG9UcmVlV2sKICAgICAgICAgICAgfQoKICAgICAgICB9CiAgICAgICAgY2F0Y2goZXJyKXsKICAgICAgICAKICAgICAgICAgICAgLy9zZW5kTWVzc2FnZQogICAgICAgICAgICBsZXQgcmVzID0gewogICAgICAgICAgICAgICAgbW9kZTogJ2VtaXQnLAogICAgICAgICAgICAgICAgZXZOYW1lOiAnZXJyb3InLAogICAgICAgICAgICAgICAgbXNnOiBlcnIsCiAgICAgICAgICAgIH0KICAgICAgICAgICAgc2VuZE1lc3NhZ2UocmVzKQoKICAgICAgICB9CiAgICAgICAgICAgIAogICAgfQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgPT09ICdjYWxsJyl7CiAgICAgICAgbGV0IHN0YXRlID0gJycKICAgICAgICBsZXQgbXNnID0gbnVsbAoKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL2Z1bgogICAgICAgICAgICBsZXQgZnVuID0gaW5zdGFuY2VbZGF0YS5mdW5dCgogICAgICAgICAgICAvL2lucHV0CiAgICAgICAgICAgIGxldCBpbnB1dCA9IGRhdGEuaW5wdXQKCiAgICAgICAgICAgIC8vZXhlYwogICAgICAgICAgICBhd2FpdCBmdW4oLi4uaW5wdXQpCiAgICAgICAgICAgICAgICAudGhlbigoc3VjKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgc3RhdGU9J3N1Y2Nlc3MnCiAgICAgICAgICAgICAgICAgICAgbXNnPXN1YwogICAgICAgICAgICAgICAgfSkKICAgICAgICAgICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgc3RhdGU9J2Vycm9yJwogICAgICAgICAgICAgICAgICAgIG1zZz1lcnIKICAgICAgICAgICAgICAgIH0pCgogICAgICAgIH0KICAgICAgICBjYXRjaChlcnIpewogICAgICAgICAgICBzdGF0ZSA9ICdlcnJvcicKICAgICAgICAgICAgbXNnID0gZXJyCiAgICAgICAgfQogICAgICAgIAogICAgICAgIC8vc2VuZE1lc3NhZ2UKICAgICAgICBsZXQgcmVzID0gewogICAgICAgICAgICBtb2RlOiAncmV0dXJuJywKICAgICAgICAgICAgaWQ6IGRhdGEuaWQsCiAgICAgICAgICAgIGZ1bjogZGF0YS5mdW4sCiAgICAgICAgICAgIHN0YXRlLAogICAgICAgICAgICBtc2csCiAgICAgICAgfQogICAgICAgIHNlbmRNZXNzYWdlKHJlcykKCiAgICB9Cgp9CgpmdW5jdGlvbiByZWN2TWVzc2FnZShkYXRhKSB7CiAgICAvLyBjb25zb2xlLmxvZygnaW5uZXIgd29ya2VyIHJlY3Y6JywgZGF0YSkKCiAgICAvL2RhdGFSZWN2CiAgICBsZXQgZGF0YVJlY3YgPSBkYXRhCgogICAgLy9ydW4KICAgIHJ1bihkYXRhUmVjdikKCn0KCgogICAgICAgIHNlbGYub25tZXNzYWdlID0gZnVuY3Rpb24gKGUpIHsKICAgICAgICAgICAgcmVjdk1lc3NhZ2UoZS5kYXRhKQogICAgICAgIH0KICAgICAgICAKCnRyeXsKICAgIHByb2Nlc3Mub24oJ3VuaGFuZGxlZFJlamVjdGlvbicsIChlcnIpID0+IHsKICAgICAgICBjb25zb2xlLmxvZygnaW5uZXI6dW5oYW5kbGVkUmVqZWN0aW9uJywgZXJyKQogICAgfSkKICAgIHByb2Nlc3Mub24oJ3VuY2F1Z2h0RXhjZXB0aW9uJywgKGVycikgPT4gewogICAgICAgIGNvbnNvbGUubG9nKCdpbm5lcjp1bmNhdWdodEV4Y2VwdGlvbicsIGVycikKICAgIH0pCiAgICBwcm9jZXNzLm9uKCd1bmNhdWdodEV4Y2VwdGlvbk1vbml0b3InLCAoZXJyKSA9PiB7CiAgICAgICAgY29uc29sZS5sb2coJ2lubmVyOnVuY2F1Z2h0RXhjZXB0aW9uTW9uaXRvcicsIGVycikKICAgIH0pCn0KY2F0Y2goZXJyKXt9Cgo=");function e(){let e=new ov,t=function(n){try{let e=new Blob([n]),t=window.URL||window.webkitURL;return new Worker(t.createObjectURL(e))}catch(n){o(n)}}(n);if(!t)return o("invalid worker"),null;function r(){let n=function(){let n,e,t=new Promise(function(){n=arguments[0],e=arguments[1]});return t.resolve=n,t.reject=e,t}(),r=function(n=10){let e=[],t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),r=t.length;for(let o=0;o<n;o++)e[o]=t[0|Math.random()*r];return e.join("")}(),o={mode:"call",id:r,fun:"main",input:[...arguments]};return t.postMessage(o),e.once(r,e=>{"success"===e.state?n.resolve(e.msg):n.reject(e.msg)}),n}function o(n){e.emit("error",n)}return t.onmessage=function(n){!function(n){let t=n,r=t.mode;"emit"!==r&&"return"!==r||("emit"===r&&e.emit(t.evName,t.msg),"return"===r&&e.emit(t.id,t))}(n.data)},t.onerror=o,t.onmessageerror=function(n){o(n.data)},function(){let n={mode:"init",type:"function",input:[...arguments]};t.postMessage(n)}([...arguments]),e.main=r,e.main=r,e.terminate=function(){t?(t.terminate(),t=void 0):o("worker has been terminated")},e}iv=async function(){let n=[...arguments],t=e();return await t.main(...n).finally(()=>{t.terminate()})}}();try{process.on("unhandledRejection",n=>{console.log("outer:unhandledRejection",n)}),process.on("uncaughtException",n=>{console.log("outer:uncaughtException",n)}),process.on("uncaughtExceptionMonitor",n=>{console.log("outer:uncaughtExceptionMonitor",n)})}catch(Km){}var lv=iv,av={components:{WTree:Ih},props:{data:{type:[Array,Object],default:()=>{}},viewHeightMax:{type:Number,default:400},defaultDisplayLevel:{type:Number,default:null},indent:{type:Number,default:1},iconSize:{type:Number,default:24},iconToggleColor:{type:String,default:"grey"},iconToggleBackgroundColor:{type:String,default:"transparent"},iconToggleBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},filterKeywords:{type:String,default:""},funFilter:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},keyColor:{type:String,default:"grey darken-2"},keyNumbersColor:{type:String,default:"grey lighten-1"},numColor:{type:String,default:"indigo accent-2"},strColor:{type:String,default:"orange accent-2"},bolColor:{type:String,default:"light-green lighten-1"},funColor:{type:String,default:"purple accent-2"},defaultColor:{type:String,default:"grey darken-4"},rippleColor:{type:String,default:"rgba(200,200,200,0.4)"},show:{type:Boolean,default:!0}},data:function(){return{lockFromSetData:!1,useColors:{},root:"___root___",lineNumberWidth:0}},watch:{data:{immediate:!0,deep:!0,handler(n){this.setData(n)}}},computed:{changeColors:function(){return this.convertColors(),""},useItemHeightMin:function(){return`min-height:${Math.max(this.iconSize,this.defItemHeight)}px;`}},methods:{convertColors:function(){let n=this;if(qo(n.useColors))return;let e={numColor:wo(n.numColor),strColor:wo(n.strColor),bolColor:wo(n.bolColor),funColor:wo(n.funColor),defaultColor:wo(n.defaultColor),keyColor:wo(n.keyColor),keyNumbersColor:wo(n.keyNumbersColor)};n.useColors=e},parseData:async function(n){return await lv(n,{bindRoot:this.root})},setData:function(n){let e=this;(async function(){if(e.lockFromSetData=!0,!Te(n)&&!vn(n)){return"data is not an array or object"}e.convertColors(),n=qi(n);let t=await e.parseData(n);await sr(()=>void 0!==e.$refs.wt,{timeInterval:20}),e.$refs.wt&&await e.$refs.wt.setData(t),e.getLineNumberWidth()})().catch(n=>{console.log(n)}).finally(()=>{e.lockFromSetData=!1})},getLineNumberWidth:function(){let n=this;(async function(){if(await sr(()=>void 0!==n.$refs.wt,{timeInterval:20}),!n.$refs.wt)return;let e=So(n.$refs.wt.getRows()),t=8*(Math.ceil(Math.log10(e))+.5);n.lineNumberWidth=t})().catch(n=>{console.log(n)})},genBlock:function(n){let e="";return"object"===n.type?e=`{${n.numOfChilren}}`:"array"===n.type&&(e=`[${n.numOfChilren}]`),e},getKey:function(n){let e="";return(bn(n.key)||Fo(n.key))&&(e=n.key),e===this.root&&(e=""),e},getType:function(n){let e="";return"node"!==n.type&&(e=n.type),e},getText:function(n){let e="";return"node"===n.type&&(e=n.text),e},getTextTypeColor:function(n){let e=this,t=e.useColors.defaultColor;if("node"===n.type){let r="";Fo(n.text)?r="numColor":yn(n.text)?r="strColor":kn(n.text)?r="bolColor":Be(n.text)&&(r="funColor"),Sn(e.useColors,r)&&(t=e.useColors[r])}return t},toggleItemsByFun:function(n){return this.$refs.wt.toggleItemsByFun(n)},toggleItemsAll:function(n){return this.$refs.wt.toggleItemsAll(n)}}};const dv=av;var uv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("WTree",{ref:"wt",attrs:{viewHeightMax:n.viewHeightMax,defaultDisplayLevel:n.defaultDisplayLevel,indent:n.indent,iconSize:n.iconSize,iconToggleColor:n.iconToggleColor,iconToggleBackgroundColor:n.iconToggleBackgroundColor,iconToggleBackgroundColorHover:n.iconToggleBackgroundColorHover,itemRippleColor:n.rippleColor,filterKeywords:n.filterKeywords,funFilter:n.funFilter,loadingText:n.loadingText,noResultsText:n.lockFromSetData?"":n.noResultsText,searchingText:n.searchingText,defItemHeight:n.defItemHeight,itemsPreload:n.itemsPreload,show:n.show},on:{"change-view-items":function(e){n.$emit("change-view-items",e)},"change-height-of-items":function(e){n.$emit("change-height-of-items",e)}},scopedSlots:n._u([{key:"head",fn:function(e){return[t("div",{style:n.useItemHeightMin+" min-width:"+n.lineNumberWidth+"px; display:flex; align-items:center; justify-content:end;"},[t("div",{style:"font-size:0.8rem; padding-top:1px; color:#f26; user-select:none;"},[n._v(n._s(e.index+1))])])]}},{key:"item",fn:function(e){return[t("div",{style:n.useItemHeightMin+" display:flex; align-items:center;"},[t("div",{staticStyle:{display:"flex"}},[""!==n.getKey(e.data)?t("div",{style:"padding-right:5px; color:"+n.useColors.keyColor+";"},[n._v("\n                        "+n._s(n.getKey(e.data))+":\n                    ")]):n._e(),n._v(" "),""!==n.getType(e.data)?t("div",{style:"padding-right:3px; color:"+n.useColors.keyColor+";"},[n._v("\n                        "+n._s(n.getType(e.data))+"\n                    ")]):n._e(),n._v(" "),t("div",{style:"color:"+n.getTextTypeColor(e.data)+";"},[n._v("\n                        "+n._s(n.getText(e.data))+"\n                    ")])]),n._v(" "),t("div",{style:"padding-left:5px; color:"+n.useColors.keyNumbersColor+";"},[n._v("\n                    "+n._s(n.genBlock(e.data))+"\n                ")])])]}}])}),n._v(" "),n.lockFromSetData?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):n._e()],1)};uv._withStripped=!0;const sv=t({render:uv,staticRenderFns:[]},function(n){n&&n("data-v-c689f0ec_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WJsonView.vue"},media:void 0})},dv,"data-v-c689f0ec",false,void 0,!1,o,void 0,void 0);const cv={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["base:w-leaflet-vue"]},opt:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-leaflet-vue"];n.default&&(n=n.default),xr().component("w-leaflet-vue",n)}n.cmpName="w-leaflet-vue"})},computed:{},methods:{}};var pv=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt},scopedSlots:n._u([{key:"contour-tooltip",fn:function(e){return[n._t("contour-tooltip",null,null,e)]}},{key:"contour-popup",fn:function(e){return[n._t("contour-popup",null,null,e)]}},{key:"geojson-tooltip",fn:function(e){return[n._t("geojson-tooltip",null,null,e)]}},{key:"geojson-popup",fn:function(e){return[n._t("geojson-popup",null,null,e)]}},{key:"polygon-tooltip",fn:function(e){return[n._t("polygon-tooltip",null,null,e)]}},{key:"polygon-popup",fn:function(e){return[n._t("polygon-popup",null,null,e)]}},{key:"polyline-tooltip",fn:function(e){return[n._t("polyline-tooltip",null,null,e)]}},{key:"polyline-popup",fn:function(e){return[n._t("polyline-popup",null,null,e)]}},{key:"point-tooltip",fn:function(e){return[n._t("point-tooltip",null,null,e)]}},{key:"point-popup",fn:function(e){return[n._t("point-popup",null,null,e)]}}],null,!0)})};pv._withStripped=!0;const fv=t({render:pv,staticRenderFns:[]},function(n){n&&n("data-v-105093e4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLeafletVueDyn.vue"},media:void 0})},cv,"data-v-105093e4",false,void 0,!1,o,void 0,void 0);var gv={components:{WIcon:Ma},props:{levels:{type:Array,default:()=>[]},value:{type:Number,default:null},keyColor:{type:String,default:"color"},keyLow:{type:String,default:"low"},keyUp:{type:String,default:"up"},keyDelimiter:{type:String,default:"delimiter"},keyText:{type:String,default:"text"},spaceForGrade:{type:Number,default:5},spaceForText:{type:Number,default:5},tickDig:{type:Number,default:null},gradeSize:{type:Number,default:18},gradeTextFontSize:{type:String,default:"0.75rem"},gradeTextColor:{type:String,default:"#444"},arrowColor:{type:String,default:"#666"},arrowSize:{type:Number,default:10}},data:function(){return{get:mn,mdiTriangleDown:"M1 3H23L12 22"}},computed:{useGradeTextFontSize:function(){let n=this.gradeTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},useGradeTextColor:function(){return wo(this.gradeTextColor)},indValue:function(){let n=this,e=-1;return ke(n.levels,(t,r)=>{let o=Et(mn(t,n.keyLow,0)),i=Et(mn(t,n.keyUp,0));if(o<=n.value&&n.value<=i)return e=r,!1}),e}},methods:{getColor:function(n){return wo(n)},getTick:function(n){let e=this;return xn(n)&&(n=Et(n)),rr(e.tickDig)&&(n=oc(n,e.tickDig)),n}}};const hv=gv;var mv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""},[t("table",{staticStyle:{"border-collapse":"collapse"}},[t("tbody",n._l(n.levels,function(e,r){return t("tr",{key:"klevel-"+r},[t("td",{style:"width:"+n.arrowSize+"px;"},[n.indValue===r?t("div",{style:"transform:rotate(-90deg);"},[t("WIcon",{attrs:{icon:n.mdiTriangleDown,color:n.arrowColor,colorHover:n.arrowColor,size:n.arrowSize}})],1):n._e()]),n._v(" "),t("td",{style:"background:"+n.getColor(n.get(e,n.keyColor,"transparent"))+"; width:"+n.gradeSize+"px; height:"+n.gradeSize+"px;"}),n._v(" "),t("td",{style:"padding-left:"+n.spaceForGrade+"px; text-align:right; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("low",function(){return[n._v("\n                        "+n._s(n.getTick(n.get(e,n.keyLow,"")))+"\n                    ")]},{klevel:r,level:e})],2),n._v(" "),t("td",{style:"padding:0px 2px; text-align:center; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("delimiter",function(){return[n._v("\n                        "+n._s(n.get(e,n.keyDelimiter,""))+"\n                    ")]},{klevel:r,level:e})],2),n._v(" "),t("td",{style:"text-align:left; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("up",function(){return[n._v("\n                        "+n._s(n.getTick(n.get(e,n.keyUp,"")))+"\n                    ")]},{klevel:r,level:e})],2),n._v(" "),t("td",{style:"padding-left:"+n.spaceForText+"px; text-align:left; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("text",function(){return[n._v("\n                        "+n._s(n.get(e,n.keyText,""))+"\n                    ")]},{klevel:r,level:e})],2)])}),0)])])};mv._withStripped=!0;const vv=t({render:mv,staticRenderFns:[]},function(n){n&&n("data-v-6d9e8008_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLevelGrade.vue"},media:void 0})},hv,"data-v-6d9e8008",false,void 0,!1,o,void 0,void 0);var yv={directives:{domresize:ol()},components:{WCheckbox:Vu,WText:rc,WListVertical:ch},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"},keyPickForObjItem:{type:String,default:""},paddingStyle:{type:Object,default:()=>({v:6,h:8})},spaceBetweenCheckboxAndContent:{type:Number,default:8},itemTextFontSize:{type:String,default:"1.0rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(200,200,200,0.4)"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#000"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:18},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"#000"},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},itemCheckIconIconSize:{type:Number,default:18},itemCheckIconCheckedIcon:{type:String,default:fl},itemCheckIconCheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconCheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorDisabled:{type:String,default:"grey"},itemCheckIconUncheckedIcon:{type:String,default:pl},itemCheckIconUncheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconUncheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorDisabled:{type:String,default:"grey"},enableQuery:{type:Boolean,default:!1},query:{type:String,default:""},queryKeysPickForObjItem:{type:Array,default:()=>["text"]},queryPaddingStyle:{type:Object,default:()=>({v:0,h:0})},queryBorderRadius:{type:Number,default:30},queryShadow:{type:Boolean,default:!1},queryTextFontSize:{type:String,default:"1.0rem"},queryTextColor:{type:String,default:"black"},queryTextAlign:{type:String,default:"left"},queryIcon:{type:String,default:xl},queryIconSize:{type:Number,default:18},queryIconColor:{type:String,default:"blue"},queryIconColorHover:{type:String,default:"blue darken-1"},queryIconColorFocus:{type:String,default:"blue darken-1"},queryIconTooltip:{type:String,default:""},queryIconShiftOuter:{type:Number,default:0},queryIconShiftInner:{type:Number,default:5},queryBackgroundColor:{type:String,default:"transparent"},queryBackgroundColorHover:{type:String,default:"transparent"},queryBackgroundColorFocus:{type:String,default:"transparent"},queryBorderColor:{type:String,default:"transparent"},queryBorderColorHover:{type:String,default:"transparent"},queryBorderColorFocus:{type:String,default:"transparent"},queryBottomLineBorderColor:{type:String,default:"grey lighten-1"},queryBottomLineBorderColorHover:{type:String,default:"grey"},queryBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},queryBottomLineBorderWidth:{type:Number,default:1},queryBottomLineBorderWidthHover:{type:Number,default:1},queryBottomLineBorderWidthFocus:{type:Number,default:2},queryPlaceholder:{type:String,default:"Keywords"},queryHeight:{type:Number,default:28},queryFocused:{type:Boolean,default:!1},queryPanelPaddingStyle:{type:Object,default:()=>({v:10,h:10})},querySepLineColor:{type:String,default:"#ddd"},querySepLineWidth:{type:Number,default:1}},data:function(){return{panelHeight:0,itemsTrans:[],kpCheck:{},queryTrans:"",queryFocusedTrans:!1}},computed:{changeValue:function(){return this.modifyItems(this.value),""},changeQuery:function(){let n=this;return n.queryTrans=n.query,n.queryFocusedTrans=n.queryFocused,""},isObjValue:function(){return 0!==So(this.items)&&eh(this.items,n=>vn(n))},useQueryPanelPaddingStyle:function(){return`padding:${La(this.queryPanelPaddingStyle)};`},effSepLineColor:function(){return wo(this.querySepLineColor)}},methods:{resize:function(n){this.panelHeight=n.snew.offsetHeight},getItem:function(n){let e=this,t=null;return t=e.isObjValue&&bn(e.keyPickForObjItem)?mn(n,e.keyPickForObjItem):n,t},getKeyFromItemAndInd:function(n,e){let t=this.getItem(n);return qo(t)&&(t=JSON.stringify(t),t=Al(t,20)),`${e}|${t}`},getKeyFromItem:function(n){let e=this,t=null;return ke(e.items,(r,o)=>{if(Fs(r,n))return t=e.getKeyFromItemAndInd(n,o),!1}),t},judgeItem:function(n,e){let t=this.getItem(n),r=null;return r=this.multiCheck?Zs(e,t):Fs(e,t),r},queryFunFilter:function(n,e){let t=this;if(!bn(t.queryTrans))return!0;let r=null;if(t.isObjValue)if(Ya(t.queryKeysPickForObjItem)){let e=[];ke(t.queryKeysPickForObjItem,t=>{let r=mn(n,`data.${t}`);e.push(r)}),r=ar(e,"|")}else r=Tf(n);else r=Wl(n);r=r.toLowerCase();let o=Ot(t.queryTrans.toLowerCase()," "),i=!1;return ke(o,n=>{if(r.indexOf(n)>=0)return i=!0,!1}),i},modifyItems:function(n){let e=this,t=null,r={};ke(e.items,(o,i)=>{let l=e.getKeyFromItemAndInd(o,i),a=e.judgeItem(o,n);r[l]=a,a&&(t=l)}),e.multiCheck||null===t||(ke(r,(n,e)=>{r[e]=!1}),r[t]=!0);let o=Bt(e.items,(n,t)=>{let r=n;e.isObjValue&&(r=mn(n,e.keyText,""));let o="";e.isObjValue&&(o=mn(n,e.keyIcon,""));let i=!0;return e.isObjValue&&(i=mn(n,"editable",!0)),{[e.keyText]:r,[e.keyIcon]:o,editable:i,data:n}});e.itemsTrans=o,e.kpCheck=r},clickItem:function(n,e){let t=this;if(!t.getEditable(n))return;let r=qi(t.kpCheck),o=t.getKeyFromItem(n);t.multiCheck?r[o]=!r[o]:r[e]||(ke(r,(n,e)=>{r[e]=!1}),r[o]=!0);let i=[];ke(t.items,(n,e)=>{let o=t.getKeyFromItemAndInd(n,e);if(!r[o])return!0;let l=t.getItem(n);i.push(l)}),t.multiCheck||(i=mn(i,0,null)),t.kpCheck=r,t.$emit("click",{check:r[o],item:qi(t.items[e]),kitem:e}),t.$emit("input",i)},modifyQuery:function(){let n=this;n.modifyItems(n.value),n.$emit("update:query",n.queryTrans)},modifyQueryFocused:function(n){this.$emit("update:queryFocused",n)},getCheck:function(n){let e=this.getKeyFromItem(n);return this.kpCheck[e]},getEditable:function(n){return mn(n,"editable",!0)}}};const bv=yv;var Cv=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,changeQuery:n.changeQuery},on:{domresize:n.resize}},[t("WListVertical",{style:"height:"+n.panelHeight+"px;",attrs:{items:n.itemsTrans,enableActive:!0,_itemActive:"itemActive",keyText:n.keyText,keyIcon:n.keyIcon,paddingStyle:n.paddingStyle,itemTextFontSize:n.itemTextFontSize,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemBackgroundColorActive:n.itemBackgroundColorActive,itemBackgroundColorDisabled:n.itemBackgroundColorDisabled,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemTextColorActive:n.itemTextColorActive,itemTextColorDisabled:n.itemTextColorDisabled,itemIconSize:n.itemIconSize,itemIconColor:n.itemIconColor,itemIconColorHover:n.itemIconColorHover,itemIconColorActive:n.itemIconColorActive,itemIconColorDisabled:n.itemIconColorDisabled,itemRippleColor:n.itemRippleColor,itemDisabledColor:n.itemDisabledColor,itemCursorPointer:n.itemCursorPointer,query:n.queryTrans,funFilter:n.queryFunFilter},on:{click:function(e,t){n.clickItem(e.data,t)}},scopedSlots:n._u([{key:"header",fn:function(){return[n._t("header"),n._v(" "),n.enableQuery?[t("div",{style:""+n.useQueryPanelPaddingStyle},[t("WText",{attrs:{paddingStyle:n.queryPaddingStyle,borderRadius:n.queryBorderRadius,shadow:n.queryShadow,textFontSize:n.queryTextFontSize,textColor:n.queryTextColor,textAlign:n.queryTextAlign,leftIcon:n.queryIcon,leftIconSize:n.queryIconSize,leftIconColor:n.queryIconColor,leftIconColorHover:n.queryIconColorHover,leftIconColorFocus:n.queryIconColorFocus,leftIconTooltip:n.queryIconTooltip,_rightIcon:"queryRightIcon",_rightIconSize:"queryRightIconSize",_rightIconColor:"queryRightIconColor",_rightIconColorHover:"queryRightIconColorHover",_rightIconColorFocus:"queryRightIconColorFocus",_rightIconTooltip:"queryRightIconTooltip",iconShiftOuter:n.queryIconShiftOuter,iconShiftInner:n.queryIconShiftInner,backgroundColor:n.queryBackgroundColor,backgroundColorHover:n.queryBackgroundColorHover,backgroundColorFocus:n.queryBackgroundColorFocus,borderColor:n.queryBorderColor,borderColorHover:n.queryBorderColorHover,borderColorFocus:n.queryBorderColorFocus,bottomLineBorderColor:n.queryBottomLineBorderColor,bottomLineBorderColorHover:n.queryBottomLineBorderColorHover,bottomLineBorderColorFocus:n.queryBottomLineBorderColorFocus,bottomLineBorderWidth:n.queryBottomLineBorderWidth,bottomLineBorderWidthHover:n.queryBottomLineBorderWidthHover,bottomLineBorderWidthFocus:n.queryBottomLineBorderWidthFocus,placeholder:n.queryPlaceholder,height:n.queryHeight,focused:n.queryFocused,editable:!0},on:{enter:n.modifyQuery,change:n.modifyQuery,input:n.modifyQuery,"update:focused":n.modifyQueryFocused},model:{value:n.queryTrans,callback:function(e){n.queryTrans=e},expression:"queryTrans"}})],1),n._v(" "),t("div",{style:"border-top:"+n.querySepLineWidth+"px solid "+n.effSepLineColor+";"})]:n._e()]},proxy:!0},{key:"item-left",fn:function(e){return[t("WCheckbox",{attrs:{iconSize:n.itemCheckIconIconSize,checkedIcon:n.itemCheckIconCheckedIcon,checkedIconColor:e.isActive?n.itemCheckIconCheckedIconColorActive:e.isHover?n.itemCheckIconCheckedIconColorHover:n.itemCheckIconCheckedIconColor,checkedIconColorHover:e.isActive?n.itemCheckIconCheckedIconColorActive:n.itemCheckIconCheckedIconColorHover,checkedIconColorDisabled:n.itemCheckIconCheckedIconColorDisabled,uncheckedIcon:n.itemCheckIconUncheckedIcon,uncheckedIconColor:e.isActive?n.itemCheckIconUncheckedIconColorActive:e.isHover?n.itemCheckIconUncheckedIconColorHover:n.itemCheckIconUncheckedIconColor,uncheckedIconColorHover:e.isActive?n.itemCheckIconUncheckedIconColorActive:n.itemCheckIconUncheckedIconColorHover,uncheckedIconColorDisabled:n.itemCheckIconUncheckedIconColorDisabled,editable:n.getEditable(e.item.data),value:n.getCheck(e.item.data)}}),n._v(" "),t("div",{style:"padding-right:"+n.spaceBetweenCheckboxAndContent+"px;"})]}},{key:"item-content",fn:function(e){return[n._t("item-content",null,{item:e.item.data,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}},{key:"footer",fn:function(){return[n._t("footer")]},proxy:!0}],null,!0)})],1)};Cv._withStripped=!0;const xv=t({render:Cv,staticRenderFns:[]},function(n){n&&n("data-v-e8b246a2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListCheck.vue"},media:void 0})},bv,"data-v-e8b246a2",false,void 0,!1,o,void 0,void 0);var Sv={directives:{domripple:Ga()},components:{WIcon:Ma},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:()=>({v:10,h:12})},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},expansionIcon:{type:String,default:wl},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"#aaa"},expansionIconColorHover:{type:String,default:"#888"},expansionIconColorActive:{type:String,default:"rgba(255,255,255,0.8)"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"}},data:function(){return{obstructMutation:!1,mouseEnter:!1,heightContent:""}},computed:{changeActive:function(){return this.updateHeightContent(this.active),""},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){return`padding:${La(this.paddingStyle,{ext:{}})};`},effBackgroundColor:function(){return wo(this.backgroundColor)},effBackgroundColorHover:function(){return wo(this.backgroundColorHover)},effBackgroundActive:function(){return wo(this.backgroundColorActive)},useBackgroundColor:function(){let n=this;return n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},effTextActive:function(){return wo(this.textColorActive)},useTextColor:function(){let n=this;return n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor},effIconColor:function(){return wo(this.iconColor)},effIconColorHover:function(){return wo(this.iconColorHover)},effIconActive:function(){return wo(this.iconColorActive)},useIconColor:function(){let n=this;return n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor},effExpansionIconColor:function(){return wo(this.expansionIconColor)},effExpansionIconColorHover:function(){return wo(this.expansionIconColorHover)},effExpansionIconColorActive:function(){return wo(this.expansionIconColorActive)},useExpansionIconColor:function(){let n=this;return n.active?n.effExpansionIconColorActive:n.mouseEnter?n.effExpansionIconColorHover:n.effExpansionIconColor},useRotateDeg:function(){return this.active?180:0}},methods:{updateHeightContent:function(){let n=this;(async function(){for(let e=1;e<=5;e++)setTimeout(()=>{n.obstructMutation=!n.obstructMutation},100*e);if(n.active){if(n.active){n.$el||await sr(()=>void 0!==n.$el,{timeInterval:10});let e=mn(n,"$refs.rct.clientHeight");Fo(e)&&(n.heightContent=`height:${e}px;`)}}else n.heightContent=""})().catch(n=>{console.log(n)})},getIcon:function(n){return mn(n,"icon","")},getText:function(n){if(""===mn(n,"text",""))return n},clickItem:function(n,e){let t=this;return t.$emit("update:active",!t.active),t.$emit("click",{icon:n,text:e}),""}}};const Iv=Sv;var wv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeActive:n.changeActive}},[t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"transition:all 0.3s; "+n.usePadding+" background:"+n.useBackgroundColor+"; cursor:pointer;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:function(e){return n.clickItem(n.icon,n.text)}}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-right":"4px"}},[t("div",{style:"transition:all 0.3s; transform:rotate("+(n.useRotateDeg+90)+"deg); cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.useExpansionIconColor,colorHover:n.useExpansionIconColor,size:n.expansionIconSize}})],1)]),n._v(" "),n._t("header",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",{style:"transition:all 0.3s; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n                    "+n._s(n.text)+"\n                ")])]},{isHover:n.mouseEnter,isActive:n.active})],2)]),n._v(" "),t("div",{class:"ct "+(n.active?"ct-show":"ct-hide"),style:""+n.heightContent},[t("div",{ref:"rct"},[n._t("content",null,{isHover:n.mouseEnter,isActive:n.active})],2)]),n._v(" "),t("div",{staticStyle:{position:"relative",height:"0px",overflow:"hidden"}},[n.obstructMutation?t("div",{staticStyle:{position:"absolute",left:"0px",top:"0px",height:"0px"}}):n._e()])])};wv._withStripped=!0;const kv=t({render:wv,staticRenderFns:[]},function(n){n&&n("data-v-42f356a8_0",{source:"\n.ct[data-v-42f356a8] {\r\n    transition: height 0.5s, opacity 0.5s ease-out;\n}\n.ct-hide[data-v-42f356a8] {\r\n    overflow: hidden;\r\n    height: 0px;\r\n    opacity: 0;\n}\n.ct-show[data-v-42f356a8] {\r\n    opacity: 1;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WListExpandItem.vue"],names:[],mappings:";AAicA;IACA,8CAAA;AACA;AACA;IACA,gBAAA;IACA,WAAA;IACA,UAAA;AACA;AACA;IACA,UAAA;AACA",file:"WListExpandItem.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeActive=\"changeActive\"\r\n    >\r\n\r\n        \x3c!-- header --\x3e\r\n        <div\r\n            :style=\"`transition:all 0.3s; ${usePadding} background:${useBackgroundColor}; cursor:pointer;`\"\r\n            v-domripple=\"{color:rippleColor}\"\r\n            @mouseenter=\"mouseEnter=true\"\r\n            @mouseleave=\"mouseEnter=false\"\r\n            @click=\"clickItem(icon,text)\"\r\n        >\r\n            <div style=\"display:flex; align-items:center;\">\r\n\r\n                <div style=\"margin-right:4px;\">\r\n                    <div :style=\"`transition:all 0.3s; transform:rotate(${useRotateDeg+90}deg); cursor:pointer;`\">\r\n                        <WIcon\r\n                            :icon=\"expansionIcon\"\r\n                            :color=\"useExpansionIconColor\"\r\n                            :colorHover=\"useExpansionIconColor\"\r\n                            :size=\"expansionIconSize\"\r\n                        ></WIcon>\r\n                    </div>\r\n                </div>\r\n\r\n                <slot\r\n                    name=\"header\"\r\n                    :isHover=\"mouseEnter\"\r\n                    :isActive=\"active\"\r\n                >\r\n\r\n                    <WIcon\r\n                        style=\"margin-right:8px;\"\r\n                        :icon=\"icon\"\r\n                        :color=\"useIconColor\"\r\n                        :colorHover=\"useIconColor\"\r\n                        :size=\"iconSize\"\r\n                        v-if=\"hasIcon\"\r\n                    ></WIcon>\r\n\r\n                    <div :style=\"`transition:all 0.3s; color:${useTextColor}; ${useTextFontSize}`\">\r\n                        {{text}}\r\n                    </div>\r\n\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        \x3c!-- content --\x3e\r\n        <div :class=\"`ct ${active?'ct-show':'ct-hide'}`\" :style=\"`${heightContent}`\">\r\n            <div ref=\"rct\">\r\n\r\n                <slot\r\n                    name=\"content\"\r\n                    :isHover=\"mouseEnter\"\r\n                    :isActive=\"active\"\r\n                >\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div style=\"position:relative; height:0px; overflow:hidden;\">\r\n            <div style=\"position:absolute; left:0px; top:0px; height:0px;\" v-if=\"obstructMutation\">\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlay } from '@mdi/js'\r\nimport get from 'lodash-es/get.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport domRipple from '../js/domRipple.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [text=''] 輸入文字字串，預設''\r\n * @vue-prop {String} [textFontSize='1rem'] 輸入文字字型大小字串，預設'1rem'\r\n * @vue-prop {Boolean} [active=false] 輸入是否為主動模式布林值，預設false\r\n * @vue-prop {Object} [paddingStyle={v:10,h:12}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:12}\r\n * @vue-prop {String} [backgroundColor='white'] 輸入背景顏色字串，預設'white'\r\n * @vue-prop {String} [backgroundColorHover='rgba(200,200,200,0.2)'] 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)'\r\n * @vue-prop {String} [backgroundColorActive='orange lighten-1'] 輸入主動模式時背景顏色字串，預設'orange lighten-1'\r\n * @vue-prop {String} [textColor='#444'] 輸入文字顏色字串，預設'#444'\r\n * @vue-prop {String} [textColorHover='#222'] 輸入滑鼠移入時文字顏色字串，預設'#222'\r\n * @vue-prop {String} [textColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'\r\n * @vue-prop {String} [icon=''] 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {Number} [iconSize=22] 輸入左側圖標之尺寸數字，單位px，預設22\r\n * @vue-prop {String} [iconColor='#444'] 輸入圖標顏色字串，預設'#444'\r\n * @vue-prop {String} [iconColorHover='#222'] 輸入滑鼠移入時圖標顏色字串，預設'#222'\r\n * @vue-prop {String} [iconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'\r\n * @vue-prop {String} [expansionIcon=mdiPlay] 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay)\r\n * @vue-prop {Number} [expansionIconSize=18] 輸入顯隱圖標尺寸數字，單位為px，預設18\r\n * @vue-prop {String} [expansionIconColor='#aaa'] 輸入顯隱圖標顏色字串，預設'#aaa'\r\n * @vue-prop {String} [expansionIconColorHover='#888'] 輸入滑鼠移入時顯隱圖標顏色字串，預設'#888'\r\n * @vue-prop {String} [expansionIconColorActive='rgba(255,255,255,0.8)'] 輸入主動模式時顯隱圖標顏色字串，預設'rgba(255,255,255,0.8)'\r\n * @vue-prop {String} [rippleColor='rgba(255,255,255,0.4)'] 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)'\r\n */\r\nexport default {\r\n    directives: {\r\n        domripple: domRipple(),\r\n    },\r\n    components: {\r\n        WIcon,\r\n    },\r\n    props: {\r\n        text: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '1rem',\r\n        },\r\n        active: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 10,\r\n                    h: 12,\r\n                }\r\n            },\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'rgba(200,200,200,0.2)',\r\n        },\r\n        backgroundColorActive: {\r\n            type: String,\r\n            default: 'orange lighten-1',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        textColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 22,\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        iconColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        iconColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        expansionIcon: {\r\n            type: String,\r\n            default: mdiPlay,\r\n        },\r\n        expansionIconSize: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        expansionIconColor: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        expansionIconColorHover: {\r\n            type: String,\r\n            default: '#888',\r\n        },\r\n        expansionIconColorActive: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.8)',\r\n        },\r\n        rippleColor: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.4)',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            obstructMutation: false,\r\n            mouseEnter: false,\r\n            heightContent: '',\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeActive: function() {\r\n            let vo = this\r\n            vo.updateHeightContent(vo.active)\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        hasIcon: function() {\r\n            let vo = this\r\n            return vo.icon !== ''\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, { ext: {} })\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        effBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColor)\r\n        },\r\n\r\n        effBackgroundColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColorHover)\r\n        },\r\n\r\n        effBackgroundActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColorActive)\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effBackgroundActive\r\n            }\r\n            return vo.mouseEnter ? vo.effBackgroundColorHover : vo.effBackgroundColor\r\n        },\r\n\r\n        effTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColor)\r\n        },\r\n\r\n        effTextColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorHover)\r\n        },\r\n\r\n        effTextActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorActive)\r\n        },\r\n\r\n        useTextColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effTextActive\r\n            }\r\n            return vo.mouseEnter ? vo.effTextColorHover : vo.effTextColor\r\n        },\r\n\r\n        effIconColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColor)\r\n        },\r\n\r\n        effIconColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColorHover)\r\n        },\r\n\r\n        effIconActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColorActive)\r\n        },\r\n\r\n        useIconColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effIconActive\r\n            }\r\n            return vo.mouseEnter ? vo.effIconColorHover : vo.effIconColor\r\n        },\r\n\r\n        effExpansionIconColor: function() {\r\n            //console.log('computed effExpansionIconColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColor)\r\n        },\r\n\r\n        effExpansionIconColorHover: function() {\r\n            //console.log('computed effExpansionIconColorHover')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColorHover)\r\n        },\r\n\r\n        effExpansionIconColorActive: function() {\r\n            //console.log('computed effExpansionIconColorActive')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColorActive)\r\n        },\r\n\r\n        useExpansionIconColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effExpansionIconColorActive\r\n            }\r\n            return vo.mouseEnter ? vo.effExpansionIconColorHover : vo.effExpansionIconColor\r\n        },\r\n\r\n        useRotateDeg: function() {\r\n            //console.log('computed useRotateDeg')\r\n\r\n            let vo = this\r\n\r\n            return vo.active ? 180 : 0\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        updateHeightContent: function() {\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //於WPanelScrolly內容區使用顯隱動畫時, 因瀏覽器之內容區高度會先更新完畢, 而transition動畫結束時間較慢, 導致WPanelScrolly內容區無法算得實際高度而導致出現遮蔽情況\r\n                //於指定時間(n*s=500ms需與class ct內設定transition時間長度一致)內反覆變更元素顯隱, 藉此刺激WPanelScrolly內mutation事件, 使能進行重算內容區高度\r\n                let n = 5\r\n                let s = 100\r\n                for (let i = 1; i <= n; i++) {\r\n                    setTimeout(() => {\r\n                        vo.obstructMutation = !vo.obstructMutation\r\n                        // console.log('obstructMutation', vo.obstructMutation)\r\n                    }, i * s)\r\n                }\r\n\r\n                if (!vo.active) {\r\n                    //隱藏內容\r\n\r\n                    //clear\r\n                    vo.heightContent = ''\r\n\r\n                }\r\n                else if (vo.active) {\r\n                    //顯示內容\r\n\r\n                    if (!vo.$el) {\r\n\r\n                        //wait $el\r\n                        await waitFun(() => {\r\n                            // console.log('waitFun try', vo.text)\r\n                            return vo.$el !== undefined\r\n                        }, { timeInterval: 10 })\r\n                        // console.log('waitFun finish', vo.text)\r\n\r\n                    }\r\n\r\n                    //h\r\n                    let h = get(vo, '$refs.rct.clientHeight')\r\n                    // console.log(h, vo.text)\r\n\r\n                    //update\r\n                    if (isNumber(h)) {\r\n\r\n                        //heightContent\r\n                        vo.heightContent = `height:${h}px;`\r\n\r\n                    }\r\n\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        getIcon: function(item) {\r\n            return get(item, 'icon', '')\r\n        },\r\n\r\n        getText: function(item) {\r\n            let t = get(item, 'text', '')\r\n            if (t === '') {\r\n                return item\r\n            }\r\n        },\r\n\r\n        clickItem: function(icon, text) {\r\n            // console.log('methods clickItem', icon, text)\r\n\r\n            let vo = this\r\n\r\n            //emit\r\n            vo.$emit('update:active', !vo.active)\r\n\r\n            //emit\r\n            vo.$emit('click', { icon, text })\r\n\r\n            return ''\r\n        },\r\n\r\n    }\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ct {\r\n    transition: height 0.5s, opacity 0.5s ease-out;\r\n}\r\n.ct-hide {\r\n    overflow: hidden;\r\n    height: 0px;\r\n    opacity: 0;\r\n}\r\n.ct-show {\r\n    opacity: 1;\r\n}\r\n</style>\r\n"]},media:void 0})},Iv,"data-v-42f356a8",false,void 0,!1,o,void 0,void 0);var Tv={directives:{domresize:ol()},components:{WPanelScrolly:oh,WListExpandItem:kv},props:{items:{type:Array,default:()=>[]},activeMode:{type:String,default:"one"},itemActive:{type:[String,Object,Array],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyDsp:{type:String,default:"dsp"},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"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemExpansionIcon:{type:String,default:wl},itemExpansionIconSize:{type:Number,default:18},itemExpansionIconColor:{type:String,default:"grey"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"}},data:function(){return{panelHeight:0,listHeight:0,itemActiveTrans:null}},computed:{changeItemActive:function(){return this.itemActiveTrans=this.itemActive,""},isObjValue:function(){return 0!==So(this.items)&&eh(this.items,n=>vn(n))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,r=mn(e,"$refs.refHeader");ai(r)&&(t=r.offsetHeight);let o=0,i=mn(e,"$refs.refFooter");ai(i)&&(o=i.offsetHeight);let l=e.panelHeight-t-o;l>0&&e.listHeight!==l&&(e.listHeight=l)},getIcon:function(n){let e=this;return e.isObjValue?mn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return mn(n,e.keyText,"")}return n},getDsp:function(n){let e=this;if(e.isObjValue){return mn(n,e.keyDsp,"")}return n},getActive:function(n){let e=this,t=!1;return"one"===e.activeMode?t=Fs(n,e.itemActiveTrans):"multi"===e.activeMode&&ke(e.itemActiveTrans,e=>{if(t=Fs(n,e),t)return!1}),t},updateItemActive:function(n,e,t){let r=this,o=qi(r.itemActiveTrans);!n&&e?"one"===r.activeMode?o=t:"multi"===r.activeMode&&o.push(qi(t)):n&&!e&&function(){if("one"===r.activeMode)o=null;else if("multi"===r.activeMode){let n=[];ke(o,e=>{Fs(t,e)||n.push(e)}),o=n}}(),r.itemActiveTrans=o,r.$nextTick(()=>{r.$emit("update:itemActive",qi(o))})},getSlotItem(n,e){let t=null;return t=this.isObjValue?{...n,...e}:{item:n,...e},t},ckItem:function(n){let e=this;e.$nextTick(()=>{e.$emit("click",qi(n))})}}};const Bv=Tv;var Hv=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",{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.items,function(e,r){return t("div",{key:r},[t("WListExpandItem",{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,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,expansionIcon:n.itemExpansionIcon,expansionIconSize:n.itemExpansionIconSize,expansionIconColor:n.itemExpansionIconColor,rippleColor:n.itemRippleColor},on:{"update:active":function(t){n.updateItemActive(n.getActive(e),t,e)},click:function(t){return n.ckItem(e)}},scopedSlots:n._u([{key:"header",fn:function(t){return[n._t("item-header",null,{item:n.getSlotItem(e,t)})]}},{key:"content",fn:function(r){return[n._t("item-content",function(){return[t("div",{staticStyle:{padding:"10px","font-size":"0.9rem"}},[n._v("\n                                "+n._s(n.getDsp(e))+"\n                            ")])]},{item:n.getSlotItem(e,r)})]}}],null,!0)})],1)}),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};Hv._withStripped=!0;const Av=t({render:Hv,staticRenderFns:[]},function(n){n&&n("data-v-09bb4758_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListExpand.vue"},media:void 0})},Bv,"data-v-09bb4758",false,void 0,!1,o,void 0,void 0);var Wv={directives:{domresize:ol()},components:{WListItem:ah},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!==So(this.items)&&eh(this.items,n=>vn(n))},effBorderBottomColor:function(){return wo(this.borderBottomColor)}},methods:{resize:function(n){this.updateBorderBottom()},getIcon:function(n){let e=this;return e.isObjValue?mn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return mn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Fs(n,e.itemActiveTrans)),t},getEditable:function(n){return mn(n,"editable",!0)},updateBorderBottom:function(){let n=this;if(null==n.itemActiveTrans)return;let e=0,t=[];ke(mn(n,"$refs.wli",[]),(r,o)=>{let i=r,l=mn(i,"clientWidth",0),a=mn(i,"clientHeight",0),d=e,u=l,s=a;o>0&&n.space>0&&(d+=n.space,u-=n.space),t.push({left:d,bottom:0,width:u,heiht:s}),e+=l});let r=-1;if(ke(n.items,(e,t)=>{if(Fs(e,n.itemActiveTrans))return r=t,!1}),-1===r)return;let o=t[r];n.borderBottomLeft=o.left,n.borderBottomWidth=o.width},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let r=null;r=t.isObjValue?{...n}:n,t.$emit("click",r,e),t.$emit("update:itemActive",r)}}};const Fv=Wv;var Zv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[n.borderBottom?t("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+n.borderBottomLeft+"px; padding-left:"+n.borderBottomWidth+"px; border-bottom:"+n.borderBottomSize+"px solid "+n.effBorderBottomColor+";"}):n._e(),n._v(" "),n._l(n.items,function(e,r){return t("div",{key:r},[t("div",{ref:"wli",refInFor:!0,style:n.space>0&&r>0?"padding-left:"+n.space+"px;":""},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,borderRadius:n.itemBorderRadius,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:!n.getActive(e)&&n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,r)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)])})],2)])};Zv._withStripped=!0;const Xv=t({render:Zv,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})},Fv,"data-v-3256149a",false,void 0,!1,o,void 0,void 0);const Rv={components:{WListCheck:xv},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyPickForObjItem:{type:String,default:""},paddingStyle:{type:Object,default:()=>({v:6,h:8})},spaceBetweenCheckboxAndContent:{type:Number,default:8},itemTextFontSize:{type:String,default:"1.0rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(200,200,200,0.4)"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#000"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:18},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"#000"},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},itemCheckIconIconSize:{type:Number,default:18},itemCheckIconCheckedIcon:{type:String,default:cl},itemCheckIconCheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconCheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorDisabled:{type:String,default:"grey"},itemCheckIconUncheckedIcon:{type:String,default:"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,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"},itemCheckIconUncheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconUncheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorDisabled:{type:String,default:"grey"},enableQuery:{type:Boolean,default:!1},query:{type:String,default:""},queryKeysPickForObjItem:{type:Array,default:()=>["text"]},queryPaddingStyle:{type:Object,default:()=>({v:0,h:0})},queryBorderRadius:{type:Number,default:30},queryShadow:{type:Boolean,default:!1},queryTextFontSize:{type:String,default:"1.0rem"},queryTextColor:{type:String,default:"black"},queryTextAlign:{type:String,default:"left"},queryIcon:{type:String,default:xl},queryIconSize:{type:Number,default:18},queryIconColor:{type:String,default:"blue"},queryIconColorHover:{type:String,default:"blue darken-1"},queryIconColorFocus:{type:String,default:"blue darken-1"},queryIconTooltip:{type:String,default:""},queryIconShiftOuter:{type:Number,default:0},queryIconShiftInner:{type:Number,default:5},queryBackgroundColor:{type:String,default:"transparent"},queryBackgroundColorHover:{type:String,default:"transparent"},queryBackgroundColorFocus:{type:String,default:"transparent"},queryBorderColor:{type:String,default:"transparent"},queryBorderColorHover:{type:String,default:"transparent"},queryBorderColorFocus:{type:String,default:"transparent"},queryBottomLineBorderColor:{type:String,default:"grey lighten-1"},queryBottomLineBorderColorHover:{type:String,default:"grey"},queryBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},queryBottomLineBorderWidth:{type:Number,default:1},queryBottomLineBorderWidthHover:{type:Number,default:1},queryBottomLineBorderWidthFocus:{type:Number,default:2},queryPlaceholder:{type:String,default:"Keywords"},queryHeight:{type:Number,default:28},queryFocused:{type:Boolean,default:!1},queryPanelPaddingStyle:{type:Object,default:()=>({v:10,h:10})},querySepLineColor:{type:String,default:"#ddd"},querySepLineWidth:{type:Number,default:1}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var Vv=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WListCheck",n._g(n._b({scopedSlots:n._u([{key:"header",fn:function(){return[n._t("header")]},proxy:!0},{key:"item-content",fn:function(e){return[n._t("item-content",null,{item:e.item,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}},{key:"footer",fn:function(){return[n._t("footer")]},proxy:!0}],null,!0)},"WListCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};Vv._withStripped=!0;const Pv=t({render:Vv,staticRenderFns:[]},function(n){n&&n("data-v-3167aed6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListRadio.vue"},media:void 0})},Rv,"data-v-3167aed6",false,void 0,!1,o,void 0,void 0);var zv={directives:{domresize:ol()},components:{WIcon:Ma},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 wo(this.avatarIconColor)},useAvatarBorderColor:function(){return wo(this.avatarBorderColor)},useAvatarBackgroundColor:function(){return wo(this.avatarBackgroundColor)},useHeaderVerticalAlign:function(){let n="";return n="bottom"===this.headerVerticalAlign?"flex-end":"center"===this.headerVerticalAlign?"center":"flex-start",n},useHeaderTextColor:function(){return wo(this.headerTextColor)},useSubHeaderTextColor:function(){return wo(this.subHeaderTextColor)},useSepLineColor:function(){return wo(this.sepLineColor)},useContentBackgroundColor:function(){return wo(this.contentBackgroundColor)}},methods:{resizeAvatar:function(n){this.avatarWidth=n.snew.offsetWidth,this.avatarHeight=n.snew.offsetHeight}}};const Lv=zv;var Nv=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)])])])};Nv._withStripped=!0;const Dv=t({render:Nv,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})},Lv,"data-v-6d959c2e",false,void 0,!1,o,void 0,void 0);const Gv={directives:{domresize:ol()},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(){return`padding:${La(this.paddingStyle,{ext:{}})};`},useHeaderTextColor:function(){return wo(this.headerTextColor)},useHeaderBackgroundColor:function(){return wo(this.headerBackgroundColor)},useContentBackgroundColor:function(){return wo(this.contentBackgroundColor)},useContentPadding:function(){let n=this;return xn(n.contentPadding)?`${n.contentPadding}px`:n.contentPadding}},methods:{updateHeaderHeight:function(n){this.headerHeight=n.snew.offsetHeight,this.$emit("resize",n)}}};var jv=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)])])])};jv._withStripped=!0;const Kv=t({render:jv,staticRenderFns:[]},function(n){n&&n("data-v-e4a43672_0",{source:"\n.shadow[data-v-e4a43672] {\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-e4a43672] {\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: {} })\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})},Gv,"data-v-e4a43672",false,void 0,!1,o,void 0,void 0);const Yv={directives:{domresize:ol()},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=Gp(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 wo(this.barColor)},useBarBorderColor:function(){return wo(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;Fo(e.leftWidthMin)&&t<e.leftWidthMin&&(n=e.leftWidthMin/e.panelWidth),Fo(e.leftWidthMax)&&t>e.leftWidthMax&&(n=e.leftWidthMax/e.panelWidth);let r=(1-n)*e.panelWidth;Fo(e.rightWidthMin)&&r<e.rightWidthMin&&(n=-(e.rightWidthMin/e.panelWidth-1)),Fo(e.rightWidthMax)&&r>e.rightWidthMax&&(n=-(e.rightWidthMax/e.panelWidth-1))}return n},dragBar:function({clientX:n}){let e=this,t=e.$el.getBoundingClientRect(),r=n,o=e.$el.offsetWidth,i=0;o>0&&(i=(r-t.left)/o),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};var _v=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)])])};_v._withStripped=!0;const $v=t({render:_v,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})},Yv,"data-v-38174f87",false,void 0,!1,o,void 0,void 0);var Mv={directives:{domresize:ol()},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=Gp(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 wo(this.barColor)},useBarBorderColor:function(){return wo(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;Fo(e.topHeightMin)&&t<e.topHeightMin&&(n=e.topHeightMin/e.panelHeight),Fo(e.topHeightMax)&&t>e.topHeightMax&&(n=e.topHeightMax/e.panelHeight);let r=(1-n)*e.panelHeight;Fo(e.bottomHeightMin)&&r<e.bottomHeightMin&&(n=-(e.bottomHeightMin/e.panelHeight-1)),Fo(e.bottomHeightMax)&&r>e.bottomHeightMax&&(n=-(e.bottomHeightMax/e.panelHeight-1))}return n},dragBar:function({clientY:n}){let e=this,t=e.$el.getBoundingClientRect(),r=n,o=e.$el.offsetHeight,i=0;o>0&&(i=(r-t.top)/o),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};const Ov=Mv;var Jv=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)])])};Jv._withStripped=!0;const Ev=t({render:Jv,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})},Ov,"data-v-357f2c2f",false,void 0,!1,o,void 0,void 0);const Uv={directives:{domresize:ol(),dommutation:Rf()},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=mn(n,"$refs.tar");if(ai(e)){let t=e.getBoundingClientRect();n.width===t.width&&n.height===t.height||(n.width=t.width,n.height=t.height)}}}};var Qv=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)])])])])};Qv._withStripped=!0;const qv=t({render:Qv,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})},Uv,"data-v-a28c5d42",false,void 0,!1,o,void 0,void 0);const ny={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"]=wo(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"]=wo(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",r="0 0";return n.hasHeader||(t=`${n.borderRadius}px ${n.borderRadius}px`),n.hasFooter||(r=`${n.borderRadius}px ${n.borderRadius}px`),e["border-radius"]=`${t} ${r}`,e},useFooterStyle:function(){let n=this,e={};return e.padding=`${n.padding}px`,e["border-top"]="1px solid #ddd",e["background-color"]=wo(n.footerBackgroundColor),e["border-radius"]=`0 0 ${n.borderRadius}px ${n.borderRadius}px`,e}},methods:{}};var ey=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()])};ey._withStripped=!0;const ty=t({render:ey,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})},ny,"data-v-59d58b7f",false,void 0,!1,o,void 0,void 0);const ry={components:{WPopup:vs,WText:rc,WButtonChip:Bu,WIcon:Ma},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:gl},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=Ae(n,";",""),`font-size:${n};`},useTitleColor:function(){return wo(this.titleColor)},useHeaderBackgroundColor:function(){return wo(this.headerBackgroundColor)},useContentBackgroundColor:function(){return wo(this.contentBackgroundColor)},useFooterBackgroundColor:function(){return wo(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 oy=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)])]}}])})};oy._withStripped=!0;const iy=t({render:oy,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})},ry,"data-v-f4b7cba6",false,void 0,!1,o,void 0,void 0);var ly={components:{WIcon:Ma},props:{value:{type:Number,default:0},decimal:{type:Number,default:1},title:{type:String,default:""},titleTextColor:{type:String,default:"grey darken-2"},titleTextFontSize:{type:String,default:"0.85rem"},height:{type:Number,default:4},borderRadius:{type:Number,default:5},progColor:{type:String,default:"lime accent-4"},progBackgroundColor:{type:String,default:"light-green lighten-5"},iconSize:{type:Number,default:20},iconWaiting:{type:String,default:Il},iconFinish:{type:String,default:sl},iconWaitingColor:{type:String,default:"grey"},iconFinishColor:{type:String,default:"green"},enableIconWaiting:{type:Boolean,default:!0},enableIconFinish:{type:Boolean,default:!0},valueTextColor:{type:String,default:"grey darken-2"},valueTextFontSize:{type:String,default:"0.85rem"},enableContinuous:{type:Boolean,default:!1},continuousIncrease:{type:Number,default:12},continuousPeriod:{type:Number,default:100}},data:function(){return{mdiCheck:sl,mdiOrbitVariant:Il,timer:null,continuousFirst:!0,continuousRatio:0,continuousShiftX:0,continuousWidth:0}},beforeDestroy:function(){let n=this;null!==n.timer&&(clearInterval(n.timer),n.timer=null)},computed:{changeContinuous:function(){let n=this;return n.enableContinuous?n.runContinuous():n.destroyContinuous(),""},hasTitle:function(){return bn(this.title)},status:function(){return this.value<=0?"waiting":this.value>=100?"finish":"running"},useProg:function(){let n=this.value;return n=Math.max(n,0),n=Math.min(n,100),n=this.digValue(n),n},useTitleTextFontSize:function(){let n=this.titleTextFontSize;return n=Ae(n,";",""),`font-size:${n};`},useBorderRadius:function(){return`border-radius:${this.borderRadius}px;`},useProgColor:function(){return wo(this.progColor)},useProgBackgroundColor:function(){return wo(this.progBackgroundColor)},useTitleTextColor:function(){return wo(this.titleTextColor)},useIconWaitingColor:function(){return wo(this.iconWaitingColor)},useIconFinishColor:function(){return wo(this.iconFinishColor)},useValueTextColor:function(){return wo(this.valueTextColor)},useValueTextFontSize:function(){let n=this.valueTextFontSize;return n=Ae(n,";",""),`font-size:${n};`}},methods:{digValue:function(n){return oc(n,this.decimal)},runContinuous:function(){let n=this;null===n.timer&&(n.timer=setInterval(()=>{n.continuousRatio+=n.continuousIncrease,n.continuousFirst=!1,n.continuousRatio>=100+n.continuousIncrease&&(n.continuousFirst=!0,n.continuousRatio=-n.continuousIncrease),n.continuousShiftX=(n=>{let e=(n/=100)<.5?4*n*n*n:1-Math.pow(-2*n+2,3)/2;return e=Math.max(Math.min(e,1),0),e*=100,e})(n.continuousRatio),n.continuousWidth=(n=>{n-=50,n*=2,n/=100,n=Math.max(Math.min(n,1),-1);let e=1*Math.exp(-2*n**2);return e=Math.max(Math.min(e,1),0),e-=.1353352832366127,e*=1.1565176427496657,e*=100,e})(n.continuousRatio)},n.continuousPeriod))},destroyContinuous:function(){let n=this;null!==n.timer&&(clearInterval(n.timer),n.timer=null)}}};const ay=ly;var dy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeContinuous:n.changeContinuous}},[n.hasTitle?t("div",{style:"color:"+n.useTitleTextColor+"; "+n.useTitleTextFontSize+";"},[n._v("\n        "+n._s(n.title)+"\n    ")]):n._e(),n._v(" "),n.enableContinuous?n._e():t("div",{style:"display:flex; align-items:center;"},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:"+n.height+"px;"},[t("div",{style:"background:"+n.useProgBackgroundColor+"; height:"+n.height+"px;"},[t("div",{style:"background:"+n.useProgColor+"; width:"+n.useProg+"%; height:"+n.height+"px;"})])]),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}},[n.enableIconWaiting&&"waiting"===n.status||n.enableIconFinish&&"finish"===n.status?t("WIcon",{attrs:{icon:"waiting"===n.status?n.iconWaiting:n.iconFinish,color:"waiting"===n.status?n.useIconWaitingColor:n.useIconFinishColor,colorHover:"waiting"===n.status?n.useIconWaitingColor:n.useIconFinishColor,size:n.iconSize}}):t("div",{style:"color:"+n.useValueTextColor+"; "+n.useValueTextFontSize+";"},[t("div",[n._v(n._s(n.useProg)+"%")])])],1)]),n._v(" "),n.enableContinuous?t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:"+n.height+"px;"},[t("div",{style:"position:relative; background:"+n.useProgBackgroundColor+"; height:"+n.height+"px;"},[t("div",{style:"position:absolute; transition:all "+(n.continuousFirst?0:n.continuousPeriod)+"ms linear; left:"+n.continuousShiftX+"%; top:0px; background:"+n.useProgColor+"; width:"+n.continuousWidth+"%; height:"+n.height+"px;"})])]):n._e()])};dy._withStripped=!0;const uy=t({render:dy,staticRenderFns:[]},function(n){n&&n("data-v-a175a682_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WProgressBar.vue"},media:void 0})},ay,"data-v-a175a682",false,void 0,!1,o,void 0,void 0);const sy={components:{WTooltip:Iu},props:{text:{type:String,default:""},value:{type:Number,default:0},color:{type:String,default:"rgba(100,100,100,0.8)"},trackColor:{type:String,default:"rgba(150,150,150,0.4)"},size:{type:Number,default:120},width:{type:Number,default:6},textColor:{type:String,default:"#666"},tooltip:{type:String,default:""},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)"}},data:function(){return{}},mounted:function(){},computed:{radius:function(){return this.size/2-this.width/2},sizeHalf:function(){return this.size/2},widthOuter:function(){return 1*this.width},widthInner:function(){return this.width},progSdAll:function(){return 2*Math.PI*this.radius},progSdNow:function(){let n=this.value;return n<0&&(n=0),n>100&&(n=100),(100-n)/100*this.progSdAll},valueStyle:function(){let n=this,e=n.size/5.4,t=(n.size-26)/94*.25+.75;return{color:n.useColor,"font-size":e+"pt",transform:`scale(${t})`}},textStyle:function(){let n=this.size/12;return{color:this.useTextColor,"font-size":n+"pt",transform:"scale(1.2)"}},useColor:function(){return wo(this.color)},useTrackColor:function(){return wo(this.trackColor)},useTextColor:function(){return wo(this.textColor)},hasTooltop:function(){return bn(this.tooltip)}},methods:{clickBtn:function(){let n=this;n.$nextTick(()=>{n.$emit("click")})}}};var cy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"}},[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; width:"+n.size+"px; height:"+n.size+"px;"},[t("svg",{style:"transform-origin:radius; transform:rotate(-90deg);",attrs:{width:n.size,height:n.size,viewPort:"0 0 "+n.size+" "+n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg"}},[t("circle",{attrs:{r:n.radius,cx:n.sizeHalf,cy:n.sizeHalf,fill:"transparent","stroke-dasharray":n.progSdAll,"stroke-dashoffset":0,stroke:n.useTrackColor,"stroke-width":n.widthOuter}}),n._v(" "),t("circle",{staticStyle:{transition:"all 0.6s ease-in-out"},attrs:{r:n.radius,cx:n.sizeHalf,cy:n.sizeHalf,fill:"transparent","stroke-dasharray":n.progSdAll,"stroke-dashoffset":n.progSdNow,stroke:n.useColor,"stroke-width":n.widthInner}})]),n._v(" "),t("div",{style:"position:absolute; top:50%; left:50%; width:"+n.size+"px; height:"+n.size+"px;"},[t("div",{staticStyle:{"text-align":"center",transform:"translate(-50%,-50%)"}},[t("div",{style:[n.valueStyle]},[n._v(n._s(n.value)+"%")]),n._v(" "),t("div",{style:[n.textStyle]},[n._v(n._s(n.text))])])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n            "+n._s(n.tooltip)+"\n        ")]},proxy:!0}])})],1)};cy._withStripped=!0;const py=t({render:cy,staticRenderFns:[]},function(n){n&&n("data-v-6b1a9a7c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WProgressCircle.vue"},media:void 0})},sy,"data-v-6b1a9a7c",false,void 0,!1,o,void 0,void 0);const fy={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.min.js","https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.min.css","base:w-quill-vue"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-quill-vue"];n.default&&(n=n.default),xr().component("w-quill-vue",n)}n.cmpName="w-quill-vue"})},computed:{},methods:{}};var gy=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};gy._withStripped=!0;const hy=t({render:gy,staticRenderFns:[]},function(n){n&&n("data-v-213166c6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WQuillVueDyn.vue"},media:void 0})},fy,"data-v-213166c6",false,void 0,!1,o,void 0,void 0);var my={components:{WPopup:vs},props:{items:{type:Array,default:()=>[]},width:{type:Number,default:230},height:{type:Number,default:600},paddingStyle:{type:Object,default:()=>({top:10,right:0,bottom:10,left:50})},keyValueStart:{type:String,default:"valueStart"},keyValueEnd:{type:String,default:"valueEnd"},keyText:{type:String,default:"text"},valueMin:{type:Number,default:null},valueMax:{type:Number,default:null},title:{type:String,default:""},titleColor:{type:String,default:"#444"},titleFontSize:{type:String,default:"1rem"},titleShift:{type:Number,default:null},alignStart:{type:String,default:"left"},alignEnd:{type:String,default:"right"},funFormatTickValue:{type:Function,default:null},axisColor:{type:String,default:"#666"},tickColor:{type:String,default:"#666"},tickSize:{type:Number,default:5},tickLabelColor:{type:String,default:"#666"},tickLabelFontSize:{type:String,default:"0.7rem"},segmentBackgroundType:{type:String,default:"color"},segmentBackgroundColor:{type:String,default:"#FFB74D"},funSegmentBackgroundColor:{type:Function,default:null},segmentBackgroundImage:{type:String,default:""},funSegmentBackgroundImage:{type:Function,default:null},segmentBackgroundImageSize:{type:String,default:"75%"},segmentBorderColor:{type:[String,Object],default:"#FB8C00"},funSegmentBorderColor:{type:Function,default:null},segmentSize:{type:Number,default:6},textWithPopup:{type:Boolean,default:!1},textFontSize:{type:String,default:"0.7rem"},textColor:{type:String,default:"#222"},textBackgroundColor:{type:String,default:"#ddd"},textTriangularSize:{type:Number,default:15},textTriangularRatio:{type:Number,default:1.5},textShift:{type:Number,default:null},textCanClick:{type:Boolean,default:!1},segmentCanClick:{type:Boolean,default:!1}},data:function(){return{}},computed:{paddingFormat:function(){return La(this.paddingStyle,{returnObj:!0})},paddingTop:function(){return mn(this,"paddingFormat.top",0)},paddingRight:function(){return mn(this,"paddingFormat.right",0)},paddingBottom:function(){return mn(this,"paddingFormat.bottom",0)},paddingLeft:function(){return mn(this,"paddingFormat.left",0)},plotWidth:function(){let n=this,e=n.width-n.paddingLeft-n.paddingRight;return e=Math.max(e,0),e},plotHeight:function(){let n=this,e=n.height-n.paddingTop-n.paddingBottom;return e=Math.max(e,0),e},useTextTriangularSizeHalf:function(){return this.textTriangularSize/this.textTriangularRatio},useAlignStart:function(){let n=this.alignStart;return"left"!==n&&"right"!==n&&(n="left"),n},useAlignEnd:function(){let n=this.alignEnd;return"left"!==n&&"right"!==n&&(n="right"),n},useItemsOri:function(){let n=this,e=[];return ke(n.items,(t,r)=>{let o=mn(t,n.keyValueStart,"");xn(o)||console.log(`value[${o}] at items[${r}].${n.keyValueStart} is not a number`),o=Et(o);let i=mn(t,n.keyValueEnd,"");xn(i)||console.log(`value[${i}] at items[${r}].${n.keyValueEnd} is not a number`),i=Et(i);let l=mn(t,n.keyText,"");bn(l)||(l=""),e.push({valueStart:o,valueEnd:i,text:l,data:t})}),e},vsve:function(){return[...Bt(this.useItemsOri,"valueStart"),...Bt(this.useItemsOri,"valueEnd")]},useValueMin:function(){let n=this;return Fo(n.valueMin)?n.valueMin:_u(n.vsve)},useValueMax:function(){let n=this;return Fo(n.valueMax)?n.valueMax:Mu(n.vsve)},userValueRange:function(){return this.useValueMax-this.useValueMin},useItems:function(){let n=this,e=[];return ke(n.useItemsOri,t=>{let r=t.valueStart;r=Math.min(Math.max(r,n.useValueMin),n.useValueMax);let o=t.valueEnd;o=Math.min(Math.max(o,n.useValueMin),n.useValueMax),e.push({...t,valueStart:r,valueEnd:o})}),e},useLabels:function(){let n=this,e=[];ke(n.useItems,t=>{e.push({value:t.valueStart,align:n.useAlignStart}),e.push({value:t.valueEnd,align:n.useAlignEnd})});let t={value:n.useValueMin,align:n.useAlignStart},r={value:n.useValueMax,align:n.useAlignEnd};e=[t,...e,r];let o=ug(e,"value"),i=[];return ke(o,(n,e)=>{if(1===So(n))i.push(n[0]);else{let t=ug(n,"align");if(t=ef(t),1===So(t))i.push(t[0][0]);else{let n={value:e,align:"left"};i.push(n)}}}),e=i,e},useLabelsLocs:function(){let n=this,e=Bt(n.useLabels,e=>{let t=n.convertValueToY(e.value),r=e.value;return Be(n.funFormatTickValue)&&(r=n.funFormatTickValue(e.value)),{y:t,align:e.align,label:r}});return e},useSamplesLocs:function(){let n=this,e=n.useValueMax-n.useValueMin,t=Bt(n.useItems,t=>{let r=(t.valueStart-n.useValueMin)/e*n.plotHeight,o=(t.valueEnd-n.useValueMin)/e*n.plotHeight;return{y:r,yc:(r+o)/2,height:o-r,text:t.text,data:t.data}});return t},useTitleColor:function(){return wo(this.titleColor)},useAxisColor:function(){return wo(this.axisColor)},useTickColor:function(){return wo(this.tickColor)},useTickLabelColor:function(){return wo(this.tickLabelColor)},useSegmentCursor:function(){return this.segmentCanClick?"cursor:pointer;":""},useTitleShift:function(){let n=this;return Fo(n.titleShift)?n.titleShift:12-n.paddingLeft},useTickOuter:function(){let n=this.tickSize;return n+=4,n},useTextShift:function(){let n=this;if(Fo(n.textShift))return n.textShift;let e=1+n.segmentSize/2;return"right"!==n.useAlignStart&&"right"!==n.useAlignEnd||(e+=n.paddingLeft),e},useTextWidthMax:function(){let n=this.plotWidth-this.useTextShift-14.4-1;return n=Math.max(n,0),n},useTextColor:function(){return wo(this.textColor)},useTextBackgroundColor:function(){return wo(this.textBackgroundColor)},useTextCursor:function(){return this.textWithPopup||this.textCanClick?"cursor:pointer;":""}},methods:{convertValueToY:function(n){let e=this;return(n-e.useValueMin)/e.userValueRange*e.plotHeight},getLabelShift:function(n){let e="";return"left"===n&&(e="-100% - "),`${e}${this.useTickOuter}px`},getSegmentBackground:function(n){let e=this,t="";if("color"===e.segmentBackgroundType)t=`background:${e.getSegmentBackgroundColor(n)};`;else{if("image"!==e.segmentBackgroundType)throw new Error(`segmentBackgroundType[${e.segmentBackgroundType}] need to set 'color' or 'image'`);{let r=e.segmentBackgroundImageSize;r=Ae(r,";",""),t=`background-image:url('${e.getSegmentBackgroundImage(n)}'); background-size:${r}; background-repeat:repeat;`}}return t},getSegmentBackgroundColor:function(n){let e=this,t=wo(e.segmentBackgroundColor);if(Be(e.funSegmentBackgroundColor)){let r=mn(e,`useItems.${n}.data`,{});t=e.funSegmentBackgroundColor(r)}return t},getSegmentBackgroundImage:function(n){let e=this,t=e.segmentBackgroundImage;if(Be(e.funSegmentBackgroundImage)){let r=mn(e,`useItems.${n}.data`,{});t=e.funSegmentBackgroundImage(r)}return t},getSegmentBorder:function(n){let e,t=this,r=e=>{let r=wo(e);if(Be(t.funSegmentBorderColor)){let e=mn(t,`useItems.${n}.data`,{});r=t.funSegmentBorderColor(e)}return r};if(vn(t.segmentBorderColor)){let n=za(t.segmentBorderColor,{def:"",type:"text"});e=`border-left:1px solid ${r(n.left)}; border-right:1px solid ${r(n.right)}; border-top:1px solid ${r(n.top)}; border-bottom:1px solid ${r(n.bottom)};`}else e=`border:1px solid ${r(t.segmentBorderColor)};`;return e},clickText:function(n,e){if(!this.textCanClick)return;let t={ev:n,item:e};this.$emit("click-text",t)},clickSegment:function(n,e){if(!this.segmentCanClick)return;let t={ev:n,item:e};this.$emit("click-segment",t)}}};const vy=my;var yy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"width:"+n.width+"px; height:"+n.height+"px; box-sizing:border-box;"},[t("div",{style:"padding:"+n.paddingTop+"px "+n.paddingRight+"px "+n.paddingBottom+"px "+n.paddingLeft+"px;"},[t("div",{style:"position:relative; width:"+n.plotWidth+"px; height:"+n.plotHeight+"px; border-left:1px solid "+n.useAxisColor+";"},[n.title?t("div",{style:"position:absolute; top:50%; left:0%; color:"+n.useTitleColor+"; font-size:"+n.titleFontSize+"; text-align:center; transform-origin:center; transform:translate(-50%,-50%) rotate(-90deg) translateY("+n.useTitleShift+"px);"},[t("div",[n._v(n._s(n.title))])]):n._e(),n._v(" "),n._l(n.useLabelsLocs,function(e,r){return t("div",{key:"label"+r,style:"position:absolute; top:"+e.y+"px; left:0px; transform:translate( calc( "+n.getLabelShift(e.align)+" ), -50% );"},[t("div",{style:"color:"+n.useTickLabelColor+"; font-size:"+n.tickLabelFontSize+";"},[n._v("\n                    "+n._s(e.label)+"\n                ")])])}),n._v(" "),n._l(n.useLabelsLocs,function(e,r){return t("div",{key:"tick"+r,style:"position:absolute; top:"+e.y+"px; left:-"+n.tickSize+"px;"},[t("div",{style:"width:"+(2*n.tickSize+1)+"px; border-top:1px solid "+n.useTickColor+";"})])}),n._v(" "),n._l(n.useSamplesLocs,function(e,r){return t("div",{key:"sample-block"+r,style:"position:absolute; top:"+e.y+"px; left:-"+n.segmentSize/2+"px; width:"+n.segmentSize+"px; height:"+e.height+"px; "+n.getSegmentBackground(r)+" "+n.getSegmentBorder(r)+" "+n.useSegmentCursor,on:{click:function(t){n.clickSegment(t,e.data)}}})}),n._v(" "),t("div",{style:"position:absolute; top:0px; left:0px; transform:translateX(-"+n.paddingLeft+"px);"},[n._t("support-left",null,{convertValueToY:n.convertValueToY})],2),n._v(" "),t("div",{style:"position:absolute; top:0px; left:"+n.useTickOuter+"px;"},[n._t("support-right",null,{convertValueToY:n.convertValueToY})],2),n._v(" "),n._l(n.useSamplesLocs,function(e,r){return t("div",{key:"sample-text"+r,style:"position:absolute; top:"+e.yc+"px; left:"+n.useTextShift+"px;"},[t("div",{staticStyle:{position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"-50%",left:"0px",height:"100%"}},[t("div",{staticStyle:{display:"flex","align-items":"center",height:"100%"}},[n._t("text",function(){return[n.textWithPopup?[t("div",{style:"display:flex;"},[t("WPopup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"display:flex; "+n.useTextCursor,on:{click:function(t){n.clickText(t,e.data)}}},[t("div",{style:"width:0; height:0; border-top:"+n.useTextTriangularSizeHalf+"px solid transparent; border-right:"+n.useTextTriangularSizeHalf*n.textTriangularRatio+"px solid "+n.useTextBackgroundColor+"; border-bottom:"+n.useTextTriangularSizeHalf+"px solid transparent;"}),n._v(" "),t("div",{style:"padding-right:5px; max-width:"+n.useTextWidthMax+"px; box-sizing:border-box; background:"+n.useTextBackgroundColor+";"},[t("div",{style:"height:100%; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useTextColor+"; font-size:"+n.textFontSize+"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;",attrs:{title:e.text}},[n._v("\n                                                                "+n._s(e.text)+"\n                                                            ")])])])])]},proxy:!0},{key:"content",fn:function(){return[n._t("text-popup",null,{item:e.data,index:r})]},proxy:!0}],null,!0)})],1)]:[t("div",{style:"display:flex; "+n.useTextCursor,on:{click:function(t){n.clickText(t,e.data)}}},[t("div",{style:"width:0; height:0; border-top:"+n.useTextTriangularSizeHalf+"px solid transparent; border-right:"+n.useTextTriangularSizeHalf*n.textTriangularRatio+"px solid "+n.useTextBackgroundColor+"; border-bottom:"+n.useTextTriangularSizeHalf+"px solid transparent;"}),n._v(" "),t("div",{style:"padding-right:5px; max-width:"+n.useTextWidthMax+"px; box-sizing:border-box; background:"+n.useTextBackgroundColor+";"},[t("div",{style:"height:100%; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useTextColor+"; font-size:"+n.textFontSize+"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;",attrs:{title:e.text}},[n._v("\n                                                    "+n._s(e.text)+"\n                                                ")])])])])]]},{item:e.data,index:r})],2)])])])})],2)])])};yy._withStripped=!0;const by=t({render:yy,staticRenderFns:[]},function(n){n&&n("data-v-748005d6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WSegmentsVertical.vue"},media:void 0})},vy,"data-v-748005d6",false,void 0,!1,o,void 0,void 0);var Cy={props:{value:{type:[Boolean,String],default:!1},text:{type:String,default:""},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textFontSize:{type:String,default:"0.85rem"},switchSize:{type:Number,default:24},checkedSwitchCircleColor:{type:String,default:"blue darken-3"},checkedSwitchCircleColorHover:{type:String,default:"blue darken-2"},checkedSwitchCircleColorDisabled:{type:String,default:"grey"},uncheckedSwitchCircleColor:{type:String,default:"#fafafa"},uncheckedSwitchCircleColorHover:{type:String,default:"#fff"},uncheckedSwitchCircleColorDisabled:{type:String,default:"#bababa"},checkedSwitchBarColor:{type:String,default:"#74a4d9"},checkedSwitchBarColorHover:{type:String,default:"#8bb3df"},checkedSwitchBarColorDisabled:{type:String,default:"#ececec"},uncheckedSwitchBarColor:{type:String,default:"#c5c5c5"},uncheckedSwitchBarColorHover:{type:String,default:"#ccc"},uncheckedSwitchBarColorDisabled:{type:String,default:"#ececec"},editable:{type:Boolean,default:!0}},data:function(){return{hoverTrans:!1,dh:4,b:!1}},computed:{changeParam:function(){let n=this,e=n.value;return kn(e)?n.b=e:n.b="y"===e,""},heightCir:function(){return this.switchSize-this.dh},widthCir:function(){return this.heightCir},heightBar:function(){return this.switchSize/24*14},widthBar:function(){return this.switchSize/24*36},heightToogle:function(){return Math.max(this.heightCir,this.heightBar)},effTextColor:function(){return wo(this.textColor)},effTextColorHover:function(){return wo(this.textColorHover)},useTextColor:function(){let n,e=this;return e.editable?(n=e.hoverTrans?e.effTextColorHover:e.effTextColor,n):e.effTextColor},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},effCheckedSwitchCircleColor:function(){return wo(this.checkedSwitchCircleColor)},effCheckedSwitchCircleColorHover:function(){return wo(this.checkedSwitchCircleColorHover)},effCheckedSwitchCircleColorDisabled:function(){return wo(this.checkedSwitchCircleColorDisabled)},useCheckedSwitchCircleColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedSwitchCircleColorHover:n.effCheckedSwitchCircleColor:n.effCheckedSwitchCircleColorDisabled},effUncheckedSwitchCircleColor:function(){return wo(this.uncheckedSwitchCircleColor)},effUncheckedSwitchCircleColorHover:function(){return wo(this.uncheckedSwitchCircleColorHover)},effUncheckedSwitchCircleColorDisabled:function(){return wo(this.uncheckedSwitchCircleColorDisabled)},useUncheckedSwitchCircleColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedSwitchCircleColorHover:n.effUncheckedSwitchCircleColor:n.effUncheckedSwitchCircleColorDisabled},useSwitchCircleColor:function(){let n=this;return n.b?n.useCheckedSwitchCircleColor:n.useUncheckedSwitchCircleColor},effCheckedSwitchBarColor:function(){return wo(this.checkedSwitchBarColor)},effCheckedSwitchBarColorHover:function(){return wo(this.checkedSwitchBarColorHover)},effCheckedSwitchBarColorDisabled:function(){return wo(this.checkedSwitchBarColorDisabled)},useCheckedSwitchBarColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedSwitchBarColorHover:n.effCheckedSwitchBarColor:n.effCheckedSwitchBarColorDisabled},effUncheckedSwitchBarColor:function(){return wo(this.uncheckedSwitchBarColor)},effUncheckedSwitchBarColorHover:function(){return wo(this.uncheckedSwitchBarColorHover)},effUncheckedSwitchBarColorDisabled:function(){return wo(this.uncheckedSwitchBarColorDisabled)},useUncheckedSwitchBarColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedSwitchBarColorHover:n.effUncheckedSwitchBarColor:n.effUncheckedSwitchBarColorDisabled},useSwitchBarColor:function(){let n=this;return n.b?n.useCheckedSwitchBarColor:n.useUncheckedSwitchBarColor}},methods:{toogleValue:function(){let n=this;if(!n.editable)return;let e=n.b;e=!e;let t=null;kn(n.value)?(t=!1,e&&(t=!0)):(t="n",e&&(t="y")),n.$nextTick(()=>{n.$emit("input",t)})}}};const xy=Cy;var Sy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; "+(n.editable?"cursor:pointer;":""),attrs:{changeParam:n.changeParam},on:{click:n.toogleValue,mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{style:"width:"+n.widthBar+"px; height:"+n.heightToogle+"px;"},[t("div",{style:"position:relative;"},[t("div",{staticClass:"ts",style:"position:absolute; top:"+(1+(n.heightToogle-n.heightBar)/2)+"px; left:0px; width:"+n.widthBar+"px; height:"+n.heightBar+"px; border-radius:8px; background:"+n.useSwitchBarColor+";"}),n._v(" "),t("div",{staticClass:"ts bs",style:"position:absolute; top:"+(1+(n.heightToogle-n.heightCir)/2)+"px; left:"+(n.b?n.widthBar-n.widthCir:0)+"px; width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; background:"+n.useSwitchCircleColor+";"})])]),n._v(" "),""!==n.text?t("div",{staticClass:"ts",style:"text-transform:none; padding-left:5px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._t("text",function(){return[n._v("\n                "+n._s(n.text)+"\n            ")]},{text:n.text})],2):n._e()])])};Sy._withStripped=!0;const Iy=t({render:Sy,staticRenderFns:[]},function(n){n&&n("data-v-1f87a8f2_0",{source:"\n.ts[data-v-1f87a8f2] {\r\n    transition:all 0.3s;\n}\n.bs[data-v-1f87a8f2] {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WSwitch.vue"],names:[],mappings:";AA0XA;IACA,mBAAA;AACA;AACA;IACA,kHAAA;AACA",file:"WSwitch.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`display:inline-block; ${editable?'cursor:pointer;':''}`\"\r\n        :changeParam=\"changeParam\"\r\n        @click=\"toogleValue\"\r\n        @mouseenter=\"hoverTrans=true;$emit('mouseenter',$event)\"\r\n        @mouseleave=\"hoverTrans=false;$emit('mouseleave',$event)\"\r\n    >\r\n\r\n        <div style=\"display:flex; align-items:center;\">\r\n\r\n            <div :style=\"`width:${widthBar}px; height:${heightToogle}px;`\">\r\n                <div :style=\"`position:relative;`\">\r\n\r\n                    \x3c!-- 文字會稍微偏下故top+1 --\x3e\r\n                    <div class=\"ts\" :style=\"`position:absolute; top:${1+(heightToogle-heightBar)/2}px; left:0px; width:${widthBar}px; height:${heightBar}px; border-radius:8px; background:${useSwitchBarColor};`\">\r\n                    </div>\r\n\r\n                    \x3c!-- 文字會稍微偏下故top+1 --\x3e\r\n                    <div class=\"ts bs\" :style=\"`position:absolute; top:${1+(heightToogle-heightCir)/2}px; left:${ b ? widthBar-widthCir : 0 }px; width:${widthCir}px; height:${heightCir}px; border-radius:50%; background:${useSwitchCircleColor};`\">\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"ts\" :style=\"`text-transform:none; padding-left:5px; color:${useTextColor}; ${useTextFontSize}`\" v-if=\"text!==''\">\r\n                <slot\r\n                    name=\"text\"\r\n                    :text=\"text\"\r\n                >\r\n                    {{text}}\r\n                </slot>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport isbol from 'wsemi/src/isbol.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean|String} [value=false] 輸入是否狀態的布林值或字串，可接受true或false，或是'y'或'n'，預設false\r\n * @vue-prop {String} [text=''] 輸入文字字串，預設''\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} [textFontSize='0.85rem'] 輸入文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {Number} [switchSize=24] 輸入切換器大小，單位為px，預設24\r\n * @vue-prop {String} [checkedSwitchCircleColor='blue darken-3'] 輸入可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'blue darken-3'\r\n * @vue-prop {String} [checkedSwitchCircleColorHover='blue darken-2'] 輸入滑鼠移入時可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'blue darken-2'\r\n * @vue-prop {String} [checkedSwitchCircleColorDisabled='grey'] 輸入不可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'grey'\r\n * @vue-prop {String} [uncheckedSwitchCircleColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#8ad'\r\n * @vue-prop {String} [uncheckedSwitchCircleColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#9bd'\r\n * @vue-prop {String} [uncheckedSwitchCircleColorDisabled='#bababa'] 輸入不可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#bababa'\r\n * @vue-prop {String} [checkedSwitchBarColor='#74a4d9'] 輸入可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [checkedSwitchBarColorHover='#8bb3df'] 輸入滑鼠移入時可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#8bb3df'\r\n * @vue-prop {String} [checkedSwitchBarColorDisabled='grey'] 輸入不可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'grey'\r\n * @vue-prop {String} [uncheckedSwitchBarColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#8ad'\r\n * @vue-prop {String} [uncheckedSwitchBarColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#9bd'\r\n * @vue-prop {String} [uncheckedSwitchBarColorDisabled='#ececec'] 輸入不可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#ececec'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    props: {\r\n        value: {\r\n            type: [Boolean, String],\r\n            default: false,\r\n        },\r\n        text: {\r\n            type: String,\r\n            default: '',\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        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        switchSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        checkedSwitchCircleColor: {\r\n            type: String,\r\n            default: 'blue darken-3',\r\n        },\r\n        checkedSwitchCircleColorHover: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        checkedSwitchCircleColorDisabled: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        uncheckedSwitchCircleColor: {\r\n            type: String,\r\n            default: '#fafafa',\r\n        },\r\n        uncheckedSwitchCircleColorHover: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        uncheckedSwitchCircleColorDisabled: {\r\n            type: String,\r\n            default: '#bababa',\r\n        },\r\n        checkedSwitchBarColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        checkedSwitchBarColorHover: {\r\n            type: String,\r\n            default: '#8bb3df',\r\n        },\r\n        checkedSwitchBarColorDisabled: {\r\n            type: String,\r\n            default: '#ececec',\r\n        },\r\n        uncheckedSwitchBarColor: {\r\n            type: String,\r\n            default: '#c5c5c5',\r\n        },\r\n        uncheckedSwitchBarColorHover: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        uncheckedSwitchBarColorDisabled: {\r\n            type: String,\r\n            default: '#ececec',\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            hoverTrans: false,\r\n\r\n            dh: 4,\r\n\r\n            b: false,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //value for trigger\r\n            let value = vo.value\r\n\r\n            //b\r\n            if (isbol(value)) {\r\n                vo.b = value\r\n            }\r\n            else {\r\n                vo.b = (value === 'y')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        heightCir: function() { // heightCir: 20,\r\n            let vo = this\r\n            return vo.switchSize - vo.dh\r\n        },\r\n\r\n        widthCir: function() { // widthCir: 20,\r\n            let vo = this\r\n            return vo.heightCir\r\n        },\r\n\r\n        heightBar: function() { // heightBar: 14,\r\n            let vo = this\r\n            return vo.switchSize / 24 * 14\r\n        },\r\n\r\n        widthBar: function() { // widthBar: 36,\r\n            let vo = this\r\n            return vo.switchSize / 24 * 36\r\n        },\r\n\r\n        heightToogle: function() {\r\n            let vo = this\r\n            return Math.max(vo.heightCir, vo.heightBar)\r\n        },\r\n\r\n        effTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColor)\r\n        },\r\n\r\n        effTextColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorHover)\r\n        },\r\n\r\n        useTextColor: function() {\r\n            let vo = this\r\n            let r\r\n            if (!vo.editable) {\r\n                return vo.effTextColor\r\n            }\r\n            r = vo.hoverTrans ? vo.effTextColorHover : vo.effTextColor\r\n            return r\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        effCheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColor)\r\n        },\r\n\r\n        effCheckedSwitchCircleColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColorHover)\r\n        },\r\n\r\n        effCheckedSwitchCircleColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColorDisabled)\r\n        },\r\n\r\n        useCheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effCheckedSwitchCircleColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effCheckedSwitchCircleColorHover : vo.effCheckedSwitchCircleColor\r\n        },\r\n\r\n        effUncheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColor)\r\n        },\r\n\r\n        effUncheckedSwitchCircleColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColorHover)\r\n        },\r\n\r\n        effUncheckedSwitchCircleColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColorDisabled)\r\n        },\r\n\r\n        useUncheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effUncheckedSwitchCircleColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effUncheckedSwitchCircleColorHover : vo.effUncheckedSwitchCircleColor\r\n        },\r\n\r\n        useSwitchCircleColor: function() {\r\n            let vo = this\r\n            return vo.b ? vo.useCheckedSwitchCircleColor : vo.useUncheckedSwitchCircleColor\r\n        },\r\n\r\n        effCheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColor)\r\n        },\r\n\r\n        effCheckedSwitchBarColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColorHover)\r\n        },\r\n\r\n        effCheckedSwitchBarColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColorDisabled)\r\n        },\r\n\r\n        useCheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effCheckedSwitchBarColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effCheckedSwitchBarColorHover : vo.effCheckedSwitchBarColor\r\n        },\r\n\r\n        effUncheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColor)\r\n        },\r\n\r\n        effUncheckedSwitchBarColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColorHover)\r\n        },\r\n\r\n        effUncheckedSwitchBarColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColorDisabled)\r\n        },\r\n\r\n        useUncheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effUncheckedSwitchBarColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effUncheckedSwitchBarColorHover : vo.effUncheckedSwitchBarColor\r\n        },\r\n\r\n        useSwitchBarColor: function() {\r\n            let vo = this\r\n            return vo.b ? vo.useCheckedSwitchBarColor : vo.useUncheckedSwitchBarColor\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        toogleValue: function () {\r\n            // console.log('methods toogleValue')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //toogle\r\n            let b = vo.b\r\n            b = !b\r\n\r\n            //value\r\n            let value = null\r\n            if (isbol(vo.value)) {\r\n                value = false\r\n                if (b) {\r\n                    value = true\r\n                }\r\n            }\r\n            else {\r\n                value = 'n'\r\n                if (b) {\r\n                    value = 'y'\r\n                }\r\n            }\r\n\r\n            //nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s;\r\n}\r\n.bs {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\r\n}\r\n</style>\r\n"]},media:void 0})},xy,"data-v-1f87a8f2",false,void 0,!1,o,void 0,void 0);function wy(n,e){return function(n,e,t){for(var r=-1,o=n.length,i=e.length,l={};++r<o;){var a=r<i?e[r]:void 0;t(l,n[r],a)}return l}(n||[],e||[],bi)}function ky(n,e=""){if(!Ya(n))return{};if(Ya(e))return So(n)===So(e)?wy(n,e):{};let t=[];for(let r=0;r<So(n);r++)t.push(qi(e));return wy(n,t)}function Ty(n,e,t=""){if(!Ya(n))return[];if(!Ya(e))return[];let r=Bt(n,n=>function(n,e,t=""){if(!Ya(e))return{};let r={};return ke(e,function(e){r[e]=mn(n,e,t)}),r}(n,e,t));return r}const By={directives:{domresize:ol()},components:{WButtonCircle:Fu,WPopup:vs,WText:rc,WButtonChip:Bu,WAggridVueDyn:Wo},props:{pathItems:{type:Array},language:{type:String,default:"en"},enableInfor:{type:Boolean,default:!0},name:{type:String,default:""},description:{type:String,default:""},inforPaddingStyle:{type:Object,default:()=>({v:0,h:0})},enableMenu:{type:Boolean,default:!0},menuPaddingStyle:{type:Object,default:()=>({v:3,h:3})},menuBackgroundColor:{type:String,default:"transparent"},sortColIds:{type:[String,Array],default:""},hideIds:{type:[String,Array],default:""},fixIds:{type:[String,Array],default:""},checkId:{type:String,default:""},removeIdsWhenDownload:{type:[String,Array],default:""},funGetLtdtHookWhenDownload:{type:Function,default:null},funGetMatHookWhenDownload:{type:Function,default:null},enableHeadWhenDownload:{type:Boolean,default:!1},fileNameWhenDownload:{type:String,default:"data.xlsx"},sheetNameWhenDownload:{type:String,default:"data"},editable:{type:Boolean,default:!1},textLabelDataName:{type:String,default:"Data name:"},textPlaceholderDataName:{type:String,default:"Please enter data name"},textLabelDataDescription:{type:String,default:"Data description:"},textPlaceholderDataDescription:{type:String,default:"Please enter data description"},tooltipAddRow:{type:String,default:"add new row"},tooltipDeleteSelectedRows:{type:String,default:"delete selected rows"},tooltipDownloadExcelFile:{type:String,default:"download data to Excel file"},tooltipDownloadExcelFileForDisplay:{type:String,default:"download filtered data to Excel file"},tooltipUploadExcelFile:{type:String,default:"upload data to Excel file"},successMsgFromAddRow:{type:String,default:"add row successfully"},errorMsgFromAddRow:{type:String,default:"can not add row"},errorMsgFromRemoveRow:{type:String,default:"can not remove selected rows"},successMsgFromUploadData:{type:String,default:"upload data successfully"},errorMsgFromUploadData:{type:String,default:"can not upload data"},errorMsgFromUploadEmptyData:{type:String,default:"no effective data"},successMsgFromDownloadData:{type:String,default:"download data successfully"},errorMsgFromDownloadData:{type:String,default:"can not download data"},errorMsgFromNoName:{type:String,default:"no data name"},errorMsgFromNoData:{type:String,default:"no data"},uploadModeTitle:{type:String,default:"Choose mode of upload:"},uploadModeTextForReplace:{type:String,default:"Replace"},uploadModeTextForAppend:{type:String,default:"Append"},opt:{type:Object,default:null}},data:function(){return{mdiDownload:"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z",mdiMonitorArrowDown:"M21 16H3V4H21M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H8V22H16V20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2M16 10H13V6H11V10H8L12 14L16 10",mdiUpload:"M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z",mdiDeleteForever:"M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8.46,11.88L9.87,10.47L12,12.59L14.12,10.47L15.53,11.88L13.41,14L15.53,16.12L14.12,17.53L12,15.41L9.88,17.53L8.47,16.12L10.59,14L8.46,11.88M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z",mdiTextBoxPlusOutline:"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z",tableHeight:1,showPickUploadMode:!1,paramsTemp:null,nameTrans:"",descriptionTrans:"",rowsSelect:[],useOpt:null,nameTemp:"",descriptionTemp:"",rowsTemp:[],isFilter:!1}},computed:{changeParamsForInfor:function(){let n=this,e=n.name,t=n.description;return n.nameTrans=Mt(n.name),n.descriptionTrans=Mt(n.description),n.nameTemp=Mt(n.name),n.descriptionTemp=Mt(n.description),n.___changeParamsForInfor___={name:e,description:t},""},changeParamsForTable:function(){let n=this,e={rows:mn(n,"opt.rows"),hideIds:n.hideIds,fixIds:n.fixIds,checkId:n.checkId,editable:n.editable};return Fs(n.paramsTemp,e)||(n.genOpt(),n.paramsTemp=qi(e)),""},kpUploadModeItems:function(){return{replace:this.uploadModeTextForReplace,append:this.uploadModeTextForAppend}},useKeys:function(){let n=this,e=[];return Ya(mn(n,"opt.keys"))?e=mn(n,"opt.keys"):Ya(mn(n,"opt.rows"))&&(e=Ce(mn(n,"rows.0",{}))),e},useKpHead:function(){let n,e=this;return qo(mn(e,"opt.kpHead"))?n=mn(e,"opt.kpHead"):(n={},ke(e.useKeys,e=>{n[e]=e})),n},hasEffRows:function(){return So(mn(this,"useOpt.rows",[]))>0},hasEffUseOpt:function(){return null!==this.useOpt},hasEffNameAndDesp:function(){return""!==this.nameTrans||""!==this.descriptionTrans},hasEffLabelNameAndDesp:function(){return""!==this.textLabelDataName||""!==this.textLabelDataDescription},useInforPadding:function(){return`padding:${La(this.inforPaddingStyle)};`},useMenuPaddingStyle:function(){return`padding:${La(this.menuPaddingStyle)};`},useMenuBackgroundColor:function(){return wo(this.menuBackgroundColor)}},methods:{domresize:function(n){let e=this,t=0,r=mn(e,"$el.offsetHeight",0),o=mn(e,"$refs.menu.offsetHeight");r>0&&o>0&&(t=r-o),t=Math.max(t,200),e.tableHeight=t},default:function(){let n=this;n.tableHeight=200,n.rowsSelect=[],n.useOpt=null,n.rowsTemp=[]},genOpt:function(){let n=this;if(0===So(n.useKeys))return void n.default();let e=null;if(e=Te(mn(n,"opt.rows"))?qi(mn(n,"opt.rows")):[ky(n.useKeys)],bn(n.sortColIds))try{e=Jo(e,n.sortColIds)}catch(n){console.log(n)}else Ya(n.sortColIds)&&ke(n.sortColIds,n=>{try{e=Jo(e,n)}catch(n){console.log(n)}});n.rowsTemp=qi(e);let t={defCellAlighH:"left",...n.opt,language:n.language,rows:e,keys:n.useKeys,defCellEditable:n.editable,kpHead:n.useKpHead,rowChecked:function(e){n.rowsSelect=e,Be(mn(n.opt,"rowChecked"))&&n.opt.rowChecked(e)},filterChange:function(e){let t=mn(e,"isFilter",!1);n.isFilter=t,Be(mn(n.opt,"filterChange"))&&n.opt.filterChange(e)}};if(bn(n.hideIds)?t.kpHeadHide=ky([n.hideIds],!0):Ya(n.hideIds)&&(t.kpHeadHide=ky(n.hideIds,!0)),bn(n.fixIds)?t.kpHeadFixLeft=ky([n.fixIds],!0):Ya(n.fixIds)&&(t.kpHeadFixLeft=ky(n.fixIds,!0)),n.editable&&bn(n.checkId)&&(t.kpHeadCheckBox=ky([n.checkId],!0)),qo(n.opt)){ke(qi(n.opt),(n,e)=>{"keys"!==e&&"rows"!==e&&"kpHead"!==e&&"editable"!==e&&(t[e]=n)})}n.useOpt=t},addRow:function(){let n=this;if(0===So(n.useKeys))return n.default(),void n.$emit("error",n.errorMsgFromAddRow);let e=ky(n.useKeys);e.id=Qo(),Be(mn(n,"opt.beforeAddRow"))&&(e=n.opt.beforeAddRow(e));try{let t=qi(n.useOpt.rows);t.push(e),n.useOpt.rows=t,n.$nextTick(()=>{let e=mn(n,"$refs.cmp.$refs.$self.getApi");if(Be(e)){e().ensureIndexVisible(n.useOpt.rows.length-1,"bottom")}}),n.$emit("success",n.successMsgFromAddRow)}catch(e){console.log(e),n.$emit("error",n.errorMsgFromAddRow)}},removeRows:function(){let n=this,e=mn(n,"useOpt.rows",[]);if(e=qi(e),0===So(e))return;let t=Bt(n.rowsSelect,"rowInd");if(0!==So(t)){e=function(n,e){if(!Ya(n))return[];if(rr(e)&&(e=[e]),!Ya(e))return n;e=Bt(e,n=>tr(n));let t=qi(n);return Sg(t,e),t}(e,t);try{n.useOpt.rows=e}catch(e){n.$emit("error",n.errorMsgFromRemoveRow)}n.rowsSelect=[]}},downloadData:function(n="raw"){let e=this;try{let t="";if("raw"===n)t="downloadData";else{if("display"!==n)throw new Error(`invlaid mode[${n}]`);t="downloadDisplayData"}let r=mn(e,`$refs.cmp.$refs.$self.${t}`);if(!Be(r))return;r({funGetKeysHook:n=>(bn(e.removeIdsWhenDownload)?Qa(n,e.removeIdsWhenDownload):Ya(e.removeIdsWhenDownload)&&Qa(n,...e.removeIdsWhenDownload),n),funGetLtdtHook:e.funGetLtdtHookWhenDownload,funGetMatHook:e.funGetMatHookWhenDownload,useHead:e.enableHeadWhenDownload,fileName:e.fileNameWhenDownload,sheetName:e.sheetNameWhenDownload,pathItems:null}),e.$emit("success",e.successMsgFromDownloadData)}catch(n){e.$emit("error",e.errorMsgFromDownloadData)}},uploadData:function(n){let e=this,t=mn(e,"$refs.cmp.$refs.$self.uploadData");if(!Be(t))return;let r=mn(e,"opt.optForUploadData");vn(r)||(r={}),bn(mn(r,"uploadMode"))||(r.uploadMode=n),Be(mn(r,"beforeUpload"))||(r.beforeUpload=n=>{let e=[];return ke(n,n=>{eh(n,n=>""===n)||e.push(n)}),e}),t(r).then(n=>{0===So(n)?e.$emit("error",e.errorMsgFromUploadEmptyData):e.$emit("success",e.successMsgFromUploadData),e.rowsSelect=[]}).catch(n=>{console.log("catch",n),e.$emit("error",e.errorMsgFromUploadData)})},save:function(){let n,e=this;try{n=function(){let n=Mt(e.nameTrans),t=Mt(e.descriptionTrans);if(!bn(n))return{err:e.errorMsgFromNoName};let r=mn(e,"useOpt.rows",[]);r=Ty(r,e.useKeys),Be(mn(e,"opt.modifyDataWhenSave"))&&(r=e.opt.modifyDataWhenSave(r));let o=mn(e,"opt.checkNoDataWhenSave");return kn(o)||(o=!1),o&&0===r.length?{err:e.errorMsgFromNoData}:{name:n,nameTemp:e.nameTrans,description:t,descriptionTemp:e.descriptionTemp,rows:qi(r),rowsTemp:qi(e.rowsTemp)}}()}catch(e){n={err:e}}return n}}};var Hy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParamsForInfor:n.changeParamsForInfor,changeParamsForTable:n.changeParamsForTable}},[n.hasEffUseOpt?[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"menu",on:{domresize:n.domresize}},[n.editable?[n.enableInfor?t("div",{style:""+n.useInforPadding},[t("table",{staticStyle:{width:"100%"}},[t("tbody",[t("tr",[t("td",{style:(n.hasEffLabelNameAndDesp?"padding-right:5px;":"")+" vertical-align:middle; opacity:0.8; font-size:0.8rem; white-space:nowrap;"},[n._v(n._s(n.textLabelDataName))]),n._v(" "),t("td",{staticStyle:{width:"100%","vertical-align":"middle"}},[t("WText",{staticStyle:{width:"100%"},attrs:{placeholder:n.textPlaceholderDataName},model:{value:n.nameTrans,callback:function(e){n.nameTrans=e},expression:"nameTrans"}})],1)]),n._v(" "),t("tr",[t("td",{style:(n.hasEffLabelNameAndDesp?"padding-right:5px;":"")+" vertical-align:middle; opacity:0.8; font-size:0.8rem; white-space:nowrap;"},[n._v(n._s(n.textLabelDataDescription))]),n._v(" "),t("td",{staticStyle:{width:"100%","vertical-align":"middle"}},[t("WText",{staticStyle:{width:"100%"},attrs:{placeholder:n.textPlaceholderDataDescription},model:{value:n.descriptionTrans,callback:function(e){n.descriptionTrans=e},expression:"descriptionTrans"}})],1)])])])]):n._e(),n._v(" "),n.enableMenu?t("div",{style:n.useMenuPaddingStyle+" background:"+n.useMenuBackgroundColor+";"},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("btns-left",null,{editable:n.editable}),n._v(" "),t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiTextBoxPlusOutline,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipAddRow},on:{click:n.addRow}}),n._v(" "),n.rowsSelect.length>0?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDeleteForever,iconColor:"#f26",backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDeleteSelectedRows},on:{click:n.removeRows}}):n._e(),n._v(" "),n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDownload,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDownloadExcelFile},on:{click:function(e){return n.downloadData("raw")}}}):n._e(),n._v(" "),n.isFilter&&n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiMonitorArrowDown,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDownloadExcelFileForDisplay},on:{click:function(e){return n.downloadData("display")}}}):n._e(),n._v(" "),t("WPopup",{scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiUpload,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipUploadExcelFile},on:{click:function(e){n.showPickUploadMode=!0}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px","font-size":"0.8rem",color:"#666",background:"#eee"}},[n._v("\n                                    "+n._s(n.uploadModeTitle)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{padding:"15px"}},[t("WButtonChip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.kpUploadModeItems.replace,backgroundColor:"white",backgroundColorHover:"#f6f6f6"},on:{click:function(e){n.showPickUploadMode=!1,n.uploadData("replace")}}}),n._v(" "),t("WButtonChip",{attrs:{_style:"margin:5px;",text:n.kpUploadModeItems.append,backgroundColor:"white",backgroundColorHover:"#f6f6f6"},on:{click:function(e){n.showPickUploadMode=!1,n.uploadData("append")}}})],1)]},proxy:!0}],null,!1,2771795469),model:{value:n.showPickUploadMode,callback:function(e){n.showPickUploadMode=e},expression:"showPickUploadMode"}}),n._v(" "),n._t("btns-right",null,{editable:n.editable})],2)]):n._e()]:[t("div",{style:"display:flex; align-items:center;"},[n.enableMenu?t("div",{style:n.useMenuPaddingStyle+" background:"+n.useMenuBackgroundColor+";"},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("btns-left",null,{editable:n.editable}),n._v(" "),n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDownload,tooltip:n.tooltipDownloadExcelFile,backgroundColor:"white",backgroundColorHover:"white"},on:{click:function(e){return n.downloadData("raw")}}}):n._e(),n._v(" "),n.isFilter&&n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiMonitorArrowDown,tooltip:n.tooltipDownloadExcelFileForDisplay,backgroundColor:"white",backgroundColorHover:"white"},on:{click:function(e){return n.downloadData("display")}}}):n._e(),n._v(" "),n._t("btns-right",null,{editable:n.editable})],2)]):n._e(),n._v(" "),n.enableInfor?t("div",{style:""+n.useInforPadding},[n._t("infor",function(){return[t("div",{style:"display:inline-block; "+(n.hasEffNameAndDesp?"margin-left:5px;":"")},[t("div",{staticStyle:{"font-size":"1.0rem"}},[n._v("\n                                    "+n._s(n.nameTrans)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",opacity:"0.8"}},[n._v("\n                                    "+n._s(n.descriptionTrans)+"\n                                ")])])]},{infor:{name:n.nameTrans,description:n.descriptionTrans}})],2):n._e()])]],2),n._v(" "),t("WAggridVueDyn",{ref:"cmp",attrs:{pathItems:n.pathItems,height:n.tableHeight,opt:n.useOpt}})]:n._e()],2)};Hy._withStripped=!0;const Ay=t({render:Hy,staticRenderFns:[]},function(n){n&&n("data-v-0470c5b6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTableDyn.vue"},media:void 0})},By,"data-v-0470c5b6",false,void 0,!1,o,void 0,void 0);var Wy={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 xn(n.height)?e=`height:${n.height}px;`:bn(n.height)&&(e=`height:${n.height};`),e},useOverflow:function(){let n="overflow:hidden;";return bn(this.useHeight)&&(n="overflow:auto;"),n},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)}},methods:{updateHeight:function(){let n=this;bn(n.useHeight)||sr(()=>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 Fy=Wy;var Zy=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)}}})])};Zy._withStripped=!0;const Xy=t({render:Zy,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})},Fy,"data-v-a4a195ac",false,void 0,!1,o,void 0,void 0);const Ry={components:{WShellEllipse:_s,WShellBottomLine:Os,WTextareaCore:Xy},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 Vy=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,r){n.$emit("select",e,t,r)},blur:function(e,t,r){n.$emit("blur",e,t,r)},enter:function(e,t,r){n.$emit("enter",e,t,r)},input:function(e,t,r){n.$emit("input",e,t,r)},change:function(e,t,r){n.$emit("change",e,t,r)}}})],1)],1)],1)};Vy._withStripped=!0;const Py=t({render:Vy,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})},Ry,"data-v-54b875e6",false,void 0,!1,o,void 0,void 0);const zy={components:{WShellEllipse:_s,WTextCore:nc},props:{width:{type:Number,default:70},value:{type:Number,default:0},valueMax:{type:Number,default:null},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},leftIconTooltip:{type:String,default:"減少"},rightIconTooltip:{type:String,default:"增加"},buttonIconSize:{type:Number,default:24},buttonColor:{type:String,default:"white"},buttonColorHover:{type:String,default:"white"},buttonColorFocus:{type:String,default:"white"},height:{type:Number,default:28},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiPlusCircle:kl,mdiMinusCircle:"M17,13H7V11H17M12,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",valueTrans:"",focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){let n=this;return n.valueTrans=n.value,n.focusedTrans=n.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick(()=>{e.$emit("update:focused",n)})},changeContent:function(n,e){let t,r=this;if(!1===r.editable)return;if(""!==e&&r.$refs.inp.setFocus(),t=Es(n,"isp0int"),t.err)return n=0,void r.$nextTick(()=>{0===r.valueTrans?r.$refs.inp.setValue(n):(r.valueTrans=n,r.$emit("input",n)),r.$emit("error",t.errmsg)});n=tr(n),"minus"===e?n-=1:"add"===e&&(n+=1),r.valueMax&&n>r.valueMax&&(n=r.valueMax);n<0&&(n=0),r.valueTrans!==n&&r.$nextTick(()=>{r.valueTrans=n,r.$emit("input",n)})}}};var Ly=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{shadow:!1,paddingStyle:{v:0,h:0},backgroundColor:"transparent",backgroundColorHover:"transparent",backgroundColorFocus:"transparent",borderWidth:0,borderColor:"transparent",borderColorHover:"transparent",borderColorFocus:"transparent",iconShiftOuter:0,leftIcon:n.mdiMinusCircle,leftIconSize:n.buttonIconSize,leftIconColor:n.buttonColor,leftIconColorHover:n.buttonColorHover,leftIconColorFocus:n.buttonColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.mdiPlusCircle,rightIconSize:n.buttonIconSize,rightIconColor:n.buttonColor,rightIconColorHover:n.buttonColorHover,rightIconColorFocus:n.buttonColorFocus,rightIconTooltip:n.rightIconTooltip,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.changeContent(n.valueTrans,"minus")},"click-right":function(e){return n.changeContent(n.valueTrans,"add")}}},[t("WTextCore",{ref:"inp",style:{width:n.width+"px"},attrs:{textFontSize:n.textFontSize,textColor:n.textColor,textAlign:"center",height:n.height,editable:n.editable,value:n.valueTrans,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,input:function(e){n.changeContent(e,"")}}})],1)],1)};Ly._withStripped=!0;const Ny=t({render:Ly,staticRenderFns:[]},function(n){n&&n("data-v-18003fd4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextIntCore.vue"},media:void 0})},zy,"data-v-18003fd4",false,void 0,!1,o,void 0,void 0);const Dy={components:{WShellEllipse:_s,WTextIntCore:Ny},props:{width:{type:Number,default:70},paddingStyle:{type:Object,default:()=>({v:0,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:Number,default:0},valueMax:{type:Number,default:null},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},icon:{type:String,default:""},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},leftIconTooltip:{type:String,default:"減少"},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"},buttonIconSize:{type:Number,default:24},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},buttonColor:{type:String,default:"deep-orange lighten-2"},buttonColorHover:{type:String,default:"deep-orange lighten-1"},buttonColorFocus:{type:String,default:"deep-orange lighten-1"},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 Gy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{staticStyle:{display:"inline-block"},attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,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")}}},[t("div",{staticStyle:{margin:"0px -10px"}},[t("WTextIntCore",{attrs:{width:n.width,leftIconTooltip:n.leftIconTooltip,rightIconTooltip:n.rightIconTooltip,buttonIconSize:n.buttonIconSize,buttonColor:n.buttonColor,buttonColorHover:n.buttonColorHover,buttonColorFocus:n.buttonColorFocus,valueMax:n.valueMax,value:n.value,textFontSize:n.textFontSize,textColor:n.textColor,editable:n.editable,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)},error:function(e){n.$emit("error",e)}}})],1)])],1)};Gy._withStripped=!0;const jy=t({render:Gy,staticRenderFns:[]},function(n){n&&n("data-v-a6fdd434_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextInt.vue"},media:void 0})},Dy,"data-v-a6fdd434",false,void 0,!1,o,void 0,void 0);const Ky={directives:{domresize:ol()},components:{WShellEllipse:_s,WTextSuggestCore:$h},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=La(e.paddingStyle,{returnObj:!0}).bottom-2,r=mn(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return vn(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick(()=>{e.$emit("update:focused",n)})},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick(()=>{e.$emit("update:showPanel",n)})}}};var Yy=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)};Yy._withStripped=!0;const _y=t({render:Yy,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})},Ky,"data-v-8a4cfd68",false,void 0,!1,o,void 0,void 0);const $y={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["base:w-threejs-vue"]},opt:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-threejs-vue"];n.default&&(n=n.default),xr().component("w-threejs-vue",n)}n.cmpName="w-threejs-vue"})},computed:{},methods:{}};var My=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,n._g({ref:"$self",tag:"component",attrs:{opt:n.opt}},n.$listeners))};My._withStripped=!0;const Oy=t({render:My,staticRenderFns:[]},function(n){n&&n("data-v-54fc8298_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WThreejsVueDyn.vue"},media:void 0})},$y,"data-v-54fc8298",false,void 0,!1,o,void 0,void 0);var Jy={exports:{}};!function(n){n.exports=function(){var n=1e3,e=6e4,t=36e5,r="millisecond",o="second",i="minute",l="hour",a="day",d="week",u="month",s="quarter",c="year",p="date",f="Invalid Date",g=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,h=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(n){var e=["th","st","nd","rd"],t=n%100;return"["+n+(e[(t-20)%10]||e[t]||e[0])+"]"}},v=function(n,e,t){var r=String(n);return!r||r.length>=e?n:""+Array(e+1-r.length).join(t)+n},y={s:v,z:function(n){var e=-n.utcOffset(),t=Math.abs(e),r=Math.floor(t/60),o=t%60;return(e<=0?"+":"-")+v(r,2,"0")+":"+v(o,2,"0")},m:function n(e,t){if(e.date()<t.date())return-n(t,e);var r=12*(t.year()-e.year())+(t.month()-e.month()),o=e.clone().add(r,u),i=t-o<0,l=e.clone().add(r+(i?-1:1),u);return+(-(r+(t-o)/(i?o-l:l-o))||0)},a:function(n){return n<0?Math.ceil(n)||0:Math.floor(n)},p:function(n){return{M:u,y:c,w:d,d:a,D:p,h:l,m:i,s:o,ms:r,Q:s}[n]||String(n||"").toLowerCase().replace(/s$/,"")},u:function(n){return void 0===n}},b="en",C={};C[b]=m;var x="$isDayjsObject",S=function(n){return n instanceof T||!(!n||!n[x])},I=function n(e,t,r){var o;if(!e)return b;if("string"==typeof e){var i=e.toLowerCase();C[i]&&(o=i),t&&(C[i]=t,o=i);var l=e.split("-");if(!o&&l.length>1)return n(l[0])}else{var a=e.name;C[a]=e,o=a}return!r&&o&&(b=o),o||!r&&b},w=function(n,e){if(S(n))return n.clone();var t="object"==typeof e?e:{};return t.date=n,t.args=arguments,new T(t)},k=y;k.l=I,k.i=S,k.w=function(n,e){return w(n,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var T=function(){function m(n){this.$L=I(n.locale,null,!0),this.parse(n),this.$x=this.$x||n.x||{},this[x]=!0}var v=m.prototype;return v.parse=function(n){this.$d=function(n){var e=n.date,t=n.utc;if(null===e)return new Date(NaN);if(k.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(g);if(r){var o=r[2]-1||0,i=(r[7]||"0").substring(0,3);return t?new Date(Date.UTC(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)):new Date(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)}}return new Date(e)}(n),this.init()},v.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},v.$utils=function(){return k},v.isValid=function(){return!(this.$d.toString()===f)},v.isSame=function(n,e){var t=w(n);return this.startOf(e)<=t&&t<=this.endOf(e)},v.isAfter=function(n,e){return w(n)<this.startOf(e)},v.isBefore=function(n,e){return this.endOf(e)<w(n)},v.$g=function(n,e,t){return k.u(n)?this[e]:this.set(t,n)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(n,e){var t=this,r=!!k.u(e)||e,s=k.p(n),f=function(n,e){var o=k.w(t.$u?Date.UTC(t.$y,e,n):new Date(t.$y,e,n),t);return r?o:o.endOf(a)},g=function(n,e){return k.w(t.toDate()[n].apply(t.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),t)},h=this.$W,m=this.$M,v=this.$D,y="set"+(this.$u?"UTC":"");switch(s){case c:return r?f(1,0):f(31,11);case u:return r?f(1,m):f(0,m+1);case d:var b=this.$locale().weekStart||0,C=(h<b?h+7:h)-b;return f(r?v-C:v+(6-C),m);case a:case p:return g(y+"Hours",0);case l:return g(y+"Minutes",1);case i:return g(y+"Seconds",2);case o:return g(y+"Milliseconds",3);default:return this.clone()}},v.endOf=function(n){return this.startOf(n,!1)},v.$set=function(n,e){var t,d=k.p(n),s="set"+(this.$u?"UTC":""),f=(t={},t[a]=s+"Date",t[p]=s+"Date",t[u]=s+"Month",t[c]=s+"FullYear",t[l]=s+"Hours",t[i]=s+"Minutes",t[o]=s+"Seconds",t[r]=s+"Milliseconds",t)[d],g=d===a?this.$D+(e-this.$W):e;if(d===u||d===c){var h=this.clone().set(p,1);h.$d[f](g),h.init(),this.$d=h.set(p,Math.min(this.$D,h.daysInMonth())).$d}else f&&this.$d[f](g);return this.init(),this},v.set=function(n,e){return this.clone().$set(n,e)},v.get=function(n){return this[k.p(n)]()},v.add=function(r,s){var p,f=this;r=Number(r);var g=k.p(s),h=function(n){var e=w(f);return k.w(e.date(e.date()+Math.round(n*r)),f)};if(g===u)return this.set(u,this.$M+r);if(g===c)return this.set(c,this.$y+r);if(g===a)return h(1);if(g===d)return h(7);var m=(p={},p[i]=e,p[l]=t,p[o]=n,p)[g]||1,v=this.$d.getTime()+r*m;return k.w(v,this)},v.subtract=function(n,e){return this.add(-1*n,e)},v.format=function(n){var e=this,t=this.$locale();if(!this.isValid())return t.invalidDate||f;var r=n||"YYYY-MM-DDTHH:mm:ssZ",o=k.z(this),i=this.$H,l=this.$m,a=this.$M,d=t.weekdays,u=t.months,s=t.meridiem,c=function(n,t,o,i){return n&&(n[t]||n(e,r))||o[t].slice(0,i)},p=function(n){return k.s(i%12||12,n,"0")},g=s||function(n,e,t){var r=n<12?"AM":"PM";return t?r.toLowerCase():r};return r.replace(h,function(n,r){return r||function(n){switch(n){case"YY":return String(e.$y).slice(-2);case"YYYY":return k.s(e.$y,4,"0");case"M":return a+1;case"MM":return k.s(a+1,2,"0");case"MMM":return c(t.monthsShort,a,u,3);case"MMMM":return c(u,a);case"D":return e.$D;case"DD":return k.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return c(t.weekdaysMin,e.$W,d,2);case"ddd":return c(t.weekdaysShort,e.$W,d,3);case"dddd":return d[e.$W];case"H":return String(i);case"HH":return k.s(i,2,"0");case"h":return p(1);case"hh":return p(2);case"a":return g(i,l,!0);case"A":return g(i,l,!1);case"m":return String(l);case"mm":return k.s(l,2,"0");case"s":return String(e.$s);case"ss":return k.s(e.$s,2,"0");case"SSS":return k.s(e.$ms,3,"0");case"Z":return o}return null}(n)||o.replace(":","")})},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(r,p,f){var g,h=this,m=k.p(p),v=w(r),y=(v.utcOffset()-this.utcOffset())*e,b=this-v,C=function(){return k.m(h,v)};switch(m){case c:g=C()/12;break;case u:g=C();break;case s:g=C()/3;break;case d:g=(b-y)/6048e5;break;case a:g=(b-y)/864e5;break;case l:g=b/t;break;case i:g=b/e;break;case o:g=b/n;break;default:g=b}return f?g:k.a(g)},v.daysInMonth=function(){return this.endOf(u).$D},v.$locale=function(){return C[this.$L]},v.locale=function(n,e){if(!n)return this.$L;var t=this.clone(),r=I(n,e,!0);return r&&(t.$L=r),t},v.clone=function(){return k.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},m}(),B=T.prototype;return w.prototype=B,[["$ms",r],["$s",o],["$m",i],["$H",l],["$W",a],["$M",u],["$y",c],["$D",p]].forEach(function(n){B[n[1]]=function(e){return this.$g(e,n[0],n[1])}}),w.extend=function(n,e){return n.$i||(n(e,T,w),n.$i=!0),w},w.locale=I,w.isDayjs=S,w.unix=function(n){return w(1e3*n)},w.en=C[b],w.Ls=C,w.p={},w}()}(Jy);var Ey=nl(Jy.exports);function Uy(n){if(!bn(n))return!1;let e="YYYY-MM-DD";return n===Ey(n,e).format(e)}var Qy={components:{WPopup:vs},props:{value:{type:String,default:""},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},editable:{type:Boolean,default:!0}},data:function(){return{showPanelTrans:!1,emptyDay:!1,valueDay:"",viewMode:"day",displayYear:(new Date).getFullYear(),displayMonth:(new Date).getMonth()+1}},computed:{changeValueFromPopup:function(){let n=this,e=n.value;Uy(e)?(n.emptyDay=!1,n.valueDay=e):(n.emptyDay=!0,n.valueDay=Al(function(){if(!Be(Ey))throw new Error("invalid dayjs");return Ey().format("YYYY-MM-DDTHH:mm:ssZ")}(),10));let t=n.valueDay.split("-");return n.displayYear=parseInt(t[0]),n.displayMonth=parseInt(t[1]),""},usePickColor:function(){return wo(this.pickColor)},useHoverColor:function(){return wo(this.hoverColor)},useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)},calendarCells:function(){let n=this,e=n.displayYear,t=n.displayMonth,r=new Date(e,t,0).getDate(),o=new Date(e,t-1,1).getDay(),i=0,l=0,a=0;if(n.valueDay){let e=n.valueDay.split("-");i=parseInt(e[0]),l=parseInt(e[1]),a=parseInt(e[2])}let d=[];for(let n=0;n<o;n++)d.push({day:null,selected:!1});for(let n=1;n<=r;n++){let r=i===e&&l===t&&a===n;d.push({day:n,selected:r})}return d},yearList:function(){let n=[];for(let e=2100;e>=1900;e--)n.push(e);return n},weekdayLabels:function(){let n=this,e=["Su","Mo","Tu","We","Th","Fr","Sa"],t=[];for(let r=0;r<7;r++)t.push(n.funRenderDayOfWeek?n.funRenderDayOfWeek(r):e[r]);return t},selectedYear:function(){return this.valueDay?parseInt(this.valueDay.split("-")[0]):null},selectedMonth:function(){return this.valueDay?parseInt(this.valueDay.split("-")[1]):null}},methods:{renderYear:function(n){return this.funRenderYear?this.funRenderYear(n):n+"y"},renderMonth:function(n){return this.funRenderMonth?this.funRenderMonth(n):n+"m"},updateShowPanel:function(n,e){let t=this;if(t.editable){if(t.showPanelTrans=n,n){t.viewMode="day";let n=t.valueDay.split("-");t.displayYear=parseInt(n[0]),t.displayMonth=parseInt(n[1])}t.$nextTick(()=>{t.$emit("update:focused",n)})}},prevMonth:function(){let n=this;n.displayMonth<=1?(n.displayMonth=12,n.displayYear--):n.displayMonth--},nextMonth:function(){let n=this;n.displayMonth>=12?(n.displayMonth=1,n.displayYear++):n.displayMonth++},clickDay:function(n){let e=this,t=String(e.displayMonth).padStart(2,"0"),r=String(n).padStart(2,"0"),o=`${e.displayYear}-${t}-${r}`;e.showPanelTrans=!1,e.$nextTick(()=>{e.$emit("update:focused",!1),e.$emit("input",o)})},clickMonth:function(n){this.displayMonth=n,this.viewMode="day"},clickYear:function(n){this.displayYear=n,this.viewMode="month"},showYearView:function(){let n=this;n.viewMode="year",n.$nextTick(()=>{n.scrollYearIntoView()})},scrollYearIntoView:function(){let n=this,e=n.$refs["year_"+n.displayYear],t=Array.isArray(e)?e[0]:e;if(t){let e=n.$refs.yearScroll,r=t.offsetTop,o=t.offsetHeight,i=e.clientHeight;e.scrollTop=r-i/2+o/2}},getDayStyle:function(n){let e="display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; cursor:pointer; font-size:0.85rem; transition:background-color 0.3s;";return n?e+` background-color:${this.usePickColor}; color:white;`:e},getMonthStyle:function(n){let e=this,t="display:inline-flex; align-items:center; justify-content:center; width:100%; padding:10px 0; border-radius:20px; cursor:pointer; font-size:0.85rem; transition:background-color 0.3s;";return e.selectedYear===e.displayYear&&e.selectedMonth===n?t+` background-color:${e.usePickColor}; color:white;`:t},getYearStyle:function(n){let e=this,t="cursor:pointer; padding:4px 0; transition:background-color 0.3s;";return e.selectedYear===n?t+` font-size:1.3rem; font-weight:500; color:${e.usePickColor};`:t+" font-size:0.95rem; color:#333;"}}};const qy=Qy;var nb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{displayType:"line",placementDistX:n.placementDistX,placementDistY:n.placementDistY,editable:n.editable,value:n.showPanelTrans,changeValueFromPopup:n.changeValueFromPopup},on:{input:function(e){n.updateShowPanel(e,"WPopup")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"color:"+n.useTextColor+"; "+n.useTextFontSize,attrs:{TimedayCore:"day"}},[n.emptyDay?[n._v("\n                "+n._s(n.textEmpty)+"\n            ")]:[n._v("\n                "+n._s(n.valueDay)+"\n            ")]],2)]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{"min-width":"240px",padding:"8px 12px","user-select":"none"}},["day"===n.viewMode?t("div",[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"space-between",padding:"4px 0 8px 0"}},[t("div",{staticStyle:{cursor:"pointer",padding:"2px 8px","font-size":"1.1rem",color:"#666"},on:{click:n.prevMonth}},[n._v("‹")]),n._v(" "),t("div",{staticStyle:{cursor:"pointer","font-weight":"500","font-size":"0.95rem"},on:{click:function(e){n.viewMode="month"}}},[n._v(n._s(n.renderYear(n.displayYear))+" "+n._s(n.renderMonth(n.displayMonth)))]),n._v(" "),t("div",{staticStyle:{cursor:"pointer",padding:"2px 8px","font-size":"1.1rem",color:"#666"},on:{click:n.nextMonth}},[n._v("›")])]),n._v(" "),t("div",{staticStyle:{display:"grid","grid-template-columns":"repeat(7,1fr)","text-align":"center"}},n._l(n.weekdayLabels,function(e){return t("div",{key:e,staticStyle:{padding:"4px 0","font-size":"0.75rem",color:"#999"}},[n._v(n._s(e))])}),0),n._v(" "),t("div",{staticStyle:{display:"grid","grid-template-columns":"repeat(7,1fr)","text-align":"center"}},n._l(n.calendarCells,function(e,r){return t("div",{key:r,staticStyle:{display:"flex","align-items":"center","justify-content":"center",padding:"3px"}},[e.day?t("div",{style:n.getDayStyle(e.selected),on:{click:function(t){return n.clickDay(e.day)},mouseenter:function(t){e.selected||(t.currentTarget.style.backgroundColor=n.useHoverColor)},mouseleave:function(n){e.selected||(n.currentTarget.style.backgroundColor="")}}},[n._v(n._s(e.day))]):n._e()])}),0)]):n._e(),n._v(" "),"month"===n.viewMode?t("div",[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"space-between",padding:"4px 0 8px 0"}},[t("div",{staticStyle:{cursor:"pointer",padding:"2px 8px","font-size":"1.1rem",color:"#666"},on:{click:function(e){n.displayYear--}}},[n._v("‹")]),n._v(" "),t("div",{staticStyle:{cursor:"pointer","font-weight":"500","font-size":"0.95rem"},on:{click:n.showYearView}},[n._v(n._s(n.renderYear(n.displayYear)))]),n._v(" "),t("div",{staticStyle:{cursor:"pointer",padding:"2px 8px","font-size":"1.1rem",color:"#666"},on:{click:function(e){n.displayYear++}}},[n._v("›")])]),n._v(" "),t("div",{staticStyle:{display:"grid","grid-template-columns":"repeat(3,1fr)",gap:"6px","text-align":"center"}},n._l(12,function(e){return t("div",{key:e,staticStyle:{display:"flex","align-items":"center","justify-content":"center",padding:"4px 0"}},[t("div",{style:n.getMonthStyle(e),on:{click:function(t){return n.clickMonth(e)},mouseenter:function(t){n.selectedYear===n.displayYear&&n.selectedMonth===e||(t.currentTarget.style.backgroundColor=n.useHoverColor)},mouseleave:function(t){n.selectedYear===n.displayYear&&n.selectedMonth===e||(t.currentTarget.style.backgroundColor="")}}},[n._v(n._s(n.renderMonth(e)))])])}),0)]):n._e(),n._v(" "),"year"===n.viewMode?t("div",[t("div",{ref:"yearScroll",staticStyle:{"text-align":"center","max-height":"240px","overflow-y":"auto"}},n._l(n.yearList,function(e){return t("div",{key:e,ref:"year_"+e,refInFor:!0,staticStyle:{padding:"4px 0"}},[t("div",{style:n.getYearStyle(e),on:{click:function(t){return n.clickYear(e)},mouseenter:function(t){n.selectedYear!==e&&(t.currentTarget.style.backgroundColor=n.useHoverColor)},mouseleave:function(t){n.selectedYear!==e&&(t.currentTarget.style.backgroundColor="")}}},[n._v(n._s(n.renderYear(e)))])])}),0)]):n._e()])]},proxy:!0}])})};nb._withStripped=!0;const eb=t({render:nb,staticRenderFns:[]},function(n){n&&n("data-v-2f76ce98_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayCore.vue"},media:void 0})},qy,"data-v-2f76ce98",false,void 0,!1,o,void 0,void 0);const tb={components:{WShellEllipse:_s,WTimedayCore:eb},props:{textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:String,default:""},icon:{type:String,default:ml},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{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"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:ml,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 rb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,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")}}},[t("WTimedayCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,value:n.value,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)}}})],1)],1)};rb._withStripped=!0;const ob=t({render:rb,staticRenderFns:[]},function(n){n&&n("data-v-1e06627e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeday.vue"},media:void 0})},tb,"data-v-1e06627e",false,void 0,!1,o,void 0,void 0);const ib={components:{WTimedayCore:eb},props:{dayStart:{type:String,default:""},dayEnd:{type:String,default:""},between:{type:String,default:"to"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{focused_start:!1,focused_end:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)}},methods:{changeFocused:function(){let n=this,e=n.focused_start||n.focused_end;n.$nextTick(()=>{n.$emit("update:focused",e)})}}};var lb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimedayCore",{attrs:{TimedayRangeCore:"dayFrom",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.dayStart},on:{"update:focused":function(e){n.focused_start=e,n.changeFocused()},input:function(e){n.$emit("update:dayStart",e)}}}),n._v(" "),t("div",{style:"padding-left:5px; padding-right:8px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n            "+n._s(n.between)+"\n        ")]),n._v(" "),t("WTimedayCore",{attrs:{TimedayRangeCore:"dayTo",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.dayEnd},on:{"update:focused":function(e){n.focused_end=e,n.changeFocused()},input:function(e){n.$emit("update:dayEnd",e)}}})],1)])};lb._withStripped=!0;const ab=t({render:lb,staticRenderFns:[]},function(n){n&&n("data-v-36aa89d7_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayRangeCore.vue"},media:void 0})},ib,"data-v-36aa89d7",false,void 0,!1,o,void 0,void 0);const db={components:{WShellEllipse:_s,WTimedayRangeCore:ab},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},dayStart:{type:String,default:""},dayEnd:{type:String,default:""},between:{type:String,default:"to"},icon:{type:String,default:ml},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{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"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:ml,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 ub=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,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")}}},[t("WTimedayRangeCore",{attrs:{pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,textFontSize:n.textFontSize,textColor:n.textColor,between:n.between,dayStart:n.dayStart,dayEnd:n.dayEnd,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,"update:dayStart":function(e){n.$emit("update:dayStart",e)},"update:dayEnd":function(e){n.$emit("update:dayEnd",e)}}})],1)],1)};ub._withStripped=!0;const sb=t({render:ub,staticRenderFns:[]},function(n){n&&n("data-v-32d98cb5_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayRange.vue"},media:void 0})},db,"data-v-32d98cb5",false,void 0,!1,o,void 0,void 0);var cb=Math.ceil,pb=Math.max;var fb=function(n){return function(e,t,r){return r&&"number"!=typeof r&&ro(e,t,r)&&(t=r=void 0),e=Pn(e),void 0===t?(t=e,e=0):t=Pn(t),function(n,e,t,r){for(var o=-1,i=pb(cb((e-n)/(t||1)),0),l=Array(i);i--;)l[r?i:++o]=n,n+=t;return l}(e,t,r=void 0===r?e<t?1:-1:Pn(r),n)}}(),gb=fb,hb=1/0;var mb={components:{WTimedayCore:eb,WTextSuggestCore:$h},props:{value:{type:String,default:""},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},expansionIcon:{type:String,default:wl},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{valueDay:"",valueTime:"",focusedDay:!1,focusedTime:!1}},mounted:function(){},computed:{changeParam:function(){let n=this,e=lo(n.value,"T"),t=mn(e,0,"");Uy(t)||(t="");let r=Al(mn(e,1),5),o=Al(r,2);o=rr(o);let i=or(r,2);i=rr(i);let l=or(Al(r,3),1);return l=":"===l,o&&i&&l||(r="00:00"),n.valueDay=t,n.valueTime=r,""},getUseMinutes:function(){let n=this;if(Te(n.minutesCustom))return n.minutesCustom;let e=rr(n.hourMin)&&rr(n.hourMax)&&n.hourMin<=n.hourMax,t=rr(n.minuteInter);if(!e||!t)return;let r=Bt(gb(n.hourMin,n.hourMax+1),function(e){let t=Wl(e);return e<10&&(t="0"+t),Bt(gb(0,60,n.minuteInter),function(n){let e=Wl(n);return n<10&&(e="0"+e),t+":"+e})});var o;r=null!=(o=r)&&o.length?Po(o,hb):[];let i=Wl(n.hourMax);return n.hourMax<10&&(i="0"+i),i+=":00",r=Xo(r,function(n){return n<=i}),r}},methods:{modifyDay:function(n){this.valueDay=n,this.changeContent()},modifyTime:function(n){this.valueTime=n,this.changeContent()},changeContent:function(){let n=this,e=n.valueDay+"T"+n.valueTime+":00";(function(n){if(!bn(n))return!1;let e="YYYY-MM-DDTHH:mm:ss";return n===Ey(n,e).format(e)})(e)&&n.$nextTick(()=>{n.$emit("input",e)})},changeFocused:function(){let n=this,e=n.focusedDay||n.focusedTime;n.$nextTick(()=>{n.$emit("update:focused",e)})}}};const vb=mb;var yb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimedayCore",{staticStyle:{"margin-right":"5px"},attrs:{TimeminuteCore:"day",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.valueDay},on:{"update:focused":function(e){n.focusedDay=e,n.changeFocused()},input:n.modifyDay}}),n._v(" "),t("div",{staticStyle:{"margin-right":"-3px"}},[t("WTextSuggestCore",{attrs:{TimeminuteCore:"minute",mode:"select",textFontSize:n.textFontSize,textColor:n.textColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,minWidth:70,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,editable:n.editable,items:n.getUseMinutes,value:n.valueTime},on:{"update:focused":function(e){n.focusedTime=e,n.changeFocused()},input:n.modifyTime}})],1)],1)])};yb._withStripped=!0;const bb=t({render:yb,staticRenderFns:[]},function(n){n&&n("data-v-5040a996_0",{source:"\n[data-v-5040a996] div.v-input__icon {\r\n    transform: translateX(-5px);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WTimeminuteCore.vue"],names:[],mappings:";AAyVA;IACA,2BAAA;AACA",file:"WTimeminuteCore.vue",sourcesContent:["<template>\r\n    <div\r\n        style=\"\"\r\n        :changeParam=\"changeParam\"\r\n    >\r\n        \x3c!-- 盡量不要讓display:flex暴露至外層 --\x3e\r\n        <div style=\"display:flex; align-items:center;\">\r\n\r\n            <WTimedayCore\r\n                TimeminuteCore=\"day\"\r\n                style=\"margin-right:5px;\"\r\n                :textFontSize=\"textFontSize\"\r\n                :textColor=\"textColor\"\r\n                :pickColor=\"pickColor\"\r\n                :hoverColor=\"hoverColor\"\r\n                :funRenderYear=\"funRenderYear\"\r\n                :funRenderMonth=\"funRenderMonth\"\r\n                :funRenderDayOfWeek=\"funRenderDayOfWeek\"\r\n                :placementDistX=\"placementDistX\"\r\n                :placementDistY=\"placementDistY\"\r\n                :textEmpty=\"textEmpty\"\r\n                :editable=\"editable\"\r\n                :value=\"valueDay\"\r\n                @update:focused=\"(v)=>{focusedDay=v;changeFocused()}\"\r\n                @input=\"modifyDay\"\r\n            ></WTimedayCore>\r\n\r\n            <div style=\"margin-right:-3px;\">\r\n                <WTextSuggestCore\r\n                    TimeminuteCore=\"minute\"\r\n                    :mode=\"'select'\"\r\n                    :textFontSize=\"textFontSize\"\r\n                    :textColor=\"textColor\"\r\n                    :placementDistX=\"placementDistX\"\r\n                    :placementDistY=\"placementDistY\"\r\n                    :minWidth=\"70\"\r\n                    :expansionIcon=\"expansionIcon\"\r\n                    :expansionIconSize=\"expansionIconSize\"\r\n                    :expansionIconColor=\"expansionIconColor\"\r\n                    :editable=\"editable\"\r\n                    :items=\"getUseMinutes\"\r\n                    :value=\"valueTime\"\r\n                    @update:focused=\"(v)=>{focusedTime=v;changeFocused()}\"\r\n                    @input=\"modifyTime\"\r\n                ></WTextSuggestCore>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlay } from '@mdi/js'\r\nimport split from 'lodash-es/split.js'\r\nimport get from 'lodash-es/get.js'\r\nimport map from 'lodash-es/map.js'\r\nimport range from 'lodash-es/range.js'\r\nimport flattenDeep from 'lodash-es/flattenDeep.js'\r\nimport filter from 'lodash-es/filter.js'\r\nimport strleft from 'wsemi/src/strleft.mjs'\r\nimport strright from 'wsemi/src/strright.mjs'\r\nimport isp0int from 'wsemi/src/isp0int.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport istime from 'wsemi/src/istime.mjs'\r\nimport isday from 'wsemi/src/isday.mjs'\r\nimport cstr from 'wsemi/src/cstr.mjs'\r\nimport WTimedayCore from './WTimedayCore.vue'\r\nimport WTextSuggestCore from './WTextSuggestCore.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [value=''] 輸入日期字串，預設''\r\n * @vue-prop {Number} [hourMin=8] 輸入可選最小小時，單位為小時，預設8\r\n * @vue-prop {Number} [hourMax=8] 輸入可選最大小時，單位為小時，預設8\r\n * @vue-prop {Number} [minuteInter=15] 輸入每小時的切分區間，單位為分鐘，預設15\r\n * @vue-prop {Array} [minutesCustom=null] 輸入自訂可選的時分點字串陣列，單位為時分(00:00)，若給予，則上述hourMin,hourMax,minuteInter自動失效，預設null\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字大小字串，預設'0.85rem'\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [pickColor='deep-orange darken-1'] 輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'\r\n * @vue-prop {String} [hoverColor='#ddd'] 輸入日期彈窗中滑鼠移入時之背景顏色字串，預設'#ddd'\r\n * @vue-prop {Function} [funRenderYear=null] 輸入渲染年份之函數，傳入年數值回傳顯示字串，預設null，未給時回傳'{年}y'\r\n * @vue-prop {Function} [funRenderMonth=null] 輸入渲染月份之函數，傳入月數值回傳顯示字串，預設null，未給時回傳'{月}m'\r\n * @vue-prop {Function} [funRenderDayOfWeek=null] 輸入渲染星期幾之函數，傳入星期幾數值(0=日)回傳顯示字串，預設null，未給時回傳對應英文縮寫\r\n * @vue-prop {String} [expansionIcon=mdiPlay] 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay)\r\n * @vue-prop {Number} [expansionIconSize=18] 輸入顯隱圖標尺寸數字，單位為px，預設18\r\n * @vue-prop {String} [expansionIconColor='grey'] 輸入顯隱圖標顏色字串，預設'grey'\r\n * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0\r\n * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7\r\n * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    components: {\r\n        WTimedayCore,\r\n        WTextSuggestCore\r\n    },\r\n    props: {\r\n        value: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        hourMin: {\r\n            type: Number,\r\n            default: 8,\r\n        },\r\n        hourMax: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        minuteInter: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        minutesCustom: {\r\n            type: Array,\r\n            default: null,\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: 'black',\r\n        },\r\n        pickColor: {\r\n            type: String,\r\n            default: 'deep-orange darken-1',\r\n        },\r\n        hoverColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        funRenderYear: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        funRenderMonth: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        funRenderDayOfWeek: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        expansionIcon: {\r\n            type: String,\r\n            default: mdiPlay,\r\n        },\r\n        expansionIconSize: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        expansionIconColor: {\r\n            type: String,\r\n            default: 'grey',\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: 7,\r\n        },\r\n        textEmpty: {\r\n            type: String,\r\n            default: 'Select a date',\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            valueDay: '',\r\n            valueTime: '',\r\n            focusedDay: false,\r\n            focusedTime: false,\r\n        }\r\n    },\r\n    mounted: function() {\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            //value for trigger\r\n            let value = vo.value\r\n\r\n            //s\r\n            let s = split(value, 'T')\r\n\r\n            //day\r\n            let valueDay = get(s, 0, '')\r\n            if (!isday(valueDay)) {\r\n                valueDay = '' //預設空字串, 顯示textEmpty\r\n            }\r\n\r\n            //time, 外部傳入2019-01-01T10:00:00時, 只取10:00共5字元長度來處理, 代表不處理秒, 預設為00秒\r\n            let valueTime = strleft(get(s, 1), 5)\r\n            let bt1 = strleft(valueTime, 2)\r\n            bt1 = isp0int(bt1)\r\n            let bt2 = strright(valueTime, 2)\r\n            bt2 = isp0int(bt2)\r\n            let bt3 = strright(strleft(valueTime, 3), 1)\r\n            bt3 = bt3 === ':'\r\n            if (!(bt1 && bt2 && bt3)) {\r\n                valueTime = '00:00' //預設0時0分\r\n            }\r\n\r\n            //save\r\n            vo.valueDay = valueDay\r\n            vo.valueTime = valueTime\r\n\r\n            return ''\r\n        },\r\n\r\n        getUseMinutes: function () {\r\n            //console.log('computed getUseMinutes')\r\n\r\n            let vo = this\r\n\r\n            if (isarr(vo.minutesCustom)) {\r\n                return vo.minutesCustom\r\n            }\r\n\r\n            let b1 = isp0int(vo.hourMin) && isp0int(vo.hourMax) && vo.hourMin <= vo.hourMax\r\n            let b2 = isp0int(vo.minuteInter)\r\n            if (!b1 || !b2) {\r\n                return\r\n            }\r\n\r\n            //rs, 各時分\r\n            let rs = map(range(vo.hourMin, vo.hourMax + 1), function(hour) {\r\n\r\n                //產生時\r\n                let h = cstr(hour)\r\n                if (hour < 10) {\r\n                    h = '0' + h\r\n                }\r\n\r\n                //產生分\r\n                return map(range(0, 60, vo.minuteInter), function(min) {\r\n                    let m = cstr(min)\r\n                    if (min < 10) {\r\n                        m = '0' + m\r\n                    }\r\n                    return h + ':' + m\r\n                })\r\n            })\r\n            rs = flattenDeep(rs)\r\n\r\n            //hMax\r\n            let hMax = cstr(vo.hourMax)\r\n            if (vo.hourMax < 10) {\r\n                hMax = '0' + hMax\r\n            }\r\n            hMax = hMax + ':00'\r\n            rs = filter(rs, function(r) {\r\n                return r <= hMax\r\n            })\r\n\r\n            return rs\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        modifyDay: function(v) {\r\n            //console.log('methods modifyDay',v)\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.valueDay = v\r\n\r\n            //changeContent\r\n            vo.changeContent()\r\n\r\n        },\r\n\r\n        modifyTime: function(v) {\r\n            //console.log('methods modifyTime',v)\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.valueTime = v\r\n\r\n            //changeContent\r\n            vo.changeContent()\r\n\r\n        },\r\n\r\n        changeContent: function () {\r\n            //console.log('methods changeContent')\r\n\r\n            let vo = this\r\n\r\n            //value\r\n            let value = vo.valueDay + 'T' + vo.valueTime + ':00'\r\n\r\n            //check\r\n            if (!istime(value)) {\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        changeFocused: function() {\r\n            //console.log('methods changeFocused')\r\n\r\n            let vo = this\r\n\r\n            //focused\r\n            let focused = vo.focusedDay || vo.focusedTime\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:focused', focused)\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::v-deep div.v-input__icon {\r\n    transform: translateX(-5px);\r\n}\r\n</style>\r\n"]},media:void 0})},vb,"data-v-5040a996",false,void 0,!1,o,void 0,void 0);const Cb={components:{WShellEllipse:_s,WTimeminuteCore:bb},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:String,default:""},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},icon:{type:String,default:ml},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{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"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},expansionIcon:{type:String,default:wl},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:ml,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 xb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,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")}}},[t("WTimeminuteCore",{attrs:{hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.value},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)}}})],1)],1)};xb._withStripped=!0;const Sb=t({render:xb,staticRenderFns:[]},function(n){n&&n("data-v-306ba58e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminute.vue"},media:void 0})},Cb,"data-v-306ba58e",false,void 0,!1,o,void 0,void 0);const Ib={components:{WTimeminuteCore:bb},props:{minuteStart:{type:String,default:""},minuteEnd:{type:String,default:""},between:{type:String,default:"to"},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},expansionIcon:{type:String,default:wl},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{focused_start:!1,focused_end:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ae(n,";",""),`font-size:${n};`},useTextColor:function(){return wo(this.textColor)}},methods:{changeFocused:function(){let n=this,e=n.focused_start||n.focused_end;n.$nextTick(()=>{n.$emit("update:focused",e)})}}};var wb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimeminuteCore",{attrs:{TimeminuteRangeCore:"dayminuFrom",hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.minuteStart},on:{"update:focused":function(e){n.focused_start=e,n.changeFocused()},input:function(e){n.$emit("update:minuteStart",e)}}}),n._v(" "),t("div",{style:"padding-left:9px; padding-right:11px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n            "+n._s(n.between)+"\n        ")]),n._v(" "),t("WTimeminuteCore",{attrs:{TimeminuteRangeCore:"dayminuTo",hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.minuteEnd},on:{"update:focused":function(e){n.focused_end=e,n.changeFocused()},input:function(e){n.$emit("update:minuteEnd",e)}}})],1)])};wb._withStripped=!0;const kb=t({render:wb,staticRenderFns:[]},function(n){n&&n("data-v-3fc1c44b_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminuteRangeCore.vue"},media:void 0})},Ib,"data-v-3fc1c44b",false,void 0,!1,o,void 0,void 0);const Tb={components:{WShellEllipse:_s,WTimeminuteRangeCore:kb},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},minuteStart:{type:String,default:""},minuteEnd:{type:String,default:""},between:{type:String,default:"to"},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},icon:{type:String,default:ml},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{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"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},hoverColor:{type:String,default:"#ddd"},funRenderYear:{type:Function,default:null},funRenderMonth:{type:Function,default:null},funRenderDayOfWeek:{type:Function,default:null},expansionIcon:{type:String,default:wl},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:ml,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 Bb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,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")}}},[t("WTimeminuteRangeCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,hoverColor:n.hoverColor,funRenderYear:n.funRenderYear,funRenderMonth:n.funRenderMonth,funRenderDayOfWeek:n.funRenderDayOfWeek,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,between:n.between,minuteEnd:n.minuteEnd,minuteStart:n.minuteStart,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,"update:minuteEnd":function(e){n.$emit("update:minuteEnd",e)},"update:minuteStart":function(e){n.$emit("update:minuteStart",e)}}})],1)],1)};Bb._withStripped=!0;const Hb=t({render:Bb,staticRenderFns:[]},function(n){n&&n("data-v-54123473_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminuteRange.vue"},media:void 0})},Tb,"data-v-54123473",false,void 0,!1,o,void 0,void 0);const Ab={components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/tinymce@5.10.7/tinymce.min.js","base:w-tinymce-vue"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;br(n.pathItems).then(e=>{if("loaded"!==e){let n=window["w-tinymce-vue"];n.default&&(n=n.default),xr().component("w-tinymce-vue",n)}n.cmpName="w-tinymce-vue"})},computed:{},methods:{}};var Wb=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};Wb._withStripped=!0;const Fb=t({render:Wb,staticRenderFns:[]},function(n){n&&n("data-v-39014164_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTinymceVueDyn.vue"},media:void 0})},Ab,"data-v-39014164",false,void 0,!1,o,void 0,void 0);let Zb={tooltip:[],popup:[]};function Xb(n,e){Zb[n].push(e)}function Rb(n,e){return Oa(Zb[n])===e}function Vb(n,e){Qa(Zb[n],e)}let Pb={mode:"wysiwyg",theme:"classic",lang:"zh_TW",counter:{enable:!1,type:"markdown"},tab:"\t",typewriterMode:!0,toolbarConfig:{pin:!0},cache:{enable:!1},toolbar:["headings","bold","italic","strike","link","|","list","ordered-list","outdent","indent","|","quote","line","insert-before","insert-after","|","table","|","undo","redo","|","edit-mode","export"],hint:{parse:!0,delay:0,extend:[]},preview:{maxWidth:1e10,delay:0,actions:[],hljs:{style:"monokai",lineNumber:!0}}};var zb={directives:{domresize:ol()},components:{WIconLoading:Bo},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.css","https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.min.js"]},value:{type:String,default:""},height:{type:Number,default:250},settings:{type:Object,default:()=>{}},keyHint:{type:[String,Array],default:""},hintBorderRadius:{type:Number,default:4},hintBackgroundColor:{type:String,default:"#fff"},hintShadow:{type:Boolean,default:!0},hintShadowStyle:{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)"},cmpZIndex:{type:Number,default:3e3},editable:{type:Boolean,default:!0}},data:function(){return{loading:!0,mmkey:Qo(),bp:null,mode:"popup",kind:"click",isolated:!0,transitionTime:200,triggerWidth:null,contentStyle:"",contentEditor:null,showPopper:!1,placement:"bottom-start",placementDistX:0,placementDistY:-15,valueTrans:"",useHint:""}},mounted:function(){let n=this;(async function(){await sr(()=>void 0!==n.$el),await br(n.pathItems);let e=window.Vditor;await sr(()=>ai(mn(n,"$refs.divVditor")));let t=n.$refs.divVditor;n.contentEditor=new e(t,n.useSettings),await sr(()=>qo(mn(n,"contentEditor.vditor"))),n.loading=!1,n.valueTrans=n.value,n.contentEditor.setValue(n.value)})().catch(n=>{console.log(n)});let e="change-show-popper";n.bp=new mu(n,n.funGetDivTrigger,n.funGetDivContent,"showPopper",e,{funAddTrigger:Xb,funCheckTrigger:Rb,funRemoveTrigger:Vb}),n.bp.on(e,e=>{e||(n.useHint="")}),n.bp.mounted()},beforeDestroy:function(){let n=this;n.contentEditor&&(n.contentEditor.destroy(),n.contentEditor=null),n.bp&&n.bp.destroy()},computed:{keyHints:function(){let n=this,e=n.keyHint;return bn(n.keyHint)&&(e=[n.keyHint]),e},useSettings:function(){let n=this,e={...Pb,...n.settings};e.height=n.height;let t=[];return ke(n.keyHints,n=>{if(!bn(n))return!0;let e={key:n,hint:async e=>[{html:`<div name="tar" tpht="${n}" style="display:none;"></div>`,value:""}]};t.push(e)}),e.hint.extend=t,e.input=e=>{n.valueTrans=e,n.detectAndShowHint(e),n.$emit("input",e)},e},changeValue:function(){let n=this.value;return this.relaValue(n),""},changeEditable:function(){let n=this.editable;return this.relaEditable(n),""},changeShowPopper:function(){let n=this,e=n.showPopper;return n.isolated||n.updateValue(e,"changeShowPopper"),""},useHintBorderRadius:function(){let n=this;return Fo(n.hintBorderRadius)?`border-radius:${n.hintBorderRadius}px;`:""},useHintBackgroundColor:function(){return wo(this.hintBackgroundColor)},useHintShadow:function(){if(!this.hintShadow)return"";let n=Ae(this.hintShadowStyle,";","");return""!==n?`box-shadow:${n};`:""}},methods:{relaValue:function(){let n=this;n.loading||n.value!==n.valueTrans&&(n.valueTrans=n.value,n.contentEditor.setValue(n.value))},relaEditable:function(){let n=this;(async function(){await sr(()=>!n.loading),n.editable?n.contentEditor.enable():n.contentEditor.disabled()})().catch(n=>{console.log(n)})},funGetDivTrigger:function(){let n=this,e=null;try{e=n.$el.querySelector('[class="vditor-hint"]')}catch(n){}return e},funGetDivContent:function(){return mn(this,"$refs.divContent",null)},findAnchor:function(){let n=this,e=In(),t=0,r=setInterval(()=>{t++;let o=n.funGetDivTrigger();ai(o)&&(clearInterval(r),e.resolve(o)),t>100&&(clearInterval(r),e.reject("can not find the ele"))},50);return e},getUseHint:function(n){let e="";try{e=n.querySelector('div[name="tar"]').getAttribute("tpht")}catch(n){}return e},detectAndShowHint:function(n){let e=this;Ya(e.keyHints)&&e.findAnchor().then(n=>{"none"!==n.style.display&&(e.useHint=e.getUseHint(n),e.evShow("click","call"),e.contentEditor.blur())}).catch(n=>{console.log(n)})},evShow:function(n,e){let t=this;Be(mn(t,"bp.evShow"))&&t.bp.evShow(n,e)},evHide:function(n,e){let t=this;Be(mn(t,"bp.evHide"))&&t.bp.evHide(n,e)},updatePopper:function(n,e){let t=this;Be(mn(t,"bp.updatePopper"))&&t.bp.updatePopper(n,e)},updateValue:function(n,e){let t=this;Be(mn(t,"bp.updateValue"))&&t.bp.updateValue(n,e)},insertValue:function(n,e){let t=this;if(Be(mn(t,"contentEditor.insertValue"))){t.contentEditor.insertValue(n);let e=t.contentEditor.getValue();ke(t.keyHints,n=>{e=e.replaceAll(`/ ${n}`,"")}),t.valueTrans=t.value,t.contentEditor.setValue(e),t.$emit("input",e)}}}};const Lb=zb;var Nb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue,changeEditable:n.changeEditable,changeShowPopper:n.changeShowPopper}},[n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{staticClass:"WVditorFix",style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},[t("div",{ref:"divVditor"}),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.showPopper,expression:"showPopper"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[n.showPopper?t("div",{style:n.contentStyle+" background:"+n.useHintBackgroundColor+"; "+n.useHintBorderRadius+" "+n.useHintShadow},[n._t("content",null,{hint:n.useHint,funInsert:function(e){n.insertValue(e,"slot")},funHide:function(){n.updateValue(!1,"slot")}})],2):n._e()])])],1)};Nb._withStripped=!0;const Db=t({render:Nb,staticRenderFns:[]},function(n){n&&n("data-v-2b668bbd_0",{source:'\n.WPopperFix[data-popper-reference-hidden][data-v-2b668bbd] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\n.WVditorFix[data-v-2b668bbd] .vditor-reset {\r\n    font-size: inherit;\n}\n.WVditorFix[data-v-2b668bbd] div.vditor-hint:has(div[name="tar"]) { /* 使觸發區divTrigger(原本彈窗)完全透明 */\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    outline: none;\n}\r\n',map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WVditorDyn.vue"],names:[],mappings:";AAmxBA;IACA,kBAAA;IACA,oBAAA;AACA;AACA;IACA,kBAAA;AACA;AACA,oEAAA,6BAAA;IACA,kBAAA;IACA,oBAAA;IACA,aAAA;AACA",file:"WVditorDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n        :changeEditable=\"changeEditable\"\r\n        :changeShowPopper=\"changeShowPopper\"\r\n    >\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div\r\n            class=\"WVditorFix\"\r\n            :style=\"`${loading?'heigh:0px; max-height:0px; overflow-y:hidden;':''}`\"\r\n        >\r\n\r\n            <div ref=\"divVditor\"></div>\r\n\r\n            <div\r\n                ref=\"divContent\"\r\n                class=\"WPopperFix\"\r\n                :style=\"`z-index:${cmpZIndex};`\"\r\n                v-show=\"showPopper\"\r\n                v-domresize\r\n                @domresize=\"updatePopper\"\r\n            >\r\n                <div\r\n                    :style=\"`${contentStyle} background:${useHintBackgroundColor}; ${useHintBorderRadius} ${useHintShadow}`\"\r\n                    v-if=\"showPopper\"\r\n                >\r\n                    <slot\r\n                        name=\"content\"\r\n                        :hint=\"useHint\"\r\n                        :funInsert=\"(v)=>{insertValue(v,'slot')}\"\r\n                        :funHide=\"()=>{updateValue(false,'slot')}\"\r\n                    ></slot>\r\n                </div>\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 each from 'lodash-es/each.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 genPm from 'wsemi/src/genPm.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport isestr from 'wsemi/src/isestr.mjs'\r\nimport iseobj from 'wsemi/src/iseobj.mjs'\r\nimport isearr from 'wsemi/src/isearr.mjs'\r\nimport isEle from 'wsemi/src/isEle.mjs'\r\nimport importResExt from '../js/importResExt.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport BuildPopper from '../js/buildPopper.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction funAddTrigger(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction funCheckTrigger(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction funRemoveTrigger(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\nlet def_settings = {\r\n    mode: 'wysiwyg', //sv: 雙欄位, ir:即時渲染, wysiwyg:所見即所得\r\n    // debugger: true,\r\n    // height: 500,\r\n    // placeholder: '請輸入Markdown格式文字',\r\n    theme: 'classic',\r\n    lang: 'zh_TW',\r\n    counter: {\r\n        enable: false,\r\n        type: 'markdown',\r\n    },\r\n    tab: '\\t',\r\n    typewriterMode: true,\r\n    toolbarConfig: {\r\n        pin: true\r\n    },\r\n    cache: {\r\n        enable: false\r\n    },\r\n    toolbar: [\r\n        // 'emoji',\r\n        'headings',\r\n        'bold',\r\n        'italic',\r\n        'strike',\r\n        'link',\r\n        '|',\r\n        'list',\r\n        'ordered-list',\r\n        // 'check',\r\n        'outdent',\r\n        'indent',\r\n        '|',\r\n        'quote',\r\n        'line',\r\n        // 'code',\r\n        // 'inline-code',\r\n        'insert-before',\r\n        'insert-after',\r\n        '|',\r\n        // 'record',\r\n        'table',\r\n        '|',\r\n        'undo',\r\n        'redo',\r\n        '|',\r\n        'edit-mode',\r\n        // 'content-theme',\r\n        // 'code-theme',\r\n        'export',\r\n        // {\r\n        //     name: 'more',\r\n        //     toolbar: [\r\n        //         'fullscreen',\r\n        //         'both',\r\n        //         // 'preview',\r\n        //         // 'info',\r\n        //         // 'help',\r\n        //     ],\r\n        // },\r\n        // {\r\n        //     hotkey: '⇧⌘S',\r\n        //     name: 'sponsor',\r\n        //     tipPosition: 's',\r\n        //     tip: 'toolbar icon tip',\r\n        //     className: 'right',\r\n        //     icon: '<svg></svg>',\r\n        //     click: () => {\r\n        //         console.log('toolbar click')\r\n        //     },\r\n        // },\r\n    ],\r\n    hint: {\r\n        parse: true,\r\n        delay: 0,\r\n        extend: [\r\n            // {\r\n            //     key: 'md',\r\n            //     hint: async (value) => {\r\n            //         console.log('hint.extend hint', value)\r\n            //         let ts = [\r\n            //             {\r\n            //                 html: '<h6>md1</h6>',\r\n            //                 value: '[google](https://www.google.com/)',\r\n            //             },\r\n            //             {\r\n            //                 html: `<div>md2 <span style=\"color:#f26;\">test2</span></div>`,\r\n            //                 value: 'vvv2',\r\n            //             },\r\n            //         ]\r\n            //         return ts\r\n            //     },\r\n            // },\r\n        ],\r\n    },\r\n    // input: (msg) => {\r\n    //     console.log('input', msg)\r\n    // },\r\n    preview: {\r\n        maxWidth: 1e10,\r\n        delay: 0,\r\n        actions: [], //['desktop', 'tablet', 'mobile', 'mp-wechat', 'zhihu'] //移除分享按鈕\r\n        hljs: {\r\n            style: 'monokai',\r\n            lineNumber: true\r\n        },\r\n        // parse: (ele) => { //預覽回調\r\n        //     console.log('preview.parse', ele) //僅分割預覽之預覽區有效\r\n        //     return ele\r\n        // },\r\n        // transform: (h) => { //渲染之前回調\r\n        //     console.log('preview.transform', h) //僅分割預覽之預覽區有效\r\n        //     return h\r\n        // },\r\n    },\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入vditor套件的css與js檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {String} [value=''] 輸入富文本字串，預設為''\r\n * @vue-prop {Number} [height=250] 輸入高度數字，單位為px，預設為250\r\n * @vue-prop {Object} [settings={}] 輸入vditor設定物件，預設值為{}，內部預設值詳見vditor原始碼\r\n * @vue-prop {String|Array} [keyHint=''] 輸入打字時調用提示區字串或陣列，例如若給予'ht'，則輸入「/ ht」或「@ ht」則可顯示提示區，或給予['ht','kw']陣列，預設為''\r\n * @vue-prop {Number} [hintBorderRadius=4] 輸入提示窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [hintBackgroundColor='rgba(60,60,60,0.75)'] 輸入提示窗背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Boolean} [hintShadow=true] 輸入提示窗是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [hintShadowStyle=''] 輸入提示窗陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [\r\n                'https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.css',\r\n                'https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.min.js',\r\n                // 'https://cdn.jsdelivr.net/npm/vditor@3.11.2/dist/index.css',\r\n                // 'https://cdn.jsdelivr.net/npm/vditor@3.11.2/dist/index.min.js', //此版有問題, 待之後新版更新\r\n            ],\r\n        },\r\n        value: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        height: {\r\n            type: Number,\r\n            default: 250,\r\n        },\r\n        settings: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        keyHint: {\r\n            type: [String, Array],\r\n            default: '',\r\n        },\r\n        hintBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        hintBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        hintShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hintShadowStyle: {\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        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\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            loading: true,\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            bp: null,\r\n\r\n            mode: 'popup', //tooltip, popup\r\n            kind: 'click', //hover, click\r\n            isolated: true, //因完全使用事件觸發, 故isolated=true\r\n            transitionTime: 200,\r\n            triggerWidth: null,\r\n            contentStyle: '',\r\n\r\n            contentEditor: null,\r\n\r\n            showPopper: false,\r\n            placement: 'bottom-start', //定位左下\r\n            placementDistX: 0,\r\n            placementDistY: -15,\r\n\r\n            valueTrans: '',\r\n\r\n            useHint: '',\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        async function core() {\r\n\r\n            //wait $el\r\n            await waitFun(() => {\r\n                return vo.$el !== undefined\r\n            })\r\n\r\n            //importResExt\r\n            await importResExt(vo.pathItems)\r\n            // console.log('res', res)\r\n\r\n            //Vditor\r\n            let Vditor = window['Vditor']\r\n            // console.log('Vditor', Vditor)\r\n\r\n            //wait divVditor, 因loading=false之後才能開始顯示divVditor, 故須等待divVditor是否出現\r\n            await waitFun(() => {\r\n                let ele = get(vo, '$refs.divVditor')\r\n                return isEle(ele)\r\n            })\r\n\r\n            //divVditor\r\n            let divVditor = vo.$refs.divVditor\r\n            // console.log('divVditor', divVditor)\r\n\r\n            //contentEditor\r\n            vo.contentEditor = new Vditor(divVditor, vo.useSettings)\r\n            // console.log('contentEditor', vo.contentEditor)\r\n\r\n            //wait contentEditor, 因new Vditor後會需一小段時間初始化, 故須等待vditor來判斷vditor是否初始化完成\r\n            await waitFun(() => {\r\n                // let getCurrentMode = get(vo, 'contentEditor.getCurrentMode') //因contentEditor.getCurrentMode是原型已為function, 故無法用此做判斷\r\n                // return isfun(getCurrentMode)\r\n                let v = get(vo, 'contentEditor.vditor')\r\n                return iseobj(v)\r\n            })\r\n            // console.log(`vo.contentEditor.getCurrentMode()`, vo.contentEditor.getCurrentMode())\r\n\r\n            //loading, 組件不依照loading顯隱, loading為依賴、組件完成載入、組件初始化後才改為false\r\n            vo.loading = false\r\n\r\n            //update valueTrans, 於mounted進行第1次賦值觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n            vo.valueTrans = vo.value\r\n\r\n            //setValue, 於mounted進行第1次賦值, 之後給computed偵測修改\r\n            vo.contentEditor.setValue(vo.value)\r\n\r\n            // //emit, 於組件內初始化第一次觸發故不須emit\r\n            // vo.$emit('input', value)\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        //BuildPopper\r\n        let keyShow = 'showPopper'\r\n        let evNameValue = 'change-show-popper'\r\n        vo.bp = new BuildPopper(vo,\r\n            vo.funGetDivTrigger,\r\n            vo.funGetDivContent,\r\n            keyShow,\r\n            evNameValue,\r\n            {\r\n                funAddTrigger,\r\n                funCheckTrigger,\r\n                funRemoveTrigger,\r\n            })\r\n\r\n        //監聽evNameValue\r\n        vo.bp.on(evNameValue, (showPopper) => {\r\n            // console.log(vo.mmkey, 'bp.on', evNameValue, showPopper)\r\n            if (!showPopper) { //僅處理隱藏事件\r\n                vo.useHint = '' //隱藏時清空useHint\r\n            }\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        if (vo.contentEditor) {\r\n            vo.contentEditor.destroy()\r\n            vo.contentEditor = null\r\n        }\r\n\r\n        //destroy\r\n        if (vo.bp) {\r\n            vo.bp.destroy()\r\n        }\r\n\r\n    },\r\n    computed: {\r\n\r\n        keyHints: function() {\r\n            let vo = this\r\n\r\n            //hts\r\n            let hts = vo.keyHint\r\n            if (isestr(vo.keyHint)) {\r\n                hts = [vo.keyHint]\r\n            }\r\n            // console.log('hts', hts)\r\n\r\n            return hts\r\n        },\r\n\r\n        useSettings: function() {\r\n            //console.log('computed useSettings')\r\n\r\n            let vo = this\r\n\r\n            let st = {\r\n                ...def_settings,\r\n                ...vo.settings,\r\n            }\r\n            // console.log('st', st)\r\n\r\n            //add height\r\n            st.height = vo.height\r\n\r\n            //extend\r\n            let extend = []\r\n            each(vo.keyHints, (v) => {\r\n                if (!isestr(v)) {\r\n                    return true //跳出換下一個\r\n                }\r\n                let ht = {\r\n                    key: v,\r\n                    hint: async (value) => {\r\n                        // console.log('hint.extend hint', value)\r\n                        let ts = [\r\n                            {\r\n                                html: `<div name=\"tar\" tpht=\"${v}\" style=\"display:none;\"></div>`,\r\n                                value: '',\r\n                            },\r\n                        ]\r\n                        return ts\r\n                    },\r\n                }\r\n                extend.push(ht)\r\n            })\r\n            st.hint.extend = extend\r\n            // console.log('st.hint.extend', st.hint.extend)\r\n\r\n            //add input\r\n            st.input = (value) => {\r\n                // console.log(vo.mmkey, 'input', value)\r\n\r\n                //update valueTrans, 由組件內input觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n                vo.valueTrans = value\r\n\r\n                //detectAndShowHint\r\n                vo.detectAndShowHint(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            }\r\n\r\n            // console.log('st', st)\r\n            return st\r\n        },\r\n\r\n        changeValue: function() {\r\n            // console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n\r\n            //relaValue\r\n            vo.relaValue(value)\r\n\r\n            return ''\r\n        },\r\n\r\n        changeEditable: function() {\r\n            //console.log('computed changeEditable')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let editable = vo.editable\r\n\r\n            //relaEditable\r\n            vo.relaEditable(editable)\r\n\r\n            return ''\r\n        },\r\n\r\n        changeShowPopper: function () {\r\n            //console.log('computed changeShowPopper')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let showPopper = vo.showPopper\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(showPopper, 'changeShowPopper')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useHintBorderRadius: function() {\r\n            //console.log('computed useHintBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.hintBorderRadius)) {\r\n                return `border-radius:${vo.hintBorderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useHintBackgroundColor: function() {\r\n            //console.log('computed useHintBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.hintBackgroundColor)\r\n        },\r\n\r\n        useHintShadow: function() {\r\n            //console.log('computed useHintShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.hintShadow) {\r\n                return ''\r\n            }\r\n\r\n            //hintShadowStyle\r\n            let s = replace(vo.hintShadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        relaValue: function() {\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            //避免使用waitFun, 因多組件value非同步更新, 會導致打字時或hint時連動觸發更新value問題\r\n            //第1次調用value為空字串, 第2次loading可能為true, 此處統一處理loading=false情形\r\n            if (vo.loading) {\r\n                return\r\n            }\r\n\r\n            //check, 避免多組件時使用hint會反覆觸發\r\n            if (vo.value === vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //update valueTrans, 由組件外變更value觸發, 故須再另外儲存至valueTrans\r\n            vo.valueTrans = vo.value\r\n\r\n            //setValue\r\n            vo.contentEditor.setValue(vo.value)\r\n\r\n            // //emit, 由外部變更value觸發故不須emit\r\n            // vo.$emit('input', value)\r\n\r\n        },\r\n\r\n        relaEditable: function() {\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait\r\n                await waitFun(() => {\r\n                    return !vo.loading\r\n                })\r\n\r\n                //editable\r\n                if (vo.editable) {\r\n                    vo.contentEditor.enable()\r\n                }\r\n                else {\r\n                    vo.contentEditor.disabled()\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        funGetDivTrigger: function() {\r\n            let vo = this\r\n            let divTrigger = null\r\n            try {\r\n                divTrigger = vo.$el.querySelector('[class=\"vditor-hint\"]')\r\n            }\r\n            catch (err) {}\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        findAnchor: function() {\r\n            let vo = this\r\n\r\n            let pm = genPm()\r\n\r\n            let n = 0\r\n            let t = setInterval(() => {\r\n                n++\r\n\r\n                //funGetDivTrigger\r\n                let ele = vo.funGetDivTrigger()\r\n\r\n                //check\r\n                if (isEle(ele)) {\r\n                    clearInterval(t)\r\n                    pm.resolve(ele)\r\n                }\r\n\r\n                //check\r\n                if (n > 100) {\r\n                    clearInterval(t)\r\n                    pm.reject('can not find the ele')\r\n                }\r\n\r\n            }, 50)\r\n\r\n            return pm\r\n        },\r\n\r\n        getUseHint: function(divTrigger) {\r\n            // let vo = this\r\n\r\n            //tpht\r\n            let tpht = ''\r\n            try {\r\n                tpht = divTrigger.querySelector('div[name=\"tar\"]').getAttribute('tpht')\r\n            }\r\n            catch (err) {}\r\n\r\n            return tpht\r\n        },\r\n\r\n        detectAndShowHint: function(v) {\r\n            let vo = this\r\n\r\n            //check\r\n            if (!isearr(vo.keyHints)) {\r\n                return\r\n            }\r\n\r\n            //findAnchor\r\n            vo.findAnchor()\r\n                .then((divTrigger) => {\r\n                    // console.log('divTrigger', divTrigger)\r\n\r\n                    //check\r\n                    if (divTrigger.style.display === 'none') {\r\n                        return\r\n                    }\r\n                    // console.log('divTrigger', divTrigger)\r\n\r\n                    //完全透明\r\n                    // divTrigger.style.opacity = 0 //因顯示之後再偵測隱藏會有顯隱問題, 使用者體驗不佳, 改為使用css強制隱藏\r\n\r\n                    //顯示時取得與儲存useHint\r\n                    vo.useHint = vo.getUseHint(divTrigger)\r\n                    // console.log('divTrigger', divTrigger, 'useHint', vo.useHint)\r\n\r\n                    //evShow\r\n                    vo.evShow('click', 'call')\r\n\r\n                    //blur, 編輯器移除焦點, 避免使用者此時通過鍵盤刪除或再變更\r\n                    vo.contentEditor.blur()\r\n\r\n                })\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\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        insertValue: function(v, from) {\r\n            let vo = this\r\n            let f = get(vo, 'contentEditor.insertValue')\r\n            if (isfun(f)) {\r\n\r\n                //insertValue\r\n                vo.contentEditor.insertValue(v)\r\n\r\n                //取得當前value\r\n                let value = vo.contentEditor.getValue()\r\n\r\n                //取代hint符號\r\n                // console.log('value(ori)', value)\r\n                each(vo.keyHints, (keyHint) => {\r\n                    value = value.replaceAll(`/ ${keyHint}`, '')\r\n                })\r\n                // console.log('value(replace)', value)\r\n\r\n                //update valueTrans, 由組件內insertValue觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n                vo.valueTrans = vo.value\r\n\r\n                //setValue\r\n                vo.contentEditor.setValue(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\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.WVditorFix >>> .vditor-reset {\r\n    font-size: inherit;\r\n}\r\n.WVditorFix >>> div.vditor-hint:has(div[name=\"tar\"]) { /* 使觸發區divTrigger(原本彈窗)完全透明 */\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    outline: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})},Lb,"data-v-2b668bbd",false,void 0,!1,o,void 0,void 0);let Gb={install:function(n){n.component("teleport",u),n.component("w-aggrid-vue-dyn",Wo),n.prototype.$alert=mi,n.component("w-badge",dl),n.component("w-button-chip",Bu),n.component("w-button-circle",Fu),n.component("w-checkbox",Vu),n.component("w-ckeditor-vue-dyn",Lu),n.component("w-color-pick-alpha",ju),n.component("w-color-pick-hexagon",Uu),n.component("w-color-pick-hexagon-gray",is),n.component("w-color-pick-hsv",us),n.component("w-color-pick-hue",fs),n.component("w-color-pick-stripe",es),n.component("w-color-select",nf),n.component("w-color-select-input",Ep),n.component("w-color-select-panel",As),n.component("w-color-select-panel-block",xs),n.component("w-color-select-panel-hsva",ks),n.component("w-confirm",pf),n.component("w-dialog",df),n.component("w-drawer",vf),n.component("w-dropfiles",wf),n.component("w-dynamic-list",_f),n.component("w-echarts-vue-dyn",Of),n.component("w-explorer",Bh),n.component("w-group-baggage",Xh),n.component("w-group-baggage-item",Wh),n.component("w-group-chip-check",Ps),n.component("w-group-chip-radio",Ns),n.component("w-group-dragdrop",Ph),n.component("w-group-icon-check",Dh),n.component("w-group-icon-radio",Kh),n.component("w-group-tags",qh),n.component("w-highcharts-bitmap-dyn",rm),n.component("w-highcharts-vue-dyn",lm),n.component("w-highstock-vue-dyn",um),n.component("w-icon",Ma),n.component("w-icon-loading",Bo),n.component("w-image-cascading-dyn",Bm),n.component("w-image-lazy",Fm),n.component("w-image-viewer-dyn",Vm),n.component("w-input-checkbox",Nm),n.component("w-input-radio",jm),n.component("w-json-view",sv),n.component("w-leaflet-vue-dyn",fv),n.component("w-level-grade",vv),n.component("w-list-check",xv),n.component("w-list-expand",Av),n.component("w-list-expand-item",kv),n.component("w-list-horizontal",Xv),n.component("w-list-item",ah),n.component("w-list-radio",Pv),n.component("w-list-vertical",ch),n.component("w-panel-avatar",Dv),n.component("w-panel-bulge",Kv),n.component("w-panel-divide-horizontal",$v),n.component("w-panel-divide-vertical",Ev),n.component("w-panel-label-item",js),n.component("w-panel-scale",qv),n.component("w-panel-scrolly",oh),n.component("w-panel-scrolly-core",Df),n.component("w-panel-stripe",ty),n.component("w-popup",vs),n.component("w-popup-edit-text",iy),n.component("w-progress-bar",uy),n.component("w-progress-circle",py),n.component("w-quill-vue-dyn",hy),n.component("w-segments-vertical",by),n.component("w-shell-bottom-line",Os),n.component("w-shell-ellipse",_s),n.component("w-slider",$p),n.component("w-switch",Iy),n.component("w-table-dyn",Ay),n.component("w-text",rc),n.component("w-textarea",Py),n.component("w-textarea-core",Xy),n.component("w-text-core",nc),n.component("w-text-int",jy),n.component("w-text-int-core",Ny),n.component("w-text-select",_y),n.component("w-text-suggest",Jh),n.component("w-text-suggest-core",$h),n.component("w-threejs-vue-dyn",Oy),n.component("w-timeday",ob),n.component("w-timeday-core",eb),n.component("w-timeday-range",sb),n.component("w-timeday-range-core",ab),n.component("w-timeminute",Sb),n.component("w-timeminute-core",bb),n.component("w-timeminute-range",Hb),n.component("w-timeminute-range-core",kb),n.component("w-tinymce-vue-dyn",Fb),n.component("w-tooltip",Iu),n.component("w-tree",Ih),n.component("w-tree-icon-checkbox",yh),n.component("w-tree-icon-toggle",hh),n.component("w-vditor-dyn",Db)}};return t({},void 0,Gb,void 0,void 0,void 0,!1,void 0,void 0,void 0)});
 //# sourceMappingURL=w-component-vue.umd.js.map